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, img {
    border: 0
}

caption, th {
    text-align: left
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

article, aside, footer, header, nav, main, section, summary, details, hgroup, figure, figcaption {
    display: block
}

audio, canvas, video, progress {
    display: inline-block;
    vertical-align: baseline
}

button {
    background: none;
    border: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: inherit;
    overflow: visible;
    vertical-align: inherit
}

button:disabled {
    cursor: default
}

:focus {
    outline: 3px solid #c1e0fe;
    outline: 3px solid rgba(131, 192, 253, 0.5);
    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
}

@media print {
    body, #main, #content {
        color: #000
    }
    a, a:link, a:visited {
        color: #000;
        text-decoration: none
    }
    #globalheader, #globalfooter, #directorynav, #tabs, .noprint, .hide {
        display: none
    }
}

html {
    font-family:Aeonikpro, sans-serif;
    font-size: 106.25%;
    quotes: "“" "”"
}

[lang]:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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",Aeonikpro, 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(fr) {
    quotes: "« " " »"
}

:lang(es-ES) {
    quotes: "«" "»"
}

:lang(hu) {
    quotes: "„" "“"
}

:lang(ja-JP) {
    quotes: "「" "」"
}

:lang(no-NO) {
    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:Aeonikpro, sans-serif;
    background-color: #fff;
    color: #333;
    font-style: normal
}

body:lang(ar) {
    line-height: 1.58824;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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.61765;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(th) {
    font-size: 17px;
    line-height: 1.64706;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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 {
    color: #111
}

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
}

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 {
    color: #0070c9
}

a:link, a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a:active {
    text-decoration: none
}

p+a {
    display: inline-block
}

.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
}

.footnote {
    vertical-align: inherit;
    color: inherit
}

.footnote:hover {
    color: #0070c9;
    text-decoration: none
}

.theme-dark .footnote {
    color: inherit
}

.theme-dark .footnote:hover {
    color: #6bf
}

b, strong {
    font-weight: 600
}

em, i, cite, dfn {
    font-style: italic
}

sup {
    font-size: .6em;
    vertical-align: top;
    position: relative;
    bottom: -.2em
}

h1 sup, h2 sup, h3 sup {
    font-size: .4em
}

sup a {
    vertical-align: inherit;
    color: inherit
}

sup a:hover {
    color: #0070c9;
    text-decoration: none
}

sub {
    line-height: 1
}

abbr {
    border: 0
}

:lang(ja), :lang(ko), :lang(th), :lang(zh) {
    font-style: normal
}

:lang(ko) {
    word-break: keep-all
}

.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 {
        -webkit-filter: invert(1);
        filter: invert(1)
    }
}

.nowrap {
    display: inline-block;
    text-decoration: inherit;
    white-space: nowrap
}

.clear {
    clear: both
}

.cursor-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.cursor-grabbing {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.row {
    position: relative;
    z-index: 1
}

.row::before, .row::after {
    content: ' ';
    display: table
}

.row::after {
    clear: both
}

.column {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    float: left;
    min-height: 2px
}

.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
    }
}

.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-external::before, .icon-external::after {
    content: ""
}

.icon-share::before, .icon-share::after {
    content: ""
}

.icon-pausecircle::before, .icon-pausecircle::after {
    content: ""
}

.icon-playcircle::before, .icon-playcircle::after {
    content: ""
}

.icon-replay::before, .icon-replay::after {
    content: ""
}

.icon-stopcircle::before, .icon-stopcircle::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-infocircle::before, .icon-infocircle::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
}

a.icon-wrapper {
    text-decoration: none
}

a.icon-wrapper:hover .icon-copy {
    text-decoration: underline
}

html[dir=rtl] .icon-external::before, html[dir=rtl] .icon-external::after {
    content: ""
}

html[dir=rtl] .icon-wrapper {
    unicode-bidi: bidi-override
}

html[dir=rtl] .icon-copy {
    unicode-bidi: embed
}

: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: 1442px) {
    .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: 735px) {
    .small-hide {
        display: none
    }
    .small-show {
        display: block
    }
    .small-show-inline {
        display: inline
    }
    .small-show-inlineblock {
        display: inline-block
    }
}

.large-show-only {
    display: block
}

@media only screen and (min-width: 1442px) {
    .large-show-only {
        display: none
    }
}

@media only screen and (max-width: 1068px) {
    .large-show-only {
        display: none
    }
}

@media only screen and (max-width: 735px) {
    .large-show-only {
        display: none
    }
}

.xlarge-show-only {
    display: none
}

@media only screen and (min-width: 1442px) {
    .xlarge-show-only {
        display: block
    }
}

@media only screen and (max-width: 1068px) {
    .xlarge-show-only {
        display: none
    }
}

@media only screen and (max-width: 735px) {
    .xlarge-show-only {
        display: none
    }
}

.medium-show-only {
    display: none
}

@media only screen and (min-width: 1442px) {
    .medium-show-only {
        display: none
    }
}

@media only screen and (max-width: 1068px) {
    .medium-show-only {
        display: block
    }
}

@media only screen and (max-width: 735px) {
    .medium-show-only {
        display: none
    }
}

.small-show-only {
    display: none
}

@media only screen and (min-width: 1442px) {
    .small-show-only {
        display: none
    }
}

@media only screen and (max-width: 1068px) {
    .small-show-only {
        display: none
    }
}

@media only screen and (max-width: 735px) {
    .small-show-only {
        display: block
    }
}

html.touch .hide-for-touch {
    display: none
}

br.xlarge {
    display: none
}

br.medium {
    display: none
}

br.small {
    display: none
}

br.large {
    display: block
}

@media only screen and (min-width: 1442px) {
    br.large {
        display: none
    }
    br.medium {
        display: none
    }
    br.small {
        display: none
    }
    br.xlarge {
        display: block
    }
}

@media only screen and (max-width: 1068px) {
    br.large {
        display: none
    }
    br.xlarge {
        display: none
    }
    br.small {
        display: none
    }
    br.medium {
        display: block
    }
}

@media only screen and (max-width: 735px) {
    br.large {
        display: none
    }
    br.xlarge {
        display: none
    }
    br.medium {
        display: none
    }
    br.small {
        display: block
    }
}

html.ie8, html.ie8 body {
    overflow-x: hidden
}

.main {
    overflow: hidden;
    position: relative;
    width: 100%
}

@media only screen and (max-width: 735px) {
    .main {
        min-width: 320px
    }
}

.ie .main {
    overflow: auto
}

.section-wrapper, .section-content {
    margin-left: auto;
    margin-right: auto;
    width: 980px
}

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

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

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

.section-wrapper::before, .section-wrapper::after, .section-content::before, .section-content::after {
    content: ' ';
    display: table
}

.section-wrapper::after, .section-content::after {
    clear: both
}

@media only screen and (min-width: 1442px) {
    .section-block:last-child, .section-block.section-block--last {
        margin-bottom: 125px
    }
}

.section-block:last-child, .section-block.section-block--last {
    margin-bottom: 125px
}

@media only screen and (max-width: 1068px) {
    .section-block:last-child, .section-block.section-block--last {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 735px) {
    .section-block:last-child, .section-block.section-block--last {
        margin-bottom: 70px
    }
}

.section-copy .column-offset-0 {
    margin-left: 0
}

.section-copy .column-push-0 {
    left: auto;
    right: auto
}

.section-copy .column-pull-0 {
    right: auto;
    left: auto
}

.section-copy .column-1 {
    width: 10%
}

.section-copy .column-offset-1 {
    margin-left: 10%
}

.section-copy .column-push-1 {
    left: 10%;
    right: auto
}

.section-copy .column-pull-1 {
    right: 10%;
    left: auto
}

.section-copy .column-2 {
    width: 20%
}

.section-copy .column-offset-2 {
    margin-left: 20%
}

.section-copy .column-push-2 {
    left: 20%;
    right: auto
}

.section-copy .column-pull-2 {
    right: 20%;
    left: auto
}

.section-copy .column-3 {
    width: 30%
}

.section-copy .column-offset-3 {
    margin-left: 30%
}

.section-copy .column-push-3 {
    left: 30%;
    right: auto
}

.section-copy .column-pull-3 {
    right: 30%;
    left: auto
}

.section-copy .column-4 {
    width: 40%
}

.section-copy .column-offset-4 {
    margin-left: 40%
}

.section-copy .column-push-4 {
    left: 40%;
    right: auto
}

.section-copy .column-pull-4 {
    right: 40%;
    left: auto
}

.section-copy .column-5 {
    width: 50%
}

.section-copy .column-offset-5 {
    margin-left: 50%
}

.section-copy .column-push-5 {
    left: 50%;
    right: auto
}

.section-copy .column-pull-5 {
    right: 50%;
    left: auto
}

.section-copy .column-6 {
    width: 60%
}

.section-copy .column-offset-6 {
    margin-left: 60%
}

.section-copy .column-push-6 {
    left: 60%;
    right: auto
}

.section-copy .column-pull-6 {
    right: 60%;
    left: auto
}

.section-copy .column-7 {
    width: 70%
}

.section-copy .column-offset-7 {
    margin-left: 70%
}

.section-copy .column-push-7 {
    left: 70%;
    right: auto
}

.section-copy .column-pull-7 {
    right: 70%;
    left: auto
}

.section-copy .column-8 {
    width: 80%
}

.section-copy .column-offset-8 {
    margin-left: 80%
}

.section-copy .column-push-8 {
    left: 80%;
    right: auto
}

.section-copy .column-pull-8 {
    right: 80%;
    left: auto
}

.section-copy .column-9 {
    width: 90%
}

.section-copy .column-offset-9 {
    margin-left: 90%
}

.section-copy .column-push-9 {
    left: 90%;
    right: auto
}

.section-copy .column-pull-9 {
    right: 90%;
    left: auto
}

.section-copy .column-10 {
    width: 100%
}

.section-copy .column-offset-10 {
    margin-left: 100%
}

.section-copy .column-push-10 {
    left: 100%;
    right: auto
}

.section-copy .column-pull-10 {
    right: 100%;
    left: auto
}

.section-copy .column-centered {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.section-copy .column-uncentered {
    margin-left: 0;
    margin-right: 0
}

.section-copy .column-last {
    float: right
}

.section-copy .column-notlast {
    float: left
}

.section-content {
    padding-top: 125px
}

@media only screen and (min-width: 1442px) {
    .section-content {
        padding-top: 125px
    }
}

@media only screen and (max-width: 1068px) {
    .section-content {
        padding-top: 100px
    }
}

@media only screen and (max-width: 735px) {
    .section-content {
        padding-top: 70px
    }
}

.section-block {
    margin-bottom: 75px
}

@media only screen and (min-width: 1442px) {
    .section-block {
        margin-bottom: 75px
    }
}

@media only screen and (max-width: 1068px) {
    .section-block {
        margin-bottom: 80px
    }
}

@media only screen and (max-width: 735px) {
    .section-block {
        margin-bottom: 70px
    }
}

.section-copy {
    padding-right: 100px;
    padding-left: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 1442px) {
    .section-copy {
        padding-right: 100px;
        padding-left: 100px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 1068px) {
    .section-copy {
        padding-right: 57px;
        padding-left: 57px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 735px) {
    .section-copy {
        padding-right: 0;
        padding-left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.large-text-inline-start {
    text-align: left
}

.large-text-center {
    text-align: center
}

.large-text-inline-end {
    text-align: right
}

.large-text-justify {
    text-align: justify
}

@media only screen and (min-width: 1442px) {
    .xlarge-text-inline-start {
        text-align: left
    }
    .xlarge-text-center {
        text-align: center
    }
    .xlarge-text-inline-end {
        text-align: right
    }
    .xlarge-text-justify {
        text-align: justify
    }
}

@media only screen and (max-width: 1068px) {
    .medium-text-inline-start {
        text-align: left
    }
    .medium-text-center {
        text-align: center
    }
    .medium-text-inline-end {
        text-align: right
    }
    .medium-text-justify {
        text-align: justify
    }
}

@media only screen and (max-width: 735px) {
    .small-text-inline-start {
        text-align: left
    }
    .small-text-center {
        text-align: center
    }
    .small-text-inline-end {
        text-align: right
    }
    .small-text-justify {
        text-align: justify
    }
}

br.large {
    display: block
}

@media only screen and (max-width: 1068px) {
    br.large {
        display: none
    }
}

@media only screen and (max-width: 735px) {
    br.large {
        display: none
    }
}

br.medium {
    display: none
}

@media only screen and (max-width: 1068px) {
    br.medium {
        display: block
    }
}

@media only screen and (max-width: 735px) {
    br.medium {
        display: none
    }
}

br.small {
    display: none
}

@media only screen and (max-width: 1068px) {
    br.small {
        display: none
    }
}

@media only screen and (max-width: 735px) {
    br.small {
        display: block
    }
}

.typography-headline-standalone {
    font-size: 96px;
    line-height: 1.04167;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-headline-standalone:lang(th) {
    font-size: 86px;
    line-height: 1.32582;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-headline-standalone {
        font-size: 80px;
        line-height: 1.05;
        font-weight: 600;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(ar) {
        line-height: 1.2;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(ja) {
        line-height: 1.0875;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(ko) {
        line-height: 1.15625;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(th) {
        font-size: 72px;
        line-height: 1.32008;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-standalone:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-standalone {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(th) {
        font-size: 43px;
        line-height: 1.34884;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-standalone:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline-super {
    font-size: 80px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-headline-super:lang(th) {
    font-size: 72px;
    line-height: 1.32008;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-headline-super {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 600;
        letter-spacing: -.009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(ar) {
        line-height: 1.20312;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(ja) {
        line-height: 1.10938;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(ko) {
        line-height: 1.17188;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(th) {
        font-size: 58px;
        line-height: 1.32759;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-super {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(th) {
        font-size: 43px;
        line-height: 1.34884;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline-elevated {
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -.009em;
    font-family:Aeonikpro, sans-serif
}

.typography-headline-elevated:lang(ar) {
    line-height: 1.20312;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(th) {
    font-size: 58px;
    line-height: 1.32759;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-headline-elevated {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(th) {
        font-size: 43px;
        line-height: 1.34884;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-elevated {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(ar) {
        line-height: 1.3;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(ja) {
        line-height: 1.175;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(ko) {
        line-height: 1.2125;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(th) {
        font-size: 36px;
        line-height: 1.33357;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline {
    font-size: 48px;
    line-height: 1.08365;
    font-weight: 600;
    letter-spacing: -.003em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-headline:lang(th) {
    font-size: 43px;
    line-height: 1.34884;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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:Aeonikpro, sans-serif
    }
    .typography-headline:lang(ar) {
        line-height: 1.3;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline:lang(ja) {
        line-height: 1.175;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(ko) {
        line-height: 1.2125;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(th) {
        font-size: 36px;
        line-height: 1.33357;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(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:Aeonikpro, sans-serif
}

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

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

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

.typography-headline-reduced:lang(th) {
    font-size: 36px;
    line-height: 1.33357;
    font-family: "SF Pro TH",Aeonikpro, 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:Aeonikpro, sans-serif
    }
    .typography-headline-reduced:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-reduced:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-reduced:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-reduced {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-reduced:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, 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(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product-super {
    font-size: 44px;
    line-height: 1.09091;
    font-weight: 600;
    letter-spacing: -.002em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-product-super:lang(ar) {
    line-height: 1.29585;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

.typography-eyebrow-product-super:lang(th) {
    font-size: 40px;
    line-height: 1.3;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product-super {
        font-size: 35px;
        line-height: 1.11429;
        font-weight: 600;
        letter-spacing: .003em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(th) {
        font-size: 31px;
        line-height: 1.35484;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(ar) {
        line-height: 1.35734;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(ja) {
        line-height: 1.2;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(ko) {
        line-height: 1.22867;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product-super {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product-elevated {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-eyebrow-product-elevated:lang(th) {
    font-size: 36px;
    line-height: 1.33357;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product-elevated {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product-elevated {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product {
    font-size: 30px;
    line-height: 1.13353;
    font-weight: 600;
    letter-spacing: .006em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-product:lang(th) {
    font-size: 27px;
    line-height: 1.44468;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 600;
        letter-spacing: .01em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(ar) {
        line-height: 1.40913;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(ja) {
        line-height: 1.27273;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(ko) {
        line-height: 1.29565;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product-reduced {
    font-size: 28px;
    line-height: 1.14286;
    font-weight: 600;
    letter-spacing: .007em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-product-reduced:lang(th) {
    font-size: 25px;
    line-height: 1.44;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.typography-eyebrow-product-reduced:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product-reduced {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product-reduced {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-super {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-super:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-super {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-super {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-elevated {
    font-size: 28px;
    line-height: 1.14286;
    font-weight: 600;
    letter-spacing: .007em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-elevated:lang(th) {
    font-size: 25px;
    line-height: 1.44;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.typography-eyebrow-elevated:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-elevated {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-elevated {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-eyebrow:lang(ar) {
    line-height: 1.35417;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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:Aeonikpro, sans-serif
    }
    .typography-eyebrow:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-reduced {
    font-size: 21px;
    line-height: 1.19048;
    font-weight: 600;
    letter-spacing: .011em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-reduced:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.typography-eyebrow-reduced:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 735px) {
    .typography-eyebrow-reduced {
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 600;
        letter-spacing: .012em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-reduced:lang(th) {
        font-size: 19px;
        line-height: 1.57895;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-reduced:lang(ar) {
        line-height: 1.39474;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-reduced:lang(ja) {
        line-height: 1.26316;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-reduced:lang(ko) {
        line-height: 1.34211;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product-super {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-intro-product-super:lang(th) {
    font-size: 36px;
    line-height: 1.33357;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-intro-product-super {
        font-size: 30px;
        line-height: 1.13353;
        font-weight: 400;
        letter-spacing: .006em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(th) {
        font-size: 27px;
        line-height: 1.44468;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(ar) {
        line-height: 1.33353;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(ja) {
        line-height: 1.23353;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product-super {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 400;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product-elevated {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 400;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro-product-elevated:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-intro-product-elevated {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 400;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product-elevated {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 400;
        letter-spacing: .01em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(ar) {
        line-height: 1.40913;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(ja) {
        line-height: 1.27273;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(ko) {
        line-height: 1.29565;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product {
    font-size: 28px;
    line-height: 1.14286;
    font-weight: 400;
    letter-spacing: .007em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro-product:lang(th) {
    font-size: 25px;
    line-height: 1.44;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.typography-intro-product:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-intro-product {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 400;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 400;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(th) {
        font-size: 21px;
        line-height: 1.52381;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(ja) {
        line-height: 1.2381;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product-reduced {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 400;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro-product-reduced:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-intro-product-reduced {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 400;
        letter-spacing: .01em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(ar) {
        line-height: 1.40913;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(ja) {
        line-height: 1.27273;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(ko) {
        line-height: 1.29565;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product-reduced {
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 400;
        letter-spacing: .012em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(th) {
        font-size: 19px;
        line-height: 1.57895;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(ar) {
        line-height: 1.39474;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(ja) {
        line-height: 1.26316;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(ko) {
        line-height: 1.34211;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-elevated {
    font-size: 24px;
    line-height: 1.33349;
    font-weight: 400;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro-elevated:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-intro-elevated {
        font-size: 21px;
        line-height: 1.38105;
        font-weight: 400;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-elevated:lang(th) {
        font-size: 21px;
        line-height: 1.57143;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-elevated:lang(ar) {
        line-height: 1.54762;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-elevated:lang(ja) {
        line-height: 1.42863;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(ko) {
        line-height: 1.52381;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro {
    font-size: 21px;
    line-height: 1.38105;
    font-weight: 400;
    letter-spacing: .011em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro:lang(th) {
    font-size: 21px;
    line-height: 1.57143;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 735px) {
    .typography-intro {
        font-size: 19px;
        line-height: 1.42115;
        font-weight: 400;
        letter-spacing: .012em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro:lang(th) {
        font-size: 19px;
        line-height: 1.57895;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro:lang(ar) {
        line-height: 1.57895;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro:lang(ja) {
        line-height: 1.47384;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro:lang(ko) {
        line-height: 1.55269;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-quote {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-quote:lang(th) {
    font-size: 36px;
    line-height: 1.33357;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-quote {
        font-size: 32px;
        line-height: 1.25;
        font-weight: 400;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-quote:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-quote:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-quote:lang(ja) {
        line-height: 1.34375;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(ko) {
        line-height: 1.375;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-quote {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 400;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-quote:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-quote:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-quote:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-quote-reduced {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.typography-quote-reduced:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-quote-reduced:lang(ar) {
    line-height: 1.34375;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-quote-reduced {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 400;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-quote-reduced {
        font-size: 24px;
        line-height: 1.33349;
        font-weight: 400;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(ar) {
        line-height: 1.52099;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(ja) {
        line-height: 1.375;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(ko) {
        line-height: 1.45849;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(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:Aeonikpro, sans-serif
}

.typography-callout:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

.typography-callout:lang(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:Aeonikpro, sans-serif
    }
    .typography-callout:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, 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(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-callout:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-callout {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-callout:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-callout:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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:Aeonikpro, sans-serif
}

.typography-manifesto:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-manifesto {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-manifesto {
        font-size: 24px;
        line-height: 1.33349;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(ar) {
        line-height: 1.52099;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(ja) {
        line-height: 1.41667;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(ko) {
        line-height: 1.45849;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(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:Aeonikpro, sans-serif
}

.typography-label:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-label:lang(ar) {
    line-height: 1.35417;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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:Aeonikpro, sans-serif
    }
    .typography-label:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-label:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-label:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-label:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-label:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-label:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-label:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-label:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tout {
    font-size: 19px;
    line-height: 1.21053;
    font-weight: 600;
    letter-spacing: .012em;
    font-family:Aeonikpro, sans-serif
}

.typography-tout:lang(th) {
    font-size: 19px;
    line-height: 1.57895;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

.typography-tout:lang(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:Aeonikpro, sans-serif
}

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

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

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

.typography-body:lang(th) {
    font-size: 17px;
    line-height: 1.64706;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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-tight {
    font-size: 17px;
    line-height: 1.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif
}

.typography-body-tight:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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.35298;
    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(th) {
    font-size: 17px;
    line-height: 1.52947;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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-body-reduced {
    font-size: 14px;
    line-height: 1.42861;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-body-reduced:lang(th) {
    font-size: 14px;
    line-height: 1.71429;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.typography-body-reduced-tight:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-body-reduced-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-reduced-tight:lang(ko) {
    line-height: 1.42861;
    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(th) {
    font-size: 14px;
    line-height: 1.71429;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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-caption {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-caption:lang(th) {
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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-representation-donut-total {
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-representation-donut-total:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-representation-donut-total: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-representation-donut-total: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
}

.typography-representation-donut-total:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-representation-donut-total: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-representation-donut-total: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-representation-donut-total {
        font-size: 27px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-representation-donut-total:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-representation-donut-total: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-representation-donut-total: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
    }
    .typography-representation-donut-total:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-representation-donut-total:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-donut-total:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-donut-total: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-representation-donut-total:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-representation-donut-total {
        font-size: 22px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-representation-donut-total:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-representation-donut-total: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-representation-donut-total: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
    }
    .typography-representation-donut-total:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-representation-donut-total:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-donut-total:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-donut-total: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-representation-donut-total:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-representation-legend-value {
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-representation-legend-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-representation-legend-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
}

.typography-representation-legend-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
}

.typography-representation-legend-value:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-representation-legend-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
}

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

@media only screen and (max-width: 1068px) {
    .typography-representation-legend-value {
        font-size: 21px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-representation-legend-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-representation-legend-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
    }
    .typography-representation-legend-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
    }
    .typography-representation-legend-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-representation-legend-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-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
    }
    .typography-representation-legend-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-representation-legend-value {
        font-size: 19px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-representation-legend-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-representation-legend-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
    }
    .typography-representation-legend-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
    }
    .typography-representation-legend-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-representation-legend-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-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
    }
    .typography-representation-legend-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-representation-legend-percent {
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-representation-legend-percent:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-representation-legend-percent: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
}

.typography-representation-legend-percent: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
}

.typography-representation-legend-percent:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-representation-legend-percent: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-representation-legend-percent: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) {
    .typography-representation-legend-percent {
        font-size: 14px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-representation-legend-percent:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-representation-legend-percent: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
    }
    .typography-representation-legend-percent: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
    }
    .typography-representation-legend-percent:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-representation-legend-percent:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-percent:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-percent: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-representation-legend-percent: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: 735px) {
    .typography-representation-legend-percent {
        font-size: 12px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-representation-legend-percent:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-representation-legend-percent: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
    }
    .typography-representation-legend-percent: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
    }
    .typography-representation-legend-percent:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-representation-legend-percent:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-percent:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-percent: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-representation-legend-percent:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-data-subtablist {
    font-size: 19px;
    line-height: 1.52632;
    font-weight: 300;
    letter-spacing: .016em;
    font-family:Aeonikpro, sans-serif
}

.typography-data-subtablist:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-data-subtablist:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-data-subtablist: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-data-subtablist: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
}

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

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

.typography-data-subtablist: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-data-subtablist: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-data-subtablist {
        font-size: 14px;
        line-height: 1.57143;
        font-weight: 300;
        letter-spacing: -.024em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-subtablist:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-subtablist: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-data-subtablist: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
    }
    .typography-data-subtablist:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-subtablist:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-subtablist:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-subtablist:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-subtablist: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-data-subtablist: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: 735px) {
    .typography-data-subtablist {
        font-size: 14px;
        line-height: 1.57143;
        font-weight: 300;
        letter-spacing: -.024em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-subtablist:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-subtablist: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-data-subtablist: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
    }
    .typography-data-subtablist:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-subtablist:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-subtablist:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-subtablist:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-subtablist: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-data-subtablist:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-data-maintablist {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.024em;
    font-family:Aeonikpro, sans-serif
}

.typography-data-maintablist:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-data-maintablist: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-data-maintablist: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
}

.typography-data-maintablist:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

.typography-data-maintablist: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-data-maintablist: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) {
    .typography-data-maintablist {
        font-size: 17px;
        line-height: 1.47059;
        font-weight: 400;
        letter-spacing: -.024em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-maintablist:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-maintablist: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-data-maintablist: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
    }
    .typography-data-maintablist:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-maintablist:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-maintablist:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-maintablist:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-maintablist: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-data-maintablist: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: 735px) {
    .typography-data-maintablist {
        font-size: 17px;
        line-height: 1.47059;
        font-weight: 400;
        letter-spacing: -.024em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-maintablist:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-maintablist: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-data-maintablist: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
    }
    .typography-data-maintablist:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-maintablist:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-maintablist:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-maintablist:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-maintablist: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-data-maintablist:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-data-horizontal-graph-badge {
    font-size: 24px;
    line-height: 1.20849;
    font-weight: 700;
    letter-spacing: -.01em;
    font-family:Aeonikpro, sans-serif
}

.typography-data-horizontal-graph-badge:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-data-horizontal-graph-badge: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-data-horizontal-graph-badge: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-data-horizontal-graph-badge:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-data-horizontal-graph-badge:lang(zh) {
    letter-spacing: 0em
}

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

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

.typography-data-horizontal-graph-badge: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-data-horizontal-graph-badge: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-data-horizontal-graph-badge {
        font-size: 24px;
        line-height: 1.20849;
        font-weight: 700;
        letter-spacing: -.01em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-horizontal-graph-badge:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-horizontal-graph-badge: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-data-horizontal-graph-badge: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-data-horizontal-graph-badge:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-horizontal-graph-badge:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-horizontal-graph-badge:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-horizontal-graph-badge:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-horizontal-graph-badge: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-data-horizontal-graph-badge:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-data-horizontal-graph-badge {
        font-size: 24px;
        line-height: 1.20849;
        font-weight: 700;
        letter-spacing: -.01em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-horizontal-graph-badge:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-horizontal-graph-badge: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-data-horizontal-graph-badge: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-data-horizontal-graph-badge:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-horizontal-graph-badge:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-horizontal-graph-badge:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-horizontal-graph-badge:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-horizontal-graph-badge: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-data-horizontal-graph-badge:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-data-donut-graph-badge-value {
    font-size: 60px;
    line-height: .83373;
    font-weight: 700;
    letter-spacing: -.02em;
    font-family:Aeonikpro, sans-serif
}

.typography-data-donut-graph-badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-data-donut-graph-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
}

.typography-data-donut-graph-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
}

.typography-data-donut-graph-badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-data-donut-graph-badge-value:lang(zh) {
    letter-spacing: 0em
}

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

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

.typography-data-donut-graph-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
}

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

@media only screen and (max-width: 1068px) {
    .typography-data-donut-graph-badge-value {
        font-size: 44px;
        line-height: .90917;
        font-weight: 700;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-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
    }
    .typography-data-donut-graph-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
    }
    .typography-data-donut-graph-badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-donut-graph-badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-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
    }
    .typography-data-donut-graph-badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-data-donut-graph-badge-value {
        font-size: 44px;
        line-height: .90917;
        font-weight: 700;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-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
    }
    .typography-data-donut-graph-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
    }
    .typography-data-donut-graph-badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-donut-graph-badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-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
    }
    .typography-data-donut-graph-badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-data-donut-graph-badge-unit {
    font-size: 39px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-data-donut-graph-badge-unit:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-data-donut-graph-badge-unit: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-data-donut-graph-badge-unit: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
}

.typography-data-donut-graph-badge-unit:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-data-donut-graph-badge-unit: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-data-donut-graph-badge-unit: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-data-donut-graph-badge-unit {
        font-size: 30px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-unit: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-data-donut-graph-badge-unit: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
    }
    .typography-data-donut-graph-badge-unit:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-badge-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-badge-unit: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-data-donut-graph-badge-unit:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-data-donut-graph-badge-unit {
        font-size: 30px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-unit: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-data-donut-graph-badge-unit: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
    }
    .typography-data-donut-graph-badge-unit:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-badge-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-badge-unit: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-data-donut-graph-badge-unit:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-stat-unit {
    font-size: 21px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-stat-unit:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-stat-unit: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-stat-unit: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
}

.typography-stat-unit:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-stat-unit: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-stat-unit: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-stat-unit {
        font-size: 17px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-stat-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-stat-unit: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
    }
    .typography-stat-unit: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
    }
    .typography-stat-unit:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-stat-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-unit: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-stat-unit: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: 735px) {
    .typography-stat-unit {
        font-size: 14px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-stat-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-stat-unit: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
    }
    .typography-stat-unit: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
    }
    .typography-stat-unit:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-stat-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-unit: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-stat-unit:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-stat-large {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-stat-large:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-stat-large: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-stat-large: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
}

.typography-stat-large:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-stat-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
}

.typography-stat-large: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-stat-large {
        font-size: 36px;
        line-height: 1.11119;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-stat-large:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-stat-large: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-stat-large: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
    }
    .typography-stat-large:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-stat-large:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-large:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-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
    }
    .typography-stat-large:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-stat-large {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-stat-large:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-stat-large: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-stat-large: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
    }
    .typography-stat-large:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-stat-large:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-large:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-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
    }
    .typography-stat-large:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

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

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

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

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

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

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

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

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

#ac-localnav a {
    pointer-events: auto
}

.section-content {
    padding: 0;
    max-width: 1068px
}

@media only screen and (max-width: 1068px) {
    .section-content {
        max-width: 734px
    }
}

.hidden {
    display: none
}

.italicize {
    font-style: italic
}

h1, h2, h3, h4, h5, h6, p {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.quote-copy {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif;
    color: #111
}

.quote-copy>::before, .quote-copy>::after {
    display: inline-block;
    width: 2em
}

.quote-copy>::before {
    content: open-quote;
    margin-left: -2em;
    text-align: right
}

.quote-copy>::after {
    content: close-quote;
    margin-right: -2em;
    text-align: left;
    visibility: hidden
}

.quote-copy>:last-child {
    margin-bottom: 0
}

.quote-copy>:last-child::after {
    visibility: visible
}

.quote-copy:lang(ar) {
    line-height: 1.3;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.quote-copy: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-copy: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-copy:lang(th) {
    font-size: 36px;
    line-height: 1.33357;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.quote-copy: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-copy: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-copy {
        font-size: 32px;
        line-height: 1.25;
        font-weight: 400;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .quote-copy:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .quote-copy:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .quote-copy: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-copy: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-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy: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-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .quote-copy {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 400;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .quote-copy:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .quote-copy:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .quote-copy: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-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy: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-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.quote-copy>:not(:first-child) {
    margin-top: 0.5em
}

.quote-credit {
    font-size: 17px;
    line-height: 1.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif;
    font-weight: 600;
    color: #333;
    display: block
}

.quote-credit:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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.35298;
    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(th) {
    font-size: 17px;
    line-height: 1.52947;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.quote-credit:lang(zh) {
    letter-spacing: 0em
}

.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-subcredit {
    font-size: 17px;
    line-height: 1.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif;
    color: #333;
    display: block
}

.quote-subcredit:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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.35298;
    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(th) {
    font-size: 17px;
    line-height: 1.52947;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.quote-subcredit:lang(zh) {
    letter-spacing: 0em
}

.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-credit:first-of-type, .quote-subcredit:first-of-type {
    margin-top: 1.6em
}

.quote-reduced .quote-copy {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.quote-reduced .quote-copy:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.quote-reduced .quote-copy:lang(ar) {
    line-height: 1.34375;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.quote-reduced .quote-copy: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 .quote-copy: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 .quote-copy:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

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

.quote-reduced .quote-copy: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 .quote-copy: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 .quote-copy {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 400;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy: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 .quote-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy: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 .quote-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .quote-reduced .quote-copy {
        font-size: 24px;
        line-height: 1.33349;
        font-weight: 400;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy:lang(ar) {
        line-height: 1.52099;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy:lang(ja) {
        line-height: 1.375;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(ko) {
        line-height: 1.45849;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy: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 .quote-copy: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:first-of-type, .quote-reduced .quote-subcredit:first-of-type {
    margin-top: 1.2em
}

.sosumi {
    font-size: 11px;
    line-height: 1.36364;
    font-weight: 400;
    letter-spacing: -.008em;
    font-family:Aeonikpro, sans-serif;
    color: #888
}

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

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

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

.sosumi:lang(th) {
    font-size: 11px;
    line-height: 1.72733;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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 a {
    color: #555
}

.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: .4em
}

.sosumi small {
    font-size: 1em
}

.sosumi>:last-child {
    margin-bottom: -.4em
}

a.block {
    display: block;
    color: inherit;
    cursor: pointer;
    text-decoration: none
}

a.block::before, a.block::after {
    content: ' ';
    display: table
}

a.block::after {
    clear: both
}

a.block:hover {
    text-decoration: none
}

a.block:hover .block-link {
    text-decoration: underline
}

.block-link {
    color: #0070c9;
    cursor: pointer
}

a.block-inline {
    display: inline-block
}

.badge {
    margin-right: 2em;
    color: #111;
    display: inline-block;
    font-size: 20px;
    min-width: 5em;
    position: relative;
    z-index: 1
}

.badge-content {
    margin: 1em 0;
    padding-top: 4px;
    padding-bottom: 2px;
    position: relative;
    z-index: 1
}

.badge-value {
    font-size: 48px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.003em;
    font-family:Aeonikpro, sans-serif;
    left: -2px;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 1
}

.badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.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-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-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge-value:lang(zh) {
    letter-spacing: 0em
}

.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-value:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.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-value:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.badge-caption {
    font-size: 14px;
    line-height: 1.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif;
    left: 0;
    color: #333;
    display: block;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1
}

.badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.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-caption: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
}

.badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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-caption:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.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-caption:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.badge-caption:first-child {
    top: auto;
    bottom: 100%
}

.badge-unit, .badge-unit-plus, .badge-unit-percent, .badge-unit-currency {
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.badge-unit:lang(th), .badge-unit-plus:lang(th), .badge-unit-percent:lang(th), .badge-unit-currency:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge-unit:lang(ar), .badge-unit-plus:lang(ar), .badge-unit-percent:lang(ar), .badge-unit-currency:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.badge-unit:lang(ja), .badge-unit-plus:lang(ja), .badge-unit-percent:lang(ja), .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-unit:lang(ko), .badge-unit-plus:lang(ko), .badge-unit-percent:lang(ko), .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-unit:lang(zh-CN), .badge-unit-plus:lang(zh-CN), .badge-unit-percent:lang(zh-CN), .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-unit:lang(zh-HK), .badge-unit-plus:lang(zh-HK), .badge-unit-percent:lang(zh-HK), .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-unit:lang(zh-MO), .badge-unit-plus:lang(zh-MO), .badge-unit-percent:lang(zh-MO), .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-unit:lang(zh-TW), .badge-unit-plus:lang(zh-TW), .badge-unit-percent:lang(zh-TW), .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-unit-percent, .badge-unit-currency, .badge-unit-plus {
    position: relative;
    z-index: 1
}

.badge-unit sup {
    top: 0.7em
}

.badge-unit-percent {
    top: -0.37em
}

.badge-unit-currency {
    top: -0.375em
}

.badge-unit-plus {
    top: -0.25em
}

.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 .badge-value {
    font-size: 48px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.003em;
    font-family:Aeonikpro, sans-serif
}

.badge .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge .badge-value:lang(zh) {
    letter-spacing: 0em
}

.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.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.badge .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.badge .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 .badge-caption: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
}

.badge .badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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, .badge.badge-stacked .badge-value {
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .004em;
    font-family:Aeonikpro, 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), .badge.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge .badge-unit:lang(ar), .badge .badge-unit-plus:lang(ar), .badge .badge-unit-percent:lang(ar), .badge .badge-unit-currency:lang(ar), .badge.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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), .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-unit:lang(ko), .badge .badge-unit-plus:lang(ko), .badge .badge-unit-percent:lang(ko), .badge .badge-unit-currency:lang(ko), .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-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), .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-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), .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-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), .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-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), .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-unit-currency {
    top: -0.375em
}

.badge.badge-stacked .badge-content {
    padding-bottom: 3px
}

.badge.badge-stacked .badge-value {
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.badge.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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-super .badge-value {
    font-size: 80px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.015em;
    font-family:Aeonikpro, sans-serif
}

.badge-super .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge-super .badge-value:lang(zh) {
    letter-spacing: 0em
}

.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.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif
}

.badge-super .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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) {
    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(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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, .badge-super.badge-stacked .badge-value {
    font-size: 56px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -.005em;
    font-family:Aeonikpro, sans-serif
}

.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), .badge-super.badge-stacked .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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), .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-unit:lang(ko), .badge-super .badge-unit-plus:lang(ko), .badge-super .badge-unit-percent:lang(ko), .badge-super .badge-unit-currency:lang(ko), .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-unit:lang(th), .badge-super .badge-unit-plus:lang(th), .badge-super .badge-unit-percent:lang(th), .badge-super .badge-unit-currency:lang(th), .badge-super.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, 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), .badge-super.badge-stacked .badge-value:lang(zh) {
    letter-spacing: 0em
}

.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), .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-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), .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-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), .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-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), .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-unit-percent {
    top: -0.31em
}

.badge-super .badge-unit-currency {
    top: -0.32em
}

.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:Aeonikpro, sans-serif
}

.badge-elevated .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge-elevated .badge-value:lang(zh) {
    letter-spacing: 0em
}

.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.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.badge-elevated .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.badge-elevated .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-elevated .badge-caption: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
}

.badge-elevated .badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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, .badge-elevated.badge-stacked .badge-value {
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.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), .badge-elevated.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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), .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-unit:lang(ko), .badge-elevated .badge-unit-plus:lang(ko), .badge-elevated .badge-unit-percent:lang(ko), .badge-elevated .badge-unit-currency:lang(ko), .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-unit:lang(th), .badge-elevated .badge-unit-plus:lang(th), .badge-elevated .badge-unit-percent:lang(th), .badge-elevated .badge-unit-currency:lang(th), .badge-elevated.badge-stacked .badge-value:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, 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), .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-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), .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-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), .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-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), .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-unit-plus {
    top: -0.22em
}

.badge-elevated .badge-unit-percent {
    top: -0.43em
}

.badge-elevated .badge-unit-currency {
    top: -0.43em
}

.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:Aeonikpro, sans-serif
}

.badge-reduced .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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",Aeonikpro, 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.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.badge-reduced .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.badge-reduced .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-reduced .badge-caption: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
}

.badge-reduced .badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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, .badge-reduced.badge-stacked .badge-value {
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .007em;
    font-family:Aeonikpro, 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), .badge-reduced.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.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), .badge-reduced.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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), .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-unit:lang(ko), .badge-reduced .badge-unit-plus:lang(ko), .badge-reduced .badge-unit-percent:lang(ko), .badge-reduced .badge-unit-currency:lang(ko), .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-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), .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-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), .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-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), .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-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), .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-unit-plus {
    top: -0.29em
}

.badge-reduced .badge-unit-percent {
    top: -0.31em
}

.badge-reduced .badge-unit-currency {
    top: -0.325em
}

.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:Aeonikpro, sans-serif
}

.badge-tiny .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge-tiny .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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-percent {
    top: -0.34em
}

.badge-tiny .badge-unit-currency {
    top: -0.34em
}

.badge-tiny .badge-unit, .badge-tiny .badge-unit-plus, .badge-tiny .badge-unit-percent, .badge-tiny .badge-unit-currency, .badge-tiny.badge-stacked .badge-value {
    font-size: 19px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .012em;
    font-family:Aeonikpro, 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), .badge-tiny.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.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), .badge-tiny.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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), .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-unit:lang(ko), .badge-tiny .badge-unit-plus:lang(ko), .badge-tiny .badge-unit-percent:lang(ko), .badge-tiny .badge-unit-currency:lang(ko), .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-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), .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-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), .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-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), .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-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), .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
}

.large-badge-base .badge-value {
    font-size: 48px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.003em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-base .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-base .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
}

.large-badge-base .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
}

.large-badge-base .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-base .badge-value:lang(zh) {
    letter-spacing: 0em
}

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

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

.large-badge-base .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
}

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

.large-badge-base .badge-caption {
    font-size: 14px;
    line-height: 1.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-base .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-base .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
}

.large-badge-base .badge-caption: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
}

.large-badge-base .badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-base .badge-caption:lang(zh) {
    letter-spacing: 0em
}

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

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

.large-badge-base .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
}

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

.large-badge-base .badge-unit, .large-badge-base .badge-unit-plus, .large-badge-base .badge-unit-percent, .large-badge-base .badge-unit-currency, .large-badge-base.badge-stacked .badge-value {
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-base .badge-unit:lang(th), .large-badge-base .badge-unit-plus:lang(th), .large-badge-base .badge-unit-percent:lang(th), .large-badge-base .badge-unit-currency:lang(th), .large-badge-base.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-base .badge-unit:lang(ar), .large-badge-base .badge-unit-plus:lang(ar), .large-badge-base .badge-unit-percent:lang(ar), .large-badge-base .badge-unit-currency:lang(ar), .large-badge-base.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-base .badge-unit:lang(ja), .large-badge-base .badge-unit-plus:lang(ja), .large-badge-base .badge-unit-percent:lang(ja), .large-badge-base .badge-unit-currency:lang(ja), .large-badge-base.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
}

.large-badge-base .badge-unit:lang(ko), .large-badge-base .badge-unit-plus:lang(ko), .large-badge-base .badge-unit-percent:lang(ko), .large-badge-base .badge-unit-currency:lang(ko), .large-badge-base.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
}

.large-badge-base .badge-unit:lang(zh-CN), .large-badge-base .badge-unit-plus:lang(zh-CN), .large-badge-base .badge-unit-percent:lang(zh-CN), .large-badge-base .badge-unit-currency:lang(zh-CN), .large-badge-base.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
}

.large-badge-base .badge-unit:lang(zh-HK), .large-badge-base .badge-unit-plus:lang(zh-HK), .large-badge-base .badge-unit-percent:lang(zh-HK), .large-badge-base .badge-unit-currency:lang(zh-HK), .large-badge-base.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
}

.large-badge-base .badge-unit:lang(zh-MO), .large-badge-base .badge-unit-plus:lang(zh-MO), .large-badge-base .badge-unit-percent:lang(zh-MO), .large-badge-base .badge-unit-currency:lang(zh-MO), .large-badge-base.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
}

.large-badge-base .badge-unit:lang(zh-TW), .large-badge-base .badge-unit-plus:lang(zh-TW), .large-badge-base .badge-unit-percent:lang(zh-TW), .large-badge-base .badge-unit-currency:lang(zh-TW), .large-badge-base.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
}

.large-badge-base .badge-unit-currency {
    top: -0.375em
}

.large-badge-base.badge-stacked .badge-content {
    padding-bottom: 3px
}

.large-badge-base.badge-stacked .badge-value {
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-base.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-base.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-base.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
}

.large-badge-base.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
}

.large-badge-base.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
}

.large-badge-base.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
}

.large-badge-base.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
}

.large-badge-base.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
}

.large-badge-super .badge-value {
    font-size: 80px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.015em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-super .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-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
}

.large-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
}

.large-badge-super .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-super .badge-value:lang(zh) {
    letter-spacing: 0em
}

.large-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
}

.large-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
}

.large-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
}

.large-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
}

.large-badge-super .badge-caption {
    font-size: 17px;
    line-height: 1.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-super .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-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
}

.large-badge-super .badge-caption: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
}

.large-badge-super .badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-super .badge-caption:lang(zh) {
    letter-spacing: 0em
}

.large-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
}

.large-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
}

.large-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
}

.large-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
}

.large-badge-super .badge-unit, .large-badge-super .badge-unit-plus, .large-badge-super .badge-unit-percent, .large-badge-super .badge-unit-currency, .large-badge-super.badge-stacked .badge-value {
    font-size: 56px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -.005em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-super .badge-unit:lang(ar), .large-badge-super .badge-unit-plus:lang(ar), .large-badge-super .badge-unit-percent:lang(ar), .large-badge-super .badge-unit-currency:lang(ar), .large-badge-super.badge-stacked .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-super .badge-unit:lang(ja), .large-badge-super .badge-unit-plus:lang(ja), .large-badge-super .badge-unit-percent:lang(ja), .large-badge-super .badge-unit-currency:lang(ja), .large-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
}

.large-badge-super .badge-unit:lang(ko), .large-badge-super .badge-unit-plus:lang(ko), .large-badge-super .badge-unit-percent:lang(ko), .large-badge-super .badge-unit-currency:lang(ko), .large-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
}

.large-badge-super .badge-unit:lang(th), .large-badge-super .badge-unit-plus:lang(th), .large-badge-super .badge-unit-percent:lang(th), .large-badge-super .badge-unit-currency:lang(th), .large-badge-super.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-super .badge-unit:lang(zh), .large-badge-super .badge-unit-plus:lang(zh), .large-badge-super .badge-unit-percent:lang(zh), .large-badge-super .badge-unit-currency:lang(zh), .large-badge-super.badge-stacked .badge-value:lang(zh) {
    letter-spacing: 0em
}

.large-badge-super .badge-unit:lang(zh-CN), .large-badge-super .badge-unit-plus:lang(zh-CN), .large-badge-super .badge-unit-percent:lang(zh-CN), .large-badge-super .badge-unit-currency:lang(zh-CN), .large-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
}

.large-badge-super .badge-unit:lang(zh-HK), .large-badge-super .badge-unit-plus:lang(zh-HK), .large-badge-super .badge-unit-percent:lang(zh-HK), .large-badge-super .badge-unit-currency:lang(zh-HK), .large-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
}

.large-badge-super .badge-unit:lang(zh-MO), .large-badge-super .badge-unit-plus:lang(zh-MO), .large-badge-super .badge-unit-percent:lang(zh-MO), .large-badge-super .badge-unit-currency:lang(zh-MO), .large-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
}

.large-badge-super .badge-unit:lang(zh-TW), .large-badge-super .badge-unit-plus:lang(zh-TW), .large-badge-super .badge-unit-percent:lang(zh-TW), .large-badge-super .badge-unit-currency:lang(zh-TW), .large-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
}

.large-badge-super .badge-unit-percent {
    top: -0.31em
}

.large-badge-super .badge-unit-currency {
    top: -0.32em
}

.large-badge-super.badge-stacked .badge-content {
    padding-bottom: 4px
}

.large-badge-elevated .badge-value {
    font-size: 64px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.009em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-elevated .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-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
}

.large-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
}

.large-badge-elevated .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-elevated .badge-value:lang(zh) {
    letter-spacing: 0em
}

.large-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
}

.large-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
}

.large-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
}

.large-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
}

.large-badge-elevated .badge-caption {
    font-size: 14px;
    line-height: 1.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-elevated .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-elevated .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
}

.large-badge-elevated .badge-caption: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
}

.large-badge-elevated .badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-elevated .badge-caption:lang(zh) {
    letter-spacing: 0em
}

.large-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
}

.large-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
}

.large-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
}

.large-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
}

.large-badge-elevated .badge-unit, .large-badge-elevated .badge-unit-plus, .large-badge-elevated .badge-unit-percent, .large-badge-elevated .badge-unit-currency, .large-badge-elevated.badge-stacked .badge-value {
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-elevated .badge-unit:lang(ar), .large-badge-elevated .badge-unit-plus:lang(ar), .large-badge-elevated .badge-unit-percent:lang(ar), .large-badge-elevated .badge-unit-currency:lang(ar), .large-badge-elevated.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-elevated .badge-unit:lang(ja), .large-badge-elevated .badge-unit-plus:lang(ja), .large-badge-elevated .badge-unit-percent:lang(ja), .large-badge-elevated .badge-unit-currency:lang(ja), .large-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
}

.large-badge-elevated .badge-unit:lang(ko), .large-badge-elevated .badge-unit-plus:lang(ko), .large-badge-elevated .badge-unit-percent:lang(ko), .large-badge-elevated .badge-unit-currency:lang(ko), .large-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
}

.large-badge-elevated .badge-unit:lang(th), .large-badge-elevated .badge-unit-plus:lang(th), .large-badge-elevated .badge-unit-percent:lang(th), .large-badge-elevated .badge-unit-currency:lang(th), .large-badge-elevated.badge-stacked .badge-value:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-elevated .badge-unit:lang(zh-CN), .large-badge-elevated .badge-unit-plus:lang(zh-CN), .large-badge-elevated .badge-unit-percent:lang(zh-CN), .large-badge-elevated .badge-unit-currency:lang(zh-CN), .large-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
}

.large-badge-elevated .badge-unit:lang(zh-HK), .large-badge-elevated .badge-unit-plus:lang(zh-HK), .large-badge-elevated .badge-unit-percent:lang(zh-HK), .large-badge-elevated .badge-unit-currency:lang(zh-HK), .large-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
}

.large-badge-elevated .badge-unit:lang(zh-MO), .large-badge-elevated .badge-unit-plus:lang(zh-MO), .large-badge-elevated .badge-unit-percent:lang(zh-MO), .large-badge-elevated .badge-unit-currency:lang(zh-MO), .large-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
}

.large-badge-elevated .badge-unit:lang(zh-TW), .large-badge-elevated .badge-unit-plus:lang(zh-TW), .large-badge-elevated .badge-unit-percent:lang(zh-TW), .large-badge-elevated .badge-unit-currency:lang(zh-TW), .large-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
}

.large-badge-elevated .badge-unit-plus {
    top: -0.22em
}

.large-badge-elevated .badge-unit-percent {
    top: -0.43em
}

.large-badge-elevated .badge-unit-currency {
    top: -0.43em
}

.large-badge-elevated.badge-stacked .badge-content {
    padding-bottom: 4px
}

.large-badge-reduced .badge-value {
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-reduced .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-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
}

.large-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
}

.large-badge-reduced .badge-value:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-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
}

.large-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
}

.large-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
}

.large-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
}

.large-badge-reduced .badge-caption {
    font-size: 14px;
    line-height: 1.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-reduced .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-reduced .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
}

.large-badge-reduced .badge-caption: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
}

.large-badge-reduced .badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-reduced .badge-caption:lang(zh) {
    letter-spacing: 0em
}

.large-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
}

.large-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
}

.large-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
}

.large-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
}

.large-badge-reduced .badge-unit, .large-badge-reduced .badge-unit-plus, .large-badge-reduced .badge-unit-percent, .large-badge-reduced .badge-unit-currency, .large-badge-reduced.badge-stacked .badge-value {
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .007em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-reduced .badge-unit:lang(th), .large-badge-reduced .badge-unit-plus:lang(th), .large-badge-reduced .badge-unit-percent:lang(th), .large-badge-reduced .badge-unit-currency:lang(th), .large-badge-reduced.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-reduced .badge-unit:lang(ar), .large-badge-reduced .badge-unit-plus:lang(ar), .large-badge-reduced .badge-unit-percent:lang(ar), .large-badge-reduced .badge-unit-currency:lang(ar), .large-badge-reduced.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-reduced .badge-unit:lang(ja), .large-badge-reduced .badge-unit-plus:lang(ja), .large-badge-reduced .badge-unit-percent:lang(ja), .large-badge-reduced .badge-unit-currency:lang(ja), .large-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
}

.large-badge-reduced .badge-unit:lang(ko), .large-badge-reduced .badge-unit-plus:lang(ko), .large-badge-reduced .badge-unit-percent:lang(ko), .large-badge-reduced .badge-unit-currency:lang(ko), .large-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
}

.large-badge-reduced .badge-unit:lang(zh-CN), .large-badge-reduced .badge-unit-plus:lang(zh-CN), .large-badge-reduced .badge-unit-percent:lang(zh-CN), .large-badge-reduced .badge-unit-currency:lang(zh-CN), .large-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
}

.large-badge-reduced .badge-unit:lang(zh-HK), .large-badge-reduced .badge-unit-plus:lang(zh-HK), .large-badge-reduced .badge-unit-percent:lang(zh-HK), .large-badge-reduced .badge-unit-currency:lang(zh-HK), .large-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
}

.large-badge-reduced .badge-unit:lang(zh-MO), .large-badge-reduced .badge-unit-plus:lang(zh-MO), .large-badge-reduced .badge-unit-percent:lang(zh-MO), .large-badge-reduced .badge-unit-currency:lang(zh-MO), .large-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
}

.large-badge-reduced .badge-unit:lang(zh-TW), .large-badge-reduced .badge-unit-plus:lang(zh-TW), .large-badge-reduced .badge-unit-percent:lang(zh-TW), .large-badge-reduced .badge-unit-currency:lang(zh-TW), .large-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
}

.large-badge-reduced .badge-unit-plus {
    top: -0.29em
}

.large-badge-reduced .badge-unit-percent {
    top: -0.31em
}

.large-badge-reduced .badge-unit-currency {
    top: -0.325em
}

.large-badge-reduced.badge-stacked .badge-content {
    padding-bottom: 4px
}

@media only screen and (min-width: 1442px) {
    .xlarge-badge-base .badge-value {
        font-size: 48px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-base .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-base .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
    }
    .xlarge-badge-base .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
    }
    .xlarge-badge-base .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-base .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-badge-base .badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .xlarge-badge-base .badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .xlarge-badge-base .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
    }
    .xlarge-badge-base .badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .xlarge-badge-base .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-base .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-base .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
    }
    .xlarge-badge-base .badge-caption: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
    }
    .xlarge-badge-base .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-base .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-badge-base .badge-caption:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .xlarge-badge-base .badge-caption:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .xlarge-badge-base .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
    }
    .xlarge-badge-base .badge-caption:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .xlarge-badge-base .badge-unit, .xlarge-badge-base .badge-unit-plus, .xlarge-badge-base .badge-unit-percent, .xlarge-badge-base .badge-unit-currency, .xlarge-badge-base.badge-stacked .badge-value {
        font-size: 32px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-base .badge-unit:lang(th), .xlarge-badge-base .badge-unit-plus:lang(th), .xlarge-badge-base .badge-unit-percent:lang(th), .xlarge-badge-base .badge-unit-currency:lang(th), .xlarge-badge-base.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-base .badge-unit:lang(ar), .xlarge-badge-base .badge-unit-plus:lang(ar), .xlarge-badge-base .badge-unit-percent:lang(ar), .xlarge-badge-base .badge-unit-currency:lang(ar), .xlarge-badge-base.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-base .badge-unit:lang(ja), .xlarge-badge-base .badge-unit-plus:lang(ja), .xlarge-badge-base .badge-unit-percent:lang(ja), .xlarge-badge-base .badge-unit-currency:lang(ja), .xlarge-badge-base.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
    }
    .xlarge-badge-base .badge-unit:lang(ko), .xlarge-badge-base .badge-unit-plus:lang(ko), .xlarge-badge-base .badge-unit-percent:lang(ko), .xlarge-badge-base .badge-unit-currency:lang(ko), .xlarge-badge-base.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
    }
    .xlarge-badge-base .badge-unit:lang(zh-CN), .xlarge-badge-base .badge-unit-plus:lang(zh-CN), .xlarge-badge-base .badge-unit-percent:lang(zh-CN), .xlarge-badge-base .badge-unit-currency:lang(zh-CN), .xlarge-badge-base.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
    }
    .xlarge-badge-base .badge-unit:lang(zh-HK), .xlarge-badge-base .badge-unit-plus:lang(zh-HK), .xlarge-badge-base .badge-unit-percent:lang(zh-HK), .xlarge-badge-base .badge-unit-currency:lang(zh-HK), .xlarge-badge-base.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
    }
    .xlarge-badge-base .badge-unit:lang(zh-MO), .xlarge-badge-base .badge-unit-plus:lang(zh-MO), .xlarge-badge-base .badge-unit-percent:lang(zh-MO), .xlarge-badge-base .badge-unit-currency:lang(zh-MO), .xlarge-badge-base.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
    }
    .xlarge-badge-base .badge-unit:lang(zh-TW), .xlarge-badge-base .badge-unit-plus:lang(zh-TW), .xlarge-badge-base .badge-unit-percent:lang(zh-TW), .xlarge-badge-base .badge-unit-currency:lang(zh-TW), .xlarge-badge-base.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
    }
    .xlarge-badge-base .badge-unit-currency {
        top: -0.375em
    }
    .xlarge-badge-base.badge-stacked .badge-content {
        padding-bottom: 3px
    }
    .xlarge-badge-base.badge-stacked .badge-value {
        font-size: 32px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-base.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-base.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-base.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
    }
    .xlarge-badge-base.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
    }
    .xlarge-badge-base.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
    }
    .xlarge-badge-base.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
    }
    .xlarge-badge-base.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
    }
    .xlarge-badge-base.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
    }
    .xlarge-badge-super .badge-value {
        font-size: 80px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-super .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-super .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-super .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-super .badge-caption {
        font-size: 17px;
        line-height: 1.23543;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-super .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-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
    }
    .xlarge-badge-super .badge-caption: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
    }
    .xlarge-badge-super .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-super .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-super .badge-unit, .xlarge-badge-super .badge-unit-plus, .xlarge-badge-super .badge-unit-percent, .xlarge-badge-super .badge-unit-currency, .xlarge-badge-super.badge-stacked .badge-value {
        font-size: 56px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: -.005em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-super .badge-unit:lang(ar), .xlarge-badge-super .badge-unit-plus:lang(ar), .xlarge-badge-super .badge-unit-percent:lang(ar), .xlarge-badge-super .badge-unit-currency:lang(ar), .xlarge-badge-super.badge-stacked .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-super .badge-unit:lang(ja), .xlarge-badge-super .badge-unit-plus:lang(ja), .xlarge-badge-super .badge-unit-percent:lang(ja), .xlarge-badge-super .badge-unit-currency:lang(ja), .xlarge-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
    }
    .xlarge-badge-super .badge-unit:lang(ko), .xlarge-badge-super .badge-unit-plus:lang(ko), .xlarge-badge-super .badge-unit-percent:lang(ko), .xlarge-badge-super .badge-unit-currency:lang(ko), .xlarge-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
    }
    .xlarge-badge-super .badge-unit:lang(th), .xlarge-badge-super .badge-unit-plus:lang(th), .xlarge-badge-super .badge-unit-percent:lang(th), .xlarge-badge-super .badge-unit-currency:lang(th), .xlarge-badge-super.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-super .badge-unit:lang(zh), .xlarge-badge-super .badge-unit-plus:lang(zh), .xlarge-badge-super .badge-unit-percent:lang(zh), .xlarge-badge-super .badge-unit-currency:lang(zh), .xlarge-badge-super.badge-stacked .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-badge-super .badge-unit:lang(zh-CN), .xlarge-badge-super .badge-unit-plus:lang(zh-CN), .xlarge-badge-super .badge-unit-percent:lang(zh-CN), .xlarge-badge-super .badge-unit-currency:lang(zh-CN), .xlarge-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
    }
    .xlarge-badge-super .badge-unit:lang(zh-HK), .xlarge-badge-super .badge-unit-plus:lang(zh-HK), .xlarge-badge-super .badge-unit-percent:lang(zh-HK), .xlarge-badge-super .badge-unit-currency:lang(zh-HK), .xlarge-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
    }
    .xlarge-badge-super .badge-unit:lang(zh-MO), .xlarge-badge-super .badge-unit-plus:lang(zh-MO), .xlarge-badge-super .badge-unit-percent:lang(zh-MO), .xlarge-badge-super .badge-unit-currency:lang(zh-MO), .xlarge-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
    }
    .xlarge-badge-super .badge-unit:lang(zh-TW), .xlarge-badge-super .badge-unit-plus:lang(zh-TW), .xlarge-badge-super .badge-unit-percent:lang(zh-TW), .xlarge-badge-super .badge-unit-currency:lang(zh-TW), .xlarge-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
    }
    .xlarge-badge-super .badge-unit-percent {
        top: -0.31em
    }
    .xlarge-badge-super .badge-unit-currency {
        top: -0.32em
    }
    .xlarge-badge-super.badge-stacked .badge-content {
        padding-bottom: 4px
    }
    .xlarge-badge-elevated .badge-value {
        font-size: 64px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.009em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-elevated .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-elevated .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .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
    }
    .xlarge-badge-elevated .badge-caption: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
    }
    .xlarge-badge-elevated .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-elevated .badge-unit, .xlarge-badge-elevated .badge-unit-plus, .xlarge-badge-elevated .badge-unit-percent, .xlarge-badge-elevated .badge-unit-currency, .xlarge-badge-elevated.badge-stacked .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .badge-unit:lang(ar), .xlarge-badge-elevated .badge-unit-plus:lang(ar), .xlarge-badge-elevated .badge-unit-percent:lang(ar), .xlarge-badge-elevated .badge-unit-currency:lang(ar), .xlarge-badge-elevated.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .badge-unit:lang(ja), .xlarge-badge-elevated .badge-unit-plus:lang(ja), .xlarge-badge-elevated .badge-unit-percent:lang(ja), .xlarge-badge-elevated .badge-unit-currency:lang(ja), .xlarge-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
    }
    .xlarge-badge-elevated .badge-unit:lang(ko), .xlarge-badge-elevated .badge-unit-plus:lang(ko), .xlarge-badge-elevated .badge-unit-percent:lang(ko), .xlarge-badge-elevated .badge-unit-currency:lang(ko), .xlarge-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
    }
    .xlarge-badge-elevated .badge-unit:lang(th), .xlarge-badge-elevated .badge-unit-plus:lang(th), .xlarge-badge-elevated .badge-unit-percent:lang(th), .xlarge-badge-elevated .badge-unit-currency:lang(th), .xlarge-badge-elevated.badge-stacked .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .badge-unit:lang(zh-CN), .xlarge-badge-elevated .badge-unit-plus:lang(zh-CN), .xlarge-badge-elevated .badge-unit-percent:lang(zh-CN), .xlarge-badge-elevated .badge-unit-currency:lang(zh-CN), .xlarge-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
    }
    .xlarge-badge-elevated .badge-unit:lang(zh-HK), .xlarge-badge-elevated .badge-unit-plus:lang(zh-HK), .xlarge-badge-elevated .badge-unit-percent:lang(zh-HK), .xlarge-badge-elevated .badge-unit-currency:lang(zh-HK), .xlarge-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
    }
    .xlarge-badge-elevated .badge-unit:lang(zh-MO), .xlarge-badge-elevated .badge-unit-plus:lang(zh-MO), .xlarge-badge-elevated .badge-unit-percent:lang(zh-MO), .xlarge-badge-elevated .badge-unit-currency:lang(zh-MO), .xlarge-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
    }
    .xlarge-badge-elevated .badge-unit:lang(zh-TW), .xlarge-badge-elevated .badge-unit-plus:lang(zh-TW), .xlarge-badge-elevated .badge-unit-percent:lang(zh-TW), .xlarge-badge-elevated .badge-unit-currency:lang(zh-TW), .xlarge-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
    }
    .xlarge-badge-elevated .badge-unit-plus {
        top: -0.22em
    }
    .xlarge-badge-elevated .badge-unit-percent {
        top: -0.43em
    }
    .xlarge-badge-elevated .badge-unit-currency {
        top: -0.43em
    }
    .xlarge-badge-elevated.badge-stacked .badge-content {
        padding-bottom: 4px
    }
    .xlarge-badge-reduced .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-reduced .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-reduced .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-reduced .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-reduced .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-reduced .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
    }
    .xlarge-badge-reduced .badge-caption: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
    }
    .xlarge-badge-reduced .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-reduced .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-reduced .badge-unit, .xlarge-badge-reduced .badge-unit-plus, .xlarge-badge-reduced .badge-unit-percent, .xlarge-badge-reduced .badge-unit-currency, .xlarge-badge-reduced.badge-stacked .badge-value {
        font-size: 28px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-reduced .badge-unit:lang(th), .xlarge-badge-reduced .badge-unit-plus:lang(th), .xlarge-badge-reduced .badge-unit-percent:lang(th), .xlarge-badge-reduced .badge-unit-currency:lang(th), .xlarge-badge-reduced.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-reduced .badge-unit:lang(ar), .xlarge-badge-reduced .badge-unit-plus:lang(ar), .xlarge-badge-reduced .badge-unit-percent:lang(ar), .xlarge-badge-reduced .badge-unit-currency:lang(ar), .xlarge-badge-reduced.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-reduced .badge-unit:lang(ja), .xlarge-badge-reduced .badge-unit-plus:lang(ja), .xlarge-badge-reduced .badge-unit-percent:lang(ja), .xlarge-badge-reduced .badge-unit-currency:lang(ja), .xlarge-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
    }
    .xlarge-badge-reduced .badge-unit:lang(ko), .xlarge-badge-reduced .badge-unit-plus:lang(ko), .xlarge-badge-reduced .badge-unit-percent:lang(ko), .xlarge-badge-reduced .badge-unit-currency:lang(ko), .xlarge-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
    }
    .xlarge-badge-reduced .badge-unit:lang(zh-CN), .xlarge-badge-reduced .badge-unit-plus:lang(zh-CN), .xlarge-badge-reduced .badge-unit-percent:lang(zh-CN), .xlarge-badge-reduced .badge-unit-currency:lang(zh-CN), .xlarge-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
    }
    .xlarge-badge-reduced .badge-unit:lang(zh-HK), .xlarge-badge-reduced .badge-unit-plus:lang(zh-HK), .xlarge-badge-reduced .badge-unit-percent:lang(zh-HK), .xlarge-badge-reduced .badge-unit-currency:lang(zh-HK), .xlarge-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
    }
    .xlarge-badge-reduced .badge-unit:lang(zh-MO), .xlarge-badge-reduced .badge-unit-plus:lang(zh-MO), .xlarge-badge-reduced .badge-unit-percent:lang(zh-MO), .xlarge-badge-reduced .badge-unit-currency:lang(zh-MO), .xlarge-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
    }
    .xlarge-badge-reduced .badge-unit:lang(zh-TW), .xlarge-badge-reduced .badge-unit-plus:lang(zh-TW), .xlarge-badge-reduced .badge-unit-percent:lang(zh-TW), .xlarge-badge-reduced .badge-unit-currency:lang(zh-TW), .xlarge-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
    }
    .xlarge-badge-reduced .badge-unit-plus {
        top: -0.29em
    }
    .xlarge-badge-reduced .badge-unit-percent {
        top: -0.31em
    }
    .xlarge-badge-reduced .badge-unit-currency {
        top: -0.325em
    }
    .xlarge-badge-reduced.badge-stacked .badge-content {
        padding-bottom: 4px
    }
}

@media only screen and (max-width: 1068px) {
    .medium-badge-base .badge-value {
        font-size: 48px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-base .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-base .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
    }
    .medium-badge-base .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
    }
    .medium-badge-base .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-base .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .medium-badge-base .badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .medium-badge-base .badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .medium-badge-base .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
    }
    .medium-badge-base .badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .medium-badge-base .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-base .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-base .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
    }
    .medium-badge-base .badge-caption: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
    }
    .medium-badge-base .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-base .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .medium-badge-base .badge-caption:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .medium-badge-base .badge-caption:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .medium-badge-base .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
    }
    .medium-badge-base .badge-caption:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .medium-badge-base .badge-unit, .medium-badge-base .badge-unit-plus, .medium-badge-base .badge-unit-percent, .medium-badge-base .badge-unit-currency, .medium-badge-base.badge-stacked .badge-value {
        font-size: 32px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-base .badge-unit:lang(th), .medium-badge-base .badge-unit-plus:lang(th), .medium-badge-base .badge-unit-percent:lang(th), .medium-badge-base .badge-unit-currency:lang(th), .medium-badge-base.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-base .badge-unit:lang(ar), .medium-badge-base .badge-unit-plus:lang(ar), .medium-badge-base .badge-unit-percent:lang(ar), .medium-badge-base .badge-unit-currency:lang(ar), .medium-badge-base.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-base .badge-unit:lang(ja), .medium-badge-base .badge-unit-plus:lang(ja), .medium-badge-base .badge-unit-percent:lang(ja), .medium-badge-base .badge-unit-currency:lang(ja), .medium-badge-base.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
    }
    .medium-badge-base .badge-unit:lang(ko), .medium-badge-base .badge-unit-plus:lang(ko), .medium-badge-base .badge-unit-percent:lang(ko), .medium-badge-base .badge-unit-currency:lang(ko), .medium-badge-base.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
    }
    .medium-badge-base .badge-unit:lang(zh-CN), .medium-badge-base .badge-unit-plus:lang(zh-CN), .medium-badge-base .badge-unit-percent:lang(zh-CN), .medium-badge-base .badge-unit-currency:lang(zh-CN), .medium-badge-base.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
    }
    .medium-badge-base .badge-unit:lang(zh-HK), .medium-badge-base .badge-unit-plus:lang(zh-HK), .medium-badge-base .badge-unit-percent:lang(zh-HK), .medium-badge-base .badge-unit-currency:lang(zh-HK), .medium-badge-base.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
    }
    .medium-badge-base .badge-unit:lang(zh-MO), .medium-badge-base .badge-unit-plus:lang(zh-MO), .medium-badge-base .badge-unit-percent:lang(zh-MO), .medium-badge-base .badge-unit-currency:lang(zh-MO), .medium-badge-base.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
    }
    .medium-badge-base .badge-unit:lang(zh-TW), .medium-badge-base .badge-unit-plus:lang(zh-TW), .medium-badge-base .badge-unit-percent:lang(zh-TW), .medium-badge-base .badge-unit-currency:lang(zh-TW), .medium-badge-base.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
    }
    .medium-badge-base .badge-unit-currency {
        top: -0.375em
    }
    .medium-badge-base.badge-stacked .badge-content {
        padding-bottom: 3px
    }
    .medium-badge-base.badge-stacked .badge-value {
        font-size: 32px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-base.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-base.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-base.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
    }
    .medium-badge-base.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
    }
    .medium-badge-base.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
    }
    .medium-badge-base.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
    }
    .medium-badge-base.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
    }
    .medium-badge-base.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
    }
    .medium-badge-super .badge-value {
        font-size: 80px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-super .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-super .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-super .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-super .badge-caption {
        font-size: 17px;
        line-height: 1.23543;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-super .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-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
    }
    .medium-badge-super .badge-caption: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
    }
    .medium-badge-super .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-super .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-super .badge-unit, .medium-badge-super .badge-unit-plus, .medium-badge-super .badge-unit-percent, .medium-badge-super .badge-unit-currency, .medium-badge-super.badge-stacked .badge-value {
        font-size: 56px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: -.005em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-super .badge-unit:lang(ar), .medium-badge-super .badge-unit-plus:lang(ar), .medium-badge-super .badge-unit-percent:lang(ar), .medium-badge-super .badge-unit-currency:lang(ar), .medium-badge-super.badge-stacked .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-super .badge-unit:lang(ja), .medium-badge-super .badge-unit-plus:lang(ja), .medium-badge-super .badge-unit-percent:lang(ja), .medium-badge-super .badge-unit-currency:lang(ja), .medium-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
    }
    .medium-badge-super .badge-unit:lang(ko), .medium-badge-super .badge-unit-plus:lang(ko), .medium-badge-super .badge-unit-percent:lang(ko), .medium-badge-super .badge-unit-currency:lang(ko), .medium-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
    }
    .medium-badge-super .badge-unit:lang(th), .medium-badge-super .badge-unit-plus:lang(th), .medium-badge-super .badge-unit-percent:lang(th), .medium-badge-super .badge-unit-currency:lang(th), .medium-badge-super.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-super .badge-unit:lang(zh), .medium-badge-super .badge-unit-plus:lang(zh), .medium-badge-super .badge-unit-percent:lang(zh), .medium-badge-super .badge-unit-currency:lang(zh), .medium-badge-super.badge-stacked .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .medium-badge-super .badge-unit:lang(zh-CN), .medium-badge-super .badge-unit-plus:lang(zh-CN), .medium-badge-super .badge-unit-percent:lang(zh-CN), .medium-badge-super .badge-unit-currency:lang(zh-CN), .medium-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
    }
    .medium-badge-super .badge-unit:lang(zh-HK), .medium-badge-super .badge-unit-plus:lang(zh-HK), .medium-badge-super .badge-unit-percent:lang(zh-HK), .medium-badge-super .badge-unit-currency:lang(zh-HK), .medium-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
    }
    .medium-badge-super .badge-unit:lang(zh-MO), .medium-badge-super .badge-unit-plus:lang(zh-MO), .medium-badge-super .badge-unit-percent:lang(zh-MO), .medium-badge-super .badge-unit-currency:lang(zh-MO), .medium-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
    }
    .medium-badge-super .badge-unit:lang(zh-TW), .medium-badge-super .badge-unit-plus:lang(zh-TW), .medium-badge-super .badge-unit-percent:lang(zh-TW), .medium-badge-super .badge-unit-currency:lang(zh-TW), .medium-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
    }
    .medium-badge-super .badge-unit-percent {
        top: -0.31em
    }
    .medium-badge-super .badge-unit-currency {
        top: -0.32em
    }
    .medium-badge-super.badge-stacked .badge-content {
        padding-bottom: 4px
    }
    .medium-badge-elevated .badge-value {
        font-size: 64px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.009em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-elevated .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-elevated .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-elevated .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-elevated .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-elevated .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-elevated .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
    }
    .medium-badge-elevated .badge-caption: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
    }
    .medium-badge-elevated .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-elevated .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-elevated .badge-unit, .medium-badge-elevated .badge-unit-plus, .medium-badge-elevated .badge-unit-percent, .medium-badge-elevated .badge-unit-currency, .medium-badge-elevated.badge-stacked .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-elevated .badge-unit:lang(ar), .medium-badge-elevated .badge-unit-plus:lang(ar), .medium-badge-elevated .badge-unit-percent:lang(ar), .medium-badge-elevated .badge-unit-currency:lang(ar), .medium-badge-elevated.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-elevated .badge-unit:lang(ja), .medium-badge-elevated .badge-unit-plus:lang(ja), .medium-badge-elevated .badge-unit-percent:lang(ja), .medium-badge-elevated .badge-unit-currency:lang(ja), .medium-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
    }
    .medium-badge-elevated .badge-unit:lang(ko), .medium-badge-elevated .badge-unit-plus:lang(ko), .medium-badge-elevated .badge-unit-percent:lang(ko), .medium-badge-elevated .badge-unit-currency:lang(ko), .medium-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
    }
    .medium-badge-elevated .badge-unit:lang(th), .medium-badge-elevated .badge-unit-plus:lang(th), .medium-badge-elevated .badge-unit-percent:lang(th), .medium-badge-elevated .badge-unit-currency:lang(th), .medium-badge-elevated.badge-stacked .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-elevated .badge-unit:lang(zh-CN), .medium-badge-elevated .badge-unit-plus:lang(zh-CN), .medium-badge-elevated .badge-unit-percent:lang(zh-CN), .medium-badge-elevated .badge-unit-currency:lang(zh-CN), .medium-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
    }
    .medium-badge-elevated .badge-unit:lang(zh-HK), .medium-badge-elevated .badge-unit-plus:lang(zh-HK), .medium-badge-elevated .badge-unit-percent:lang(zh-HK), .medium-badge-elevated .badge-unit-currency:lang(zh-HK), .medium-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
    }
    .medium-badge-elevated .badge-unit:lang(zh-MO), .medium-badge-elevated .badge-unit-plus:lang(zh-MO), .medium-badge-elevated .badge-unit-percent:lang(zh-MO), .medium-badge-elevated .badge-unit-currency:lang(zh-MO), .medium-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
    }
    .medium-badge-elevated .badge-unit:lang(zh-TW), .medium-badge-elevated .badge-unit-plus:lang(zh-TW), .medium-badge-elevated .badge-unit-percent:lang(zh-TW), .medium-badge-elevated .badge-unit-currency:lang(zh-TW), .medium-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
    }
    .medium-badge-elevated .badge-unit-plus {
        top: -0.22em
    }
    .medium-badge-elevated .badge-unit-percent {
        top: -0.43em
    }
    .medium-badge-elevated .badge-unit-currency {
        top: -0.43em
    }
    .medium-badge-elevated.badge-stacked .badge-content {
        padding-bottom: 4px
    }
    .medium-badge-reduced .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-reduced .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-reduced .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-reduced .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-reduced .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-reduced .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
    }
    .medium-badge-reduced .badge-caption: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
    }
    .medium-badge-reduced .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-reduced .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-reduced .badge-unit, .medium-badge-reduced .badge-unit-plus, .medium-badge-reduced .badge-unit-percent, .medium-badge-reduced .badge-unit-currency, .medium-badge-reduced.badge-stacked .badge-value {
        font-size: 28px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-reduced .badge-unit:lang(th), .medium-badge-reduced .badge-unit-plus:lang(th), .medium-badge-reduced .badge-unit-percent:lang(th), .medium-badge-reduced .badge-unit-currency:lang(th), .medium-badge-reduced.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-reduced .badge-unit:lang(ar), .medium-badge-reduced .badge-unit-plus:lang(ar), .medium-badge-reduced .badge-unit-percent:lang(ar), .medium-badge-reduced .badge-unit-currency:lang(ar), .medium-badge-reduced.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-reduced .badge-unit:lang(ja), .medium-badge-reduced .badge-unit-plus:lang(ja), .medium-badge-reduced .badge-unit-percent:lang(ja), .medium-badge-reduced .badge-unit-currency:lang(ja), .medium-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
    }
    .medium-badge-reduced .badge-unit:lang(ko), .medium-badge-reduced .badge-unit-plus:lang(ko), .medium-badge-reduced .badge-unit-percent:lang(ko), .medium-badge-reduced .badge-unit-currency:lang(ko), .medium-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
    }
    .medium-badge-reduced .badge-unit:lang(zh-CN), .medium-badge-reduced .badge-unit-plus:lang(zh-CN), .medium-badge-reduced .badge-unit-percent:lang(zh-CN), .medium-badge-reduced .badge-unit-currency:lang(zh-CN), .medium-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
    }
    .medium-badge-reduced .badge-unit:lang(zh-HK), .medium-badge-reduced .badge-unit-plus:lang(zh-HK), .medium-badge-reduced .badge-unit-percent:lang(zh-HK), .medium-badge-reduced .badge-unit-currency:lang(zh-HK), .medium-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
    }
    .medium-badge-reduced .badge-unit:lang(zh-MO), .medium-badge-reduced .badge-unit-plus:lang(zh-MO), .medium-badge-reduced .badge-unit-percent:lang(zh-MO), .medium-badge-reduced .badge-unit-currency:lang(zh-MO), .medium-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
    }
    .medium-badge-reduced .badge-unit:lang(zh-TW), .medium-badge-reduced .badge-unit-plus:lang(zh-TW), .medium-badge-reduced .badge-unit-percent:lang(zh-TW), .medium-badge-reduced .badge-unit-currency:lang(zh-TW), .medium-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
    }
    .medium-badge-reduced .badge-unit-plus {
        top: -0.29em
    }
    .medium-badge-reduced .badge-unit-percent {
        top: -0.31em
    }
    .medium-badge-reduced .badge-unit-currency {
        top: -0.325em
    }
    .medium-badge-reduced.badge-stacked .badge-content {
        padding-bottom: 4px
    }
}

@media only screen and (max-width: 735px) {
    .small-badge-base .badge-value {
        font-size: 48px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-base .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-base .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
    }
    .small-badge-base .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
    }
    .small-badge-base .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-base .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .small-badge-base .badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .small-badge-base .badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .small-badge-base .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
    }
    .small-badge-base .badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .small-badge-base .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-base .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-base .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
    }
    .small-badge-base .badge-caption: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
    }
    .small-badge-base .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-base .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .small-badge-base .badge-caption:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .small-badge-base .badge-caption:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .small-badge-base .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
    }
    .small-badge-base .badge-caption:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .small-badge-base .badge-unit, .small-badge-base .badge-unit-plus, .small-badge-base .badge-unit-percent, .small-badge-base .badge-unit-currency, .small-badge-base.badge-stacked .badge-value {
        font-size: 32px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-base .badge-unit:lang(th), .small-badge-base .badge-unit-plus:lang(th), .small-badge-base .badge-unit-percent:lang(th), .small-badge-base .badge-unit-currency:lang(th), .small-badge-base.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-base .badge-unit:lang(ar), .small-badge-base .badge-unit-plus:lang(ar), .small-badge-base .badge-unit-percent:lang(ar), .small-badge-base .badge-unit-currency:lang(ar), .small-badge-base.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-base .badge-unit:lang(ja), .small-badge-base .badge-unit-plus:lang(ja), .small-badge-base .badge-unit-percent:lang(ja), .small-badge-base .badge-unit-currency:lang(ja), .small-badge-base.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
    }
    .small-badge-base .badge-unit:lang(ko), .small-badge-base .badge-unit-plus:lang(ko), .small-badge-base .badge-unit-percent:lang(ko), .small-badge-base .badge-unit-currency:lang(ko), .small-badge-base.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
    }
    .small-badge-base .badge-unit:lang(zh-CN), .small-badge-base .badge-unit-plus:lang(zh-CN), .small-badge-base .badge-unit-percent:lang(zh-CN), .small-badge-base .badge-unit-currency:lang(zh-CN), .small-badge-base.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
    }
    .small-badge-base .badge-unit:lang(zh-HK), .small-badge-base .badge-unit-plus:lang(zh-HK), .small-badge-base .badge-unit-percent:lang(zh-HK), .small-badge-base .badge-unit-currency:lang(zh-HK), .small-badge-base.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
    }
    .small-badge-base .badge-unit:lang(zh-MO), .small-badge-base .badge-unit-plus:lang(zh-MO), .small-badge-base .badge-unit-percent:lang(zh-MO), .small-badge-base .badge-unit-currency:lang(zh-MO), .small-badge-base.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
    }
    .small-badge-base .badge-unit:lang(zh-TW), .small-badge-base .badge-unit-plus:lang(zh-TW), .small-badge-base .badge-unit-percent:lang(zh-TW), .small-badge-base .badge-unit-currency:lang(zh-TW), .small-badge-base.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
    }
    .small-badge-base .badge-unit-currency {
        top: -0.375em
    }
    .small-badge-base.badge-stacked .badge-content {
        padding-bottom: 3px
    }
    .small-badge-base.badge-stacked .badge-value {
        font-size: 32px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-base.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-base.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-base.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
    }
    .small-badge-base.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
    }
    .small-badge-base.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
    }
    .small-badge-base.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
    }
    .small-badge-base.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
    }
    .small-badge-base.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
    }
    .small-badge-super .badge-value {
        font-size: 80px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-super .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-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
    }
    .small-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
    }
    .small-badge-super .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-super .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-badge-super .badge-caption {
        font-size: 17px;
        line-height: 1.23543;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-super .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-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
    }
    .small-badge-super .badge-caption: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
    }
    .small-badge-super .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-super .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-badge-super .badge-unit, .small-badge-super .badge-unit-plus, .small-badge-super .badge-unit-percent, .small-badge-super .badge-unit-currency, .small-badge-super.badge-stacked .badge-value {
        font-size: 56px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: -.005em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-super .badge-unit:lang(ar), .small-badge-super .badge-unit-plus:lang(ar), .small-badge-super .badge-unit-percent:lang(ar), .small-badge-super .badge-unit-currency:lang(ar), .small-badge-super.badge-stacked .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-super .badge-unit:lang(ja), .small-badge-super .badge-unit-plus:lang(ja), .small-badge-super .badge-unit-percent:lang(ja), .small-badge-super .badge-unit-currency:lang(ja), .small-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
    }
    .small-badge-super .badge-unit:lang(ko), .small-badge-super .badge-unit-plus:lang(ko), .small-badge-super .badge-unit-percent:lang(ko), .small-badge-super .badge-unit-currency:lang(ko), .small-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
    }
    .small-badge-super .badge-unit:lang(th), .small-badge-super .badge-unit-plus:lang(th), .small-badge-super .badge-unit-percent:lang(th), .small-badge-super .badge-unit-currency:lang(th), .small-badge-super.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-super .badge-unit:lang(zh), .small-badge-super .badge-unit-plus:lang(zh), .small-badge-super .badge-unit-percent:lang(zh), .small-badge-super .badge-unit-currency:lang(zh), .small-badge-super.badge-stacked .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .small-badge-super .badge-unit:lang(zh-CN), .small-badge-super .badge-unit-plus:lang(zh-CN), .small-badge-super .badge-unit-percent:lang(zh-CN), .small-badge-super .badge-unit-currency:lang(zh-CN), .small-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
    }
    .small-badge-super .badge-unit:lang(zh-HK), .small-badge-super .badge-unit-plus:lang(zh-HK), .small-badge-super .badge-unit-percent:lang(zh-HK), .small-badge-super .badge-unit-currency:lang(zh-HK), .small-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
    }
    .small-badge-super .badge-unit:lang(zh-MO), .small-badge-super .badge-unit-plus:lang(zh-MO), .small-badge-super .badge-unit-percent:lang(zh-MO), .small-badge-super .badge-unit-currency:lang(zh-MO), .small-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
    }
    .small-badge-super .badge-unit:lang(zh-TW), .small-badge-super .badge-unit-plus:lang(zh-TW), .small-badge-super .badge-unit-percent:lang(zh-TW), .small-badge-super .badge-unit-currency:lang(zh-TW), .small-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
    }
    .small-badge-super .badge-unit-percent {
        top: -0.31em
    }
    .small-badge-super .badge-unit-currency {
        top: -0.32em
    }
    .small-badge-super.badge-stacked .badge-content {
        padding-bottom: 4px
    }
    .small-badge-elevated .badge-value {
        font-size: 64px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.009em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-elevated .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-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
    }
    .small-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
    }
    .small-badge-elevated .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-elevated .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-badge-elevated .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-elevated .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-elevated .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
    }
    .small-badge-elevated .badge-caption: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
    }
    .small-badge-elevated .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-elevated .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-badge-elevated .badge-unit, .small-badge-elevated .badge-unit-plus, .small-badge-elevated .badge-unit-percent, .small-badge-elevated .badge-unit-currency, .small-badge-elevated.badge-stacked .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-elevated .badge-unit:lang(ar), .small-badge-elevated .badge-unit-plus:lang(ar), .small-badge-elevated .badge-unit-percent:lang(ar), .small-badge-elevated .badge-unit-currency:lang(ar), .small-badge-elevated.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-elevated .badge-unit:lang(ja), .small-badge-elevated .badge-unit-plus:lang(ja), .small-badge-elevated .badge-unit-percent:lang(ja), .small-badge-elevated .badge-unit-currency:lang(ja), .small-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
    }
    .small-badge-elevated .badge-unit:lang(ko), .small-badge-elevated .badge-unit-plus:lang(ko), .small-badge-elevated .badge-unit-percent:lang(ko), .small-badge-elevated .badge-unit-currency:lang(ko), .small-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
    }
    .small-badge-elevated .badge-unit:lang(th), .small-badge-elevated .badge-unit-plus:lang(th), .small-badge-elevated .badge-unit-percent:lang(th), .small-badge-elevated .badge-unit-currency:lang(th), .small-badge-elevated.badge-stacked .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-elevated .badge-unit:lang(zh-CN), .small-badge-elevated .badge-unit-plus:lang(zh-CN), .small-badge-elevated .badge-unit-percent:lang(zh-CN), .small-badge-elevated .badge-unit-currency:lang(zh-CN), .small-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
    }
    .small-badge-elevated .badge-unit:lang(zh-HK), .small-badge-elevated .badge-unit-plus:lang(zh-HK), .small-badge-elevated .badge-unit-percent:lang(zh-HK), .small-badge-elevated .badge-unit-currency:lang(zh-HK), .small-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
    }
    .small-badge-elevated .badge-unit:lang(zh-MO), .small-badge-elevated .badge-unit-plus:lang(zh-MO), .small-badge-elevated .badge-unit-percent:lang(zh-MO), .small-badge-elevated .badge-unit-currency:lang(zh-MO), .small-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
    }
    .small-badge-elevated .badge-unit:lang(zh-TW), .small-badge-elevated .badge-unit-plus:lang(zh-TW), .small-badge-elevated .badge-unit-percent:lang(zh-TW), .small-badge-elevated .badge-unit-currency:lang(zh-TW), .small-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
    }
    .small-badge-elevated .badge-unit-plus {
        top: -0.22em
    }
    .small-badge-elevated .badge-unit-percent {
        top: -0.43em
    }
    .small-badge-elevated .badge-unit-currency {
        top: -0.43em
    }
    .small-badge-elevated.badge-stacked .badge-content {
        padding-bottom: 4px
    }
    .small-badge-reduced .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-reduced .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-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
    }
    .small-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
    }
    .small-badge-reduced .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-badge-reduced .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-reduced .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-reduced .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
    }
    .small-badge-reduced .badge-caption: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
    }
    .small-badge-reduced .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-reduced .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-badge-reduced .badge-unit, .small-badge-reduced .badge-unit-plus, .small-badge-reduced .badge-unit-percent, .small-badge-reduced .badge-unit-currency, .small-badge-reduced.badge-stacked .badge-value {
        font-size: 28px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-reduced .badge-unit:lang(th), .small-badge-reduced .badge-unit-plus:lang(th), .small-badge-reduced .badge-unit-percent:lang(th), .small-badge-reduced .badge-unit-currency:lang(th), .small-badge-reduced.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-reduced .badge-unit:lang(ar), .small-badge-reduced .badge-unit-plus:lang(ar), .small-badge-reduced .badge-unit-percent:lang(ar), .small-badge-reduced .badge-unit-currency:lang(ar), .small-badge-reduced.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-reduced .badge-unit:lang(ja), .small-badge-reduced .badge-unit-plus:lang(ja), .small-badge-reduced .badge-unit-percent:lang(ja), .small-badge-reduced .badge-unit-currency:lang(ja), .small-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
    }
    .small-badge-reduced .badge-unit:lang(ko), .small-badge-reduced .badge-unit-plus:lang(ko), .small-badge-reduced .badge-unit-percent:lang(ko), .small-badge-reduced .badge-unit-currency:lang(ko), .small-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
    }
    .small-badge-reduced .badge-unit:lang(zh-CN), .small-badge-reduced .badge-unit-plus:lang(zh-CN), .small-badge-reduced .badge-unit-percent:lang(zh-CN), .small-badge-reduced .badge-unit-currency:lang(zh-CN), .small-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
    }
    .small-badge-reduced .badge-unit:lang(zh-HK), .small-badge-reduced .badge-unit-plus:lang(zh-HK), .small-badge-reduced .badge-unit-percent:lang(zh-HK), .small-badge-reduced .badge-unit-currency:lang(zh-HK), .small-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
    }
    .small-badge-reduced .badge-unit:lang(zh-MO), .small-badge-reduced .badge-unit-plus:lang(zh-MO), .small-badge-reduced .badge-unit-percent:lang(zh-MO), .small-badge-reduced .badge-unit-currency:lang(zh-MO), .small-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
    }
    .small-badge-reduced .badge-unit:lang(zh-TW), .small-badge-reduced .badge-unit-plus:lang(zh-TW), .small-badge-reduced .badge-unit-percent:lang(zh-TW), .small-badge-reduced .badge-unit-currency:lang(zh-TW), .small-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
    }
    .small-badge-reduced .badge-unit-plus {
        top: -0.29em
    }
    .small-badge-reduced .badge-unit-percent {
        top: -0.31em
    }
    .small-badge-reduced .badge-unit-currency {
        top: -0.325em
    }
    .small-badge-reduced.badge-stacked .badge-content {
        padding-bottom: 4px
    }
}

#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: 1442px) {
    #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: 735px) {
    #viewport-emitter {
        x-content: "small"
    }
    #viewport-emitter::before {
        content: "small"
    }
}

.has-modal {
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

svg.ac-graph-svg {
    width: 100%;
    height: 100%
}

.graph .badge-value {
    color: #ef5602
}

.theme-dark .graph .badge-value {
    color: #f46c0e
}

.ac-graph-line .graphline-dot {
    stroke-width: 0
}

.ac-graph-line .graphline {
    fill: transparent;
    stroke-width: 3px;
    stroke-linecap: round
}

.ac-graph-line .marker {
    fill: transparent;
    stroke: #f2f2f2;
    stroke-width: 1px;
    stroke-linecap: round
}

.ac-graph-line .x-axis-dot {
    fill: #d6d6d6
}

.ac-graph-line .x-axis {
    fill: transparent;
    stroke: #d6d6d6;
    stroke-width: 1.5px;
    stroke-linecap: round
}

.ac-graph-line~.badge {
    position: absolute;
    left: 0;
    top: 0
}

@media only screen and (max-width: 1068px) {
    .ac-graph-line~.badge .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .ac-graph-line~.badge .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .ac-graph-line~.badge .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
    }
    .ac-graph-line~.badge .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
    }
    .ac-graph-line~.badge .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .ac-graph-line~.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
    }
    .ac-graph-line~.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
    }
    .ac-graph-line~.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
    }
    .ac-graph-line~.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
    }
    .ac-graph-line~.badge .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .ac-graph-line~.badge .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .ac-graph-line~.badge .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
    }
    .ac-graph-line~.badge .badge-caption: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
    }
    .ac-graph-line~.badge .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .ac-graph-line~.badge .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .ac-graph-line~.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
    }
    .ac-graph-line~.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
    }
    .ac-graph-line~.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
    }
    .ac-graph-line~.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
    }
    .ac-graph-line~.badge .badge-unit, .ac-graph-line~.badge .badge-unit-plus, .ac-graph-line~.badge .badge-unit-percent, .ac-graph-line~.badge .badge-unit-currency, .ac-graph-line~.badge.badge-stacked .badge-value {
        font-size: 28px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .ac-graph-line~.badge .badge-unit:lang(th), .ac-graph-line~.badge .badge-unit-plus:lang(th), .ac-graph-line~.badge .badge-unit-percent:lang(th), .ac-graph-line~.badge .badge-unit-currency:lang(th), .ac-graph-line~.badge.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .ac-graph-line~.badge .badge-unit:lang(ar), .ac-graph-line~.badge .badge-unit-plus:lang(ar), .ac-graph-line~.badge .badge-unit-percent:lang(ar), .ac-graph-line~.badge .badge-unit-currency:lang(ar), .ac-graph-line~.badge.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .ac-graph-line~.badge .badge-unit:lang(ja), .ac-graph-line~.badge .badge-unit-plus:lang(ja), .ac-graph-line~.badge .badge-unit-percent:lang(ja), .ac-graph-line~.badge .badge-unit-currency:lang(ja), .ac-graph-line~.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
    }
    .ac-graph-line~.badge .badge-unit:lang(ko), .ac-graph-line~.badge .badge-unit-plus:lang(ko), .ac-graph-line~.badge .badge-unit-percent:lang(ko), .ac-graph-line~.badge .badge-unit-currency:lang(ko), .ac-graph-line~.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
    }
    .ac-graph-line~.badge .badge-unit:lang(zh-CN), .ac-graph-line~.badge .badge-unit-plus:lang(zh-CN), .ac-graph-line~.badge .badge-unit-percent:lang(zh-CN), .ac-graph-line~.badge .badge-unit-currency:lang(zh-CN), .ac-graph-line~.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
    }
    .ac-graph-line~.badge .badge-unit:lang(zh-HK), .ac-graph-line~.badge .badge-unit-plus:lang(zh-HK), .ac-graph-line~.badge .badge-unit-percent:lang(zh-HK), .ac-graph-line~.badge .badge-unit-currency:lang(zh-HK), .ac-graph-line~.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
    }
    .ac-graph-line~.badge .badge-unit:lang(zh-MO), .ac-graph-line~.badge .badge-unit-plus:lang(zh-MO), .ac-graph-line~.badge .badge-unit-percent:lang(zh-MO), .ac-graph-line~.badge .badge-unit-currency:lang(zh-MO), .ac-graph-line~.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
    }
    .ac-graph-line~.badge .badge-unit:lang(zh-TW), .ac-graph-line~.badge .badge-unit-plus:lang(zh-TW), .ac-graph-line~.badge .badge-unit-percent:lang(zh-TW), .ac-graph-line~.badge .badge-unit-currency:lang(zh-TW), .ac-graph-line~.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
    }
    .ac-graph-line~.badge .badge-unit-plus {
        top: -0.29em
    }
    .ac-graph-line~.badge .badge-unit-percent {
        top: -0.31em
    }
    .ac-graph-line~.badge .badge-unit-currency {
        top: -0.325em
    }
    .ac-graph-line~.badge.badge-stacked .badge-content {
        padding-bottom: 4px
    }
}

.theme-dark .ac-graph-line .marker {
    stroke: #222
}

.theme-dark .ac-graph-line .x-axis-dot {
    fill: #444
}

.theme-dark .ac-graph-line .x-axis {
    stroke: #444
}

svg.ac-graph-svg {
    width: 100%;
    height: 100%
}

.graph .badge-value {
    color: #ef5602
}

.theme-dark .graph .badge-value {
    color: #f46c0e
}

.ac-graph-donut .donut-wedge {
    fill: #ef5602
}

.ac-graph-donut~.badge, .ac-graph-donut~.donut-title {
    position: absolute;
    width: 100%;
    margin: 0;
    text-align: center;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 1068px) {
    .ac-graph-donut~.badge .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .ac-graph-donut~.badge .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .ac-graph-donut~.badge .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
    }
    .ac-graph-donut~.badge .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
    }
    .ac-graph-donut~.badge .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .ac-graph-donut~.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
    }
    .ac-graph-donut~.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
    }
    .ac-graph-donut~.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
    }
    .ac-graph-donut~.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
    }
    .ac-graph-donut~.badge .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .ac-graph-donut~.badge .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .ac-graph-donut~.badge .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
    }
    .ac-graph-donut~.badge .badge-caption: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
    }
    .ac-graph-donut~.badge .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .ac-graph-donut~.badge .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .ac-graph-donut~.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
    }
    .ac-graph-donut~.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
    }
    .ac-graph-donut~.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
    }
    .ac-graph-donut~.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
    }
    .ac-graph-donut~.badge .badge-unit, .ac-graph-donut~.badge .badge-unit-plus, .ac-graph-donut~.badge .badge-unit-percent, .ac-graph-donut~.badge .badge-unit-currency, .ac-graph-donut~.badge.badge-stacked .badge-value {
        font-size: 28px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .ac-graph-donut~.badge .badge-unit:lang(th), .ac-graph-donut~.badge .badge-unit-plus:lang(th), .ac-graph-donut~.badge .badge-unit-percent:lang(th), .ac-graph-donut~.badge .badge-unit-currency:lang(th), .ac-graph-donut~.badge.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .ac-graph-donut~.badge .badge-unit:lang(ar), .ac-graph-donut~.badge .badge-unit-plus:lang(ar), .ac-graph-donut~.badge .badge-unit-percent:lang(ar), .ac-graph-donut~.badge .badge-unit-currency:lang(ar), .ac-graph-donut~.badge.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .ac-graph-donut~.badge .badge-unit:lang(ja), .ac-graph-donut~.badge .badge-unit-plus:lang(ja), .ac-graph-donut~.badge .badge-unit-percent:lang(ja), .ac-graph-donut~.badge .badge-unit-currency:lang(ja), .ac-graph-donut~.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
    }
    .ac-graph-donut~.badge .badge-unit:lang(ko), .ac-graph-donut~.badge .badge-unit-plus:lang(ko), .ac-graph-donut~.badge .badge-unit-percent:lang(ko), .ac-graph-donut~.badge .badge-unit-currency:lang(ko), .ac-graph-donut~.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
    }
    .ac-graph-donut~.badge .badge-unit:lang(zh-CN), .ac-graph-donut~.badge .badge-unit-plus:lang(zh-CN), .ac-graph-donut~.badge .badge-unit-percent:lang(zh-CN), .ac-graph-donut~.badge .badge-unit-currency:lang(zh-CN), .ac-graph-donut~.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
    }
    .ac-graph-donut~.badge .badge-unit:lang(zh-HK), .ac-graph-donut~.badge .badge-unit-plus:lang(zh-HK), .ac-graph-donut~.badge .badge-unit-percent:lang(zh-HK), .ac-graph-donut~.badge .badge-unit-currency:lang(zh-HK), .ac-graph-donut~.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
    }
    .ac-graph-donut~.badge .badge-unit:lang(zh-MO), .ac-graph-donut~.badge .badge-unit-plus:lang(zh-MO), .ac-graph-donut~.badge .badge-unit-percent:lang(zh-MO), .ac-graph-donut~.badge .badge-unit-currency:lang(zh-MO), .ac-graph-donut~.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
    }
    .ac-graph-donut~.badge .badge-unit:lang(zh-TW), .ac-graph-donut~.badge .badge-unit-plus:lang(zh-TW), .ac-graph-donut~.badge .badge-unit-percent:lang(zh-TW), .ac-graph-donut~.badge .badge-unit-currency:lang(zh-TW), .ac-graph-donut~.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
    }
    .ac-graph-donut~.badge .badge-unit-plus {
        top: -0.29em
    }
    .ac-graph-donut~.badge .badge-unit-percent {
        top: -0.31em
    }
    .ac-graph-donut~.badge .badge-unit-currency {
        top: -0.325em
    }
    .ac-graph-donut~.badge.badge-stacked .badge-content {
        padding-bottom: 4px
    }
}

.ac-graph-donut~.donut-title {
    color: #ef5602;
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.ac-graph-donut~.donut-title:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.ac-graph-donut~.donut-title:lang(ar) {
    line-height: 1.35417;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.ac-graph-donut~.donut-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
}

.ac-graph-donut~.donut-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
}

.ac-graph-donut~.donut-title:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.ac-graph-donut~.donut-title:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.ac-graph-donut~.donut-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
}

.ac-graph-donut~.donut-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) {
    .ac-graph-donut~.donut-title {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .ac-graph-donut~.donut-title:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .ac-graph-donut~.donut-title:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .ac-graph-donut~.donut-title:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .ac-graph-donut~.donut-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
    }
    .ac-graph-donut~.donut-title:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .ac-graph-donut~.donut-title:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .ac-graph-donut~.donut-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
    }
    .ac-graph-donut~.donut-title:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.donut-sidebar .ac-graph-donut~.donut-title {
    font-size: 21px;
    line-height: 1.19048;
    font-weight: 600;
    letter-spacing: .011em;
    font-family:Aeonikpro, sans-serif
}

.donut-sidebar .ac-graph-donut~.donut-title:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.donut-sidebar .ac-graph-donut~.donut-title:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.donut-sidebar .ac-graph-donut~.donut-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
}

.donut-sidebar .ac-graph-donut~.donut-title:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.donut-sidebar .ac-graph-donut~.donut-title:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.donut-sidebar .ac-graph-donut~.donut-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
}

.donut-sidebar .ac-graph-donut~.donut-title:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.donut-sidebar .ac-graph-donut~.badge .badge-value {
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.donut-sidebar .ac-graph-donut~.badge .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.donut-sidebar .ac-graph-donut~.badge .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
}

.donut-sidebar .ac-graph-donut~.badge .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
}

.donut-sidebar .ac-graph-donut~.badge .badge-value:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.donut-sidebar .ac-graph-donut~.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
}

.donut-sidebar .ac-graph-donut~.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
}

.donut-sidebar .ac-graph-donut~.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
}

.donut-sidebar .ac-graph-donut~.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
}

.donut-sidebar .ac-graph-donut~.badge .badge-unit, .donut-sidebar .ac-graph-donut~.badge .badge-unit-plus, .donut-sidebar .ac-graph-donut~.badge .badge-unit-percent, .donut-sidebar .ac-graph-donut~.badge .badge-unit-currency {
    font-size: 27px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .008em;
    font-family:Aeonikpro, sans-serif
}

.donut-sidebar .ac-graph-donut~.badge .badge-unit:lang(th), .donut-sidebar .ac-graph-donut~.badge .badge-unit-plus:lang(th), .donut-sidebar .ac-graph-donut~.badge .badge-unit-percent:lang(th), .donut-sidebar .ac-graph-donut~.badge .badge-unit-currency:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.donut-sidebar .ac-graph-donut~.badge .badge-unit:lang(ar), .donut-sidebar .ac-graph-donut~.badge .badge-unit-plus:lang(ar), .donut-sidebar .ac-graph-donut~.badge .badge-unit-percent:lang(ar), .donut-sidebar .ac-graph-donut~.badge .badge-unit-currency:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.donut-sidebar .ac-graph-donut~.badge .badge-unit:lang(ja), .donut-sidebar .ac-graph-donut~.badge .badge-unit-plus:lang(ja), .donut-sidebar .ac-graph-donut~.badge .badge-unit-percent:lang(ja), .donut-sidebar .ac-graph-donut~.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
}

.donut-sidebar .ac-graph-donut~.badge .badge-unit:lang(ko), .donut-sidebar .ac-graph-donut~.badge .badge-unit-plus:lang(ko), .donut-sidebar .ac-graph-donut~.badge .badge-unit-percent:lang(ko), .donut-sidebar .ac-graph-donut~.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
}

.donut-sidebar .ac-graph-donut~.badge .badge-unit:lang(zh-CN), .donut-sidebar .ac-graph-donut~.badge .badge-unit-plus:lang(zh-CN), .donut-sidebar .ac-graph-donut~.badge .badge-unit-percent:lang(zh-CN), .donut-sidebar .ac-graph-donut~.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
}

.donut-sidebar .ac-graph-donut~.badge .badge-unit:lang(zh-HK), .donut-sidebar .ac-graph-donut~.badge .badge-unit-plus:lang(zh-HK), .donut-sidebar .ac-graph-donut~.badge .badge-unit-percent:lang(zh-HK), .donut-sidebar .ac-graph-donut~.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
}

.donut-sidebar .ac-graph-donut~.badge .badge-unit:lang(zh-MO), .donut-sidebar .ac-graph-donut~.badge .badge-unit-plus:lang(zh-MO), .donut-sidebar .ac-graph-donut~.badge .badge-unit-percent:lang(zh-MO), .donut-sidebar .ac-graph-donut~.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
}

.donut-sidebar .ac-graph-donut~.badge .badge-unit:lang(zh-TW), .donut-sidebar .ac-graph-donut~.badge .badge-unit-plus:lang(zh-TW), .donut-sidebar .ac-graph-donut~.badge .badge-unit-percent:lang(zh-TW), .donut-sidebar .ac-graph-donut~.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
}

.donut-legend {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family:Aeonikpro, sans-serif;
    color: #666;
    list-style: none;
    padding: 0
}

.donut-legend:lang(ar) {
    line-height: 1.66667;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.donut-legend: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
}

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

.donut-legend:lang(th) {
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.donut-legend:lang(zh) {
    letter-spacing: 0em
}

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

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

.donut-legend: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
}

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

.donut-legend li {
    line-height: 1.2;
    margin-bottom: .85em
}

.donut-legend li::before {
    background-color: #888
}

.donut-legend li::before {
    display: block;
    content: '';
    position: relative;
    border-radius: 50%;
    float: left;
    margin: 1px 7px 0 0;
    width: 12px;
    height: 12px
}

.theme-dark .ac-graph-donut .donut-wedge {
    fill: #f46c0e
}

.theme-dark .ac-graph-donut~.donut-title {
    color: #f46c0e
}

.theme-dark .donut-legend {
    color: #999
}

svg.ac-graph-svg {
    width: 100%;
    height: 100%
}

.graph .badge-value {
    color: #ef5602
}

.theme-dark .graph .badge-value {
    color: #f46c0e
}

.graph-data {
    width: 100%;
    height: 100%;
    display: inline-block
}

.graph-bar-slot {
    height: 4px;
    margin-bottom: 8px;
    background: #f2f2f2
}

.graph-bar {
    height: 4px;
    margin-bottom: 8px;
    background: #ef5602
}

.graph-bar-slot .graph-bar {
    margin-bottom: 0
}

.graph-caption {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family:Aeonikpro, sans-serif;
    text-align: start;
    color: #666
}

.graph-caption:lang(ar) {
    line-height: 1.66667;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.graph-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
}

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

.graph-caption:lang(th) {
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

.graph-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
}

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

.graph-caption-total {
    font-weight: 600;
    color: #333
}

.graph-unit.deemphasize, .graph-unit.deemphasize .badge-value {
    color: #888
}

.graph-unit.deemphasize .graph-bar {
    background: #888
}

.graph .badge {
    margin-right: 0
}

.theme-dark .graph-bar-slot {
    background: #222
}

.theme-dark .graph-bar {
    background: #f46c0e
}

.theme-dark .graph-caption {
    color: #999
}

.theme-dark .graph-caption-total {
    color: #ccc
}

.theme-dark .graph-unit.deemphasize, .theme-dark .graph-unit.deemphasize .badge-value {
    color: #999
}

.theme-dark .graph-unit.deemphasize .graph-bar {
    background: #999
}

.graph-horizontalbar .graph-unit {
    position: relative
}

.graph-horizontalbar .graph-unit:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 1068px) {
    .graph-horizontalbar .graph-unit {
        margin-bottom: 0
    }
}

.graph-horizontalbar .badge {
    text-align: right;
    position: absolute;
    right: calc(100% - 102px);
    bottom: 26px
}

@media only screen and (max-width: 1068px) {
    .graph-horizontalbar .badge .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .graph-horizontalbar .badge .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .graph-horizontalbar .badge .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
    }
    .graph-horizontalbar .badge .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
    }
    .graph-horizontalbar .badge .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .graph-horizontalbar .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
    }
    .graph-horizontalbar .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
    }
    .graph-horizontalbar .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
    }
    .graph-horizontalbar .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
    }
    .graph-horizontalbar .badge .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .graph-horizontalbar .badge .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .graph-horizontalbar .badge .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
    }
    .graph-horizontalbar .badge .badge-caption: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
    }
    .graph-horizontalbar .badge .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .graph-horizontalbar .badge .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .graph-horizontalbar .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
    }
    .graph-horizontalbar .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
    }
    .graph-horizontalbar .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
    }
    .graph-horizontalbar .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
    }
    .graph-horizontalbar .badge .badge-unit, .graph-horizontalbar .badge .badge-unit-plus, .graph-horizontalbar .badge .badge-unit-percent, .graph-horizontalbar .badge .badge-unit-currency, .graph-horizontalbar .badge.badge-stacked .badge-value {
        font-size: 28px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .graph-horizontalbar .badge .badge-unit:lang(th), .graph-horizontalbar .badge .badge-unit-plus:lang(th), .graph-horizontalbar .badge .badge-unit-percent:lang(th), .graph-horizontalbar .badge .badge-unit-currency:lang(th), .graph-horizontalbar .badge.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .graph-horizontalbar .badge .badge-unit:lang(ar), .graph-horizontalbar .badge .badge-unit-plus:lang(ar), .graph-horizontalbar .badge .badge-unit-percent:lang(ar), .graph-horizontalbar .badge .badge-unit-currency:lang(ar), .graph-horizontalbar .badge.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .graph-horizontalbar .badge .badge-unit:lang(ja), .graph-horizontalbar .badge .badge-unit-plus:lang(ja), .graph-horizontalbar .badge .badge-unit-percent:lang(ja), .graph-horizontalbar .badge .badge-unit-currency:lang(ja), .graph-horizontalbar .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
    }
    .graph-horizontalbar .badge .badge-unit:lang(ko), .graph-horizontalbar .badge .badge-unit-plus:lang(ko), .graph-horizontalbar .badge .badge-unit-percent:lang(ko), .graph-horizontalbar .badge .badge-unit-currency:lang(ko), .graph-horizontalbar .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
    }
    .graph-horizontalbar .badge .badge-unit:lang(zh-CN), .graph-horizontalbar .badge .badge-unit-plus:lang(zh-CN), .graph-horizontalbar .badge .badge-unit-percent:lang(zh-CN), .graph-horizontalbar .badge .badge-unit-currency:lang(zh-CN), .graph-horizontalbar .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
    }
    .graph-horizontalbar .badge .badge-unit:lang(zh-HK), .graph-horizontalbar .badge .badge-unit-plus:lang(zh-HK), .graph-horizontalbar .badge .badge-unit-percent:lang(zh-HK), .graph-horizontalbar .badge .badge-unit-currency:lang(zh-HK), .graph-horizontalbar .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
    }
    .graph-horizontalbar .badge .badge-unit:lang(zh-MO), .graph-horizontalbar .badge .badge-unit-plus:lang(zh-MO), .graph-horizontalbar .badge .badge-unit-percent:lang(zh-MO), .graph-horizontalbar .badge .badge-unit-currency:lang(zh-MO), .graph-horizontalbar .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
    }
    .graph-horizontalbar .badge .badge-unit:lang(zh-TW), .graph-horizontalbar .badge .badge-unit-plus:lang(zh-TW), .graph-horizontalbar .badge .badge-unit-percent:lang(zh-TW), .graph-horizontalbar .badge .badge-unit-currency:lang(zh-TW), .graph-horizontalbar .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
    }
    .graph-horizontalbar .badge .badge-unit-plus {
        top: -0.29em
    }
    .graph-horizontalbar .badge .badge-unit-percent {
        top: -0.31em
    }
    .graph-horizontalbar .badge .badge-unit-currency {
        top: -0.325em
    }
    .graph-horizontalbar .badge.badge-stacked .badge-content {
        padding-bottom: 4px
    }
}

@media only screen and (max-width: 735px) {
    .graph-horizontalbar .graph-bar {
        margin-bottom: 5px
    }
}

.graph-horizontalbar .graph-data {
    width: 100%;
    height: 42px;
    margin: 10px 0 16px 0
}

@media only screen and (max-width: 735px) {
    .graph-horizontalbar .graph-data {
        width: 100%;
        height: 33px;
        margin-top: 0;
        margin-bottom: 26px
    }
}

.graph-horizontalbar .badge+.graph-data {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 138px
}

@media only screen and (max-width: 735px) {
    .graph-horizontalbar .badge+.graph-data {
        padding-top: 6px;
        padding-left: 118px
    }
}

.graph-sidebar-bar .graph-unit {
    clear: left;
    height: 49px
}

.graph-sidebar-bar .badge {
    float: left;
    width: 50px;
    padding-right: 10px
}

.graph-sidebar-bar .badge-value {
    margin-top: -.2em
}

.graph-sidebar-bar .graph-data {
    width: 100%
}

.graph-sidebar-bar .badge+.graph-data {
    width: calc(100% - 60px)
}

.graph-sidebar-bar .graph-bar {
    margin-bottom: 5px
}

.graph-verticalbar {
    margin-bottom: 74px;
    height: 160px
}

.graph-verticalbar .graph-unit {
    position: relative;
    margin-bottom: 74px;
    display: inline-block;
    height: 100%;
    min-width: 90px;
    vertical-align: top
}

.graph-verticalbar .badge {
    position: absolute;
    top: 100%;
    margin-top: 10px
}

@media only screen and (max-width: 1068px) {
    .graph-verticalbar .badge .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .graph-verticalbar .badge .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .graph-verticalbar .badge .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
    }
    .graph-verticalbar .badge .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
    }
    .graph-verticalbar .badge .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .graph-verticalbar .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
    }
    .graph-verticalbar .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
    }
    .graph-verticalbar .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
    }
    .graph-verticalbar .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
    }
    .graph-verticalbar .badge .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .graph-verticalbar .badge .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .graph-verticalbar .badge .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
    }
    .graph-verticalbar .badge .badge-caption: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
    }
    .graph-verticalbar .badge .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .graph-verticalbar .badge .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .graph-verticalbar .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
    }
    .graph-verticalbar .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
    }
    .graph-verticalbar .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
    }
    .graph-verticalbar .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
    }
    .graph-verticalbar .badge .badge-unit, .graph-verticalbar .badge .badge-unit-plus, .graph-verticalbar .badge .badge-unit-percent, .graph-verticalbar .badge .badge-unit-currency, .graph-verticalbar .badge.badge-stacked .badge-value {
        font-size: 28px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .graph-verticalbar .badge .badge-unit:lang(th), .graph-verticalbar .badge .badge-unit-plus:lang(th), .graph-verticalbar .badge .badge-unit-percent:lang(th), .graph-verticalbar .badge .badge-unit-currency:lang(th), .graph-verticalbar .badge.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .graph-verticalbar .badge .badge-unit:lang(ar), .graph-verticalbar .badge .badge-unit-plus:lang(ar), .graph-verticalbar .badge .badge-unit-percent:lang(ar), .graph-verticalbar .badge .badge-unit-currency:lang(ar), .graph-verticalbar .badge.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .graph-verticalbar .badge .badge-unit:lang(ja), .graph-verticalbar .badge .badge-unit-plus:lang(ja), .graph-verticalbar .badge .badge-unit-percent:lang(ja), .graph-verticalbar .badge .badge-unit-currency:lang(ja), .graph-verticalbar .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
    }
    .graph-verticalbar .badge .badge-unit:lang(ko), .graph-verticalbar .badge .badge-unit-plus:lang(ko), .graph-verticalbar .badge .badge-unit-percent:lang(ko), .graph-verticalbar .badge .badge-unit-currency:lang(ko), .graph-verticalbar .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
    }
    .graph-verticalbar .badge .badge-unit:lang(zh-CN), .graph-verticalbar .badge .badge-unit-plus:lang(zh-CN), .graph-verticalbar .badge .badge-unit-percent:lang(zh-CN), .graph-verticalbar .badge .badge-unit-currency:lang(zh-CN), .graph-verticalbar .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
    }
    .graph-verticalbar .badge .badge-unit:lang(zh-HK), .graph-verticalbar .badge .badge-unit-plus:lang(zh-HK), .graph-verticalbar .badge .badge-unit-percent:lang(zh-HK), .graph-verticalbar .badge .badge-unit-currency:lang(zh-HK), .graph-verticalbar .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
    }
    .graph-verticalbar .badge .badge-unit:lang(zh-MO), .graph-verticalbar .badge .badge-unit-plus:lang(zh-MO), .graph-verticalbar .badge .badge-unit-percent:lang(zh-MO), .graph-verticalbar .badge .badge-unit-currency:lang(zh-MO), .graph-verticalbar .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
    }
    .graph-verticalbar .badge .badge-unit:lang(zh-TW), .graph-verticalbar .badge .badge-unit-plus:lang(zh-TW), .graph-verticalbar .badge .badge-unit-percent:lang(zh-TW), .graph-verticalbar .badge .badge-unit-currency:lang(zh-TW), .graph-verticalbar .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
    }
    .graph-verticalbar .badge .badge-unit-plus {
        top: -0.29em
    }
    .graph-verticalbar .badge .badge-unit-percent {
        top: -0.31em
    }
    .graph-verticalbar .badge .badge-unit-currency {
        top: -0.325em
    }
    .graph-verticalbar .badge.badge-stacked .badge-content {
        padding-bottom: 4px
    }
}

.graph-verticalbar .graph-data {
    position: relative;
    width: 100%
}

.graph-verticalbar .graph-bar {
    position: absolute;
    bottom: 0;
    width: 4px;
    margin-bottom: 0
}

.graph-verticalbar .graph-caption {
    position: absolute;
    bottom: 0;
    white-space: nowrap;
    display: block;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg) translate(0, 28px);
    transform: rotate(-90deg) translate(0, 28px)
}

html.progressive-image.js [data-progressive-image], html.progressive-image.js [data-progressive-image] * {
    background-image: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    opacity: 0
}

html.progressive-image.js .progressive-image-animated, html.progressive-image.js .progressive-image-animated * {
    opacity: 0;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out
}

html.progressive-image.js .progressive-image-animated[data-progressive-image-loaded], html.progressive-image.js .progressive-image-animated[data-progressive-image-loaded] *, html.progressive-image.js .progressive-image-animated *[data-progressive-image-loaded], html.progressive-image.js .progressive-image-animated *[data-progressive-image-loaded] * {
    opacity: 1
}

.typography-headline-standalone {
    font-size: 96px;
    line-height: 1.04167;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-headline-standalone:lang(th) {
    font-size: 86px;
    line-height: 1.32582;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-headline-standalone {
        font-size: 80px;
        line-height: 1.05;
        font-weight: 600;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(ar) {
        line-height: 1.2;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(ja) {
        line-height: 1.0875;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(ko) {
        line-height: 1.15625;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(th) {
        font-size: 72px;
        line-height: 1.32008;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-standalone:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-standalone {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(th) {
        font-size: 43px;
        line-height: 1.34884;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-standalone:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline-super {
    font-size: 80px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-headline-super:lang(th) {
    font-size: 72px;
    line-height: 1.32008;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-headline-super {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 600;
        letter-spacing: -.009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(ar) {
        line-height: 1.20312;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(ja) {
        line-height: 1.10938;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(ko) {
        line-height: 1.17188;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(th) {
        font-size: 58px;
        line-height: 1.32759;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-super {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(th) {
        font-size: 43px;
        line-height: 1.34884;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline-elevated {
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -.009em;
    font-family:Aeonikpro, sans-serif
}

.typography-headline-elevated:lang(ar) {
    line-height: 1.20312;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(th) {
    font-size: 58px;
    line-height: 1.32759;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-headline-elevated {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(th) {
        font-size: 43px;
        line-height: 1.34884;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-elevated {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(ar) {
        line-height: 1.3;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(ja) {
        line-height: 1.175;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(ko) {
        line-height: 1.2125;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(th) {
        font-size: 36px;
        line-height: 1.33357;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline {
    font-size: 48px;
    line-height: 1.08365;
    font-weight: 600;
    letter-spacing: -.003em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-headline:lang(th) {
    font-size: 43px;
    line-height: 1.34884;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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:Aeonikpro, sans-serif
    }
    .typography-headline:lang(ar) {
        line-height: 1.3;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline:lang(ja) {
        line-height: 1.175;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(ko) {
        line-height: 1.2125;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(th) {
        font-size: 36px;
        line-height: 1.33357;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(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:Aeonikpro, sans-serif
}

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

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

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

.typography-headline-reduced:lang(th) {
    font-size: 36px;
    line-height: 1.33357;
    font-family: "SF Pro TH",Aeonikpro, 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:Aeonikpro, sans-serif
    }
    .typography-headline-reduced:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-reduced:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-reduced:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-reduced {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-reduced:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, 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(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product-super {
    font-size: 44px;
    line-height: 1.09091;
    font-weight: 600;
    letter-spacing: -.002em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-product-super:lang(ar) {
    line-height: 1.29585;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

.typography-eyebrow-product-super:lang(th) {
    font-size: 40px;
    line-height: 1.3;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product-super {
        font-size: 35px;
        line-height: 1.11429;
        font-weight: 600;
        letter-spacing: .003em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(th) {
        font-size: 31px;
        line-height: 1.35484;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(ar) {
        line-height: 1.35734;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(ja) {
        line-height: 1.2;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(ko) {
        line-height: 1.22867;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product-super {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product-elevated {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-eyebrow-product-elevated:lang(th) {
    font-size: 36px;
    line-height: 1.33357;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product-elevated {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product-elevated {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product {
    font-size: 30px;
    line-height: 1.13353;
    font-weight: 600;
    letter-spacing: .006em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-product:lang(th) {
    font-size: 27px;
    line-height: 1.44468;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 600;
        letter-spacing: .01em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(ar) {
        line-height: 1.40913;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(ja) {
        line-height: 1.27273;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(ko) {
        line-height: 1.29565;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product-reduced {
    font-size: 28px;
    line-height: 1.14286;
    font-weight: 600;
    letter-spacing: .007em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-product-reduced:lang(th) {
    font-size: 25px;
    line-height: 1.44;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.typography-eyebrow-product-reduced:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product-reduced {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product-reduced {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-super {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-super:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-super {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-super {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-elevated {
    font-size: 28px;
    line-height: 1.14286;
    font-weight: 600;
    letter-spacing: .007em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-elevated:lang(th) {
    font-size: 25px;
    line-height: 1.44;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.typography-eyebrow-elevated:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-elevated {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-elevated {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-eyebrow:lang(ar) {
    line-height: 1.35417;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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:Aeonikpro, sans-serif
    }
    .typography-eyebrow:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-reduced {
    font-size: 21px;
    line-height: 1.19048;
    font-weight: 600;
    letter-spacing: .011em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-reduced:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.typography-eyebrow-reduced:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 735px) {
    .typography-eyebrow-reduced {
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 600;
        letter-spacing: .012em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-reduced:lang(th) {
        font-size: 19px;
        line-height: 1.57895;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-reduced:lang(ar) {
        line-height: 1.39474;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-reduced:lang(ja) {
        line-height: 1.26316;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-reduced:lang(ko) {
        line-height: 1.34211;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product-super {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-intro-product-super:lang(th) {
    font-size: 36px;
    line-height: 1.33357;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-intro-product-super {
        font-size: 30px;
        line-height: 1.13353;
        font-weight: 400;
        letter-spacing: .006em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(th) {
        font-size: 27px;
        line-height: 1.44468;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(ar) {
        line-height: 1.33353;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(ja) {
        line-height: 1.23353;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product-super {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 400;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product-elevated {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 400;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro-product-elevated:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-intro-product-elevated {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 400;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product-elevated {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 400;
        letter-spacing: .01em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(ar) {
        line-height: 1.40913;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(ja) {
        line-height: 1.27273;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(ko) {
        line-height: 1.29565;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product {
    font-size: 28px;
    line-height: 1.14286;
    font-weight: 400;
    letter-spacing: .007em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro-product:lang(th) {
    font-size: 25px;
    line-height: 1.44;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.typography-intro-product:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-intro-product {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 400;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 400;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(th) {
        font-size: 21px;
        line-height: 1.52381;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(ja) {
        line-height: 1.2381;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product-reduced {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 400;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro-product-reduced:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-intro-product-reduced {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 400;
        letter-spacing: .01em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(ar) {
        line-height: 1.40913;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(ja) {
        line-height: 1.27273;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(ko) {
        line-height: 1.29565;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product-reduced {
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 400;
        letter-spacing: .012em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(th) {
        font-size: 19px;
        line-height: 1.57895;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(ar) {
        line-height: 1.39474;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(ja) {
        line-height: 1.26316;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(ko) {
        line-height: 1.34211;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-elevated {
    font-size: 24px;
    line-height: 1.33349;
    font-weight: 400;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro-elevated:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-intro-elevated {
        font-size: 21px;
        line-height: 1.38105;
        font-weight: 400;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-elevated:lang(th) {
        font-size: 21px;
        line-height: 1.57143;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-elevated:lang(ar) {
        line-height: 1.54762;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-elevated:lang(ja) {
        line-height: 1.42863;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(ko) {
        line-height: 1.52381;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro {
    font-size: 21px;
    line-height: 1.38105;
    font-weight: 400;
    letter-spacing: .011em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro:lang(th) {
    font-size: 21px;
    line-height: 1.57143;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 735px) {
    .typography-intro {
        font-size: 19px;
        line-height: 1.42115;
        font-weight: 400;
        letter-spacing: .012em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro:lang(th) {
        font-size: 19px;
        line-height: 1.57895;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro:lang(ar) {
        line-height: 1.57895;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro:lang(ja) {
        line-height: 1.47384;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro:lang(ko) {
        line-height: 1.55269;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-quote {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-quote:lang(th) {
    font-size: 36px;
    line-height: 1.33357;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-quote {
        font-size: 32px;
        line-height: 1.25;
        font-weight: 400;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-quote:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-quote:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-quote:lang(ja) {
        line-height: 1.34375;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(ko) {
        line-height: 1.375;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-quote {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 400;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-quote:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-quote:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-quote:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-quote-reduced {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.typography-quote-reduced:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-quote-reduced:lang(ar) {
    line-height: 1.34375;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-quote-reduced {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 400;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-quote-reduced {
        font-size: 24px;
        line-height: 1.33349;
        font-weight: 400;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(ar) {
        line-height: 1.52099;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(ja) {
        line-height: 1.375;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(ko) {
        line-height: 1.45849;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(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:Aeonikpro, sans-serif
}

.typography-callout:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

.typography-callout:lang(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:Aeonikpro, sans-serif
    }
    .typography-callout:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, 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(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-callout:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-callout {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-callout:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-callout:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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:Aeonikpro, sans-serif
}

.typography-manifesto:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-manifesto {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-manifesto {
        font-size: 24px;
        line-height: 1.33349;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(ar) {
        line-height: 1.52099;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(ja) {
        line-height: 1.41667;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(ko) {
        line-height: 1.45849;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(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:Aeonikpro, sans-serif
}

.typography-label:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-label:lang(ar) {
    line-height: 1.35417;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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:Aeonikpro, sans-serif
    }
    .typography-label:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-label:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-label:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-label:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-label:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-label:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-label:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-label:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tout {
    font-size: 19px;
    line-height: 1.21053;
    font-weight: 600;
    letter-spacing: .012em;
    font-family:Aeonikpro, sans-serif
}

.typography-tout:lang(th) {
    font-size: 19px;
    line-height: 1.57895;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

.typography-tout:lang(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:Aeonikpro, sans-serif
}

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

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

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

.typography-body:lang(th) {
    font-size: 17px;
    line-height: 1.64706;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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-tight {
    font-size: 17px;
    line-height: 1.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif
}

.typography-body-tight:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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.35298;
    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(th) {
    font-size: 17px;
    line-height: 1.52947;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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-body-reduced {
    font-size: 14px;
    line-height: 1.42861;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-body-reduced:lang(th) {
    font-size: 14px;
    line-height: 1.71429;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.typography-body-reduced-tight:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-body-reduced-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-reduced-tight:lang(ko) {
    line-height: 1.42861;
    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(th) {
    font-size: 14px;
    line-height: 1.71429;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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-caption {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-caption:lang(th) {
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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-representation-donut-total {
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-representation-donut-total:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-representation-donut-total: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-representation-donut-total: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
}

.typography-representation-donut-total:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-representation-donut-total: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-representation-donut-total: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-representation-donut-total {
        font-size: 27px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-representation-donut-total:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-representation-donut-total: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-representation-donut-total: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
    }
    .typography-representation-donut-total:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-representation-donut-total:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-donut-total:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-donut-total: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-representation-donut-total:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-representation-donut-total {
        font-size: 22px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-representation-donut-total:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-representation-donut-total: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-representation-donut-total: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
    }
    .typography-representation-donut-total:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-representation-donut-total:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-donut-total:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-donut-total: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-representation-donut-total:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-representation-legend-value {
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-representation-legend-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-representation-legend-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
}

.typography-representation-legend-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
}

.typography-representation-legend-value:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-representation-legend-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
}

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

@media only screen and (max-width: 1068px) {
    .typography-representation-legend-value {
        font-size: 21px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-representation-legend-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-representation-legend-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
    }
    .typography-representation-legend-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
    }
    .typography-representation-legend-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-representation-legend-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-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
    }
    .typography-representation-legend-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-representation-legend-value {
        font-size: 19px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-representation-legend-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-representation-legend-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
    }
    .typography-representation-legend-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
    }
    .typography-representation-legend-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-representation-legend-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-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
    }
    .typography-representation-legend-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-representation-legend-percent {
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-representation-legend-percent:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-representation-legend-percent: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
}

.typography-representation-legend-percent: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
}

.typography-representation-legend-percent:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-representation-legend-percent: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-representation-legend-percent: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) {
    .typography-representation-legend-percent {
        font-size: 14px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-representation-legend-percent:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-representation-legend-percent: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
    }
    .typography-representation-legend-percent: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
    }
    .typography-representation-legend-percent:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-representation-legend-percent:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-percent:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-percent: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-representation-legend-percent: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: 735px) {
    .typography-representation-legend-percent {
        font-size: 12px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-representation-legend-percent:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-representation-legend-percent: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
    }
    .typography-representation-legend-percent: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
    }
    .typography-representation-legend-percent:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-representation-legend-percent:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-percent:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-representation-legend-percent: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-representation-legend-percent:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-data-subtablist {
    font-size: 19px;
    line-height: 1.52632;
    font-weight: 300;
    letter-spacing: .016em;
    font-family:Aeonikpro, sans-serif
}

.typography-data-subtablist:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-data-subtablist:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-data-subtablist: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-data-subtablist: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
}

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

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

.typography-data-subtablist: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-data-subtablist: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-data-subtablist {
        font-size: 14px;
        line-height: 1.57143;
        font-weight: 300;
        letter-spacing: -.024em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-subtablist:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-subtablist: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-data-subtablist: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
    }
    .typography-data-subtablist:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-subtablist:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-subtablist:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-subtablist:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-subtablist: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-data-subtablist: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: 735px) {
    .typography-data-subtablist {
        font-size: 14px;
        line-height: 1.57143;
        font-weight: 300;
        letter-spacing: -.024em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-subtablist:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-subtablist: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-data-subtablist: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
    }
    .typography-data-subtablist:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-subtablist:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-subtablist:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-subtablist:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-subtablist: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-data-subtablist:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-data-maintablist {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.024em;
    font-family:Aeonikpro, sans-serif
}

.typography-data-maintablist:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-data-maintablist: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-data-maintablist: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
}

.typography-data-maintablist:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

.typography-data-maintablist: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-data-maintablist: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) {
    .typography-data-maintablist {
        font-size: 17px;
        line-height: 1.47059;
        font-weight: 400;
        letter-spacing: -.024em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-maintablist:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-maintablist: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-data-maintablist: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
    }
    .typography-data-maintablist:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-maintablist:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-maintablist:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-maintablist:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-maintablist: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-data-maintablist: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: 735px) {
    .typography-data-maintablist {
        font-size: 17px;
        line-height: 1.47059;
        font-weight: 400;
        letter-spacing: -.024em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-maintablist:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-maintablist: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-data-maintablist: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
    }
    .typography-data-maintablist:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-maintablist:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-maintablist:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-maintablist:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-maintablist: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-data-maintablist:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-data-horizontal-graph-badge {
    font-size: 24px;
    line-height: 1.20849;
    font-weight: 700;
    letter-spacing: -.01em;
    font-family:Aeonikpro, sans-serif
}

.typography-data-horizontal-graph-badge:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-data-horizontal-graph-badge: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-data-horizontal-graph-badge: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-data-horizontal-graph-badge:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-data-horizontal-graph-badge:lang(zh) {
    letter-spacing: 0em
}

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

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

.typography-data-horizontal-graph-badge: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-data-horizontal-graph-badge: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-data-horizontal-graph-badge {
        font-size: 24px;
        line-height: 1.20849;
        font-weight: 700;
        letter-spacing: -.01em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-horizontal-graph-badge:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-horizontal-graph-badge: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-data-horizontal-graph-badge: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-data-horizontal-graph-badge:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-horizontal-graph-badge:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-horizontal-graph-badge:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-horizontal-graph-badge:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-horizontal-graph-badge: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-data-horizontal-graph-badge:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-data-horizontal-graph-badge {
        font-size: 24px;
        line-height: 1.20849;
        font-weight: 700;
        letter-spacing: -.01em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-horizontal-graph-badge:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-horizontal-graph-badge: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-data-horizontal-graph-badge: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-data-horizontal-graph-badge:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-horizontal-graph-badge:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-horizontal-graph-badge:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-horizontal-graph-badge:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-horizontal-graph-badge: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-data-horizontal-graph-badge:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-data-donut-graph-badge-value {
    font-size: 60px;
    line-height: .83373;
    font-weight: 700;
    letter-spacing: -.02em;
    font-family:Aeonikpro, sans-serif
}

.typography-data-donut-graph-badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-data-donut-graph-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
}

.typography-data-donut-graph-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
}

.typography-data-donut-graph-badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-data-donut-graph-badge-value:lang(zh) {
    letter-spacing: 0em
}

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

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

.typography-data-donut-graph-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
}

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

@media only screen and (max-width: 1068px) {
    .typography-data-donut-graph-badge-value {
        font-size: 44px;
        line-height: .90917;
        font-weight: 700;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-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
    }
    .typography-data-donut-graph-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
    }
    .typography-data-donut-graph-badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-donut-graph-badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-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
    }
    .typography-data-donut-graph-badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-data-donut-graph-badge-value {
        font-size: 44px;
        line-height: .90917;
        font-weight: 700;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-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
    }
    .typography-data-donut-graph-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
    }
    .typography-data-donut-graph-badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .typography-data-donut-graph-badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-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
    }
    .typography-data-donut-graph-badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-data-donut-graph-badge-unit {
    font-size: 39px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-data-donut-graph-badge-unit:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-data-donut-graph-badge-unit: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-data-donut-graph-badge-unit: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
}

.typography-data-donut-graph-badge-unit:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-data-donut-graph-badge-unit: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-data-donut-graph-badge-unit: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-data-donut-graph-badge-unit {
        font-size: 30px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-unit: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-data-donut-graph-badge-unit: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
    }
    .typography-data-donut-graph-badge-unit:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-badge-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-badge-unit: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-data-donut-graph-badge-unit:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-data-donut-graph-badge-unit {
        font-size: 30px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-unit: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-data-donut-graph-badge-unit: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
    }
    .typography-data-donut-graph-badge-unit:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-data-donut-graph-badge-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-badge-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-data-donut-graph-badge-unit: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-data-donut-graph-badge-unit:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-stat-unit {
    font-size: 21px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-stat-unit:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-stat-unit: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-stat-unit: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
}

.typography-stat-unit:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-stat-unit: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-stat-unit: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-stat-unit {
        font-size: 17px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-stat-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-stat-unit: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
    }
    .typography-stat-unit: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
    }
    .typography-stat-unit:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-stat-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-unit: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-stat-unit: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: 735px) {
    .typography-stat-unit {
        font-size: 14px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-stat-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-stat-unit: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
    }
    .typography-stat-unit: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
    }
    .typography-stat-unit:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-stat-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-unit: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-stat-unit:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-stat-large {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-stat-large:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-stat-large: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-stat-large: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
}

.typography-stat-large:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-stat-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
}

.typography-stat-large: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-stat-large {
        font-size: 36px;
        line-height: 1.11119;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-stat-large:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-stat-large: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-stat-large: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
    }
    .typography-stat-large:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-stat-large:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-large:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-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
    }
    .typography-stat-large:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-stat-large {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-stat-large:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-stat-large: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-stat-large: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
    }
    .typography-stat-large:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-stat-large:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-large:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-stat-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
    }
    .typography-stat-large:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

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

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

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

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

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

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

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

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

#ac-localnav a {
    pointer-events: auto
}

.section-content {
    padding: 0;
    max-width: 1068px
}

@media only screen and (max-width: 1068px) {
    .section-content {
        max-width: 734px
    }
}

.hidden {
    display: none
}

.italicize {
    font-style: italic
}

h1, h2, h3, h4, h5, h6, p {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word
}

@media (inverted-colors) {
    .double-invert {
        -webkit-filter: invert(1);
        filter: invert(1)
    }
}

.page-overview .main {
    margin-left: auto;
    margin-right: auto;
    max-width: 2560px
}

.image--overview_hero_hero {
    background-size: 2560px 916px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/hero/hero_large.jpg");
    background-position-x: center
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_hero_hero {
        background-image: url("../../images/overview/hero/hero_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_hero_hero {
        background-size: 1068px 639px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/hero/hero_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_hero_hero {
        background-image: url("../../images/overview/hero/hero_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_hero_hero {
        background-size: 736px 309px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/hero/hero_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_hero_hero {
        background-image: url("../../images/overview/hero/hero_small_2x.jpg")
    }
}

.section-hero {
    position: relative;
    width: 100%;
    height: 100%
}

.section-hero .hero-image {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    margin-top: 0;
    z-index: -1;
    padding-bottom: 916px
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-image {
        padding-bottom: 639px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .hero-image {
        padding-bottom: 309px
    }
}

.section-hero .section-content {
    max-width: 2560px;
    width: 100%;
    height: 100%;
    padding: 0
}

.section-hero .section-content .section-block {
    margin-bottom: 0
}

.section-hero .contentProgram {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: -444px;
    width: 1068px;
    text-align: center;
    padding-bottom: 20px;
    width: 1068px;
    margin-top: -444px
}

@media only screen and (max-width: 1068px) {
    .section-hero .contentProgram {
        width: 734px;
        margin-top: -344px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .contentProgram {
        width: 100%;
        margin-top: 20px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .contentProgram {
        max-width: 375px
    }
}

.section-hero .contentProgram .content-inner {
    background-color: #fafafa;
    padding-top: 125px;
    padding-bottom: 140px
}

@media only screen and (max-width: 1068px) {
    .section-hero .contentProgram .content-inner {
        padding-top: 85px;
        padding-bottom: 85px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .contentProgram .content-inner {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

.section-hero .contentProgram .content-inner .paragraph-copy {
    margin-left: auto;
    margin-right: auto;
    max-width: 760px;
    margin-top: 49px;
    margin-bottom: 44px
}

@media only screen and (max-width: 1068px) {
    .section-hero .contentProgram .content-inner .paragraph-copy {
        max-width: 600px;
        margin-top: 20px;
        margin-bottom: 25px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .contentProgram .content-inner .paragraph-copy {
        max-width: 410px;
        margin-top: 10px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .contentProgram .content-inner .paragraph-copy {
        width: 87.5%
    }
}

.section-hero .contentProgram .content-inner .video-trigger {
    font-weight: 600;
    color: #0070c9
}

.graph-horizontalbar .number, .graph-horizontalbar .graph-badge-half {
    display: inline-block;
    vertical-align: top;
    line-height: 0.8
}

.graph-horizontalbar .graph-caption {
    font-size: 14px;
    line-height: 1.42861;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif;
    color: #333;
    text-transform: capitalize
}

.graph-horizontalbar .graph-caption:lang(ar) {
    line-height: 1.57143;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

.graph-horizontalbar .graph-caption: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
}

.graph-horizontalbar .graph-caption:lang(th) {
    font-size: 14px;
    line-height: 1.71429;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

.graph-horizontalbar .graph-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
}

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

.graph-horizontalbar .graph-unit {
    display: table;
    margin-top: 25px
}

@media only screen and (max-width: 1068px) {
    .graph-horizontalbar .graph-unit {
        margin-top: 10px
    }
}

.graph-horizontalbar .graph-unit.nomargin-top {
    margin-top: 0
}

.graph-horizontalbar .graph-badge, .graph-horizontalbar .graph-data {
    display: table-cell
}

.graph-horizontalbar .graph-badge {
    font-size: 24px;
    line-height: 1.20849;
    font-weight: 700;
    letter-spacing: -.01em;
    font-family:Aeonikpro, sans-serif;
    min-width: 95px;
    text-align: right;
    color: #008a81;
    line-height: 0.7;
    padding-right: 0
}

.graph-horizontalbar .graph-badge:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.graph-horizontalbar .graph-badge: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
}

.graph-horizontalbar .graph-badge: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
}

.graph-horizontalbar .graph-badge:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.graph-horizontalbar .graph-badge:lang(zh) {
    letter-spacing: 0em
}

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

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

.graph-horizontalbar .graph-badge: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
}

.graph-horizontalbar .graph-badge: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) {
    .graph-horizontalbar .graph-badge {
        font-size: 24px;
        line-height: 1.20849;
        font-weight: 700;
        letter-spacing: -.01em;
        font-family:Aeonikpro, sans-serif
    }
    .graph-horizontalbar .graph-badge:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .graph-horizontalbar .graph-badge: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
    }
    .graph-horizontalbar .graph-badge: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
    }
    .graph-horizontalbar .graph-badge:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .graph-horizontalbar .graph-badge:lang(zh) {
        letter-spacing: 0em
    }
    .graph-horizontalbar .graph-badge:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .graph-horizontalbar .graph-badge:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .graph-horizontalbar .graph-badge: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
    }
    .graph-horizontalbar .graph-badge:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .graph-horizontalbar .graph-badge {
        font-size: 24px;
        line-height: 1.20849;
        font-weight: 700;
        letter-spacing: -.01em;
        font-family:Aeonikpro, sans-serif
    }
    .graph-horizontalbar .graph-badge:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .graph-horizontalbar .graph-badge: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
    }
    .graph-horizontalbar .graph-badge: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
    }
    .graph-horizontalbar .graph-badge:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .graph-horizontalbar .graph-badge:lang(zh) {
        letter-spacing: 0em
    }
    .graph-horizontalbar .graph-badge:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .graph-horizontalbar .graph-badge:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .graph-horizontalbar .graph-badge: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
    }
    .graph-horizontalbar .graph-badge: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) {
    .graph-horizontalbar .graph-badge {
        min-width: 80px
    }
}

@media only screen and (max-width: 735px) {
    .graph-horizontalbar .graph-badge {
        min-width: 74px
    }
}

.graph-horizontalbar .graph-badge-half {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.graph-horizontalbar .graph-badge-half:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.graph-horizontalbar .graph-badge-half: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
}

.graph-horizontalbar .graph-badge-half: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
}

.graph-horizontalbar .graph-badge-half:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.graph-horizontalbar .graph-badge-half: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
}

.graph-horizontalbar .graph-badge-half: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) {
    .graph-horizontalbar .graph-badge-half {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .graph-horizontalbar .graph-badge-half:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .graph-horizontalbar .graph-badge-half: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
    }
    .graph-horizontalbar .graph-badge-half: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
    }
    .graph-horizontalbar .graph-badge-half:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .graph-horizontalbar .graph-badge-half:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .graph-horizontalbar .graph-badge-half:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .graph-horizontalbar .graph-badge-half: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
    }
    .graph-horizontalbar .graph-badge-half:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.graph-horizontalbar .graph-data {
    width: 100%;
    padding-left: 15px;
    vertical-align: top
}

@media only screen and (max-width: 1068px) {
    .graph-horizontalbar .graph-data {
        padding-bottom: 8px
    }
}

@media only screen and (max-width: 735px) {
    .graph-horizontalbar .graph-data {
        padding-bottom: 17px
    }
}

.graph-horizontalbar .graph-bar {
    height: 8px;
    margin-bottom: 2px
}

@media only screen and (max-width: 1068px) {
    .graph-horizontalbar .graph-bar {
        height: 8px;
        margin-bottom: 2px
    }
}

@media only screen and (max-width: 735px) {
    .graph-horizontalbar .graph-bar {
        height: 8px;
        margin-bottom: 2px
    }
}

.graph-us-ethnicity .graph-badge-half, .info-representation .graph-badge-half {
    line-height: .8
}

@media only screen and (max-width: 1068px) {
    .graph-us-ethnicity .graph-badge-half, .info-representation .graph-badge-half {
        line-height: .8
    }
}

@media only screen and (max-width: 735px) {
    .graph-us-ethnicity .graph-badge-half, .info-representation .graph-badge-half {
        line-height: .8
    }
}

.info-representation .graph-badge-half {
    margin-left: .1em
}

@media only screen and (max-width: 1068px) {
    .info-representation .graph-badge-half {
        margin-left: 0
    }
}

@media only screen and (max-width: 735px) {
    .info-representation .graph-badge-half {
        margin-left: .1em
    }
}

.reduced-motion .section-graphs .graph-us-ethnicity .graph-container .graph-horizontalbar .graph-bar {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.graph-legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 40px auto 0
}

@media only screen and (max-width: 1068px) {
    .graph-legend {
        margin-top: 35px
    }
}

.graph-legend .graph-legend-icon {
    display: inline-block;
    margin: 0;
    margin-left: 22px
}

.graph-legend .graph-legend-icon:not(:first-of-type) {
    margin-left: 44px
}

.graph-legend .graph-legend-icon:before {
    background: red;
    content: '';
    position: absolute;
    width: 16px;
    height: 4px;
    border-radius: 3px;
    -webkit-transform: translate(-22px, 6px);
    transform: translate(-22px, 6px)
}

.graph-legend .graph-legend-icon:nth-child(1):before {
    background-color: #008a81
}

.graph-legend .graph-legend-icon:nth-child(2):before {
    background-color: #929292
}

.js [data-component-list*=ColumnFloater] {
    -webkit-transition: opacity 0.3s ease 0.05s;
    transition: opacity 0.3s ease 0.05s;
    opacity: 0.01
}

@media only screen and (max-width: 735px) {
    .js [data-component-list*=ColumnFloater] {
        opacity: 1
    }
}

.js.float-columns-ready [data-component-list*=ColumnFloater] {
    opacity: 1
}

[data-component-list*=ColumnFloater] .float-column-tile {
    position: relative;
    top: 0;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-bottom: 20px;
    padding-right: 10px
}

@media only screen and (max-width: 1068px) {
    [data-component-list*=ColumnFloater] .float-column-tile {
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 1068px) {
    [data-component-list*=ColumnFloater] .float-column-tile {
        padding-right: 10px
    }
}

@media only screen and (max-width: 735px) {
    [data-component-list*=ColumnFloater] .float-column-tile {
        padding-right: 0
    }
}

[data-component-list*=ColumnFloater] .float-column-tile-right {
    float: right;
    padding-right: 0;
    padding-left: 10px
}

@media only screen and (max-width: 1068px) {
    [data-component-list*=ColumnFloater] .float-column-tile-right {
        padding-left: 10px
    }
}

@media only screen and (max-width: 735px) {
    [data-component-list*=ColumnFloater] .float-column-tile-right {
        padding-left: 0
    }
}

@media only screen and (max-width: 735px) {
    [data-component-list*=ColumnFloater] .float-column-tile {
        width: 100%;
        float: none;
        padding-bottom: 20px
    }
}

[data-component-list*=ColumnFloater] .float-column-tile html:not(.js) {
    width: 100%
}

.content .text-overlay .person-name {
    margin-bottom: 4px
}

@media only screen and (max-width: 1068px) {
    .content .text-overlay .person-name {
        margin-bottom: 0
    }
}

.content .text-overlay .person-title {
    margin-bottom: 8px
}

@media only screen and (max-width: 1068px) {
    .content .text-overlay .person-title {
        margin-bottom: 0
    }
}

.modal {
    display: block !important;
    visibility: hidden
}

.modal .quote-copy>:last-child:after {
    visibility: hidden
}

.modal-open {
    visibility: visible
}

.modal-open .quote-copy>:last-child:after {
    visibility: visible
}

html.ios:not(.has-modal) .modal-standard {
    width: 0;
    left: -10000px !important
}

.modal-standard {
    background: rgba(0, 0, 0, 0.8) !important
}

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

html.ios .modal-profile .content-table {
    display: block
}

html.ios .modal-profile .content-table .content-cell {
    display: block;
    padding-bottom: 54px
}

@media only screen and (max-width: 735px) {
    html.ios .modal-profile .content-table .content-cell {
        padding-bottom: 0
    }
}

.modal-profile .content-table .content-wrapper {
    max-width: 1068px;
    width: 100%;
    background-color: #fff
}

@media only screen and (max-width: 1068px) {
    .modal-profile .content-table .content-wrapper {
        max-width: 768px
    }
}

@media only screen and (max-width: 735px) {
    .modal-profile .content-table .content-wrapper {
        max-width: 736px
    }
}

.modal-profile .content-table .content-wrapper .content-padding {
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal-profile .content-table .content-wrapper .content-padding .modal-content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.modal-profile .content-table .content-wrapper .content-padding .modal-close-container {
    position: -webkit-sticky;
    position: sticky;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    top: 1px;
    z-index: 5
}

.modal-profile .content-table .content-wrapper .content-padding .modal-close-container .modal-close {
    font-weight: 100;
    color: #000;
    height: auto;
    width: auto;
    overflow: visible;
    font-size: 32px;
    top: 35px;
    left: 32px
}

.modal-profile .content-table .content-wrapper .content-padding .modal-close-container .modal-close::before, .modal-profile .content-table .content-wrapper .content-padding .modal-close-container .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-profile .content-table .content-wrapper .content-padding .modal-close-container .modal-close::before, .modal-profile .content-table .content-wrapper .content-padding .modal-close-container .modal-close::after {
    text-decoration: none
}

.modal-profile .content-table .content-wrapper .content-padding .modal-close-container .modal-close::before {
    display: none
}

.modal-profile .content-table .content-wrapper .content-padding .modal-close-container .modal-close::before, .modal-profile .content-table .content-wrapper .content-padding .modal-close-container .modal-close::after {
    content: ""
}

.modal-profile .content-table .content-wrapper .content-padding .modal-close-container .modal-close::after {
    padding-left: .3em;
    top: 0
}

@media only screen and (max-width: 1068px) {
    .modal-profile .content-table .content-wrapper .content-padding .modal-close-container .modal-close {
        font-size: 28px;
        top: 19px;
        left: 14px
    }
}

@media only screen and (max-width: 735px) {
    .modal-profile .content-table .content-wrapper .content-padding .modal-close-container .modal-close {
        font-size: 24px;
        top: 18px;
        left: 12px
    }
}

.modal-profile .content-table .content-wrapper .content-padding .modal-close-container .modal-close:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    height: 40%;
    margin-top: -20%;
    margin-left: -20%;
    background-color: #fff
}

.modal-profile .content-table .content-wrapper .modal-image .modal-picture, .modal-profile .content-table .content-wrapper .modal-profile-content {
    width: 100%
}

.modal-profile .content-table .content-wrapper .modal-image {
    position: relative;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.modal-profile .content-table .content-wrapper .text-overlay {
    position: absolute;
    color: #fff;
    width: 250px;
    bottom: 45px
}

.modal-profile .content-table .content-wrapper .text-overlay-content {
    margin-left: auto;
    margin-right: auto;
    width: 770px;
    position: relative;
    height: 100%
}

@media only screen and (max-width: 1068px) {
    .modal-profile .content-table .content-wrapper .text-overlay-content {
        width: 575px
    }
}

@media only screen and (max-width: 735px) {
    .modal-profile .content-table .content-wrapper .text-overlay-content {
        width: 87.5%
    }
}

@media only screen and (max-width: 735px) {
    .modal-profile .content-table .content-wrapper .text-overlay-content {
        max-width: 320px
    }
}

@media only screen and (max-width: 1068px) {
    .modal-profile .content-table .content-wrapper .text-overlay {
        bottom: 35px
    }
}

@media only screen and (max-width: 735px) {
    .modal-profile .content-table .content-wrapper .text-overlay {
        bottom: 35px
    }
}

.modal-profile .content-table .content-wrapper .text-overlay .person-title {
    color: #fff;
    margin-top: 0
}

.modal-profile .content-table .content-wrapper .modal-copy-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    margin-bottom: 150px;
    width: 770px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@media only screen and (max-width: 1068px) {
    .modal-profile .content-table .content-wrapper .modal-copy-container {
        margin-top: 60px;
        margin-bottom: 120px;
        width: 575px
    }
}

@media only screen and (max-width: 735px) {
    .modal-profile .content-table .content-wrapper .modal-copy-container {
        margin-bottom: 120px;
        width: 87.5%
    }
}

@media only screen and (max-width: 735px) {
    .modal-profile .content-table .content-wrapper .modal-copy-container {
        max-width: 320px
    }
}

.modal-profile .content-table .content-wrapper .modal-copy-container .paragraph-copy, .modal-profile .content-table .content-wrapper .modal-copy-container .quote-copy {
    width: 650px
}

@media only screen and (max-width: 1068px) {
    .modal-profile .content-table .content-wrapper .modal-copy-container .paragraph-copy, .modal-profile .content-table .content-wrapper .modal-copy-container .quote-copy {
        width: 100%
    }
}

@media only screen and (max-width: 735px) {
    .modal-profile .content-table .content-wrapper .modal-copy-container .quote-copy {
        width: 95%
    }
}

.modal-profile .content-table .content-wrapper .modal-copy-container .paragraph-copy {
    margin-top: 30px
}

@media only screen and (max-width: 1068px) {
    .modal-profile .content-table .content-wrapper .modal-copy-container .paragraph-copy {
        margin-top: 23px
    }
}

.modal-profile .content-table .content-wrapper .quote {
    margin-top: 70px;
    margin-bottom: 70px
}

@media only screen and (max-width: 1068px) {
    .modal-profile .content-table .content-wrapper .quote {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.profile-esther .content-table .content-wrapper .text-overlay {
    width: 275px
}

.profile-cathy .content-table .content-wrapper .text-overlay {
    width: 340px
}

@media only screen and (max-width: 735px) {
    .profile-cathy .content-table .content-wrapper .text-overlay {
        width: 250px
    }
}

.content .text-overlay .person-name {
    margin-bottom: 4px
}

@media only screen and (max-width: 1068px) {
    .content .text-overlay .person-name {
        margin-bottom: 0
    }
}

.content .text-overlay .person-title {
    margin-bottom: 8px
}

@media only screen and (max-width: 1068px) {
    .content .text-overlay .person-title {
        margin-bottom: 0
    }
}

.stats {
    color: #008a81;
    margin-top: 35px;
    padding: 0 28px
}

@media only screen and (max-width: 1068px) {
    .stats {
        padding: 0 0
    }
}

.stats .stat-value {
    margin-bottom: 4px
}

.stats .stat-value, .stats .stat-unit {
    display: inline-block;
    vertical-align: top;
    line-height: 0.8
}

.stats .stat-unit {
    font-size: 21px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif;
    line-height: 0.8
}

.stats .stat-unit:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.stats .stat-unit: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
}

.stats .stat-unit: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
}

.stats .stat-unit:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.stats .stat-unit: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
}

.stats .stat-unit: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) {
    .stats .stat-unit {
        font-size: 17px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .stats .stat-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .stats .stat-unit: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
    }
    .stats .stat-unit: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
    }
    .stats .stat-unit:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .stats .stat-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .stats .stat-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .stats .stat-unit: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
    }
    .stats .stat-unit: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: 735px) {
    .stats .stat-unit {
        font-size: 14px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .stats .stat-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .stats .stat-unit: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
    }
    .stats .stat-unit: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
    }
    .stats .stat-unit:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .stats .stat-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .stats .stat-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .stats .stat-unit: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
    }
    .stats .stat-unit:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.stats .stat-after {
    font-weight: 600;
    display: table;
    width: 300px;
    margin-top: 5px
}

@media only screen and (max-width: 1068px) {
    .stats .stat-after {
        width: 100%
    }
}

@media only screen and (max-width: 735px) {
    .stats .stat-after {
        width: 255px;
        margin-top: 0
    }
}

.stats .stat-sosumi {
    margin-top: 15px;
    padding-bottom: 6px;
    width: 325px
}

@media only screen and (max-width: 1068px) {
    .stats .stat-sosumi {
        width: 100%
    }
}

@media only screen and (max-width: 735px) {
    .stats .stat-sosumi {
        width: 255px
    }
}

.stat1, .stat {
    margin-top: 60px
}

@media only screen and (max-width: 1068px) {
    .stat1, .stat {
        margin-top: 50px
    }
}

@media only screen and (max-width: 735px) {
    .stat1, .stat {
        margin-top: 50px
    }
}

.sosumi ul li small {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family:Aeonikpro, sans-serif
}

.sosumi ul li small:lang(ar) {
    line-height: 1.66667;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.sosumi ul li 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
}

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

.sosumi ul li small:lang(th) {
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.sosumi ul li small:lang(zh) {
    letter-spacing: 0em
}

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

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

.sosumi ul li 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
}

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

.picture-overview-hero-hero {
    width: 2560px;
    height: 916px;
    background-size: 2560px 916px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/hero/hero_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-hero-hero {
        background-image: url("../../images/overview/hero/hero_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-hero-hero {
        width: 1068px;
        height: 639px;
        background-size: 1068px 639px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/hero/hero_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-hero-hero {
        background-image: url("../../images/overview/hero/hero_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-hero-hero {
        width: 736px;
        height: 309px;
        background-size: 736px 309px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/hero/hero_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-hero-hero {
        background-image: url("../../images/overview/hero/hero_small_2x.jpg")
    }
}

.background-overview-hero-hero-center {
    position: relative;
    left: 50%;
    margin-left: -1280px
}

@media only screen and (max-width: 1068px) {
    .background-overview-hero-hero-center {
        left: 50%;
        margin-left: -534px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-hero-hero-center {
        left: 50%;
        margin-left: -368px
    }
}

.picture-overview-icon-reports {
    width: 35px;
    height: 45px;
    background-size: 35px 45px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/icon_reports_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-icon-reports {
        background-image: url("../../images/overview/icon_reports_large_2x.jpg")
    }
}

.background-overview-icon-reports-center {
    position: relative;
    left: 50%;
    margin-left: -17.5px
}

.picture-overview-modal-i-and-d-modal-lifestyle-adil {
    width: 1068px;
    height: 512px;
    background-size: 1068px 512px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_adil_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-modal-i-and-d-modal-lifestyle-adil {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_adil_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-adil {
        width: 768px;
        height: 368px;
        background-size: 768px 368px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_adil_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-adil {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_adil_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-adil {
        width: 736px;
        height: 402px;
        background-size: 736px 402px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_adil_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-adil {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_adil_small_2x.jpg")
    }
}

.background-overview-modal-i-and-d-modal-lifestyle-adil-center {
    position: relative;
    left: 50%;
    margin-left: -534px
}

@media only screen and (max-width: 1068px) {
    .background-overview-modal-i-and-d-modal-lifestyle-adil-center {
        left: 50%;
        margin-left: -384px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-modal-i-and-d-modal-lifestyle-adil-center {
        left: 50%;
        margin-left: -368px
    }
}

.picture-overview-modal-i-and-d-modal-lifestyle-cathy {
    width: 1068px;
    height: 512px;
    background-size: 1068px 512px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_cathy_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-modal-i-and-d-modal-lifestyle-cathy {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_cathy_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-cathy {
        width: 768px;
        height: 368px;
        background-size: 768px 368px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_cathy_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-cathy {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_cathy_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-cathy {
        width: 736px;
        height: 402px;
        background-size: 736px 402px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_cathy_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-cathy {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_cathy_small_2x.jpg")
    }
}

.background-overview-modal-i-and-d-modal-lifestyle-cathy-center {
    position: relative;
    left: 50%;
    margin-left: -534px
}

@media only screen and (max-width: 1068px) {
    .background-overview-modal-i-and-d-modal-lifestyle-cathy-center {
        left: 50%;
        margin-left: -384px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-modal-i-and-d-modal-lifestyle-cathy-center {
        left: 50%;
        margin-left: -368px
    }
}

.picture-overview-modal-i-and-d-modal-lifestyle-consuela {
    width: 1068px;
    height: 512px;
    background-size: 1068px 512px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_consuela_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-modal-i-and-d-modal-lifestyle-consuela {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_consuela_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-consuela {
        width: 768px;
        height: 368px;
        background-size: 768px 368px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_consuela_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-consuela {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_consuela_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-consuela {
        width: 736px;
        height: 402px;
        background-size: 736px 402px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_consuela_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-consuela {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_consuela_small_2x.jpg")
    }
}

.background-overview-modal-i-and-d-modal-lifestyle-consuela-center {
    position: relative;
    left: 50%;
    margin-left: -534px
}

@media only screen and (max-width: 1068px) {
    .background-overview-modal-i-and-d-modal-lifestyle-consuela-center {
        left: 50%;
        margin-left: -384px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-modal-i-and-d-modal-lifestyle-consuela-center {
        left: 50%;
        margin-left: -368px
    }
}

.picture-overview-modal-i-and-d-modal-lifestyle-emi {
    width: 1068px;
    height: 512px;
    background-size: 1068px 512px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_emi_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-modal-i-and-d-modal-lifestyle-emi {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_emi_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-emi {
        width: 768px;
        height: 368px;
        background-size: 768px 368px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_emi_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-emi {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_emi_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-emi {
        width: 736px;
        height: 402px;
        background-size: 736px 402px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_emi_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-emi {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_emi_small_2x.jpg")
    }
}

.background-overview-modal-i-and-d-modal-lifestyle-emi-center {
    position: relative;
    left: 50%;
    margin-left: -534px
}

@media only screen and (max-width: 1068px) {
    .background-overview-modal-i-and-d-modal-lifestyle-emi-center {
        left: 50%;
        margin-left: -384px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-modal-i-and-d-modal-lifestyle-emi-center {
        left: 50%;
        margin-left: -368px
    }
}

.picture-overview-modal-i-and-d-modal-lifestyle-esther {
    width: 1068px;
    height: 512px;
    background-size: 1068px 512px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_esther_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-modal-i-and-d-modal-lifestyle-esther {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_esther_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-esther {
        width: 768px;
        height: 368px;
        background-size: 768px 368px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_esther_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-esther {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_esther_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-esther {
        width: 736px;
        height: 402px;
        background-size: 736px 402px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_esther_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-esther {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_esther_small_2x.jpg")
    }
}

.background-overview-modal-i-and-d-modal-lifestyle-esther-center {
    position: relative;
    left: 50%;
    margin-left: -534px
}

@media only screen and (max-width: 1068px) {
    .background-overview-modal-i-and-d-modal-lifestyle-esther-center {
        left: 50%;
        margin-left: -384px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-modal-i-and-d-modal-lifestyle-esther-center {
        left: 50%;
        margin-left: -368px
    }
}

.picture-overview-modal-i-and-d-modal-lifestyle-ibrahim {
    width: 1068px;
    height: 512px;
    background-size: 1068px 512px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_ibrahim_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-modal-i-and-d-modal-lifestyle-ibrahim {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_ibrahim_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-ibrahim {
        width: 768px;
        height: 368px;
        background-size: 768px 368px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_ibrahim_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-ibrahim {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_ibrahim_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-ibrahim {
        width: 736px;
        height: 402px;
        background-size: 736px 402px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_ibrahim_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-ibrahim {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_ibrahim_small_2x.jpg")
    }
}

.background-overview-modal-i-and-d-modal-lifestyle-ibrahim-center {
    position: relative;
    left: 50%;
    margin-left: -534px
}

@media only screen and (max-width: 1068px) {
    .background-overview-modal-i-and-d-modal-lifestyle-ibrahim-center {
        left: 50%;
        margin-left: -384px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-modal-i-and-d-modal-lifestyle-ibrahim-center {
        left: 50%;
        margin-left: -368px
    }
}

.picture-overview-modal-i-and-d-modal-lifestyle-kirk {
    width: 1068px;
    height: 512px;
    background-size: 1068px 512px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_kirk_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-modal-i-and-d-modal-lifestyle-kirk {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_kirk_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-kirk {
        width: 768px;
        height: 368px;
        background-size: 768px 368px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_kirk_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-kirk {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_kirk_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-kirk {
        width: 736px;
        height: 402px;
        background-size: 736px 402px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_kirk_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-kirk {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_kirk_small_2x.jpg")
    }
}

.background-overview-modal-i-and-d-modal-lifestyle-kirk-center {
    position: relative;
    left: 50%;
    margin-left: -534px
}

@media only screen and (max-width: 1068px) {
    .background-overview-modal-i-and-d-modal-lifestyle-kirk-center {
        left: 50%;
        margin-left: -384px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-modal-i-and-d-modal-lifestyle-kirk-center {
        left: 50%;
        margin-left: -368px
    }
}

.picture-overview-modal-i-and-d-modal-lifestyle-tyelisa {
    width: 1068px;
    height: 512px;
    background-size: 1068px 512px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_tyelisa_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-modal-i-and-d-modal-lifestyle-tyelisa {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_tyelisa_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-tyelisa {
        width: 768px;
        height: 368px;
        background-size: 768px 368px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_tyelisa_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-tyelisa {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_tyelisa_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-tyelisa {
        width: 736px;
        height: 402px;
        background-size: 736px 402px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_tyelisa_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-tyelisa {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_tyelisa_small_2x.jpg")
    }
}

.background-overview-modal-i-and-d-modal-lifestyle-tyelisa-center {
    position: relative;
    left: 50%;
    margin-left: -534px
}

@media only screen and (max-width: 1068px) {
    .background-overview-modal-i-and-d-modal-lifestyle-tyelisa-center {
        left: 50%;
        margin-left: -384px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-modal-i-and-d-modal-lifestyle-tyelisa-center {
        left: 50%;
        margin-left: -368px
    }
}

.picture-overview-modal-i-and-d-modal-lifestyle-yael {
    width: 1068px;
    height: 512px;
    background-size: 1068px 512px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_yael_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-modal-i-and-d-modal-lifestyle-yael {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_yael_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-yael {
        width: 768px;
        height: 368px;
        background-size: 768px 368px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_yael_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-yael {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_yael_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-modal-i-and-d-modal-lifestyle-yael {
        width: 736px;
        height: 402px;
        background-size: 736px 402px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_yael_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-modal-i-and-d-modal-lifestyle-yael {
        background-image: url("../../images/overview/modal/i_and_d_modal_lifestyle_yael_small_2x.jpg")
    }
}

.background-overview-modal-i-and-d-modal-lifestyle-yael-center {
    position: relative;
    left: 50%;
    margin-left: -534px
}

@media only screen and (max-width: 1068px) {
    .background-overview-modal-i-and-d-modal-lifestyle-yael-center {
        left: 50%;
        margin-left: -384px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-modal-i-and-d-modal-lifestyle-yael-center {
        left: 50%;
        margin-left: -368px
    }
}

.picture-overview-story-lifestyle-story-adil {
    width: 436px;
    height: 653px;
    background-size: 436px 653px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/story/lifestyle_story_adil_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-story-lifestyle-story-adil {
        background-image: url("../../images/overview/story/lifestyle_story_adil_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-story-lifestyle-story-adil {
        width: 300px;
        height: 450px;
        background-size: 300px 450px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_adil_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-adil {
        background-image: url("../../images/overview/story/lifestyle_story_adil_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-story-lifestyle-story-adil {
        width: 325px;
        height: 486px;
        background-size: 325px 486px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_adil_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-adil {
        background-image: url("../../images/overview/story/lifestyle_story_adil_small_2x.jpg")
    }
}

.background-overview-story-lifestyle-story-adil-center {
    position: relative;
    left: 50%;
    margin-left: -218px
}

@media only screen and (max-width: 1068px) {
    .background-overview-story-lifestyle-story-adil-center {
        left: 50%;
        margin-left: -150px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-story-lifestyle-story-adil-center {
        left: 50%;
        margin-left: -162.5px
    }
}

.picture-overview-story-lifestyle-story-cathy {
    width: 436px;
    height: 653px;
    background-size: 436px 653px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/story/lifestyle_story_cathy_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-story-lifestyle-story-cathy {
        background-image: url("../../images/overview/story/lifestyle_story_cathy_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-story-lifestyle-story-cathy {
        width: 300px;
        height: 450px;
        background-size: 300px 450px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_cathy_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-cathy {
        background-image: url("../../images/overview/story/lifestyle_story_cathy_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-story-lifestyle-story-cathy {
        width: 325px;
        height: 486px;
        background-size: 325px 486px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_cathy_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-cathy {
        background-image: url("../../images/overview/story/lifestyle_story_cathy_small_2x.jpg")
    }
}

.background-overview-story-lifestyle-story-cathy-center {
    position: relative;
    left: 50%;
    margin-left: -218px
}

@media only screen and (max-width: 1068px) {
    .background-overview-story-lifestyle-story-cathy-center {
        left: 50%;
        margin-left: -150px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-story-lifestyle-story-cathy-center {
        left: 50%;
        margin-left: -162.5px
    }
}

.picture-overview-story-lifestyle-story-consuela {
    width: 436px;
    height: 653px;
    background-size: 436px 653px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/story/lifestyle_story_consuela_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-story-lifestyle-story-consuela {
        background-image: url("../../images/overview/story/lifestyle_story_consuela_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-story-lifestyle-story-consuela {
        width: 300px;
        height: 450px;
        background-size: 300px 450px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_consuela_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-consuela {
        background-image: url("../../images/overview/story/lifestyle_story_consuela_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-story-lifestyle-story-consuela {
        width: 325px;
        height: 486px;
        background-size: 325px 486px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_consuela_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-consuela {
        background-image: url("../../images/overview/story/lifestyle_story_consuela_small_2x.jpg")
    }
}

.background-overview-story-lifestyle-story-consuela-center {
    position: relative;
    left: 50%;
    margin-left: -218px
}

@media only screen and (max-width: 1068px) {
    .background-overview-story-lifestyle-story-consuela-center {
        left: 50%;
        margin-left: -150px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-story-lifestyle-story-consuela-center {
        left: 50%;
        margin-left: -162.5px
    }
}

.picture-overview-story-lifestyle-story-emi {
    width: 436px;
    height: 653px;
    background-size: 436px 653px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/story/lifestyle_story_emi_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-story-lifestyle-story-emi {
        background-image: url("../../images/overview/story/lifestyle_story_emi_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-story-lifestyle-story-emi {
        width: 300px;
        height: 450px;
        background-size: 300px 450px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_emi_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-emi {
        background-image: url("../../images/overview/story/lifestyle_story_emi_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-story-lifestyle-story-emi {
        width: 325px;
        height: 486px;
        background-size: 325px 486px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_emi_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-emi {
        background-image: url("../../images/overview/story/lifestyle_story_emi_small_2x.jpg")
    }
}

.background-overview-story-lifestyle-story-emi-center {
    position: relative;
    left: 50%;
    margin-left: -218px
}

@media only screen and (max-width: 1068px) {
    .background-overview-story-lifestyle-story-emi-center {
        left: 50%;
        margin-left: -150px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-story-lifestyle-story-emi-center {
        left: 50%;
        margin-left: -162.5px
    }
}

.picture-overview-story-lifestyle-story-esther {
    width: 436px;
    height: 653px;
    background-size: 436px 653px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/story/lifestyle_story_esther_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-story-lifestyle-story-esther {
        background-image: url("../../images/overview/story/lifestyle_story_esther_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-story-lifestyle-story-esther {
        width: 300px;
        height: 450px;
        background-size: 300px 450px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_esther_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-esther {
        background-image: url("../../images/overview/story/lifestyle_story_esther_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-story-lifestyle-story-esther {
        width: 325px;
        height: 486px;
        background-size: 325px 486px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_esther_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-esther {
        background-image: url("../../images/overview/story/lifestyle_story_esther_small_2x.jpg")
    }
}

.background-overview-story-lifestyle-story-esther-center {
    position: relative;
    left: 50%;
    margin-left: -218px
}

@media only screen and (max-width: 1068px) {
    .background-overview-story-lifestyle-story-esther-center {
        left: 50%;
        margin-left: -150px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-story-lifestyle-story-esther-center {
        left: 50%;
        margin-left: -162.5px
    }
}

.picture-overview-story-lifestyle-story-ibrahim {
    width: 436px;
    height: 653px;
    background-size: 436px 653px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/story/lifestyle_story_ibrahim_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-story-lifestyle-story-ibrahim {
        background-image: url("../../images/overview/story/lifestyle_story_ibrahim_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-story-lifestyle-story-ibrahim {
        width: 300px;
        height: 450px;
        background-size: 300px 450px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_ibrahim_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-ibrahim {
        background-image: url("../../images/overview/story/lifestyle_story_ibrahim_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-story-lifestyle-story-ibrahim {
        width: 325px;
        height: 486px;
        background-size: 325px 486px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_ibrahim_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-ibrahim {
        background-image: url("../../images/overview/story/lifestyle_story_ibrahim_small_2x.jpg")
    }
}

.background-overview-story-lifestyle-story-ibrahim-center {
    position: relative;
    left: 50%;
    margin-left: -218px
}

@media only screen and (max-width: 1068px) {
    .background-overview-story-lifestyle-story-ibrahim-center {
        left: 50%;
        margin-left: -150px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-story-lifestyle-story-ibrahim-center {
        left: 50%;
        margin-left: -162.5px
    }
}

.picture-overview-story-lifestyle-story-kirk {
    width: 436px;
    height: 653px;
    background-size: 436px 653px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/story/lifestyle_story_kirk_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-story-lifestyle-story-kirk {
        background-image: url("../../images/overview/story/lifestyle_story_kirk_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-story-lifestyle-story-kirk {
        width: 300px;
        height: 450px;
        background-size: 300px 450px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_kirk_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-kirk {
        background-image: url("../../images/overview/story/lifestyle_story_kirk_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-story-lifestyle-story-kirk {
        width: 325px;
        height: 486px;
        background-size: 325px 486px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_kirk_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-kirk {
        background-image: url("../../images/overview/story/lifestyle_story_kirk_small_2x.jpg")
    }
}

.background-overview-story-lifestyle-story-kirk-center {
    position: relative;
    left: 50%;
    margin-left: -218px
}

@media only screen and (max-width: 1068px) {
    .background-overview-story-lifestyle-story-kirk-center {
        left: 50%;
        margin-left: -150px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-story-lifestyle-story-kirk-center {
        left: 50%;
        margin-left: -162.5px
    }
}

.picture-overview-story-lifestyle-story-tyelisa {
    width: 436px;
    height: 653px;
    background-size: 436px 653px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/story/lifestyle_story_tyelisa_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-story-lifestyle-story-tyelisa {
        background-image: url("../../images/overview/story/lifestyle_story_tyelisa_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-story-lifestyle-story-tyelisa {
        width: 300px;
        height: 450px;
        background-size: 300px 450px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_tyelisa_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-tyelisa {
        background-image: url("../../images/overview/story/lifestyle_story_tyelisa_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-story-lifestyle-story-tyelisa {
        width: 325px;
        height: 486px;
        background-size: 325px 486px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_tyelisa_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-tyelisa {
        background-image: url("../../images/overview/story/lifestyle_story_tyelisa_small_2x.jpg")
    }
}

.background-overview-story-lifestyle-story-tyelisa-center {
    position: relative;
    left: 50%;
    margin-left: -218px
}

@media only screen and (max-width: 1068px) {
    .background-overview-story-lifestyle-story-tyelisa-center {
        left: 50%;
        margin-left: -150px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-story-lifestyle-story-tyelisa-center {
        left: 50%;
        margin-left: -162.5px
    }
}

.picture-overview-story-lifestyle-story-yael {
    width: 436px;
    height: 653px;
    background-size: 436px 653px;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/story/lifestyle_story_yael_large.jpg");
    background-position-x: center
}

@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) {
    .picture-overview-story-lifestyle-story-yael {
        background-image: url("../../images/overview/story/lifestyle_story_yael_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .picture-overview-story-lifestyle-story-yael {
        width: 300px;
        height: 450px;
        background-size: 300px 450px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_yael_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-yael {
        background-image: url("../../images/overview/story/lifestyle_story_yael_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .picture-overview-story-lifestyle-story-yael {
        width: 325px;
        height: 486px;
        background-size: 325px 486px;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/story/lifestyle_story_yael_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .picture-overview-story-lifestyle-story-yael {
        background-image: url("../../images/overview/story/lifestyle_story_yael_small_2x.jpg")
    }
}

.background-overview-story-lifestyle-story-yael-center {
    position: relative;
    left: 50%;
    margin-left: -218px
}

@media only screen and (max-width: 1068px) {
    .background-overview-story-lifestyle-story-yael-center {
        left: 50%;
        margin-left: -150px
    }
}

@media only screen and (max-width: 735px) {
    .background-overview-story-lifestyle-story-yael-center {
        left: 50%;
        margin-left: -162.5px
    }
}

.section-tiles {
    position: relative;
    will-change: transform;
    z-index: 100
}

.section-tiles .picture {
    position: relative;
    background-size: 100% 100%;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    width: 436px;
    padding-bottom: 653px;
    margin-bottom: 30px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .picture {
        width: 300px;
        padding-bottom: 450px;
        margin-bottom: 25px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .picture {
        width: 325px;
        padding-bottom: 486px;
        margin-bottom: 25px
    }
}

.section-tiles .section-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0
}

.section-tiles .section-content .section-block:after {
    content: '';
    display: block;
    clear: both
}

.section-tiles .section-content .section-headline {
    margin-bottom: 45px;
    text-align: center
}

@media only screen and (max-width: 1068px) {
    .section-tiles .section-content .section-headline {
        margin-bottom: 65px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .section-content .section-headline {
        width: 200px;
        margin-right: auto;
        margin-left: auto
    }
}

.section-tiles .section-content .content {
    margin-top: 0
}

@media only screen and (max-width: 735px) {
    .section-tiles .section-content .content {
        max-width: 375px;
        margin-left: auto;
        margin-right: auto
    }
}

.section-tiles .section-content .content .content-inner {
    background-color: #fafafa;
    padding: 44px 44px 100px 44px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .section-content .content .content-inner {
        padding: 28px 28px 70px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .section-content .content .content-inner {
        padding: 25px 0 70px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .section-content .content .content-inner {
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 735px) and (max-width: 320px) {
    .section-tiles .section-content .content .content-inner {
        padding-top: 0
    }
}

.section-tiles .section-content .content .content-inner .text-overlay {
    color: #fff;
    position: absolute;
    width: 100%;
    bottom: 25px;
    padding: 0 30px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .section-content .content .content-inner .text-overlay {
        padding: 0 25px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .section-content .content .content-inner .text-overlay {
        padding: 0 25px
    }
}

.section-tiles .section-content .content .content-inner .text-overlay-wrapper {
    width: 232px
}

.section-tiles .section-content .content .content-inner .text-overlay .person-title, .section-tiles .section-content .content .content-inner .text-overlay .modal-group {
    margin-top: 0
}

.section-tiles .section-content .content .content-inner .text-overlay .person-title {
    font-weight: 600
}

.section-tiles .section-content .dark-tile .content-inner {
    background-color: #f1f1f1
}

.section-tiles .section-content .paragraph, .section-tiles .section-content .card, .section-tiles .section-content .quote, .section-tiles .section-content .stats {
    margin-left: auto;
    margin-right: auto;
    max-width: 375px;
    width: 375px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .section-content .paragraph, .section-tiles .section-content .card, .section-tiles .section-content .quote, .section-tiles .section-content .stats {
        width: 300px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .section-content .paragraph, .section-tiles .section-content .card, .section-tiles .section-content .quote, .section-tiles .section-content .stats {
        width: 87.5%
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .section-content .paragraph, .section-tiles .section-content .card, .section-tiles .section-content .quote, .section-tiles .section-content .stats {
        margin-left: auto;
        margin-right: auto;
        max-width: 320px;
        width: 87.5%
    }
}

@media only screen and (max-width: 1068px) {
    .section-tiles .section-content .quote {
        width: 250px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .section-content .quote {
        margin-left: auto;
        margin-right: auto;
        max-width: 275px;
        width: 87.5%
    }
}

.section-tiles .section-content .paragraph {
    margin-left: 0;
    width: 340px;
    padding: 50px 28px 0 28px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .section-content .paragraph {
        width: 100%
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .section-content .paragraph {
        width: 87.5%
    }
}

@media only screen and (max-width: 1068px) {
    .section-tiles .section-content .paragraph {
        padding: 42px 0 0
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .section-content .paragraph {
        padding: 50px 0 0
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .section-content .paragraph {
        margin-left: auto;
        margin-right: auto
    }
}

.section-tiles .section-content .paragraph .paragraph-headline {
    font-weight: 600;
    width: 315px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .section-content .paragraph .paragraph-headline {
        width: 240px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .section-content .paragraph .paragraph-headline {
        width: 240px
    }
}

@media only screen and (max-width: 1068px) {
    .section-tiles .section-content .paragraph .paragraph-copy {
        max-width: 270px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .section-content .paragraph .paragraph-copy {
        max-width: 300px;
        width: 100%
    }
}

.section-tiles .quote .quote-caption {
    color: #111;
    font-style: normal
}

.section-tiles .quote .quote-copy {
    color: #111;
    width: 320px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .quote .quote-copy {
        width: 100%
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .quote .quote-copy {
        width: 230px
    }
}

.section-tiles .content-profile-adil .quote-copy {
    width: 338px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-profile-adil .quote-copy {
        width: 260px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-profile-adil .quote-copy {
        width: 256px
    }
}

.section-tiles .content-profile-consuela .quote-copy {
    width: 338px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-profile-consuela .quote-copy {
        width: 100%
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-profile-consuela .quote-copy {
        width: 248px
    }
}

.section-tiles .content-profile-ibrahim .quote-copy {
    width: 350px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-profile-ibrahim .quote-copy {
        width: 270px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-profile-ibrahim .quote-copy {
        width: 260px
    }
}

.section-tiles .content-profile-cathy .quote-copy {
    width: 342px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-profile-cathy .quote-copy {
        width: 100%
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-profile-cathy .quote-copy {
        width: 253px
    }
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-profile-kirk .quote-copy {
        width: 250px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-profile-kirk .quote-copy {
        width: 242px
    }
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-profile-tyelisa .quote-copy {
        width: 250px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-profile-tyelisa .quote-copy {
        width: 242px
    }
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-profile-yael .quote-copy {
        width: 260px
    }
}

.section-tiles .line-graph {
    margin: 0 auto
}

.section-tiles .line-graph .graph-headline {
    -webkit-transform: translateY(65px);
    transform: translateY(65px)
}

.section-tiles .line-graph .line-graph-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%
}

.section-tiles .line-graph .line-graph-target {
    margin: 0;
    position: absolute;
    bottom: 0;
    width: 100%
}

.section-tiles .line-graph .graph-values {
    margin: 0;
    position: absolute;
    bottom: 0;
    width: 104%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -0.5%
}

.section-tiles .line-graph .graph-values .graph-value {
    list-style-type: none
}

.section-tiles .line-graph .graph-values .badge-value {
    display: inline-block;
    line-height: 0.8;
    vertical-align: top;
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.section-tiles .line-graph .graph-values .badge-value:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.section-tiles .line-graph .graph-values .badge-value:lang(ar) {
    line-height: 1.35417;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.section-tiles .line-graph .graph-values .badge-value: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
}

.section-tiles .line-graph .graph-values .badge-value: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
}

.section-tiles .line-graph .graph-values .badge-value:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-tiles .line-graph .graph-values .badge-value:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-tiles .line-graph .graph-values .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
}

.section-tiles .line-graph .graph-values .badge-value:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .section-tiles .line-graph .graph-values .badge-value {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .section-tiles .line-graph .graph-values .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-tiles .line-graph .graph-values .badge-value:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-tiles .line-graph .graph-values .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-tiles .line-graph .graph-values .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
    }
    .section-tiles .line-graph .graph-values .badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-tiles .line-graph .graph-values .badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-tiles .line-graph .graph-values .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
    }
    .section-tiles .line-graph .graph-values .badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.section-tiles .line-graph .graph-values .badge-unit-percent {
    vertical-align: top;
    top: 0
}

.section-tiles .line-graph .grid-values {
    margin: 0;
    position: absolute;
    bottom: 0;
    width: 104%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -2%;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    color: #747474
}

.section-tiles .line-graph .grid-values .grid-value {
    list-style-type: none
}

.section-tiles .line-graph .ac-graph-line .ac-graph-path.marker {
    stroke: #e8e7e6
}

.section-tiles .line-graph .ac-graph-line .ac-graph-path.x-axis, .section-tiles .line-graph .ac-graph-line .ac-graph-circle.x-axis-dot {
    display: none
}

.section-tiles .line-graph .graphline-group-1 .ac-graph-path {
    stroke: #929292
}

.section-tiles .line-graph .graphline-group-1 .ac-graph-circle {
    fill: #929292
}

.section-tiles .line-graph .badge-all {
    color: #929292
}

.section-tiles .line-graph .badge-all .badge-value {
    padding-top: 10px
}

.section-tiles .line-graph .graphline-group-2 .ac-graph-path {
    stroke: #008a81
}

.section-tiles .line-graph .graphline-group-2 .ac-graph-circle {
    fill: #008a81
}

.section-tiles .line-graph .badge-filtered {
    color: #008a81
}

.section-tiles .line-graph .badge-filtered .badge-value {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    padding-bottom: 16px
}

.section-tiles .line-graph+.image {
    margin-top: 118px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .line-graph+.image {
        margin-top: 60px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .line-graph+.image {
        margin-top: 50px
    }
}

.section-tiles .line-graph {
    margin-left: auto;
    margin-right: auto;
    max-width: 375px;
    width: 375px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .line-graph {
        width: 300px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .line-graph {
        width: 87.5%
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .line-graph {
        width: 82%
    }
}

.section-tiles .line-graph .badge-unit-percent {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.section-tiles .line-graph .badge-unit-percent:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.section-tiles .line-graph .badge-unit-percent: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
}

.section-tiles .line-graph .badge-unit-percent: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
}

.section-tiles .line-graph .badge-unit-percent:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.section-tiles .line-graph .badge-unit-percent:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-tiles .line-graph .badge-unit-percent:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-tiles .line-graph .badge-unit-percent: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-tiles .line-graph .badge-unit-percent: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) {
    .section-tiles .line-graph .badge-unit-percent {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .section-tiles .line-graph .badge-unit-percent:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-tiles .line-graph .badge-unit-percent: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
    }
    .section-tiles .line-graph .badge-unit-percent: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
    }
    .section-tiles .line-graph .badge-unit-percent:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-tiles .line-graph .badge-unit-percent:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-tiles .line-graph .badge-unit-percent:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-tiles .line-graph .badge-unit-percent: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-tiles .line-graph .badge-unit-percent: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) {
    .section-tiles .line-graph .line-graph-wrapper {
        width: 270px;
        margin-left: 0
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .line-graph .line-graph-wrapper {
        width: 100%;
        margin-left: auto
    }
}

@media only screen and (max-width: 1068px) {
    .section-tiles .line-graph .graph-legend {
        margin-left: -3px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .line-graph .graph-legend {
        margin-left: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.section-tiles .line-graph-line-graph-1 .graph-headline {
    max-width: 320px;
    margin-bottom: 130px
}

.section-tiles .line-graph-line-graph-1 .badge-filtered .badge-value {
    padding-bottom: 20px
}

.section-tiles .line-graph-line-graph-2 {
    padding-top: 26px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .line-graph-line-graph-2 {
        padding-top: 5px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .line-graph-line-graph-2 {
        padding-top: 26px
    }
}

.section-tiles .line-graph-line-graph-2 .badge-filtered .badge-value {
    padding-bottom: 18px
}

.section-tiles .line-graph-line-graph-2 .badge-all .badge-value {
    padding-top: 12px
}

.section-tiles .content-info-women .line-graph-line-graph-1 {
    margin-top: 72px
}

.section-tiles .content-info-women .line-graph-line-graph-1.line-graph .line-graph-wrapper {
    height: 235px
}

.section-tiles .content-info-women .line-graph-line-graph-1.line-graph .line-graph-target {
    height: 470px;
    -webkit-transform: translateY(150px);
    transform: translateY(150px)
}

.section-tiles .content-info-women .line-graph-line-graph-1.line-graph .graph-values {
    height: 470px;
    -webkit-transform: translateY(150px);
    transform: translateY(150px)
}

.section-tiles .content-info-women .line-graph-line-graph-1.line-graph .ac-graph-line {
    height: 314.9px;
    overflow: hidden
}

.section-tiles .content-info-women .line-graph-line-graph-1.line-graph .ac-graph-line .graphline {
    stroke-width: 2px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-info-women .line-graph-line-graph-1 {
        margin-top: 35px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-info-women .line-graph-line-graph-1 {
        margin-top: 20px
    }
}

.section-tiles .content-info-women .line-graph-line-graph-2 {
    margin-top: 55px
}

.section-tiles .content-info-women .line-graph-line-graph-2.line-graph .line-graph-wrapper {
    height: 235px
}

.section-tiles .content-info-women .line-graph-line-graph-2.line-graph .line-graph-target {
    height: 470px;
    -webkit-transform: translateY(150px);
    transform: translateY(150px)
}

.section-tiles .content-info-women .line-graph-line-graph-2.line-graph .graph-values {
    height: 470px;
    -webkit-transform: translateY(150px);
    transform: translateY(150px)
}

.section-tiles .content-info-women .line-graph-line-graph-2.line-graph .ac-graph-line {
    height: 314.9px;
    overflow: hidden
}

.section-tiles .content-info-women .line-graph-line-graph-2.line-graph .ac-graph-line .graphline {
    stroke-width: 2px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-info-women .line-graph-line-graph-2 {
        margin-top: 40px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-info-women .line-graph-line-graph-2 {
        margin-top: 20px
    }
}

.section-tiles .content-info-women .line-graph-line-graph-2 .graph-legend {
    padding-bottom: 7px
}

.section-tiles .content-info-diversity .badge-all .badge-value {
    padding-top: 16px
}

.section-tiles .content-info-diversity .line-graph-line-graph-1 {
    margin-top: 100px
}

.section-tiles .content-info-diversity .line-graph-line-graph-1.line-graph .line-graph-wrapper {
    height: 235px
}

.section-tiles .content-info-diversity .line-graph-line-graph-1.line-graph .line-graph-target {
    height: 470px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

.section-tiles .content-info-diversity .line-graph-line-graph-1.line-graph .graph-values {
    height: 470px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

.section-tiles .content-info-diversity .line-graph-line-graph-1.line-graph .ac-graph-line {
    height: 437.1px;
    overflow: hidden
}

.section-tiles .content-info-diversity .line-graph-line-graph-1.line-graph .ac-graph-line .graphline {
    stroke-width: 2px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-info-diversity .line-graph-line-graph-1 {
        margin-top: 85px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-info-diversity .line-graph-line-graph-1 {
        margin-top: 70px
    }
}

.section-tiles .content-info-diversity .line-graph-line-graph-2 {
    margin-top: 24px
}

.section-tiles .content-info-diversity .line-graph-line-graph-2.line-graph .line-graph-wrapper {
    height: 235px
}

.section-tiles .content-info-diversity .line-graph-line-graph-2.line-graph .line-graph-target {
    height: 470px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

.section-tiles .content-info-diversity .line-graph-line-graph-2.line-graph .graph-values {
    height: 470px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

.section-tiles .content-info-diversity .line-graph-line-graph-2.line-graph .ac-graph-line {
    height: 437.1px;
    overflow: hidden
}

.section-tiles .content-info-diversity .line-graph-line-graph-2.line-graph .ac-graph-line .graphline {
    stroke-width: 2px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-info-diversity .line-graph-line-graph-2 {
        margin-top: 45px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-info-diversity .line-graph-line-graph-2 {
        margin-top: 25px
    }
}

.section-tiles .content-info-diversity .line-graph-line-graph-2 .graph-legend {
    padding-bottom: 7px
}

.section-tiles .content-info-representation .content-inner::before, .section-tiles .content-info-representation .content-inner::after {
    content: ' ';
    display: table
}

.section-tiles .content-info-representation .content-inner::after {
    clear: both
}

.section-tiles .content-info-representation .graph-legend {
    margin-top: 40px;
    padding-left: 2px;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    margin-left: auto;
    margin-right: auto;
    max-width: 375px;
    width: 375px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-info-representation .graph-legend {
        width: 300px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-info-representation .graph-legend {
        width: 87.5%
    }
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-info-representation .graph-legend {
        margin-top: 20px
    }
}

.section-tiles .content-info-representation .bar-graphs {
    margin-left: auto;
    margin-right: auto;
    max-width: 375px;
    width: 375px;
    list-style: none;
    margin-top: 40px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-info-representation .bar-graphs {
        width: 300px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-info-representation .bar-graphs {
        width: 87.5%
    }
}

.section-tiles .content-info-representation .bar-graphs .graph-dataset {
    margin-top: 39px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-info-representation .bar-graphs .graph-dataset {
        margin-top: 30px
    }
}

.section-tiles .content-info-representation .bar-graphs .graph-dataset:first-child {
    margin-top: 0
}

.section-tiles .content-info-representation .bar-graphs .graph-unit {
    margin-top: 0
}

.section-tiles .content-info-representation .bar-graphs .graph-unit+.graph-unit {
    margin-top: 4px
}

.section-tiles .content-info-representation .bar-graphs .graph-badge {
    font-weight: 600;
    line-height: 0.7;
    min-width: 45px
}

.section-tiles .content-info-representation .bar-graphs .graph-bar {
    height: 4px;
    margin-bottom: 0;
    margin-top: 4px
}

.section-tiles .content-info-representation .bar-graphs .graph-caption {
    margin-top: 5px
}

.section-tiles .content-info-representation .bar-graphs .graph-data {
    height: auto;
    padding-left: 11px;
    padding-bottom: 0
}

.section-tiles .content-info-representation .bar-graphs .graph-bar, .section-tiles .content-info-representation .bar-graphs .graph-badge, .section-tiles .content-info-representation .bar-graphs .graph-caption {
    opacity: 0
}

.section-tiles .content-info-representation .bar-graphs .graph-unit-all .graph-badge {
    color: #929292
}

.section-tiles .content-info-representation .bar-graphs .graph-unit-all .graph-bar {
    background: #929292
}

.section-tiles .content-info-representation .bar-graphs .graph-unit-filtered .graph-bar {
    background: #008a81
}

.section-tiles .content-info-representation .sosumi {
    margin-left: auto;
    margin-right: auto;
    max-width: 375px;
    width: 375px;
    margin: 50px auto 0
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-info-representation .sosumi {
        width: 300px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-info-representation .sosumi {
        width: 87.5%
    }
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-info-representation .sosumi {
        margin-top: 45px
    }
}

.section-tiles .content-info-representation .sosumi li {
    width: 260px
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-info-representation .sosumi li {
        width: unset
    }
}

.section-tiles .modal-group {
    margin-left: auto;
    margin-right: auto;
    max-width: 375px;
    margin-top: 19px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .modal-group {
        width: 250px;
        margin-top: 16px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .modal-group {
        width: 87.5%;
        max-width: 275px;
        margin-top: 15px
    }
}

.section-tiles .modal-group .modal-button {
    color: #0070c9;
    font-weight: 600
}

.section-tiles .modal-group .modal-button-text {
    height: 31px
}

.section-tiles .modal-group .modal-button-text:hover {
    cursor: pointer;
    text-decoration: underline
}

@media only screen and (max-width: 1068px) {
    .section-tiles .modal-group .modal-button-text {
        height: auto
    }
}

.section-tiles .modal-group .modal-button-text .icon-pluscircle:after {
    height: 22px
}

.section-tiles .modal-group .modal-image, .section-tiles .modal-group .modal-copy-container {
    display: none
}

@media only screen and (max-width: 1068px) {
    .section-tiles .section-content .content-info-opportunities .content-inner .paragraph-headline {
        width: 276px
    }
}

.section-tiles .section-content .content-info-opportunities .content-inner .list {
    margin-left: 0;
    list-style-type: none
}

.section-tiles .section-content .content-info-opportunities .content-inner .list .list-item {
    margin-bottom: 15px
}

.section-tiles .section-content .content-info-opportunities .content-inner .list .list-item:last-child {
    margin-bottom: 0
}

.section-tiles .content-info-committed .paragraph .paragraph-headline {
    width: 200px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-info-committed .paragraph .paragraph-headline {
        width: 180px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-info-committed .paragraph .paragraph-headline {
        width: 100%
    }
}

.section-tiles .content-info-diversity .paragraph .paragraph-headline {
    width: 300px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-info-diversity .paragraph .paragraph-headline {
        width: 250px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-info-diversity .paragraph .paragraph-headline {
        width: 270px
    }
}

.section-tiles .content-info-representation .paragraph .paragraph-headline {
    width: 250px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-info-representation .paragraph .paragraph-headline {
        width: 220px
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-info-representation .paragraph .paragraph-headline {
        width: 220px
    }
}

.section-tiles .content-info-representation .sosumi li {
    width: 275px
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-info-representation .sosumi li {
        width: 100%
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-info-representation .sosumi li {
        width: 275px
    }
}

@media only screen and (max-width: 1068px) {
    .section-tiles .content-info-inclusive .paragraph .paragraph-headline {
        width: 100%
    }
}

@media only screen and (max-width: 735px) {
    .section-tiles .content-info-inclusive .paragraph .paragraph-headline {
        width: 250px
    }
}

.section-graphs .graph-legend {
    margin: 38px auto 0;
    color: #888
}

.section-graphs .data-legend-0, .section-graphs .data-legend-1, .section-graphs .data-legend-2, .section-graphs .data-legend-3, .section-graphs .data-legend-4 {
    display: none;
    margin: 0
}

.section-graphs [data-show='data-set-0']~.graph-legend .data-legend-0 {
    display: inline-block
}

.section-graphs [data-show='data-set-1']~.graph-legend .data-legend-1 {
    display: inline-block
}

.section-graphs [data-show='data-set-2']~.graph-legend .data-legend-2 {
    display: inline-block
}

.section-graphs [data-show='data-set-3']~.graph-legend .data-legend-3 {
    display: inline-block
}

.section-graphs [data-show='data-set-4']~.graph-legend .data-legend-4 {
    display: inline-block
}

.section-graphs .data-tablist {
    margin-left: 0
}

.section-graphs .data-tablist li {
    display: inline-block;
    cursor: pointer
}

.section-graphs .main-tablist, .section-graphs .sub-tablist {
    -webkit-tap-highlight-color: transparent
}

.section-graphs .main-tablist {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.024em;
    font-family:Aeonikpro, sans-serif;
    margin: 10px 0 50px
}

.section-graphs .main-tablist:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.section-graphs .main-tablist: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
}

.section-graphs .main-tablist: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
}

.section-graphs .main-tablist:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.section-graphs .main-tablist:lang(zh) {
    letter-spacing: 0em
}

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

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

.section-graphs .main-tablist: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-graphs .main-tablist: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) {
    .section-graphs .main-tablist {
        font-size: 17px;
        line-height: 1.47059;
        font-weight: 400;
        letter-spacing: -.024em;
        font-family:Aeonikpro, sans-serif
    }
    .section-graphs .main-tablist:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-graphs .main-tablist: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
    }
    .section-graphs .main-tablist: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
    }
    .section-graphs .main-tablist:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-graphs .main-tablist:lang(zh) {
        letter-spacing: 0em
    }
    .section-graphs .main-tablist:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .main-tablist:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .main-tablist: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-graphs .main-tablist: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: 735px) {
    .section-graphs .main-tablist {
        font-size: 17px;
        line-height: 1.47059;
        font-weight: 400;
        letter-spacing: -.024em;
        font-family:Aeonikpro, sans-serif
    }
    .section-graphs .main-tablist:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-graphs .main-tablist: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
    }
    .section-graphs .main-tablist: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
    }
    .section-graphs .main-tablist:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-graphs .main-tablist:lang(zh) {
        letter-spacing: 0em
    }
    .section-graphs .main-tablist:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .main-tablist:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .main-tablist: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-graphs .main-tablist: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) {
    .section-graphs .main-tablist {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 735px) {
    .section-graphs .main-tablist {
        margin-bottom: 20px
    }
}

.section-graphs .main-tablist ul {
    margin: 0;
    display: inline-block;
    position: relative;
    pointer-events: none
}

.section-graphs .main-tablist ul li {
    font-weight: 500;
    margin-right: 20px;
    color: #747474;
    -webkit-transition: 0.35s color;
    transition: 0.35s color;
    pointer-events: auto
}

.section-graphs .main-tablist ul li.current {
    color: #111;
    border-bottom: 1px solid #666
}

.section-graphs .main-tablist ul li:last-child {
    margin-right: 0
}

.section-graphs .sub-tablist {
    font-size: 19px;
    line-height: 1.52632;
    font-weight: 300;
    letter-spacing: .016em;
    font-family:Aeonikpro, sans-serif;
    margin-left: auto;
    margin-right: auto;
    max-width: 360px;
    color: #747474;
    text-align: center;
    margin-top: 24px
}

.section-graphs .sub-tablist:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.section-graphs .sub-tablist:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.section-graphs .sub-tablist: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-graphs .sub-tablist: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
}

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

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

.section-graphs .sub-tablist: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-graphs .sub-tablist: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-graphs .sub-tablist {
        font-size: 14px;
        line-height: 1.57143;
        font-weight: 300;
        letter-spacing: -.024em;
        font-family:Aeonikpro, sans-serif
    }
    .section-graphs .sub-tablist:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-graphs .sub-tablist: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
    }
    .section-graphs .sub-tablist: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
    }
    .section-graphs .sub-tablist:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-graphs .sub-tablist:lang(zh) {
        letter-spacing: 0em
    }
    .section-graphs .sub-tablist:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .sub-tablist:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .sub-tablist: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-graphs .sub-tablist: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: 735px) {
    .section-graphs .sub-tablist {
        font-size: 14px;
        line-height: 1.57143;
        font-weight: 300;
        letter-spacing: -.024em;
        font-family:Aeonikpro, sans-serif
    }
    .section-graphs .sub-tablist:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-graphs .sub-tablist: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
    }
    .section-graphs .sub-tablist: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
    }
    .section-graphs .sub-tablist:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-graphs .sub-tablist:lang(zh) {
        letter-spacing: 0em
    }
    .section-graphs .sub-tablist:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .sub-tablist:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .sub-tablist: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-graphs .sub-tablist: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) {
    .section-graphs .sub-tablist {
        margin-top: 19px
    }
}

@media only screen and (max-width: 735px) {
    .section-graphs .sub-tablist {
        margin-top: 20px
    }
}

@media only screen and (max-width: 1068px) {
    .section-graphs .sub-tablist {
        max-width: 284px
    }
}

@media only screen and (max-width: 735px) {
    .section-graphs .sub-tablist {
        margin-bottom: 50px;
        max-width: 300px
    }
}

.section-graphs .sub-tablist li {
    font-weight: 400;
    margin-bottom: 10px;
    margin-left: 20px;
    border-bottom: 1px solid transparent
}

@media only screen and (max-width: 1068px) {
    .section-graphs .sub-tablist li {
        margin-bottom: 6px
    }
}

.section-graphs .sub-tablist li:first-child, .section-graphs .sub-tablist li:nth-child(5) {
    margin-left: 0
}

.section-graphs .sub-tablist li.current {
    color: #111;
    border-bottom: 1px solid #666
}

.section-graphs .section-content {
    padding-top: 70px
}

@media only screen and (max-width: 735px) {
    .section-graphs .section-content {
        padding-top: 0
    }
}

.section-graphs .section-block {
    margin-bottom: 70px
}

@media only screen and (max-width: 735px) {
    .section-graphs .section-block {
        margin-bottom: 98px;
        margin-left: auto;
        margin-right: auto;
        max-width: 375px
    }
}

.section-graphs .data-legend {
    height: 80px
}

@media only screen and (max-width: 1068px) {
    .section-graphs .data-legend {
        height: 115px
    }
}

@media only screen and (max-width: 735px) {
    .section-graphs .data-legend {
        height: auto
    }
}

.section-graphs .section-headline, .section-graphs .data-tablist {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.section-graphs .vo-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important
}

.section-graphs .graph-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.section-graphs .graph-container .sub-tablist {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.section-graphs .graph-title {
    text-align: center;
    margin-top: 0
}

.section-graphs .graph {
    margin-top: 30px;
    min-height: 380px
}

@media only screen and (max-width: 1068px) {
    .section-graphs .graph {
        margin-top: 22px;
        min-height: 350px
    }
}

@media only screen and (max-width: 735px) {
    .section-graphs .graph {
        margin-top: 26px;
        min-height: 294px
    }
}

.section-graphs [data-show='data-set-3'] .graph-horizontalbar .graph-unit, .section-graphs [data-show='data-set-4'] .graph-horizontalbar .graph-unit {
    margin-top: 13.5px
}

@media only screen and (max-width: 1068px) {
    .section-graphs [data-show='data-set-3'] .graph-horizontalbar .graph-unit, .section-graphs [data-show='data-set-4'] .graph-horizontalbar .graph-unit {
        margin-top: 0
    }
}

.section-graphs .graph-global-gender .graph-donut {
    position: relative
}

@media only screen and (max-width: 735px) {
    .section-graphs .graph-global-gender .graph-donut {
        width: 265px;
        margin-left: auto;
        margin-right: auto
    }
}

.section-graphs .graph-global-gender .donut-wedge {
    opacity: 1
}

.section-graphs .graph-global-gender .donut-wedge:nth-child(odd) {
    fill: #005953
}

.section-graphs .graph-global-gender .donut-wedge:nth-child(even) {
    fill: #46a672
}

.section-graphs .graph-global-gender .graph-image {
    margin: 0 auto;
    width: 360px;
    height: 360px
}

@media only screen and (max-width: 1068px) {
    .section-graphs .graph-global-gender .graph-image {
        width: 256px;
        height: 256px
    }
}

@media only screen and (max-width: 735px) {
    .section-graphs .graph-global-gender .graph-image {
        width: 265px;
        height: 265px
    }
}

.section-graphs .graph-global-gender .graph-caption {
    position: absolute;
    width: 100%;
    text-align: left;
    text-transform: capitalize;
    top: 144px
}

@media only screen and (max-width: 1068px) {
    .section-graphs .graph-global-gender .graph-caption {
        top: 96px
    }
}

@media only screen and (max-width: 735px) {
    .section-graphs .graph-global-gender .graph-caption {
        top: 101px
    }
}

.section-graphs .graph-global-gender .graph-caption .item {
    display: inline-block;
    min-width: 110px
}

.section-graphs .graph-global-gender .graph-caption .item:first-child {
    margin-left: 78px;
    margin-right: 35px
}

@media only screen and (max-width: 1068px) {
    .section-graphs .graph-global-gender .graph-caption .item:first-child {
        margin-left: 38px;
        margin-right: -6px
    }
}

@media only screen and (max-width: 735px) {
    .section-graphs .graph-global-gender .graph-caption .item:first-child {
        margin-left: 24px
    }
}

.section-graphs .graph-global-gender .graph-caption .graph-badge {
    position: relative;
    min-width: 60px;
    margin-bottom: 4px;
    text-align: center
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value {
    font-size: 60px;
    line-height: .83373;
    font-weight: 700;
    letter-spacing: -.02em;
    font-family:Aeonikpro, sans-serif
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-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
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-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
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(zh) {
    letter-spacing: 0em
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-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
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value {
        font-size: 44px;
        line-height: .90917;
        font-weight: 700;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-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
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-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
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-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
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value {
        font-size: 44px;
        line-height: .90917;
        font-weight: 700;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-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
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-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
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-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
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit {
    font-size: 39px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit: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-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit: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
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit: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-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit: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-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit {
        font-size: 30px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit: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-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit: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
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit: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-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit {
        font-size: 30px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit: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-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit: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
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit: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-graphs .graph-global-gender .graph-caption .graph-badge .typography-data-donut-graph-badge-unit:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.section-graphs .graph-global-gender .graph-caption .graph-badge .donut-graph-badge-unit {
    vertical-align: top;
    line-height: 0.8
}

.section-graphs .graph-global-gender .graph-caption .graph-category {
    display: block;
    text-align: center;
    color: #333;
    width: 84px
}

@media only screen and (max-width: 1068px) {
    .section-graphs .graph-global-gender .graph-caption .graph-category {
        width: 100px
    }
}

@media only screen and (max-width: 735px) {
    .section-graphs .graph-global-gender .graph-caption .graph-category {
        width: 93px
    }
}

.section-graphs .graph-global-gender .graph-caption .male-data .graph-badge {
    color: #005953
}

.section-graphs .graph-global-gender .graph-caption .female-data .graph-badge {
    color: #46a672
}

.section-graphs .graph-global-gender.animate .female-data .graph-badge {
    opacity: 1;
    -webkit-transition: opacity .2s cubic-bezier(0.42, 0, 0.58, 1) .75s;
    transition: opacity .2s cubic-bezier(0.42, 0, 0.58, 1) .75s
}

.section-graphs .graph-global-gender.animate .male-data .graph-badge {
    opacity: 1;
    -webkit-transition: opacity .2s cubic-bezier(0.42, 0, 0.58, 1) .95s;
    transition: opacity .2s cubic-bezier(0.42, 0, 0.58, 1) .95s
}

.section-graphs .graph-us-ethnicity .horizontal-unit-5 {
    display: none;
    opacity: 0
}

.section-graphs .graph-us-ethnicity .graph-badge {
    color: #2f68a7
}

.section-graphs .graph-us-ethnicity .graph-bar {
    background: #2f68a7
}

.section-graphs .graph-us-ethnicity .graph-horizontalbar .horizontal-unit-0 .graph-bar {
    width: 0%;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .21s;
    transition-duration: .21s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.section-graphs .graph-us-ethnicity .graph-horizontalbar.animate .horizontal-unit-0 .graph-bar {
    width: 21%
}

html.no-js .section-graphs .graph-us-ethnicity .graph-horizontalbar .horizontal-unit-0 .graph-bar {
    width: 21%
}

.section-graphs .graph-us-ethnicity .graph-horizontalbar .horizontal-unit-1 .graph-bar {
    width: 0%;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.section-graphs .graph-us-ethnicity .graph-horizontalbar.animate .horizontal-unit-1 .graph-bar {
    width: 9%
}

html.no-js .section-graphs .graph-us-ethnicity .graph-horizontalbar .horizontal-unit-1 .graph-bar {
    width: 9%
}

.section-graphs .graph-us-ethnicity .graph-horizontalbar .horizontal-unit-2 .graph-bar {
    width: 0%;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.section-graphs .graph-us-ethnicity .graph-horizontalbar.animate .horizontal-unit-2 .graph-bar {
    width: 13%
}

html.no-js .section-graphs .graph-us-ethnicity .graph-horizontalbar .horizontal-unit-2 .graph-bar {
    width: 13%
}

.section-graphs .graph-us-ethnicity .graph-horizontalbar .horizontal-unit-3 .graph-bar {
    width: 0%;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.section-graphs .graph-us-ethnicity .graph-horizontalbar.animate .horizontal-unit-3 .graph-bar {
    width: 3%
}

html.no-js .section-graphs .graph-us-ethnicity .graph-horizontalbar .horizontal-unit-3 .graph-bar {
    width: 3%
}

.section-graphs .graph-us-ethnicity .graph-horizontalbar .horizontal-unit-4 .graph-bar {
    width: 0%;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.section-graphs .graph-us-ethnicity .graph-horizontalbar.animate .horizontal-unit-4 .graph-bar {
    width: 1%
}

html.no-js .section-graphs .graph-us-ethnicity .graph-horizontalbar .horizontal-unit-4 .graph-bar {
    width: 1%
}

.section-graphs .graph-us-ethnicity .graph-horizontalbar .horizontal-unit-6 .graph-bar {
    width: 0%;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .54s;
    transition-duration: .54s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.section-graphs .graph-us-ethnicity .graph-horizontalbar.animate .horizontal-unit-6 .graph-bar {
    width: 54%
}

html.no-js .section-graphs .graph-us-ethnicity .graph-horizontalbar .horizontal-unit-6 .graph-bar {
    width: 54%
}

@media only screen and (max-width: 735px) {
    .section-graphs .graph-us-ethnicity .graph-horizontalbar .horizontal-unit-6 {
        padding-bottom: 4px
    }
}

.section-graphs .graph-us-ethnicity .graph-horizontalbar .graph-unit.nomargin-top {
    margin-top: 0
}

.section-graphs .graph-us-ethnicity .graph-badge, .section-graphs .graph-us-ethnicity .graph-caption {
    opacity: 0
}

.section-graphs .graph-us-ethnicity .animate .graph-badge, .section-graphs .graph-us-ethnicity .animate .graph-caption {
    opacity: 1;
    -webkit-transition: opacity 0.7s ease-out;
    transition: opacity 0.7s ease-out
}

html.text-zoom .section-graphs .data-legend {
    height: auto
}

.section-download .section-content {
    border-top: 1px solid #d6d6d6;
    padding-top: 104px
}

@media only screen and (max-width: 735px) {
    .section-download .section-content {
        padding-top: 95px;
        max-width: 375px
    }
}

.section-download .section-block {
    margin-bottom: 145px
}

@media only screen and (max-width: 735px) {
    .section-download .section-block {
        margin-bottom: 70px
    }
}

.section-download .section-block .paragraph {
    margin-bottom: 20px
}

.section-download .vertically-center-container:before {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    content: ''
}

.section-download .vertically-center-container .vertically-center {
    display: inline-block;
    vertical-align: middle
}

.section-download .image {
    width: 53px;
    float: left
}

.section-download .download-link {
    padding-top: 11px
}

.section-download .icon-report {
    margin-right: 20px
}

@media only screen and (max-width: 735px) {
    .section-download .image {
        padding-top: 16px
    }
    .section-download .download-link {
        width: 170px
    }
}

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, img {
    border: 0
}

caption, th {
    text-align: left
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

article, aside, footer, header, nav, main, section, summary, details, hgroup, figure, figcaption {
    display: block
}

audio, canvas, video, progress {
    display: inline-block;
    vertical-align: baseline
}

button {
    background: none;
    border: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: inherit;
    overflow: visible;
    vertical-align: inherit
}

button:disabled {
    cursor: default
}

:focus {
    outline: 3px solid #c1e0fe;
    outline: 3px solid rgba(131, 192, 253, 0.5);
    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
}

@media print {
    body, #main, #content {
        color: #000
    }
    a, a:link, a:visited {
        color: #000;
        text-decoration: none
    }
    #globalheader, #globalfooter, #directorynav, #tabs, .noprint, .hide {
        display: none
    }
}

html {
    font-family:Aeonikpro, sans-serif;
    font-size: 106.25%;
    quotes: "“" "”"
}

[lang]:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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",Aeonikpro, 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(fr) {
    quotes: "« " " »"
}

:lang(es-ES) {
    quotes: "«" "»"
}

:lang(hu) {
    quotes: "„" "“"
}

:lang(ja-JP) {
    quotes: "「" "」"
}

:lang(no-NO) {
    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:Aeonikpro, sans-serif;
    background-color: #fff;
    color: #333;
    font-style: normal
}

body:lang(ar) {
    line-height: 1.58824;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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.61765;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(th) {
    font-size: 17px;
    line-height: 1.64706;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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 {
    color: #111
}

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
}

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 {
    color: #0070c9
}

a:link, a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a:active {
    text-decoration: none
}

p+a {
    display: inline-block
}

.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
}

.footnote {
    vertical-align: inherit;
    color: inherit
}

.footnote:hover {
    color: #0070c9;
    text-decoration: none
}

.theme-dark .footnote {
    color: inherit
}

.theme-dark .footnote:hover {
    color: #6bf
}

b, strong {
    font-weight: 600
}

em, i, cite, dfn {
    font-style: italic
}

sup {
    font-size: .6em;
    vertical-align: top;
    position: relative;
    bottom: -.2em
}

h1 sup, h2 sup, h3 sup {
    font-size: .4em
}

sup a {
    vertical-align: inherit;
    color: inherit
}

sup a:hover {
    color: #0070c9;
    text-decoration: none
}

sub {
    line-height: 1
}

abbr {
    border: 0
}

:lang(ja), :lang(ko), :lang(th), :lang(zh) {
    font-style: normal
}

:lang(ko) {
    word-break: keep-all
}

.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 {
        -webkit-filter: invert(1);
        filter: invert(1)
    }
}

.nowrap {
    display: inline-block;
    text-decoration: inherit;
    white-space: nowrap
}

.clear {
    clear: both
}

.cursor-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.cursor-grabbing {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.row {
    position: relative;
    z-index: 1
}

.row::before, .row::after {
    content: ' ';
    display: table
}

.row::after {
    clear: both
}

.column {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    float: left;
    min-height: 2px
}

.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
    }
}

.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-external::before, .icon-external::after {
    content: ""
}

.icon-share::before, .icon-share::after {
    content: ""
}

.icon-pausecircle::before, .icon-pausecircle::after {
    content: ""
}

.icon-playcircle::before, .icon-playcircle::after {
    content: ""
}

.icon-replay::before, .icon-replay::after {
    content: ""
}

.icon-stopcircle::before, .icon-stopcircle::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-infocircle::before, .icon-infocircle::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
}

a.icon-wrapper {
    text-decoration: none
}

a.icon-wrapper:hover .icon-copy {
    text-decoration: underline
}

html[dir=rtl] .icon-external::before, html[dir=rtl] .icon-external::after {
    content: ""
}

html[dir=rtl] .icon-wrapper {
    unicode-bidi: bidi-override
}

html[dir=rtl] .icon-copy {
    unicode-bidi: embed
}

: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: 1442px) {
    .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: 735px) {
    .small-hide {
        display: none
    }
    .small-show {
        display: block
    }
    .small-show-inline {
        display: inline
    }
    .small-show-inlineblock {
        display: inline-block
    }
}

br.large {
    display: block
}

@media only screen and (max-width: 1068px) {
    br.large {
        display: none
    }
}

@media only screen and (max-width: 735px) {
    br.large {
        display: none
    }
}

br.medium {
    display: none
}

@media only screen and (max-width: 1068px) {
    br.medium {
        display: block
    }
}

@media only screen and (max-width: 735px) {
    br.medium {
        display: none
    }
}

br.small {
    display: none
}

@media only screen and (max-width: 1068px) {
    br.small {
        display: none
    }
}

@media only screen and (max-width: 735px) {
    br.small {
        display: block
    }
}

.quote-copy {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif;
    color: #111
}

.quote-copy>::before, .quote-copy>::after {
    display: inline-block;
    width: 2em
}

.quote-copy>::before {
    content: open-quote;
    margin-left: -2em;
    text-align: right
}

.quote-copy>::after {
    content: close-quote;
    margin-right: -2em;
    text-align: left;
    visibility: hidden
}

.quote-copy>:last-child {
    margin-bottom: 0
}

.quote-copy>:last-child::after {
    visibility: visible
}

.quote-copy:lang(ar) {
    line-height: 1.3;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.quote-copy: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-copy: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-copy:lang(th) {
    font-size: 36px;
    line-height: 1.33357;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.quote-copy: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-copy: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-copy {
        font-size: 32px;
        line-height: 1.25;
        font-weight: 400;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .quote-copy:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .quote-copy:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .quote-copy: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-copy: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-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy: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-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .quote-copy {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 400;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .quote-copy:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .quote-copy:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .quote-copy: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-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy: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-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.quote-copy>:not(:first-child) {
    margin-top: 0.5em
}

.quote-credit {
    font-size: 17px;
    line-height: 1.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif;
    font-weight: 600;
    color: #333;
    display: block
}

.quote-credit:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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.35298;
    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(th) {
    font-size: 17px;
    line-height: 1.52947;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.quote-credit:lang(zh) {
    letter-spacing: 0em
}

.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-subcredit {
    font-size: 17px;
    line-height: 1.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif;
    color: #333;
    display: block
}

.quote-subcredit:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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.35298;
    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(th) {
    font-size: 17px;
    line-height: 1.52947;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.quote-subcredit:lang(zh) {
    letter-spacing: 0em
}

.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-credit:first-of-type, .quote-subcredit:first-of-type {
    margin-top: 1.6em
}

.quote-reduced .quote-copy {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.quote-reduced .quote-copy:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.quote-reduced .quote-copy:lang(ar) {
    line-height: 1.34375;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.quote-reduced .quote-copy: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 .quote-copy: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 .quote-copy:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

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

.quote-reduced .quote-copy: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 .quote-copy: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 .quote-copy {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 400;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy: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 .quote-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy: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 .quote-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .quote-reduced .quote-copy {
        font-size: 24px;
        line-height: 1.33349;
        font-weight: 400;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy:lang(ar) {
        line-height: 1.52099;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy:lang(ja) {
        line-height: 1.375;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(ko) {
        line-height: 1.45849;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy: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 .quote-copy: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:first-of-type, .quote-reduced .quote-subcredit:first-of-type {
    margin-top: 1.2em
}

.badge {
    margin-right: 2em;
    color: #111;
    display: inline-block;
    font-size: 20px;
    min-width: 5em;
    position: relative;
    z-index: 1
}

.badge-content {
    margin: 1em 0;
    padding-top: 4px;
    padding-bottom: 2px;
    position: relative;
    z-index: 1
}

.badge-value {
    font-size: 48px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.003em;
    font-family:Aeonikpro, sans-serif;
    left: -2px;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 1
}

.badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.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-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-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge-value:lang(zh) {
    letter-spacing: 0em
}

.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-value:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.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-value:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.badge-caption {
    font-size: 14px;
    line-height: 1.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif;
    left: 0;
    color: #333;
    display: block;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1
}

.badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.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-caption: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
}

.badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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-caption:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.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-caption:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.badge-caption:first-child {
    top: auto;
    bottom: 100%
}

.badge-unit, .badge-unit-plus, .badge-unit-percent, .badge-unit-currency {
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.badge-unit:lang(th), .badge-unit-plus:lang(th), .badge-unit-percent:lang(th), .badge-unit-currency:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge-unit:lang(ar), .badge-unit-plus:lang(ar), .badge-unit-percent:lang(ar), .badge-unit-currency:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.badge-unit:lang(ja), .badge-unit-plus:lang(ja), .badge-unit-percent:lang(ja), .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-unit:lang(ko), .badge-unit-plus:lang(ko), .badge-unit-percent:lang(ko), .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-unit:lang(zh-CN), .badge-unit-plus:lang(zh-CN), .badge-unit-percent:lang(zh-CN), .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-unit:lang(zh-HK), .badge-unit-plus:lang(zh-HK), .badge-unit-percent:lang(zh-HK), .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-unit:lang(zh-MO), .badge-unit-plus:lang(zh-MO), .badge-unit-percent:lang(zh-MO), .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-unit:lang(zh-TW), .badge-unit-plus:lang(zh-TW), .badge-unit-percent:lang(zh-TW), .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-unit-percent, .badge-unit-currency, .badge-unit-plus {
    position: relative;
    z-index: 1
}

.badge-unit sup {
    top: 0.7em
}

.badge-unit-percent {
    top: -0.37em
}

.badge-unit-currency {
    top: -0.375em
}

.badge-unit-plus {
    top: -0.25em
}

.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 .badge-value {
    font-size: 48px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.003em;
    font-family:Aeonikpro, sans-serif
}

.badge .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge .badge-value:lang(zh) {
    letter-spacing: 0em
}

.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.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.badge .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.badge .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 .badge-caption: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
}

.badge .badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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, .badge.badge-stacked .badge-value {
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .004em;
    font-family:Aeonikpro, 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), .badge.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge .badge-unit:lang(ar), .badge .badge-unit-plus:lang(ar), .badge .badge-unit-percent:lang(ar), .badge .badge-unit-currency:lang(ar), .badge.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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), .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-unit:lang(ko), .badge .badge-unit-plus:lang(ko), .badge .badge-unit-percent:lang(ko), .badge .badge-unit-currency:lang(ko), .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-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), .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-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), .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-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), .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-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), .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-unit-currency {
    top: -0.375em
}

.badge.badge-stacked .badge-content {
    padding-bottom: 3px
}

.badge.badge-stacked .badge-value {
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.badge.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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-super .badge-value {
    font-size: 80px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.015em;
    font-family:Aeonikpro, sans-serif
}

.badge-super .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge-super .badge-value:lang(zh) {
    letter-spacing: 0em
}

.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.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif
}

.badge-super .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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) {
    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(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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, .badge-super.badge-stacked .badge-value {
    font-size: 56px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -.005em;
    font-family:Aeonikpro, sans-serif
}

.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), .badge-super.badge-stacked .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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), .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-unit:lang(ko), .badge-super .badge-unit-plus:lang(ko), .badge-super .badge-unit-percent:lang(ko), .badge-super .badge-unit-currency:lang(ko), .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-unit:lang(th), .badge-super .badge-unit-plus:lang(th), .badge-super .badge-unit-percent:lang(th), .badge-super .badge-unit-currency:lang(th), .badge-super.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, 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), .badge-super.badge-stacked .badge-value:lang(zh) {
    letter-spacing: 0em
}

.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), .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-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), .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-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), .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-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), .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-unit-percent {
    top: -0.31em
}

.badge-super .badge-unit-currency {
    top: -0.32em
}

.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:Aeonikpro, sans-serif
}

.badge-elevated .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge-elevated .badge-value:lang(zh) {
    letter-spacing: 0em
}

.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.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.badge-elevated .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.badge-elevated .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-elevated .badge-caption: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
}

.badge-elevated .badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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, .badge-elevated.badge-stacked .badge-value {
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.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), .badge-elevated.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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), .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-unit:lang(ko), .badge-elevated .badge-unit-plus:lang(ko), .badge-elevated .badge-unit-percent:lang(ko), .badge-elevated .badge-unit-currency:lang(ko), .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-unit:lang(th), .badge-elevated .badge-unit-plus:lang(th), .badge-elevated .badge-unit-percent:lang(th), .badge-elevated .badge-unit-currency:lang(th), .badge-elevated.badge-stacked .badge-value:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, 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), .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-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), .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-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), .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-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), .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-unit-plus {
    top: -0.22em
}

.badge-elevated .badge-unit-percent {
    top: -0.43em
}

.badge-elevated .badge-unit-currency {
    top: -0.43em
}

.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:Aeonikpro, sans-serif
}

.badge-reduced .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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",Aeonikpro, 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.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.badge-reduced .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.badge-reduced .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-reduced .badge-caption: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
}

.badge-reduced .badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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, .badge-reduced.badge-stacked .badge-value {
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .007em;
    font-family:Aeonikpro, 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), .badge-reduced.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.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), .badge-reduced.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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), .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-unit:lang(ko), .badge-reduced .badge-unit-plus:lang(ko), .badge-reduced .badge-unit-percent:lang(ko), .badge-reduced .badge-unit-currency:lang(ko), .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-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), .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-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), .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-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), .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-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), .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-unit-plus {
    top: -0.29em
}

.badge-reduced .badge-unit-percent {
    top: -0.31em
}

.badge-reduced .badge-unit-currency {
    top: -0.325em
}

.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:Aeonikpro, sans-serif
}

.badge-tiny .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge-tiny .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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-percent {
    top: -0.34em
}

.badge-tiny .badge-unit-currency {
    top: -0.34em
}

.badge-tiny .badge-unit, .badge-tiny .badge-unit-plus, .badge-tiny .badge-unit-percent, .badge-tiny .badge-unit-currency, .badge-tiny.badge-stacked .badge-value {
    font-size: 19px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .012em;
    font-family:Aeonikpro, 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), .badge-tiny.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.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), .badge-tiny.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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), .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-unit:lang(ko), .badge-tiny .badge-unit-plus:lang(ko), .badge-tiny .badge-unit-percent:lang(ko), .badge-tiny .badge-unit-currency:lang(ko), .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-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), .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-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), .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-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), .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-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), .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
}

.large-badge-base .badge-value {
    font-size: 48px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.003em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-base .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-base .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
}

.large-badge-base .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
}

.large-badge-base .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-base .badge-value:lang(zh) {
    letter-spacing: 0em
}

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

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

.large-badge-base .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
}

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

.large-badge-base .badge-caption {
    font-size: 14px;
    line-height: 1.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-base .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-base .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
}

.large-badge-base .badge-caption: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
}

.large-badge-base .badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-base .badge-caption:lang(zh) {
    letter-spacing: 0em
}

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

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

.large-badge-base .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
}

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

.large-badge-base .badge-unit, .large-badge-base .badge-unit-plus, .large-badge-base .badge-unit-percent, .large-badge-base .badge-unit-currency, .large-badge-base.badge-stacked .badge-value {
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-base .badge-unit:lang(th), .large-badge-base .badge-unit-plus:lang(th), .large-badge-base .badge-unit-percent:lang(th), .large-badge-base .badge-unit-currency:lang(th), .large-badge-base.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-base .badge-unit:lang(ar), .large-badge-base .badge-unit-plus:lang(ar), .large-badge-base .badge-unit-percent:lang(ar), .large-badge-base .badge-unit-currency:lang(ar), .large-badge-base.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-base .badge-unit:lang(ja), .large-badge-base .badge-unit-plus:lang(ja), .large-badge-base .badge-unit-percent:lang(ja), .large-badge-base .badge-unit-currency:lang(ja), .large-badge-base.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
}

.large-badge-base .badge-unit:lang(ko), .large-badge-base .badge-unit-plus:lang(ko), .large-badge-base .badge-unit-percent:lang(ko), .large-badge-base .badge-unit-currency:lang(ko), .large-badge-base.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
}

.large-badge-base .badge-unit:lang(zh-CN), .large-badge-base .badge-unit-plus:lang(zh-CN), .large-badge-base .badge-unit-percent:lang(zh-CN), .large-badge-base .badge-unit-currency:lang(zh-CN), .large-badge-base.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
}

.large-badge-base .badge-unit:lang(zh-HK), .large-badge-base .badge-unit-plus:lang(zh-HK), .large-badge-base .badge-unit-percent:lang(zh-HK), .large-badge-base .badge-unit-currency:lang(zh-HK), .large-badge-base.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
}

.large-badge-base .badge-unit:lang(zh-MO), .large-badge-base .badge-unit-plus:lang(zh-MO), .large-badge-base .badge-unit-percent:lang(zh-MO), .large-badge-base .badge-unit-currency:lang(zh-MO), .large-badge-base.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
}

.large-badge-base .badge-unit:lang(zh-TW), .large-badge-base .badge-unit-plus:lang(zh-TW), .large-badge-base .badge-unit-percent:lang(zh-TW), .large-badge-base .badge-unit-currency:lang(zh-TW), .large-badge-base.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
}

.large-badge-base .badge-unit-currency {
    top: -0.375em
}

.large-badge-base.badge-stacked .badge-content {
    padding-bottom: 3px
}

.large-badge-base.badge-stacked .badge-value {
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-base.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-base.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-base.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
}

.large-badge-base.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
}

.large-badge-base.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
}

.large-badge-base.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
}

.large-badge-base.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
}

.large-badge-base.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
}

.large-badge-super .badge-value {
    font-size: 80px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.015em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-super .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-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
}

.large-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
}

.large-badge-super .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-super .badge-value:lang(zh) {
    letter-spacing: 0em
}

.large-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
}

.large-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
}

.large-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
}

.large-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
}

.large-badge-super .badge-caption {
    font-size: 17px;
    line-height: 1.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-super .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-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
}

.large-badge-super .badge-caption: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
}

.large-badge-super .badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-super .badge-caption:lang(zh) {
    letter-spacing: 0em
}

.large-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
}

.large-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
}

.large-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
}

.large-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
}

.large-badge-super .badge-unit, .large-badge-super .badge-unit-plus, .large-badge-super .badge-unit-percent, .large-badge-super .badge-unit-currency, .large-badge-super.badge-stacked .badge-value {
    font-size: 56px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -.005em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-super .badge-unit:lang(ar), .large-badge-super .badge-unit-plus:lang(ar), .large-badge-super .badge-unit-percent:lang(ar), .large-badge-super .badge-unit-currency:lang(ar), .large-badge-super.badge-stacked .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-super .badge-unit:lang(ja), .large-badge-super .badge-unit-plus:lang(ja), .large-badge-super .badge-unit-percent:lang(ja), .large-badge-super .badge-unit-currency:lang(ja), .large-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
}

.large-badge-super .badge-unit:lang(ko), .large-badge-super .badge-unit-plus:lang(ko), .large-badge-super .badge-unit-percent:lang(ko), .large-badge-super .badge-unit-currency:lang(ko), .large-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
}

.large-badge-super .badge-unit:lang(th), .large-badge-super .badge-unit-plus:lang(th), .large-badge-super .badge-unit-percent:lang(th), .large-badge-super .badge-unit-currency:lang(th), .large-badge-super.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-super .badge-unit:lang(zh), .large-badge-super .badge-unit-plus:lang(zh), .large-badge-super .badge-unit-percent:lang(zh), .large-badge-super .badge-unit-currency:lang(zh), .large-badge-super.badge-stacked .badge-value:lang(zh) {
    letter-spacing: 0em
}

.large-badge-super .badge-unit:lang(zh-CN), .large-badge-super .badge-unit-plus:lang(zh-CN), .large-badge-super .badge-unit-percent:lang(zh-CN), .large-badge-super .badge-unit-currency:lang(zh-CN), .large-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
}

.large-badge-super .badge-unit:lang(zh-HK), .large-badge-super .badge-unit-plus:lang(zh-HK), .large-badge-super .badge-unit-percent:lang(zh-HK), .large-badge-super .badge-unit-currency:lang(zh-HK), .large-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
}

.large-badge-super .badge-unit:lang(zh-MO), .large-badge-super .badge-unit-plus:lang(zh-MO), .large-badge-super .badge-unit-percent:lang(zh-MO), .large-badge-super .badge-unit-currency:lang(zh-MO), .large-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
}

.large-badge-super .badge-unit:lang(zh-TW), .large-badge-super .badge-unit-plus:lang(zh-TW), .large-badge-super .badge-unit-percent:lang(zh-TW), .large-badge-super .badge-unit-currency:lang(zh-TW), .large-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
}

.large-badge-super .badge-unit-percent {
    top: -0.31em
}

.large-badge-super .badge-unit-currency {
    top: -0.32em
}

.large-badge-super.badge-stacked .badge-content {
    padding-bottom: 4px
}

.large-badge-elevated .badge-value {
    font-size: 64px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.009em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-elevated .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-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
}

.large-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
}

.large-badge-elevated .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-elevated .badge-value:lang(zh) {
    letter-spacing: 0em
}

.large-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
}

.large-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
}

.large-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
}

.large-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
}

.large-badge-elevated .badge-caption {
    font-size: 14px;
    line-height: 1.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-elevated .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-elevated .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
}

.large-badge-elevated .badge-caption: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
}

.large-badge-elevated .badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-elevated .badge-caption:lang(zh) {
    letter-spacing: 0em
}

.large-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
}

.large-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
}

.large-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
}

.large-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
}

.large-badge-elevated .badge-unit, .large-badge-elevated .badge-unit-plus, .large-badge-elevated .badge-unit-percent, .large-badge-elevated .badge-unit-currency, .large-badge-elevated.badge-stacked .badge-value {
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-elevated .badge-unit:lang(ar), .large-badge-elevated .badge-unit-plus:lang(ar), .large-badge-elevated .badge-unit-percent:lang(ar), .large-badge-elevated .badge-unit-currency:lang(ar), .large-badge-elevated.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-elevated .badge-unit:lang(ja), .large-badge-elevated .badge-unit-plus:lang(ja), .large-badge-elevated .badge-unit-percent:lang(ja), .large-badge-elevated .badge-unit-currency:lang(ja), .large-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
}

.large-badge-elevated .badge-unit:lang(ko), .large-badge-elevated .badge-unit-plus:lang(ko), .large-badge-elevated .badge-unit-percent:lang(ko), .large-badge-elevated .badge-unit-currency:lang(ko), .large-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
}

.large-badge-elevated .badge-unit:lang(th), .large-badge-elevated .badge-unit-plus:lang(th), .large-badge-elevated .badge-unit-percent:lang(th), .large-badge-elevated .badge-unit-currency:lang(th), .large-badge-elevated.badge-stacked .badge-value:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-elevated .badge-unit:lang(zh-CN), .large-badge-elevated .badge-unit-plus:lang(zh-CN), .large-badge-elevated .badge-unit-percent:lang(zh-CN), .large-badge-elevated .badge-unit-currency:lang(zh-CN), .large-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
}

.large-badge-elevated .badge-unit:lang(zh-HK), .large-badge-elevated .badge-unit-plus:lang(zh-HK), .large-badge-elevated .badge-unit-percent:lang(zh-HK), .large-badge-elevated .badge-unit-currency:lang(zh-HK), .large-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
}

.large-badge-elevated .badge-unit:lang(zh-MO), .large-badge-elevated .badge-unit-plus:lang(zh-MO), .large-badge-elevated .badge-unit-percent:lang(zh-MO), .large-badge-elevated .badge-unit-currency:lang(zh-MO), .large-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
}

.large-badge-elevated .badge-unit:lang(zh-TW), .large-badge-elevated .badge-unit-plus:lang(zh-TW), .large-badge-elevated .badge-unit-percent:lang(zh-TW), .large-badge-elevated .badge-unit-currency:lang(zh-TW), .large-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
}

.large-badge-elevated .badge-unit-plus {
    top: -0.22em
}

.large-badge-elevated .badge-unit-percent {
    top: -0.43em
}

.large-badge-elevated .badge-unit-currency {
    top: -0.43em
}

.large-badge-elevated.badge-stacked .badge-content {
    padding-bottom: 4px
}

.large-badge-reduced .badge-value {
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-reduced .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-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
}

.large-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
}

.large-badge-reduced .badge-value:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-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
}

.large-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
}

.large-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
}

.large-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
}

.large-badge-reduced .badge-caption {
    font-size: 14px;
    line-height: 1.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-reduced .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-reduced .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
}

.large-badge-reduced .badge-caption: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
}

.large-badge-reduced .badge-caption:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-reduced .badge-caption:lang(zh) {
    letter-spacing: 0em
}

.large-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
}

.large-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
}

.large-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
}

.large-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
}

.large-badge-reduced .badge-unit, .large-badge-reduced .badge-unit-plus, .large-badge-reduced .badge-unit-percent, .large-badge-reduced .badge-unit-currency, .large-badge-reduced.badge-stacked .badge-value {
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .007em;
    font-family:Aeonikpro, sans-serif
}

.large-badge-reduced .badge-unit:lang(th), .large-badge-reduced .badge-unit-plus:lang(th), .large-badge-reduced .badge-unit-percent:lang(th), .large-badge-reduced .badge-unit-currency:lang(th), .large-badge-reduced.badge-stacked .badge-value:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.large-badge-reduced .badge-unit:lang(ar), .large-badge-reduced .badge-unit-plus:lang(ar), .large-badge-reduced .badge-unit-percent:lang(ar), .large-badge-reduced .badge-unit-currency:lang(ar), .large-badge-reduced.badge-stacked .badge-value:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.large-badge-reduced .badge-unit:lang(ja), .large-badge-reduced .badge-unit-plus:lang(ja), .large-badge-reduced .badge-unit-percent:lang(ja), .large-badge-reduced .badge-unit-currency:lang(ja), .large-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
}

.large-badge-reduced .badge-unit:lang(ko), .large-badge-reduced .badge-unit-plus:lang(ko), .large-badge-reduced .badge-unit-percent:lang(ko), .large-badge-reduced .badge-unit-currency:lang(ko), .large-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
}

.large-badge-reduced .badge-unit:lang(zh-CN), .large-badge-reduced .badge-unit-plus:lang(zh-CN), .large-badge-reduced .badge-unit-percent:lang(zh-CN), .large-badge-reduced .badge-unit-currency:lang(zh-CN), .large-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
}

.large-badge-reduced .badge-unit:lang(zh-HK), .large-badge-reduced .badge-unit-plus:lang(zh-HK), .large-badge-reduced .badge-unit-percent:lang(zh-HK), .large-badge-reduced .badge-unit-currency:lang(zh-HK), .large-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
}

.large-badge-reduced .badge-unit:lang(zh-MO), .large-badge-reduced .badge-unit-plus:lang(zh-MO), .large-badge-reduced .badge-unit-percent:lang(zh-MO), .large-badge-reduced .badge-unit-currency:lang(zh-MO), .large-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
}

.large-badge-reduced .badge-unit:lang(zh-TW), .large-badge-reduced .badge-unit-plus:lang(zh-TW), .large-badge-reduced .badge-unit-percent:lang(zh-TW), .large-badge-reduced .badge-unit-currency:lang(zh-TW), .large-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
}

.large-badge-reduced .badge-unit-plus {
    top: -0.29em
}

.large-badge-reduced .badge-unit-percent {
    top: -0.31em
}

.large-badge-reduced .badge-unit-currency {
    top: -0.325em
}

.large-badge-reduced.badge-stacked .badge-content {
    padding-bottom: 4px
}

@media only screen and (min-width: 1442px) {
    .xlarge-badge-base .badge-value {
        font-size: 48px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-base .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-base .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
    }
    .xlarge-badge-base .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
    }
    .xlarge-badge-base .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-base .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-badge-base .badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .xlarge-badge-base .badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .xlarge-badge-base .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
    }
    .xlarge-badge-base .badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .xlarge-badge-base .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-base .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-base .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
    }
    .xlarge-badge-base .badge-caption: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
    }
    .xlarge-badge-base .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-base .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-badge-base .badge-caption:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .xlarge-badge-base .badge-caption:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .xlarge-badge-base .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
    }
    .xlarge-badge-base .badge-caption:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .xlarge-badge-base .badge-unit, .xlarge-badge-base .badge-unit-plus, .xlarge-badge-base .badge-unit-percent, .xlarge-badge-base .badge-unit-currency, .xlarge-badge-base.badge-stacked .badge-value {
        font-size: 32px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-base .badge-unit:lang(th), .xlarge-badge-base .badge-unit-plus:lang(th), .xlarge-badge-base .badge-unit-percent:lang(th), .xlarge-badge-base .badge-unit-currency:lang(th), .xlarge-badge-base.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-base .badge-unit:lang(ar), .xlarge-badge-base .badge-unit-plus:lang(ar), .xlarge-badge-base .badge-unit-percent:lang(ar), .xlarge-badge-base .badge-unit-currency:lang(ar), .xlarge-badge-base.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-base .badge-unit:lang(ja), .xlarge-badge-base .badge-unit-plus:lang(ja), .xlarge-badge-base .badge-unit-percent:lang(ja), .xlarge-badge-base .badge-unit-currency:lang(ja), .xlarge-badge-base.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
    }
    .xlarge-badge-base .badge-unit:lang(ko), .xlarge-badge-base .badge-unit-plus:lang(ko), .xlarge-badge-base .badge-unit-percent:lang(ko), .xlarge-badge-base .badge-unit-currency:lang(ko), .xlarge-badge-base.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
    }
    .xlarge-badge-base .badge-unit:lang(zh-CN), .xlarge-badge-base .badge-unit-plus:lang(zh-CN), .xlarge-badge-base .badge-unit-percent:lang(zh-CN), .xlarge-badge-base .badge-unit-currency:lang(zh-CN), .xlarge-badge-base.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
    }
    .xlarge-badge-base .badge-unit:lang(zh-HK), .xlarge-badge-base .badge-unit-plus:lang(zh-HK), .xlarge-badge-base .badge-unit-percent:lang(zh-HK), .xlarge-badge-base .badge-unit-currency:lang(zh-HK), .xlarge-badge-base.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
    }
    .xlarge-badge-base .badge-unit:lang(zh-MO), .xlarge-badge-base .badge-unit-plus:lang(zh-MO), .xlarge-badge-base .badge-unit-percent:lang(zh-MO), .xlarge-badge-base .badge-unit-currency:lang(zh-MO), .xlarge-badge-base.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
    }
    .xlarge-badge-base .badge-unit:lang(zh-TW), .xlarge-badge-base .badge-unit-plus:lang(zh-TW), .xlarge-badge-base .badge-unit-percent:lang(zh-TW), .xlarge-badge-base .badge-unit-currency:lang(zh-TW), .xlarge-badge-base.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
    }
    .xlarge-badge-base .badge-unit-currency {
        top: -0.375em
    }
    .xlarge-badge-base.badge-stacked .badge-content {
        padding-bottom: 3px
    }
    .xlarge-badge-base.badge-stacked .badge-value {
        font-size: 32px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-base.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-base.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-base.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
    }
    .xlarge-badge-base.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
    }
    .xlarge-badge-base.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
    }
    .xlarge-badge-base.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
    }
    .xlarge-badge-base.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
    }
    .xlarge-badge-base.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
    }
    .xlarge-badge-super .badge-value {
        font-size: 80px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-super .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-super .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-super .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-super .badge-caption {
        font-size: 17px;
        line-height: 1.23543;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-super .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-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
    }
    .xlarge-badge-super .badge-caption: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
    }
    .xlarge-badge-super .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-super .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-super .badge-unit, .xlarge-badge-super .badge-unit-plus, .xlarge-badge-super .badge-unit-percent, .xlarge-badge-super .badge-unit-currency, .xlarge-badge-super.badge-stacked .badge-value {
        font-size: 56px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: -.005em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-super .badge-unit:lang(ar), .xlarge-badge-super .badge-unit-plus:lang(ar), .xlarge-badge-super .badge-unit-percent:lang(ar), .xlarge-badge-super .badge-unit-currency:lang(ar), .xlarge-badge-super.badge-stacked .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-super .badge-unit:lang(ja), .xlarge-badge-super .badge-unit-plus:lang(ja), .xlarge-badge-super .badge-unit-percent:lang(ja), .xlarge-badge-super .badge-unit-currency:lang(ja), .xlarge-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
    }
    .xlarge-badge-super .badge-unit:lang(ko), .xlarge-badge-super .badge-unit-plus:lang(ko), .xlarge-badge-super .badge-unit-percent:lang(ko), .xlarge-badge-super .badge-unit-currency:lang(ko), .xlarge-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
    }
    .xlarge-badge-super .badge-unit:lang(th), .xlarge-badge-super .badge-unit-plus:lang(th), .xlarge-badge-super .badge-unit-percent:lang(th), .xlarge-badge-super .badge-unit-currency:lang(th), .xlarge-badge-super.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-super .badge-unit:lang(zh), .xlarge-badge-super .badge-unit-plus:lang(zh), .xlarge-badge-super .badge-unit-percent:lang(zh), .xlarge-badge-super .badge-unit-currency:lang(zh), .xlarge-badge-super.badge-stacked .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-badge-super .badge-unit:lang(zh-CN), .xlarge-badge-super .badge-unit-plus:lang(zh-CN), .xlarge-badge-super .badge-unit-percent:lang(zh-CN), .xlarge-badge-super .badge-unit-currency:lang(zh-CN), .xlarge-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
    }
    .xlarge-badge-super .badge-unit:lang(zh-HK), .xlarge-badge-super .badge-unit-plus:lang(zh-HK), .xlarge-badge-super .badge-unit-percent:lang(zh-HK), .xlarge-badge-super .badge-unit-currency:lang(zh-HK), .xlarge-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
    }
    .xlarge-badge-super .badge-unit:lang(zh-MO), .xlarge-badge-super .badge-unit-plus:lang(zh-MO), .xlarge-badge-super .badge-unit-percent:lang(zh-MO), .xlarge-badge-super .badge-unit-currency:lang(zh-MO), .xlarge-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
    }
    .xlarge-badge-super .badge-unit:lang(zh-TW), .xlarge-badge-super .badge-unit-plus:lang(zh-TW), .xlarge-badge-super .badge-unit-percent:lang(zh-TW), .xlarge-badge-super .badge-unit-currency:lang(zh-TW), .xlarge-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
    }
    .xlarge-badge-super .badge-unit-percent {
        top: -0.31em
    }
    .xlarge-badge-super .badge-unit-currency {
        top: -0.32em
    }
    .xlarge-badge-super.badge-stacked .badge-content {
        padding-bottom: 4px
    }
    .xlarge-badge-elevated .badge-value {
        font-size: 64px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.009em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-elevated .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-elevated .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .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
    }
    .xlarge-badge-elevated .badge-caption: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
    }
    .xlarge-badge-elevated .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-elevated .badge-unit, .xlarge-badge-elevated .badge-unit-plus, .xlarge-badge-elevated .badge-unit-percent, .xlarge-badge-elevated .badge-unit-currency, .xlarge-badge-elevated.badge-stacked .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .badge-unit:lang(ar), .xlarge-badge-elevated .badge-unit-plus:lang(ar), .xlarge-badge-elevated .badge-unit-percent:lang(ar), .xlarge-badge-elevated .badge-unit-currency:lang(ar), .xlarge-badge-elevated.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .badge-unit:lang(ja), .xlarge-badge-elevated .badge-unit-plus:lang(ja), .xlarge-badge-elevated .badge-unit-percent:lang(ja), .xlarge-badge-elevated .badge-unit-currency:lang(ja), .xlarge-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
    }
    .xlarge-badge-elevated .badge-unit:lang(ko), .xlarge-badge-elevated .badge-unit-plus:lang(ko), .xlarge-badge-elevated .badge-unit-percent:lang(ko), .xlarge-badge-elevated .badge-unit-currency:lang(ko), .xlarge-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
    }
    .xlarge-badge-elevated .badge-unit:lang(th), .xlarge-badge-elevated .badge-unit-plus:lang(th), .xlarge-badge-elevated .badge-unit-percent:lang(th), .xlarge-badge-elevated .badge-unit-currency:lang(th), .xlarge-badge-elevated.badge-stacked .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-elevated .badge-unit:lang(zh-CN), .xlarge-badge-elevated .badge-unit-plus:lang(zh-CN), .xlarge-badge-elevated .badge-unit-percent:lang(zh-CN), .xlarge-badge-elevated .badge-unit-currency:lang(zh-CN), .xlarge-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
    }
    .xlarge-badge-elevated .badge-unit:lang(zh-HK), .xlarge-badge-elevated .badge-unit-plus:lang(zh-HK), .xlarge-badge-elevated .badge-unit-percent:lang(zh-HK), .xlarge-badge-elevated .badge-unit-currency:lang(zh-HK), .xlarge-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
    }
    .xlarge-badge-elevated .badge-unit:lang(zh-MO), .xlarge-badge-elevated .badge-unit-plus:lang(zh-MO), .xlarge-badge-elevated .badge-unit-percent:lang(zh-MO), .xlarge-badge-elevated .badge-unit-currency:lang(zh-MO), .xlarge-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
    }
    .xlarge-badge-elevated .badge-unit:lang(zh-TW), .xlarge-badge-elevated .badge-unit-plus:lang(zh-TW), .xlarge-badge-elevated .badge-unit-percent:lang(zh-TW), .xlarge-badge-elevated .badge-unit-currency:lang(zh-TW), .xlarge-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
    }
    .xlarge-badge-elevated .badge-unit-plus {
        top: -0.22em
    }
    .xlarge-badge-elevated .badge-unit-percent {
        top: -0.43em
    }
    .xlarge-badge-elevated .badge-unit-currency {
        top: -0.43em
    }
    .xlarge-badge-elevated.badge-stacked .badge-content {
        padding-bottom: 4px
    }
    .xlarge-badge-reduced .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-reduced .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-reduced .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-reduced .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-reduced .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-reduced .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
    }
    .xlarge-badge-reduced .badge-caption: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
    }
    .xlarge-badge-reduced .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-reduced .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-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
    }
    .xlarge-badge-reduced .badge-unit, .xlarge-badge-reduced .badge-unit-plus, .xlarge-badge-reduced .badge-unit-percent, .xlarge-badge-reduced .badge-unit-currency, .xlarge-badge-reduced.badge-stacked .badge-value {
        font-size: 28px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .xlarge-badge-reduced .badge-unit:lang(th), .xlarge-badge-reduced .badge-unit-plus:lang(th), .xlarge-badge-reduced .badge-unit-percent:lang(th), .xlarge-badge-reduced .badge-unit-currency:lang(th), .xlarge-badge-reduced.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .xlarge-badge-reduced .badge-unit:lang(ar), .xlarge-badge-reduced .badge-unit-plus:lang(ar), .xlarge-badge-reduced .badge-unit-percent:lang(ar), .xlarge-badge-reduced .badge-unit-currency:lang(ar), .xlarge-badge-reduced.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .xlarge-badge-reduced .badge-unit:lang(ja), .xlarge-badge-reduced .badge-unit-plus:lang(ja), .xlarge-badge-reduced .badge-unit-percent:lang(ja), .xlarge-badge-reduced .badge-unit-currency:lang(ja), .xlarge-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
    }
    .xlarge-badge-reduced .badge-unit:lang(ko), .xlarge-badge-reduced .badge-unit-plus:lang(ko), .xlarge-badge-reduced .badge-unit-percent:lang(ko), .xlarge-badge-reduced .badge-unit-currency:lang(ko), .xlarge-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
    }
    .xlarge-badge-reduced .badge-unit:lang(zh-CN), .xlarge-badge-reduced .badge-unit-plus:lang(zh-CN), .xlarge-badge-reduced .badge-unit-percent:lang(zh-CN), .xlarge-badge-reduced .badge-unit-currency:lang(zh-CN), .xlarge-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
    }
    .xlarge-badge-reduced .badge-unit:lang(zh-HK), .xlarge-badge-reduced .badge-unit-plus:lang(zh-HK), .xlarge-badge-reduced .badge-unit-percent:lang(zh-HK), .xlarge-badge-reduced .badge-unit-currency:lang(zh-HK), .xlarge-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
    }
    .xlarge-badge-reduced .badge-unit:lang(zh-MO), .xlarge-badge-reduced .badge-unit-plus:lang(zh-MO), .xlarge-badge-reduced .badge-unit-percent:lang(zh-MO), .xlarge-badge-reduced .badge-unit-currency:lang(zh-MO), .xlarge-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
    }
    .xlarge-badge-reduced .badge-unit:lang(zh-TW), .xlarge-badge-reduced .badge-unit-plus:lang(zh-TW), .xlarge-badge-reduced .badge-unit-percent:lang(zh-TW), .xlarge-badge-reduced .badge-unit-currency:lang(zh-TW), .xlarge-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
    }
    .xlarge-badge-reduced .badge-unit-plus {
        top: -0.29em
    }
    .xlarge-badge-reduced .badge-unit-percent {
        top: -0.31em
    }
    .xlarge-badge-reduced .badge-unit-currency {
        top: -0.325em
    }
    .xlarge-badge-reduced.badge-stacked .badge-content {
        padding-bottom: 4px
    }
}

@media only screen and (max-width: 1068px) {
    .medium-badge-base .badge-value {
        font-size: 48px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-base .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-base .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
    }
    .medium-badge-base .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
    }
    .medium-badge-base .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-base .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .medium-badge-base .badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .medium-badge-base .badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .medium-badge-base .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
    }
    .medium-badge-base .badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .medium-badge-base .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-base .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-base .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
    }
    .medium-badge-base .badge-caption: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
    }
    .medium-badge-base .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-base .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .medium-badge-base .badge-caption:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .medium-badge-base .badge-caption:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .medium-badge-base .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
    }
    .medium-badge-base .badge-caption:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .medium-badge-base .badge-unit, .medium-badge-base .badge-unit-plus, .medium-badge-base .badge-unit-percent, .medium-badge-base .badge-unit-currency, .medium-badge-base.badge-stacked .badge-value {
        font-size: 32px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-base .badge-unit:lang(th), .medium-badge-base .badge-unit-plus:lang(th), .medium-badge-base .badge-unit-percent:lang(th), .medium-badge-base .badge-unit-currency:lang(th), .medium-badge-base.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-base .badge-unit:lang(ar), .medium-badge-base .badge-unit-plus:lang(ar), .medium-badge-base .badge-unit-percent:lang(ar), .medium-badge-base .badge-unit-currency:lang(ar), .medium-badge-base.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-base .badge-unit:lang(ja), .medium-badge-base .badge-unit-plus:lang(ja), .medium-badge-base .badge-unit-percent:lang(ja), .medium-badge-base .badge-unit-currency:lang(ja), .medium-badge-base.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
    }
    .medium-badge-base .badge-unit:lang(ko), .medium-badge-base .badge-unit-plus:lang(ko), .medium-badge-base .badge-unit-percent:lang(ko), .medium-badge-base .badge-unit-currency:lang(ko), .medium-badge-base.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
    }
    .medium-badge-base .badge-unit:lang(zh-CN), .medium-badge-base .badge-unit-plus:lang(zh-CN), .medium-badge-base .badge-unit-percent:lang(zh-CN), .medium-badge-base .badge-unit-currency:lang(zh-CN), .medium-badge-base.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
    }
    .medium-badge-base .badge-unit:lang(zh-HK), .medium-badge-base .badge-unit-plus:lang(zh-HK), .medium-badge-base .badge-unit-percent:lang(zh-HK), .medium-badge-base .badge-unit-currency:lang(zh-HK), .medium-badge-base.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
    }
    .medium-badge-base .badge-unit:lang(zh-MO), .medium-badge-base .badge-unit-plus:lang(zh-MO), .medium-badge-base .badge-unit-percent:lang(zh-MO), .medium-badge-base .badge-unit-currency:lang(zh-MO), .medium-badge-base.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
    }
    .medium-badge-base .badge-unit:lang(zh-TW), .medium-badge-base .badge-unit-plus:lang(zh-TW), .medium-badge-base .badge-unit-percent:lang(zh-TW), .medium-badge-base .badge-unit-currency:lang(zh-TW), .medium-badge-base.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
    }
    .medium-badge-base .badge-unit-currency {
        top: -0.375em
    }
    .medium-badge-base.badge-stacked .badge-content {
        padding-bottom: 3px
    }
    .medium-badge-base.badge-stacked .badge-value {
        font-size: 32px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-base.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-base.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-base.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
    }
    .medium-badge-base.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
    }
    .medium-badge-base.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
    }
    .medium-badge-base.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
    }
    .medium-badge-base.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
    }
    .medium-badge-base.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
    }
    .medium-badge-super .badge-value {
        font-size: 80px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-super .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-super .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-super .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-super .badge-caption {
        font-size: 17px;
        line-height: 1.23543;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-super .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-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
    }
    .medium-badge-super .badge-caption: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
    }
    .medium-badge-super .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-super .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-super .badge-unit, .medium-badge-super .badge-unit-plus, .medium-badge-super .badge-unit-percent, .medium-badge-super .badge-unit-currency, .medium-badge-super.badge-stacked .badge-value {
        font-size: 56px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: -.005em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-super .badge-unit:lang(ar), .medium-badge-super .badge-unit-plus:lang(ar), .medium-badge-super .badge-unit-percent:lang(ar), .medium-badge-super .badge-unit-currency:lang(ar), .medium-badge-super.badge-stacked .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-super .badge-unit:lang(ja), .medium-badge-super .badge-unit-plus:lang(ja), .medium-badge-super .badge-unit-percent:lang(ja), .medium-badge-super .badge-unit-currency:lang(ja), .medium-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
    }
    .medium-badge-super .badge-unit:lang(ko), .medium-badge-super .badge-unit-plus:lang(ko), .medium-badge-super .badge-unit-percent:lang(ko), .medium-badge-super .badge-unit-currency:lang(ko), .medium-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
    }
    .medium-badge-super .badge-unit:lang(th), .medium-badge-super .badge-unit-plus:lang(th), .medium-badge-super .badge-unit-percent:lang(th), .medium-badge-super .badge-unit-currency:lang(th), .medium-badge-super.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-super .badge-unit:lang(zh), .medium-badge-super .badge-unit-plus:lang(zh), .medium-badge-super .badge-unit-percent:lang(zh), .medium-badge-super .badge-unit-currency:lang(zh), .medium-badge-super.badge-stacked .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .medium-badge-super .badge-unit:lang(zh-CN), .medium-badge-super .badge-unit-plus:lang(zh-CN), .medium-badge-super .badge-unit-percent:lang(zh-CN), .medium-badge-super .badge-unit-currency:lang(zh-CN), .medium-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
    }
    .medium-badge-super .badge-unit:lang(zh-HK), .medium-badge-super .badge-unit-plus:lang(zh-HK), .medium-badge-super .badge-unit-percent:lang(zh-HK), .medium-badge-super .badge-unit-currency:lang(zh-HK), .medium-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
    }
    .medium-badge-super .badge-unit:lang(zh-MO), .medium-badge-super .badge-unit-plus:lang(zh-MO), .medium-badge-super .badge-unit-percent:lang(zh-MO), .medium-badge-super .badge-unit-currency:lang(zh-MO), .medium-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
    }
    .medium-badge-super .badge-unit:lang(zh-TW), .medium-badge-super .badge-unit-plus:lang(zh-TW), .medium-badge-super .badge-unit-percent:lang(zh-TW), .medium-badge-super .badge-unit-currency:lang(zh-TW), .medium-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
    }
    .medium-badge-super .badge-unit-percent {
        top: -0.31em
    }
    .medium-badge-super .badge-unit-currency {
        top: -0.32em
    }
    .medium-badge-super.badge-stacked .badge-content {
        padding-bottom: 4px
    }
    .medium-badge-elevated .badge-value {
        font-size: 64px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.009em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-elevated .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-elevated .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-elevated .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-elevated .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-elevated .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-elevated .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
    }
    .medium-badge-elevated .badge-caption: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
    }
    .medium-badge-elevated .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-elevated .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-elevated .badge-unit, .medium-badge-elevated .badge-unit-plus, .medium-badge-elevated .badge-unit-percent, .medium-badge-elevated .badge-unit-currency, .medium-badge-elevated.badge-stacked .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-elevated .badge-unit:lang(ar), .medium-badge-elevated .badge-unit-plus:lang(ar), .medium-badge-elevated .badge-unit-percent:lang(ar), .medium-badge-elevated .badge-unit-currency:lang(ar), .medium-badge-elevated.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-elevated .badge-unit:lang(ja), .medium-badge-elevated .badge-unit-plus:lang(ja), .medium-badge-elevated .badge-unit-percent:lang(ja), .medium-badge-elevated .badge-unit-currency:lang(ja), .medium-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
    }
    .medium-badge-elevated .badge-unit:lang(ko), .medium-badge-elevated .badge-unit-plus:lang(ko), .medium-badge-elevated .badge-unit-percent:lang(ko), .medium-badge-elevated .badge-unit-currency:lang(ko), .medium-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
    }
    .medium-badge-elevated .badge-unit:lang(th), .medium-badge-elevated .badge-unit-plus:lang(th), .medium-badge-elevated .badge-unit-percent:lang(th), .medium-badge-elevated .badge-unit-currency:lang(th), .medium-badge-elevated.badge-stacked .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-elevated .badge-unit:lang(zh-CN), .medium-badge-elevated .badge-unit-plus:lang(zh-CN), .medium-badge-elevated .badge-unit-percent:lang(zh-CN), .medium-badge-elevated .badge-unit-currency:lang(zh-CN), .medium-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
    }
    .medium-badge-elevated .badge-unit:lang(zh-HK), .medium-badge-elevated .badge-unit-plus:lang(zh-HK), .medium-badge-elevated .badge-unit-percent:lang(zh-HK), .medium-badge-elevated .badge-unit-currency:lang(zh-HK), .medium-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
    }
    .medium-badge-elevated .badge-unit:lang(zh-MO), .medium-badge-elevated .badge-unit-plus:lang(zh-MO), .medium-badge-elevated .badge-unit-percent:lang(zh-MO), .medium-badge-elevated .badge-unit-currency:lang(zh-MO), .medium-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
    }
    .medium-badge-elevated .badge-unit:lang(zh-TW), .medium-badge-elevated .badge-unit-plus:lang(zh-TW), .medium-badge-elevated .badge-unit-percent:lang(zh-TW), .medium-badge-elevated .badge-unit-currency:lang(zh-TW), .medium-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
    }
    .medium-badge-elevated .badge-unit-plus {
        top: -0.22em
    }
    .medium-badge-elevated .badge-unit-percent {
        top: -0.43em
    }
    .medium-badge-elevated .badge-unit-currency {
        top: -0.43em
    }
    .medium-badge-elevated.badge-stacked .badge-content {
        padding-bottom: 4px
    }
    .medium-badge-reduced .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-reduced .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-reduced .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-reduced .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-reduced .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-reduced .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
    }
    .medium-badge-reduced .badge-caption: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
    }
    .medium-badge-reduced .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-reduced .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-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
    }
    .medium-badge-reduced .badge-unit, .medium-badge-reduced .badge-unit-plus, .medium-badge-reduced .badge-unit-percent, .medium-badge-reduced .badge-unit-currency, .medium-badge-reduced.badge-stacked .badge-value {
        font-size: 28px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .medium-badge-reduced .badge-unit:lang(th), .medium-badge-reduced .badge-unit-plus:lang(th), .medium-badge-reduced .badge-unit-percent:lang(th), .medium-badge-reduced .badge-unit-currency:lang(th), .medium-badge-reduced.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .medium-badge-reduced .badge-unit:lang(ar), .medium-badge-reduced .badge-unit-plus:lang(ar), .medium-badge-reduced .badge-unit-percent:lang(ar), .medium-badge-reduced .badge-unit-currency:lang(ar), .medium-badge-reduced.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .medium-badge-reduced .badge-unit:lang(ja), .medium-badge-reduced .badge-unit-plus:lang(ja), .medium-badge-reduced .badge-unit-percent:lang(ja), .medium-badge-reduced .badge-unit-currency:lang(ja), .medium-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
    }
    .medium-badge-reduced .badge-unit:lang(ko), .medium-badge-reduced .badge-unit-plus:lang(ko), .medium-badge-reduced .badge-unit-percent:lang(ko), .medium-badge-reduced .badge-unit-currency:lang(ko), .medium-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
    }
    .medium-badge-reduced .badge-unit:lang(zh-CN), .medium-badge-reduced .badge-unit-plus:lang(zh-CN), .medium-badge-reduced .badge-unit-percent:lang(zh-CN), .medium-badge-reduced .badge-unit-currency:lang(zh-CN), .medium-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
    }
    .medium-badge-reduced .badge-unit:lang(zh-HK), .medium-badge-reduced .badge-unit-plus:lang(zh-HK), .medium-badge-reduced .badge-unit-percent:lang(zh-HK), .medium-badge-reduced .badge-unit-currency:lang(zh-HK), .medium-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
    }
    .medium-badge-reduced .badge-unit:lang(zh-MO), .medium-badge-reduced .badge-unit-plus:lang(zh-MO), .medium-badge-reduced .badge-unit-percent:lang(zh-MO), .medium-badge-reduced .badge-unit-currency:lang(zh-MO), .medium-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
    }
    .medium-badge-reduced .badge-unit:lang(zh-TW), .medium-badge-reduced .badge-unit-plus:lang(zh-TW), .medium-badge-reduced .badge-unit-percent:lang(zh-TW), .medium-badge-reduced .badge-unit-currency:lang(zh-TW), .medium-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
    }
    .medium-badge-reduced .badge-unit-plus {
        top: -0.29em
    }
    .medium-badge-reduced .badge-unit-percent {
        top: -0.31em
    }
    .medium-badge-reduced .badge-unit-currency {
        top: -0.325em
    }
    .medium-badge-reduced.badge-stacked .badge-content {
        padding-bottom: 4px
    }
}

@media only screen and (max-width: 735px) {
    .small-badge-base .badge-value {
        font-size: 48px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-base .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-base .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
    }
    .small-badge-base .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
    }
    .small-badge-base .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-base .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .small-badge-base .badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .small-badge-base .badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .small-badge-base .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
    }
    .small-badge-base .badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .small-badge-base .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-base .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-base .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
    }
    .small-badge-base .badge-caption: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
    }
    .small-badge-base .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-base .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .small-badge-base .badge-caption:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .small-badge-base .badge-caption:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .small-badge-base .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
    }
    .small-badge-base .badge-caption:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .small-badge-base .badge-unit, .small-badge-base .badge-unit-plus, .small-badge-base .badge-unit-percent, .small-badge-base .badge-unit-currency, .small-badge-base.badge-stacked .badge-value {
        font-size: 32px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-base .badge-unit:lang(th), .small-badge-base .badge-unit-plus:lang(th), .small-badge-base .badge-unit-percent:lang(th), .small-badge-base .badge-unit-currency:lang(th), .small-badge-base.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-base .badge-unit:lang(ar), .small-badge-base .badge-unit-plus:lang(ar), .small-badge-base .badge-unit-percent:lang(ar), .small-badge-base .badge-unit-currency:lang(ar), .small-badge-base.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-base .badge-unit:lang(ja), .small-badge-base .badge-unit-plus:lang(ja), .small-badge-base .badge-unit-percent:lang(ja), .small-badge-base .badge-unit-currency:lang(ja), .small-badge-base.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
    }
    .small-badge-base .badge-unit:lang(ko), .small-badge-base .badge-unit-plus:lang(ko), .small-badge-base .badge-unit-percent:lang(ko), .small-badge-base .badge-unit-currency:lang(ko), .small-badge-base.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
    }
    .small-badge-base .badge-unit:lang(zh-CN), .small-badge-base .badge-unit-plus:lang(zh-CN), .small-badge-base .badge-unit-percent:lang(zh-CN), .small-badge-base .badge-unit-currency:lang(zh-CN), .small-badge-base.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
    }
    .small-badge-base .badge-unit:lang(zh-HK), .small-badge-base .badge-unit-plus:lang(zh-HK), .small-badge-base .badge-unit-percent:lang(zh-HK), .small-badge-base .badge-unit-currency:lang(zh-HK), .small-badge-base.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
    }
    .small-badge-base .badge-unit:lang(zh-MO), .small-badge-base .badge-unit-plus:lang(zh-MO), .small-badge-base .badge-unit-percent:lang(zh-MO), .small-badge-base .badge-unit-currency:lang(zh-MO), .small-badge-base.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
    }
    .small-badge-base .badge-unit:lang(zh-TW), .small-badge-base .badge-unit-plus:lang(zh-TW), .small-badge-base .badge-unit-percent:lang(zh-TW), .small-badge-base .badge-unit-currency:lang(zh-TW), .small-badge-base.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
    }
    .small-badge-base .badge-unit-currency {
        top: -0.375em
    }
    .small-badge-base.badge-stacked .badge-content {
        padding-bottom: 3px
    }
    .small-badge-base.badge-stacked .badge-value {
        font-size: 32px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-base.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-base.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-base.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
    }
    .small-badge-base.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
    }
    .small-badge-base.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
    }
    .small-badge-base.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
    }
    .small-badge-base.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
    }
    .small-badge-base.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
    }
    .small-badge-super .badge-value {
        font-size: 80px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-super .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-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
    }
    .small-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
    }
    .small-badge-super .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-super .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-badge-super .badge-caption {
        font-size: 17px;
        line-height: 1.23543;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-super .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-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
    }
    .small-badge-super .badge-caption: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
    }
    .small-badge-super .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-super .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-badge-super .badge-unit, .small-badge-super .badge-unit-plus, .small-badge-super .badge-unit-percent, .small-badge-super .badge-unit-currency, .small-badge-super.badge-stacked .badge-value {
        font-size: 56px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: -.005em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-super .badge-unit:lang(ar), .small-badge-super .badge-unit-plus:lang(ar), .small-badge-super .badge-unit-percent:lang(ar), .small-badge-super .badge-unit-currency:lang(ar), .small-badge-super.badge-stacked .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-super .badge-unit:lang(ja), .small-badge-super .badge-unit-plus:lang(ja), .small-badge-super .badge-unit-percent:lang(ja), .small-badge-super .badge-unit-currency:lang(ja), .small-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
    }
    .small-badge-super .badge-unit:lang(ko), .small-badge-super .badge-unit-plus:lang(ko), .small-badge-super .badge-unit-percent:lang(ko), .small-badge-super .badge-unit-currency:lang(ko), .small-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
    }
    .small-badge-super .badge-unit:lang(th), .small-badge-super .badge-unit-plus:lang(th), .small-badge-super .badge-unit-percent:lang(th), .small-badge-super .badge-unit-currency:lang(th), .small-badge-super.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-super .badge-unit:lang(zh), .small-badge-super .badge-unit-plus:lang(zh), .small-badge-super .badge-unit-percent:lang(zh), .small-badge-super .badge-unit-currency:lang(zh), .small-badge-super.badge-stacked .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .small-badge-super .badge-unit:lang(zh-CN), .small-badge-super .badge-unit-plus:lang(zh-CN), .small-badge-super .badge-unit-percent:lang(zh-CN), .small-badge-super .badge-unit-currency:lang(zh-CN), .small-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
    }
    .small-badge-super .badge-unit:lang(zh-HK), .small-badge-super .badge-unit-plus:lang(zh-HK), .small-badge-super .badge-unit-percent:lang(zh-HK), .small-badge-super .badge-unit-currency:lang(zh-HK), .small-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
    }
    .small-badge-super .badge-unit:lang(zh-MO), .small-badge-super .badge-unit-plus:lang(zh-MO), .small-badge-super .badge-unit-percent:lang(zh-MO), .small-badge-super .badge-unit-currency:lang(zh-MO), .small-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
    }
    .small-badge-super .badge-unit:lang(zh-TW), .small-badge-super .badge-unit-plus:lang(zh-TW), .small-badge-super .badge-unit-percent:lang(zh-TW), .small-badge-super .badge-unit-currency:lang(zh-TW), .small-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
    }
    .small-badge-super .badge-unit-percent {
        top: -0.31em
    }
    .small-badge-super .badge-unit-currency {
        top: -0.32em
    }
    .small-badge-super.badge-stacked .badge-content {
        padding-bottom: 4px
    }
    .small-badge-elevated .badge-value {
        font-size: 64px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.009em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-elevated .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-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
    }
    .small-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
    }
    .small-badge-elevated .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-elevated .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-badge-elevated .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-elevated .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-elevated .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
    }
    .small-badge-elevated .badge-caption: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
    }
    .small-badge-elevated .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-elevated .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-badge-elevated .badge-unit, .small-badge-elevated .badge-unit-plus, .small-badge-elevated .badge-unit-percent, .small-badge-elevated .badge-unit-currency, .small-badge-elevated.badge-stacked .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-elevated .badge-unit:lang(ar), .small-badge-elevated .badge-unit-plus:lang(ar), .small-badge-elevated .badge-unit-percent:lang(ar), .small-badge-elevated .badge-unit-currency:lang(ar), .small-badge-elevated.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-elevated .badge-unit:lang(ja), .small-badge-elevated .badge-unit-plus:lang(ja), .small-badge-elevated .badge-unit-percent:lang(ja), .small-badge-elevated .badge-unit-currency:lang(ja), .small-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
    }
    .small-badge-elevated .badge-unit:lang(ko), .small-badge-elevated .badge-unit-plus:lang(ko), .small-badge-elevated .badge-unit-percent:lang(ko), .small-badge-elevated .badge-unit-currency:lang(ko), .small-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
    }
    .small-badge-elevated .badge-unit:lang(th), .small-badge-elevated .badge-unit-plus:lang(th), .small-badge-elevated .badge-unit-percent:lang(th), .small-badge-elevated .badge-unit-currency:lang(th), .small-badge-elevated.badge-stacked .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-elevated .badge-unit:lang(zh-CN), .small-badge-elevated .badge-unit-plus:lang(zh-CN), .small-badge-elevated .badge-unit-percent:lang(zh-CN), .small-badge-elevated .badge-unit-currency:lang(zh-CN), .small-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
    }
    .small-badge-elevated .badge-unit:lang(zh-HK), .small-badge-elevated .badge-unit-plus:lang(zh-HK), .small-badge-elevated .badge-unit-percent:lang(zh-HK), .small-badge-elevated .badge-unit-currency:lang(zh-HK), .small-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
    }
    .small-badge-elevated .badge-unit:lang(zh-MO), .small-badge-elevated .badge-unit-plus:lang(zh-MO), .small-badge-elevated .badge-unit-percent:lang(zh-MO), .small-badge-elevated .badge-unit-currency:lang(zh-MO), .small-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
    }
    .small-badge-elevated .badge-unit:lang(zh-TW), .small-badge-elevated .badge-unit-plus:lang(zh-TW), .small-badge-elevated .badge-unit-percent:lang(zh-TW), .small-badge-elevated .badge-unit-currency:lang(zh-TW), .small-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
    }
    .small-badge-elevated .badge-unit-plus {
        top: -0.22em
    }
    .small-badge-elevated .badge-unit-percent {
        top: -0.43em
    }
    .small-badge-elevated .badge-unit-currency {
        top: -0.43em
    }
    .small-badge-elevated.badge-stacked .badge-content {
        padding-bottom: 4px
    }
    .small-badge-reduced .badge-value {
        font-size: 40px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-reduced .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-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
    }
    .small-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
    }
    .small-badge-reduced .badge-value:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-badge-reduced .badge-caption {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-reduced .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-reduced .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
    }
    .small-badge-reduced .badge-caption: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
    }
    .small-badge-reduced .badge-caption:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-reduced .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-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
    }
    .small-badge-reduced .badge-unit, .small-badge-reduced .badge-unit-plus, .small-badge-reduced .badge-unit-percent, .small-badge-reduced .badge-unit-currency, .small-badge-reduced.badge-stacked .badge-value {
        font-size: 28px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .small-badge-reduced .badge-unit:lang(th), .small-badge-reduced .badge-unit-plus:lang(th), .small-badge-reduced .badge-unit-percent:lang(th), .small-badge-reduced .badge-unit-currency:lang(th), .small-badge-reduced.badge-stacked .badge-value:lang(th) {
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .small-badge-reduced .badge-unit:lang(ar), .small-badge-reduced .badge-unit-plus:lang(ar), .small-badge-reduced .badge-unit-percent:lang(ar), .small-badge-reduced .badge-unit-currency:lang(ar), .small-badge-reduced.badge-stacked .badge-value:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .small-badge-reduced .badge-unit:lang(ja), .small-badge-reduced .badge-unit-plus:lang(ja), .small-badge-reduced .badge-unit-percent:lang(ja), .small-badge-reduced .badge-unit-currency:lang(ja), .small-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
    }
    .small-badge-reduced .badge-unit:lang(ko), .small-badge-reduced .badge-unit-plus:lang(ko), .small-badge-reduced .badge-unit-percent:lang(ko), .small-badge-reduced .badge-unit-currency:lang(ko), .small-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
    }
    .small-badge-reduced .badge-unit:lang(zh-CN), .small-badge-reduced .badge-unit-plus:lang(zh-CN), .small-badge-reduced .badge-unit-percent:lang(zh-CN), .small-badge-reduced .badge-unit-currency:lang(zh-CN), .small-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
    }
    .small-badge-reduced .badge-unit:lang(zh-HK), .small-badge-reduced .badge-unit-plus:lang(zh-HK), .small-badge-reduced .badge-unit-percent:lang(zh-HK), .small-badge-reduced .badge-unit-currency:lang(zh-HK), .small-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
    }
    .small-badge-reduced .badge-unit:lang(zh-MO), .small-badge-reduced .badge-unit-plus:lang(zh-MO), .small-badge-reduced .badge-unit-percent:lang(zh-MO), .small-badge-reduced .badge-unit-currency:lang(zh-MO), .small-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
    }
    .small-badge-reduced .badge-unit:lang(zh-TW), .small-badge-reduced .badge-unit-plus:lang(zh-TW), .small-badge-reduced .badge-unit-percent:lang(zh-TW), .small-badge-reduced .badge-unit-currency:lang(zh-TW), .small-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
    }
    .small-badge-reduced .badge-unit-plus {
        top: -0.29em
    }
    .small-badge-reduced .badge-unit-percent {
        top: -0.31em
    }
    .small-badge-reduced .badge-unit-currency {
        top: -0.325em
    }
    .small-badge-reduced.badge-stacked .badge-content {
        padding-bottom: 4px
    }
}

.dotnav {
    text-align: center
}

.dotnav ul {
    margin: 0;
    list-style: none;
    display: inline-block
}

.dotnav li {
    list-style: none;
    margin: 0 7px;
    width: 8px;
    height: 8px;
    float: left;
    position: relative
}

.dotnav-item {
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    outline: none;
    position: absolute;
    border-radius: 50%;
    background-color: rgba(136, 136, 136, 0.4);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0
}

.dotnav-item:hover {
    background-color: rgba(136, 136, 136, 0.7)
}

.dotnav-item:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(131, 192, 253, 0.5);
    box-shadow: 0 0 0 3px rgba(131, 192, 253, 0.5);
    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) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.dotnav-item.current {
    background-color: #888;
    cursor: default
}

.typography-headline-standalone {
    font-size: 96px;
    line-height: 1.04167;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-headline-standalone:lang(th) {
    font-size: 86px;
    line-height: 1.32582;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-headline-standalone {
        font-size: 80px;
        line-height: 1.05;
        font-weight: 600;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(ar) {
        line-height: 1.2;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(ja) {
        line-height: 1.0875;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(ko) {
        line-height: 1.15625;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(th) {
        font-size: 72px;
        line-height: 1.32008;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-standalone:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-standalone {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(th) {
        font-size: 43px;
        line-height: 1.34884;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-standalone:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-standalone:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline-super {
    font-size: 80px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-headline-super:lang(th) {
    font-size: 72px;
    line-height: 1.32008;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-headline-super {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 600;
        letter-spacing: -.009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(ar) {
        line-height: 1.20312;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(ja) {
        line-height: 1.10938;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(ko) {
        line-height: 1.17188;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(th) {
        font-size: 58px;
        line-height: 1.32759;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-super {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(th) {
        font-size: 43px;
        line-height: 1.34884;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-super:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline-elevated {
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -.009em;
    font-family:Aeonikpro, sans-serif
}

.typography-headline-elevated:lang(ar) {
    line-height: 1.20312;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(th) {
    font-size: 58px;
    line-height: 1.32759;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-headline-elevated {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(th) {
        font-size: 43px;
        line-height: 1.34884;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-elevated {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated: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
    }
    .typography-headline-elevated:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline {
    font-size: 48px;
    line-height: 1.08365;
    font-weight: 600;
    letter-spacing: -.003em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-headline:lang(th) {
    font-size: 43px;
    line-height: 1.34884;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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:Aeonikpro, sans-serif
    }
    .typography-headline:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline: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
    }
    .typography-headline:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(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:Aeonikpro, sans-serif
}

.typography-headline-reduced:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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
}

.typography-headline-reduced:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, 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:Aeonikpro, sans-serif
    }
    .typography-headline-reduced:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-reduced:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-headline-reduced:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-reduced {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-headline-reduced:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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
    }
    .typography-headline-reduced:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-headline-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product-super {
    font-size: 44px;
    line-height: 1.09091;
    font-weight: 600;
    letter-spacing: -.002em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-product-super:lang(ar) {
    line-height: 1.29585;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

.typography-eyebrow-product-super:lang(th) {
    font-size: 40px;
    line-height: 1.3;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product-super {
        font-size: 35px;
        line-height: 1.11429;
        font-weight: 600;
        letter-spacing: .003em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(th) {
        font-size: 31px;
        line-height: 1.35484;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(ar) {
        line-height: 1.35734;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(ja) {
        line-height: 1.2;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(ko) {
        line-height: 1.22867;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product-super {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(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
    }
    .typography-eyebrow-product-super:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product-elevated {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-product-elevated:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

.typography-eyebrow-product-elevated: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
}

.typography-eyebrow-product-elevated:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product-elevated {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product-elevated {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product {
    font-size: 30px;
    line-height: 1.13353;
    font-weight: 600;
    letter-spacing: .006em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-product:lang(th) {
    font-size: 27px;
    line-height: 1.44468;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(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
    }
    .typography-eyebrow-product:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 600;
        letter-spacing: .01em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(ar) {
        line-height: 1.40913;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product:lang(ja) {
        line-height: 1.27273;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(ko) {
        line-height: 1.29565;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-product-reduced {
    font-size: 28px;
    line-height: 1.14286;
    font-weight: 600;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-product-reduced:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

.typography-eyebrow-product-reduced:lang(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
}

.typography-eyebrow-product-reduced:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-product-reduced {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-product-reduced {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(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
    }
    .typography-eyebrow-product-reduced:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-super {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-super:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-super {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(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
    }
    .typography-eyebrow-super:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-super {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-super:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow-elevated {
    font-size: 28px;
    line-height: 1.14286;
    font-weight: 600;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-elevated:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

.typography-eyebrow-elevated:lang(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
}

.typography-eyebrow-elevated:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-eyebrow-elevated {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-eyebrow-elevated {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(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
    }
    .typography-eyebrow-elevated:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-eyebrow {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-eyebrow:lang(ar) {
    line-height: 1.35417;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow:lang(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
    }
    .typography-eyebrow:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, 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: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-eyebrow-reduced:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

.typography-eyebrow-reduced:lang(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
}

.typography-eyebrow-reduced:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 735px) {
    .typography-eyebrow-reduced {
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 600;
        letter-spacing: .012em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-eyebrow-reduced:lang(th) {
        font-size: 19px;
        line-height: 1.57895;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-eyebrow-reduced:lang(ar) {
        line-height: 1.39474;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-eyebrow-reduced:lang(ja) {
        line-height: 1.26316;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-reduced:lang(ko) {
        line-height: 1.34211;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-eyebrow-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product-super {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-intro-product-super:lang(th) {
    font-size: 36px;
    line-height: 1.33357;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-intro-product-super {
        font-size: 30px;
        line-height: 1.13353;
        font-weight: 400;
        letter-spacing: .006em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(th) {
        font-size: 27px;
        line-height: 1.44468;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(ar) {
        line-height: 1.33353;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(ja) {
        line-height: 1.23353;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product-super {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 400;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-super:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-super:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product-elevated {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 400;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro-product-elevated:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-intro-product-elevated {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 400;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product-elevated {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 400;
        letter-spacing: .01em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(ar) {
        line-height: 1.40913;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-elevated:lang(ja) {
        line-height: 1.27273;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(ko) {
        line-height: 1.29565;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product {
    font-size: 28px;
    line-height: 1.14286;
    font-weight: 400;
    letter-spacing: .007em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro-product:lang(th) {
    font-size: 25px;
    line-height: 1.44;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.typography-intro-product:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-intro-product {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 400;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 400;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(th) {
        font-size: 21px;
        line-height: 1.52381;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(ja) {
        line-height: 1.2381;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(ko) {
        line-height: 1.30968;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-product-reduced {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 400;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro-product-reduced:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-intro-product-reduced {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 400;
        letter-spacing: .01em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(ar) {
        line-height: 1.40913;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(ja) {
        line-height: 1.27273;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(ko) {
        line-height: 1.29565;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-product-reduced {
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 400;
        letter-spacing: .012em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(th) {
        font-size: 19px;
        line-height: 1.57895;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(ar) {
        line-height: 1.39474;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-product-reduced:lang(ja) {
        line-height: 1.26316;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(ko) {
        line-height: 1.34211;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-elevated {
    font-size: 24px;
    line-height: 1.33349;
    font-weight: 400;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro-elevated:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-intro-elevated {
        font-size: 21px;
        line-height: 1.38105;
        font-weight: 400;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro-elevated:lang(th) {
        font-size: 21px;
        line-height: 1.57143;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro-elevated:lang(ar) {
        line-height: 1.54762;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro-elevated:lang(ja) {
        line-height: 1.42863;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(ko) {
        line-height: 1.52381;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro {
    font-size: 21px;
    line-height: 1.38105;
    font-weight: 400;
    letter-spacing: .011em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro:lang(th) {
    font-size: 21px;
    line-height: 1.57143;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

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

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

@media only screen and (max-width: 735px) {
    .typography-intro {
        font-size: 19px;
        line-height: 1.42115;
        font-weight: 400;
        letter-spacing: .012em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-intro:lang(th) {
        font-size: 19px;
        line-height: 1.57895;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-intro:lang(ar) {
        line-height: 1.57895;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-intro:lang(ja) {
        line-height: 1.47384;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro:lang(ko) {
        line-height: 1.55269;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-quote {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-quote:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

.typography-quote:lang(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
}

.typography-quote:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-quote {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-quote:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-quote:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(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
    }
    .typography-quote:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-quote:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-quote {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-quote:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-quote:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(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
    }
    .typography-quote:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-quote:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-quote-reduced {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.typography-quote-reduced:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-quote-reduced:lang(ar) {
    line-height: 1.34375;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-quote-reduced {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 400;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-quote-reduced {
        font-size: 24px;
        line-height: 1.33349;
        font-weight: 400;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(ar) {
        line-height: 1.52099;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-quote-reduced:lang(ja) {
        line-height: 1.375;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(ko) {
        line-height: 1.45849;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote-reduced:lang(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:Aeonikpro, sans-serif
}

.typography-callout:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

.typography-callout:lang(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: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-callout:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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
    }
    .typography-callout:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-callout:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-callout {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-callout:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-callout:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-manifesto:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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
}

.typography-manifesto:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-manifesto {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-manifesto {
        font-size: 24px;
        line-height: 1.33349;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(ar) {
        line-height: 1.52099;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-manifesto:lang(ja) {
        line-height: 1.41667;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(ko) {
        line-height: 1.45849;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto:lang(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:Aeonikpro, sans-serif
}

.typography-label:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-label:lang(ar) {
    line-height: 1.35417;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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(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: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-label:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-label:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-label:lang(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
    }
    .typography-label:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, 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:Aeonikpro, sans-serif
}

.typography-tout:lang(th) {
    font-size: 19px;
    line-height: 1.57895;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

.typography-tout:lang(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:Aeonikpro, sans-serif
}

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

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

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

.typography-body:lang(th) {
    font-size: 17px;
    line-height: 1.64706;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

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

.typography-body-reduced {
    font-size: 14px;
    line-height: 1.42861;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-body-reduced:lang(th) {
    font-size: 14px;
    line-height: 1.71429;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.typography-body-reduced-tight:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-body-reduced-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-reduced-tight:lang(ko) {
    line-height: 1.42861;
    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(th) {
    font-size: 14px;
    line-height: 1.71429;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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-caption {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family:Aeonikpro, sans-serif
}

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

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

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

.typography-caption:lang(th) {
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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-graph-legend {
    font-size: 17px;
    line-height: 1.17649;
    font-weight: 400;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-graph-legend:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-graph-legend: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
}

.typography-graph-legend: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
}

.typography-graph-legend:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-graph-legend: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-graph-legend: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) {
    .typography-graph-legend {
        font-size: 17px;
        line-height: 1.17649;
        font-weight: 400;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-graph-legend:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-graph-legend: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
    }
    .typography-graph-legend: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
    }
    .typography-graph-legend:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-graph-legend:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-graph-legend:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-graph-legend: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-graph-legend: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: 735px) {
    .typography-graph-legend {
        font-size: 11px;
        line-height: 1.27273;
        font-weight: 400;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-graph-legend:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-graph-legend: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
    }
    .typography-graph-legend: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
    }
    .typography-graph-legend:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-graph-legend:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-graph-legend:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-graph-legend: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-graph-legend:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-card-headline {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.typography-card-headline:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

.typography-card-headline:lang(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
}

.typography-card-headline:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-card-headline {
        font-size: 29px;
        line-height: 1.13799;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-card-headline:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-card-headline:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-card-headline:lang(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
    }
    .typography-card-headline:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-card-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-card-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-card-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-card-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-card-headline {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-card-headline:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-card-headline:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-card-headline:lang(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
    }
    .typography-card-headline:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-card-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-card-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-card-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-card-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

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

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

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

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

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

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

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

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

#ac-localnav .ac-ln-button {
    background: none;
    border: none;
    padding-left: 0;
    padding-right: 0
}

#ac-localnav .ac-ln-button:hover {
    color: #fff;
    background: none;
    border: none
}

.ac-localnav-hero#ac-localnav.ac-ln-sticking .ac-ln-button {
    color: #333
}

.ac-localnav-hero#ac-localnav.ac-ln-sticking .ac-ln-button:hover {
    color: #0070c9
}

@media only screen and (max-width: 374px) {
    #ac-localnav .ac-ln-title {
        font-size: 14px;
        line-height: 1.28583;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif;
        font-weight: 600;
        margin-top: 18px
    }
    #ac-localnav .ac-ln-title:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    #ac-localnav .ac-ln-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
    }
    #ac-localnav .ac-ln-title:lang(ko) {
        line-height: 1.42861;
        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
    }
    #ac-localnav .ac-ln-title:lang(th) {
        font-size: 14px;
        line-height: 1.71429;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    #ac-localnav .ac-ln-title:lang(zh) {
        letter-spacing: 0em
    }
    #ac-localnav .ac-ln-title:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    #ac-localnav .ac-ln-title:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    #ac-localnav .ac-ln-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
    }
    #ac-localnav .ac-ln-title:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

html.aow .ac-nav-overlap #ac-localnav {
    margin-top: 0
}

.section {
    position: relative
}

.section-background-color {
    background-color: #fff
}

h1, h2, h3, h4, h5, h6, p {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.viewport-content {
    margin-left: auto;
    margin-right: auto;
    width: 980px
}

@media only screen and (min-width: 1442px) {
    .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: 735px) {
    .viewport-content {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

@media only screen and (max-width: 735px) {
    .viewport-content--max-width-small {
        max-width: 335px
    }
    html.text-zoom .viewport-content--max-width-small {
        max-width: 100%
    }
}

.position-relative {
    position: relative
}

.hidden {
    display: none
}

.invisible {
    opacity: 0
}

.visuallyhidden--before {
    top: 0
}

.visuallyhidden--after {
    bottom: 0
}

.visuallyhidden--fill {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

@media only screen and (max-width: 735px) {
    .nowrap--small {
        display: inline-block;
        text-decoration: inherit;
        white-space: nowrap
    }
}

.br {
    display: table;
    width: 100%
}

@media only screen and (max-width: 1441px) and (min-width: 1069px) {
    .br--large-only {
        display: table;
        width: 100%
    }
}

@media only screen and (min-width: 1442px) {
    .br--large-up {
        display: table;
        width: 100%
    }
}

@media only screen and (max-width: 1068px) {
    .br--medium {
        display: table;
        width: 100%
    }
}

@media only screen and (max-width: 1068px) and (min-width: 736px) {
    .br--medium-only {
        display: table;
        width: 100%
    }
}

@media only screen and (min-width: 1069px) {
    .br--medium-up {
        display: table;
        width: 100%
    }
}

@media only screen and (max-width: 735px) {
    .br--small {
        display: table;
        width: 100%
    }
}

@media only screen and (max-width: 735px) and (min-width: 320px) {
    .br--small-only {
        display: table;
        width: 100%
    }
}

@media only screen and (min-width: 736px) {
    .br--small-up {
        display: table;
        width: 100%
    }
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

@media only screen and (max-width: 735px) {
    .text-left-small {
        text-align: left
    }
}

.text-color-page {
    color: #fff
}

.text-color-title {
    color: #111
}

.ul-reset {
    list-style: none;
    padding: 0;
    margin: 0
}

html.edge .edge-link-container {
    margin: -4px;
    padding: 4px
}

.paddlenav {
    margin-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    width: 980px
}

html.aow .paddlenav {
    display: none
}

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

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

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

@media only screen and (max-width: 735px) {
    .paddlenav {
        max-width: 335px
    }
}

.paddlenav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto
}


.paddlenav-light-content .paddlenav-arrow .icon {
    color: black;
    border: 2px solid black
}

.paddlenav-light-content .paddlenav-arrow:hover .icon {
    background-color: black
}

.paddlenav-light-content .paddlenav-arrow:hover .icon:after {
    color: white
}

html.progressive-image.js [data-progressive-image], html.progressive-image.js [data-progressive-image] * {
    background-image: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    opacity: 0
}

html.progressive-image.js .progressive-image-animated, html.progressive-image.js .progressive-image-animated * {
    opacity: 0;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out
}

html.progressive-image.js .progressive-image-animated[data-progressive-image-loaded], html.progressive-image.js .progressive-image-animated[data-progressive-image-loaded] *, html.progressive-image.js .progressive-image-animated *[data-progressive-image-loaded], html.progressive-image.js .progressive-image-animated *[data-progressive-image-loaded] * {
    opacity: 1
}

.button {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif;
    background-color: #0070c9;
    background: -webkit-gradient(linear, left top, left bottom, from(#42a1ec), to(#0070c9));
    background: -webkit-linear-gradient(#42a1ec, #0070c9);
    background: linear-gradient(#42a1ec, #0070c9);
    border-color: #07c;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    min-width: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    white-space: nowrap
}

.button:lang(ar) {
    line-height: 1.58824;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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) {
    line-height: 1.61765;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button:lang(th) {
    font-size: 17px;
    line-height: 1.64706;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

.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-color: #147bcd;
    background: -webkit-gradient(linear, left top, left bottom, from(#51a9ee), to(#147bcd));
    background: -webkit-linear-gradient(#51a9ee, #147bcd);
    background: linear-gradient(#51a9ee, #147bcd);
    border-color: #1482d0;
    text-decoration: none
}

.button:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(131, 192, 253, 0.5);
    box-shadow: 0 0 0 3px rgba(131, 192, 253, 0.5);
    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) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.button:active {
    background-color: #0067b9;
    background: -webkit-gradient(linear, left top, left bottom, from(#3d94d9), to(#0067b9));
    background: -webkit-linear-gradient(#3d94d9, #0067b9);
    background: linear-gradient(#3d94d9, #0067b9);
    border-color: #006dbc;
    outline: none
}

.button:disabled, .button.disabled {
    background-color: #0070c9;
    background: -webkit-gradient(linear, left top, left bottom, from(#42a1ec), to(#0070c9));
    background: -webkit-linear-gradient(#42a1ec, #0070c9);
    background: linear-gradient(#42a1ec, #0070c9);
    border-color: #07c;
    color: #fff;
    cursor: default;
    opacity: .3
}

.button-compact {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family:Aeonikpro, sans-serif;
    min-width: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px
}

.button-compact:lang(ar) {
    line-height: 1.66667;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.button-compact: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
}

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

.button-compact:lang(th) {
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.button-compact:lang(zh) {
    letter-spacing: 0em
}

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

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

.button-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
}

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

.button-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%
}

.button-secondary {
    background-color: #e3e3e3;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e3e3e3));
    background: -webkit-linear-gradient(#fff, #e3e3e3);
    background: linear-gradient(#fff, #e3e3e3);
    border-color: #d6d6d6;
    color: #0070c9
}

.button-secondary:hover {
    background-color: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -webkit-linear-gradient(#fff, #eee);
    background: linear-gradient(#fff, #eee);
    border-color: #d9d9d9
}

.button-secondary:active {
    background-color: #dcdcdc;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dcdcdc));
    background: -webkit-linear-gradient(#f7f7f7, #dcdcdc);
    background: linear-gradient(#f7f7f7, #dcdcdc);
    border-color: #d0d0d0
}

.button-secondary:disabled, .button-secondary.disabled {
    background-color: #e3e3e3;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e3e3e3));
    background: -webkit-linear-gradient(#fff, #e3e3e3);
    background: linear-gradient(#fff, #e3e3e3);
    border-color: #d6d6d6;
    color: #0070c9
}

.button-applemusic {
    background-color: #da0f47;
    background: -webkit-gradient(linear, left top, left bottom, from(#f82752), to(#da0f47));
    background: -webkit-linear-gradient(#f82752, #da0f47);
    background: linear-gradient(#f82752, #da0f47);
    border-color: #da0f47;
    color: #fff
}

.button-applemusic:hover {
    background-color: #dd2256;
    background: -webkit-gradient(linear, left top, left bottom, from(#f93860), to(#dd2256));
    background: -webkit-linear-gradient(#f93860, #dd2256);
    background: linear-gradient(#f93860, #dd2256);
    border-color: #dd2256
}

.button-applemusic:active {
    background-color: #cf0e43;
    background: -webkit-gradient(linear, left top, left bottom, from(#ec254e), to(#cf0e43));
    background: -webkit-linear-gradient(#ec254e, #cf0e43);
    background: linear-gradient(#ec254e, #cf0e43);
    border-color: #cf0e43
}

.button-applemusic:disabled, .button-applemusic.disabled {
    background-color: #da0f47;
    background: -webkit-gradient(linear, left top, left bottom, from(#f82752), to(#da0f47));
    background: -webkit-linear-gradient(#f82752, #da0f47);
    background: linear-gradient(#f82752, #da0f47);
    border-color: #da0f47;
    color: #fff
}

a.block {
    display: block;
    color: inherit;
    cursor: pointer;
    text-decoration: none
}

a.block::before, a.block::after {
    content: ' ';
    display: table
}

a.block::after {
    clear: both
}

a.block:hover {
    text-decoration: none
}

a.block:hover .block-link {
    text-decoration: underline
}

.block-link {
    color: #0070c9;
    cursor: pointer
}

a.block-inline {
    display: inline-block
}

.button-rounded {
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: -webkit-linear-gradient(#fff, #fff);
    background: linear-gradient(#fff, #fff);
    border-color: #fff;
    color: #fff;
    position: relative;
    background: #fff;
    border-radius: 46px;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    -webkit-transition-property: color background;
    transition-property: color background;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}

.button-rounded:hover {
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: -webkit-linear-gradient(#fff, #fff);
    background: linear-gradient(#fff, #fff);
    border-color: #fff
}

.button-rounded:active {
    background-color: #ebebeb;
    background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#ebebeb));
    background: -webkit-linear-gradient(#ebebeb, #ebebeb);
    background: linear-gradient(#ebebeb, #ebebeb);
    border-color: #ebebeb
}

.button-rounded:disabled, .button-rounded.disabled {
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: -webkit-linear-gradient(#fff, #fff);
    background: linear-gradient(#fff, #fff);
    border-color: #fff;
    color: #fff
}

@media only screen and (max-width: 735px) {
    .button-rounded {
        -webkit-transition-duration: 150ms;
        transition-duration: 150ms
    }
}

.button-rounded:hover {
    color: #fff;
    background: transparent
}

.button-rounded.button-large {
    font-weight: 600;
    display: inline-block;
    padding: 0 20px;
    height: 46px;
    line-height: 46px
}

.button-rounded.button-compact {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family:Aeonikpro, sans-serif;
    font-weight: 600
}

.button-rounded.button-compact:lang(ar) {
    line-height: 1.66667;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.button-rounded.button-compact: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
}

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

.button-rounded.button-compact:lang(th) {
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.button-rounded.button-compact:lang(zh) {
    letter-spacing: 0em
}

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

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

.button-rounded.button-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
}

.button-rounded.button-compact: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: 735px) {
    .button-rounded.button-compact {
        font-size: 11px;
        line-height: 1.36364;
        font-weight: 400;
        letter-spacing: -.008em;
        font-family:Aeonikpro, sans-serif;
        font-weight: 600
    }
    .button-rounded.button-compact:lang(ar) {
        line-height: 1.5;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .button-rounded.button-compact:lang(ja) {
        line-height: 1.45455;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .button-rounded.button-compact:lang(ko) {
        line-height: 1.5;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .button-rounded.button-compact:lang(th) {
        font-size: 11px;
        line-height: 1.72733;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .button-rounded.button-compact:lang(zh) {
        letter-spacing: 0em
    }
    .button-rounded.button-compact:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .button-rounded.button-compact:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .button-rounded.button-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
    }
    .button-rounded.button-compact:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

a.block-rounded {
    color: inherit
}

a.block-rounded .block-link {
    color: #fff
}

a.block-rounded:hover .block-link {
    text-decoration: none;
    color: #fff;
    background: transparent
}

.has-modal {
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.card {
    position: relative
}

@media only screen and (max-width: 735px) {
    .card {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.card.card-employer-training .card-headline {
    max-width: 400px
}

@media only screen and (max-width: 1068px) {
    .card.card-employer-training .card-headline {
        max-width: 290px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-employer-training .card-headline {
        max-width: 280px
    }
}

.card.card-employer-training .card-headline-voiceover {
    max-width: 358px
}

@media only screen and (max-width: 1068px) {
    .card.card-employer-training .card-headline-voiceover {
        max-width: 259px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-employer-training .card-headline-voiceover {
        max-width: 250px
    }
}

.card.card-safe-workplace .card-headline {
    max-width: 380px
}

@media only screen and (max-width: 1068px) {
    .card.card-safe-workplace .card-headline {
        max-width: 280px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-safe-workplace .card-headline {
        max-width: 270px
    }
}

.card.card-safe-workplace .card-headline-voiceover {
    max-width: 269px
}

@media only screen and (max-width: 1068px) {
    .card.card-safe-workplace .card-headline-voiceover {
        max-width: 195px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-safe-workplace .card-headline-voiceover {
        max-width: 188px
    }
}

.card.card-communities .card-headline {
    max-width: 260px
}

@media only screen and (max-width: 1068px) {
    .card.card-communities .card-headline {
        max-width: 190px
    }
}

.card.card-communities .card-headline-voiceover {
    max-width: 311px
}

@media only screen and (max-width: 1068px) {
    .card.card-communities .card-headline-voiceover {
        max-width: 225px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-communities .card-headline-voiceover {
        max-width: 217px
    }
}

.card.card-prevent-debt .card-headline {
    max-width: 400px
}

@media only screen and (max-width: 1068px) {
    .card.card-prevent-debt .card-headline {
        max-width: 290px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-prevent-debt .card-headline {
        max-width: 280px
    }
}

.card.card-prevent-debt .card-headline-voiceover {
    max-width: 267px
}

@media only screen and (max-width: 1068px) {
    .card.card-prevent-debt .card-headline-voiceover {
        max-width: 193px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-prevent-debt .card-headline-voiceover {
        max-width: 187px
    }
}

.card.card-zero-waste .card-headline {
    max-width: 270px
}

@media only screen and (max-width: 1068px) {
    .card.card-zero-waste .card-headline {
        max-width: 200px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-zero-waste .card-headline {
        max-width: 190px
    }
}

.card.card-minimize-suppliers .card-headline {
    max-width: 380px
}

@media only screen and (max-width: 1068px) {
    .card.card-minimize-suppliers .card-headline {
        max-width: 270px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-minimize-suppliers .card-headline {
        max-width: 260px
    }
}

.card.card-minimize-suppliers .card-headline-voiceover {
    max-width: 311px
}

@media only screen and (max-width: 1068px) {
    .card.card-minimize-suppliers .card-headline-voiceover {
        max-width: 225px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-minimize-suppliers .card-headline-voiceover {
        max-width: 217px
    }
}

.card.card-cleanest-energy .card-headline {
    max-width: 290px
}

@media only screen and (max-width: 1068px) {
    .card.card-cleanest-energy .card-headline {
        max-width: 210px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-cleanest-energy .card-headline {
        max-width: 200px
    }
}

.card.card-cleanest-energy .card-headline-voiceover {
    max-width: 242px
}

@media only screen and (max-width: 1068px) {
    .card.card-cleanest-energy .card-headline-voiceover {
        max-width: 176px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-cleanest-energy .card-headline-voiceover {
        max-width: 169px
    }
}

.card.card-opportunities .card-headline {
    max-width: none
}

@media only screen and (max-width: 1068px) {
    .card.card-opportunities .card-headline {
        max-width: 290px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-opportunities .card-headline {
        max-width: 280px
    }
}

.card.card-opportunities .card-headline-voiceover {
    max-width: none
}

@media only screen and (max-width: 1068px) {
    .card.card-opportunities .card-headline-voiceover {
        max-width: 280px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-opportunities .card-headline-voiceover {
        max-width: 280px
    }
}

.card.card-health .card-headline {
    max-width: 260px
}

@media only screen and (max-width: 1068px) {
    .card.card-health .card-headline {
        max-width: 170px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-health .card-headline {
        max-width: 180px
    }
}

.card.card-health .card-headline-voiceover {
    max-width: 260px
}

@media only screen and (max-width: 1068px) {
    .card.card-health .card-headline-voiceover {
        max-width: 170px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-health .card-headline-voiceover {
        max-width: 180px
    }
}

.card.card-skills .card-headline {
    max-width: 350px
}

@media only screen and (max-width: 1068px) {
    .card.card-skills .card-headline {
        max-width: 210px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-skills .card-headline {
        max-width: none
    }
}

.card.card-skills .card-headline-voiceover {
    max-width: 350px
}

@media only screen and (max-width: 1068px) {
    .card.card-skills .card-headline-voiceover {
        max-width: 214px
    }
}

@media only screen and (max-width: 735px) {
    .card.card-skills .card-headline-voiceover {
        max-width: 252px
    }
}

.card.card-code .card-headline {
    max-width: 260px
}

@media only screen and (max-width: 1068px) {
    .card.card-code .card-headline {
        max-width: 180px
    }
}

.card.card-responsible-sourcing .card-headline {
    max-width: 280px
}

@media only screen and (max-width: 1068px) {
    .card.card-responsible-sourcing .card-headline {
        max-width: 200px
    }
}

.card-border {
    border-radius: 10px;
    overflow: hidden
}

html.safari .card-border {
    z-index: 0
}

.card-content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 735px) and (min-width: 320px) {
    .card .sm-nowrap {
        display: inline-block;
        text-decoration: inherit;
        white-space: nowrap
    }
}

@media only screen and (max-width: 1068px) and (min-width: 736px) {
    .card .md-nowrap {
        display: inline-block;
        text-decoration: inherit;
        white-space: nowrap
    }
}

@media only screen and (max-width: 1441px) and (min-width: 1069px) {
    .card .lg-nowrap {
        display: inline-block;
        text-decoration: inherit;
        white-space: nowrap
    }
}

html.morph-backdrop-filter .card .image-underlay {
    display: none
}

html.no-morph-backdrop-filter .card-employer-training .image-underlay {
    background-color: #14242a
}

html.no-morph-backdrop-filter .card-safe-workplace .image-underlay {
    background-color: #c2c8ca
}

html.no-morph-backdrop-filter .card-prevent-debt .image-underlay {
    background-color: #070b08
}

html.no-morph-backdrop-filter .card-communities .image-underlay {
    background-color: #9d9aa7
}

html.no-morph-backdrop-filter .card-health .image-underlay {
    background-color: #898882
}

html.no-morph-backdrop-filter .card-code .image-underlay {
    background-color: #9f7e72
}

html.no-morph-backdrop-filter .card-skills .image-underlay {
    background-color: #837773
}

html.no-morph-backdrop-filter .card-opportunities .image-underlay {
    background-color: #5a5d5f
}

html.no-morph-backdrop-filter .card-zero-waste .image-underlay {
    background-color: #514f58
}

html.no-morph-backdrop-filter .card-minimize-suppliers .image-underlay {
    background-color: #171e2e
}

html.no-morph-backdrop-filter .card-responsible-sourcing .image-underlay {
    background-color: #a7a5a6
}

html.no-morph-backdrop-filter .card-cleanest-energy .image-underlay {
    background-color: #362516
}

.card .modal-close-container {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    z-index: 1;
    position: -webkit-sticky;
    position: sticky;
    top: 15px;
    height: 0
}

@media only screen and (max-width: 735px) {
    .card .modal-close-container {
        top: 0
    }
}

.card .modal-close-container .hover-icons-container {
    display: inline-block;
    margin-top: 40px;
    margin-left: 40px
}

@media only screen and (max-width: 1068px) {
    .card .modal-close-container .hover-icons-container {
        margin-top: 22px;
        margin-left: 22px
    }
}

@media only screen and (max-width: 735px) {
    .card .modal-close-container .hover-icons-container {
        margin-top: 20px;
        margin-left: 20px
    }
}

.card .modal-close-container .hover-icons-container .hover-icon-to:before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
    margin: auto;
    background: #111
}

.card .modal-close-container .hover-icons-container:hover .hover-icon-to {
    opacity: 1
}

.card .image-dimensions {
    position: absolute;
    top: 0;
    left: 0
}

.card .image-dimensions:not(.image) {
    width: 100%;
    height: 100%
}

.card .image-box {
    overflow: hidden
}

.card .image-container {
    overflow: hidden
}

.card .image {
    background-position: 50% 0%
}

.card .image-overlay {
    background-color: #000;
    opacity: 0
}

.card .card-begin-copy {
    position: relative;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 21px;
    line-height: 1.19048;
    font-weight: 600;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif;
    padding: 350px 35px 40px 35px
}

.card .card-begin-copy:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

.card .card-begin-copy: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
}

.card .card-begin-copy:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .card .card-begin-copy {
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 600;
        letter-spacing: .012em;
        font-family:Aeonikpro, sans-serif
    }
    .card .card-begin-copy:lang(th) {
        font-size: 19px;
        line-height: 1.57895;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .card .card-begin-copy:lang(ar) {
        line-height: 1.39474;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .card .card-begin-copy: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
    }
    .card .card-begin-copy:lang(ko) {
        line-height: 1.34211;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .card-begin-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .card-begin-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .card-begin-copy:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .card-begin-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .card .card-begin-copy {
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 600;
        letter-spacing: .012em;
        font-family:Aeonikpro, sans-serif
    }
    .card .card-begin-copy:lang(th) {
        font-size: 19px;
        line-height: 1.57895;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .card .card-begin-copy:lang(ar) {
        line-height: 1.39474;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .card .card-begin-copy: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
    }
    .card .card-begin-copy:lang(ko) {
        line-height: 1.34211;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .card-begin-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .card-begin-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .card-begin-copy:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .card-begin-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 1068px) {
    .card .card-begin-copy {
        padding: 280px 10px 30px 30px
    }
}

@media only screen and (max-width: 735px) {
    .card .card-begin-copy {
        padding: 262px 20px 25px 20px
    }
}

@media only screen and (max-width: 735px) {
    .card .card-begin-copy {
        font-size: 17px
    }
}

.card .card-begin-copy .modal-open-button-container {
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 20px
}

@media only screen and (max-width: 735px) {
    .card .card-begin-copy .modal-open-button-container {
        padding-top: 22px
    }
}

html.no-js .card .card-begin-copy .modal-open-button-container {
    visibility: hidden
}

.card .card-begin-copy .modal-open-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card .card-begin-copy>.card-headline, .card .card-begin-copy>.card-copy {
    position: relative;
    z-index: 1
}

html.text-zoom .card .nowrap, html.text-zoom .card .lg-nowrap, html.text-zoom .card .md-nowrap, html.text-zoom .card .sm-nowrap {
    display: inline;
    white-space: normal
}

html.text-zoom .card .card-headline {
    max-width: none !important
}

.card-begin:focus-within {
    outline: 3px solid #c1e0fe;
    outline: 3px solid rgba(131, 192, 253, 0.5);
    outline-offset: 1px
}

.card-begin:focus-within[data-focus-method="mouse"]:not(input):not(textarea):not(select), .card-begin:focus-within[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    outline: none
}

html.ie .card-begin .modal-open-button:focus, html.edge .card-begin .modal-open-button:focus, html.ie .card-begin .modal-open-button:focus, html.edge .card-begin .modal-open-button:focus {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid rgba(131, 192, 253, 0.5);
    border-radius: 10px
}

.card-begin .image-box {
    position: relative;
    background-color: #333
}

.card-begin .image {
    width: 100%;
    height: 100%
}

.card-begin .hover-icons-container {
    pointer-events: none
}

.card-begin .hover-icons-container .hover-icon-to:before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
    margin: auto;
    background: #111
}

.card-begin [data-end-content] {
    display: none !important
}

.card-morph {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9996;
    display: none;
    overflow: hidden
}

@media only screen and (min-width: 736px) {
    .card-morph {
        border-radius: 10px
    }
}

.card-morph, .card-morph .card-content, .card-morph .image, .card-morph .image-backdrop {
    will-change: transform;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.card-morph .card-content, .card-morph [data-el] {
    will-change: transform, opacity
}

.card-morph [data-el="closeButton"] {
    position: absolute;
    top: 0;
    left: 0
}

.card-morph .image {
    background-position: top left
}

@media only screen and (max-width: 735px) {
    .card-morph .image-box {
        border-radius: 0
    }
}

html.morph-backdrop-filter .card-morph .image-backdrop {
    will-change: -webkit-backdrop-filter, transform
}

html.no-morph-backdrop-filter .card-morph .image {
    will-change: filter, transform
}

.card-morph .image-box, .card-end .image-box {
    position: absolute
}

html.morph-backdrop-filter .card-morph .image-backdrop, html.morph-backdrop-filter .card-end .image-backdrop {
    -webkit-backdrop-filter: blur(64px);
    backdrop-filter: blur(64px);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

html.no-morph-backdrop-filter .card-morph .image, html.no-morph-backdrop-filter .card-end .image {
    -webkit-filter: blur(64px);
    filter: blur(64px)
}

.card-morph .image, .card-end .image {
    --blur: 64;
    --overlay-opacity: .2
}

.card-morph .image-overlay, .card-end .image-overlay {
    opacity: .2
}

.card .card-modal-content {
    position: relative;
    padding: 140px
}

@media only screen and (max-width: 1068px) {
    .card .card-modal-content {
        padding: 90px
    }
}

@media only screen and (max-width: 735px) {
    .card .card-modal-content {
        padding: 72px 30px
    }
}

.card .badges-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3em
}

@media only screen and (max-width: 735px) {
    .card .badges-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

html.text-zoom .card .badges-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 735px) {
    .card .badge-container {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .card .badge-container:not(:first-child) {
        margin-top: 0.8em
    }
}

.card .badge {
    color: #fff
}

.card .badge-content {
    margin: 0;
    padding: 0
}

.card .badge-value {
    font-size: 80px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family:Aeonikpro, sans-serif;
    white-space: inherit
}

.card .badge-value:lang(ar) {
    line-height: 1.2;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

.card .badge-value:lang(th) {
    font-size: 72px;
    line-height: 1.32008;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.card .badge-value:lang(zh) {
    letter-spacing: 0em
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .card .badge-value {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 600;
        letter-spacing: -.009em;
        font-family:Aeonikpro, sans-serif
    }
    .card .badge-value:lang(ar) {
        line-height: 1.20312;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .card .badge-value:lang(ja) {
        line-height: 1.10938;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-value:lang(ko) {
        line-height: 1.17188;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-value:lang(th) {
        font-size: 58px;
        line-height: 1.32759;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .card .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .card .badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-value:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .card .badge-value {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .card .badge-value:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .card .badge-value:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-value:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-value:lang(th) {
        font-size: 43px;
        line-height: 1.34884;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .card .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .card .badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-value:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.card .badge-before, .card .badge-after {
    font-size: 56px;
    line-height: 0;
    font-weight: 700;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif
}

.card .badge-before:lang(ar), .card .badge-after:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

.card .badge-before:lang(ko), .card .badge-after: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
}

.card .badge-before:lang(th), .card .badge-after:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.card .badge-before:lang(zh-MO), .card .badge-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
}

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

@media only screen and (max-width: 1068px) {
    .card .badge-before, .card .badge-after {
        font-size: 40px;
        line-height: 0;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .card .badge-before:lang(ar), .card .badge-after:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .card .badge-before:lang(ja), .card .badge-after:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-before:lang(ko), .card .badge-after: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
    }
    .card .badge-before:lang(th), .card .badge-after:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .card .badge-before:lang(zh-CN), .card .badge-after:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-before:lang(zh-HK), .card .badge-after:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-before:lang(zh-MO), .card .badge-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
    }
    .card .badge-before:lang(zh-TW), .card .badge-after:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .card .badge-before, .card .badge-after {
        font-size: 32px;
        line-height: 0;
        font-weight: 700;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .card .badge-before:lang(ar), .card .badge-after:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .card .badge-before:lang(ja), .card .badge-after:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-before:lang(ko), .card .badge-after: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
    }
    .card .badge-before:lang(th), .card .badge-after:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .card .badge-before:lang(zh-CN), .card .badge-after:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-before:lang(zh-HK), .card .badge-after:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .card .badge-before:lang(zh-MO), .card .badge-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
    }
    .card .badge-before:lang(zh-TW), .card .badge-after:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.card .badge-before.currency, .card .badge .badge-unit.percent {
    vertical-align: super;
    position: relative;
    top: 0.2em
}

.card .badge-caption {
    max-width: 260px;
    font-weight: 600;
    position: static;
    color: #fff
}

@media only screen and (max-width: 1068px) {
    .card .badge-caption {
        max-width: 220px
    }
}

.card .badge-after-plus {
    position: relative;
    top: -0.16em
}

.card .badge-unit-currency {
    top: -.25em
}

@media only screen and (max-width: 1068px) {
    .card .badge-unit-currency {
        top: -.37em
    }
}

@media only screen and (max-width: 735px) {
    .card .badge-unit-currency {
        top: -.29em
    }
}

.card .badge-unit-percent {
    top: -.3em
}

@media only screen and (max-width: 1068px) {
    .card .badge-unit-percent {
        top: -.45em
    }
}

@media only screen and (max-width: 735px) {
    .card .badge-unit-percent {
        top: -.35em
    }
}

.card-safe-workplace .badge .badge-unit, .card-skills .badge .badge-unit, .card-code .badge .badge-unit {
    margin-right: 20px
}

.card-safe-workplace .badge .badge-caption, .card-skills .badge .badge-caption, .card-code .badge .badge-caption {
    display: inline-block;
    max-width: 390px
}

.card-employer-training .badges-container, .card-zero-waste .badges-container, .card-minimize-suppliers .badges-container {
    width: 86%
}

@media only screen and (max-width: 1068px) {
    .card-employer-training .badges-container, .card-zero-waste .badges-container, .card-minimize-suppliers .badges-container {
        width: 95%
    }
}

@media only screen and (max-width: 735px) {
    .card-employer-training .badges-container, .card-zero-waste .badges-container, .card-minimize-suppliers .badges-container {
        width: 100%
    }
}

@media only screen and (max-width: 1068px) {
    .card-employer-training .headline {
        max-width: 430px
    }
}

@media only screen and (max-width: 735px) {
    .card-employer-training .headline {
        max-width: 100%
    }
}

.card-employer-training .badge-1 .badge-caption {
    max-width: 190px
}

.card-employer-training .badge-2 .badge-caption {
    max-width: 225px
}

.card-safe-workplace .headline {
    max-width: 570px
}

@media only screen and (max-width: 1068px) {
    .card-safe-workplace .headline {
        max-width: 440px
    }
}

.card-prevent-debt .headline {
    max-width: 610px
}

@media only screen and (min-width: 736px) {
    .card-prevent-debt .badge-caption {
        max-width: initial
    }
}

@media only screen and (max-width: 1068px) {
    .card-prevent-debt .badge-3 .badge-caption {
        max-width: 175px
    }
}

.card-communities .headline {
    max-width: 610px
}

@media only screen and (max-width: 1068px) {
    .card-communities .headline {
        max-width: 510px
    }
}

@media only screen and (max-width: 735px) {
    .card-communities .headline {
        max-width: 410px
    }
}

.card-health .headline {
    max-width: 560px
}

@media only screen and (max-width: 1068px) {
    .card-health .headline {
        max-width: 470px
    }
}

@media only screen and (max-width: 1068px) {
    .card-skills .badge-1 .badge-caption {
        max-width: 390px
    }
}

.card-code .headline {
    max-width: 660px
}

.card-code .badge-1 .badge-caption {
    max-width: 280px
}

@media only screen and (max-width: 1068px) {
    .card-code .badge-1 .badge-caption {
        max-width: 210px
    }
}

@media only screen and (max-width: 735px) {
    .card-code .badge-1 .badge-caption {
        max-width: 290px
    }
}

.card-opportunities .headline {
    max-width: 620px
}

@media only screen and (max-width: 1068px) {
    .card-opportunities .headline {
        max-width: 520px
    }
}

@media only screen and (max-width: 735px) {
    .card-opportunities .headline {
        max-width: 100%
    }
}

.card-zero-waste .headline {
    max-width: 620px
}

@media only screen and (max-width: 1068px) {
    .card-zero-waste .headline {
        max-width: 520px
    }
}

@media only screen and (max-width: 735px) {
    .card-zero-waste .headline {
        max-width: 420px
    }
}

.card-zero-waste .badge-1 .badge-caption {
    max-width: 350px
}

@media only screen and (max-width: 1068px) {
    .card-zero-waste .badge-1 .badge-caption {
        max-width: 230px
    }
}

.card-zero-waste .badge-2 .badge-caption {
    max-width: 220px
}

.card-minimize-suppliers .headline {
    max-width: 670px
}

@media only screen and (max-width: 1068px) {
    .card-minimize-suppliers .headline {
        max-width: 100%
    }
}

@media only screen and (min-width: 1069px) {
    .card-minimize-suppliers .badge-1 .badge-caption {
        max-width: 310px
    }
}

@media only screen and (max-width: 735px) {
    .card-responsible-sourcing .headline {
        max-width: 430px
    }
}

.card-cleanest-energy .badge-1 .badge-caption {
    max-width: 370px
}

@media only screen and (max-width: 735px) {
    .card-cleanest-energy .badge-1 .badge-caption {
        max-width: 285px
    }
}

@media only screen and (max-width: 735px) {
    .card-cleanest-energy .badge-2 .badge-caption {
        max-width: 285px
    }
}

@media only screen and (max-width: 735px) {
    .card-end {
        min-height: 100vh
    }
}

@media only screen and (max-width: 735px) {
    html.touch .card-end {
        min-height: 100%
    }
}

.card-end [data-begin-content] {
    display: none !important
}

@media only screen and (max-width: 735px) {
    .card-end .card-border {
        border-radius: initial
    }
}

.card-end .image {
    background-size: cover;
    background-position: 50% 0%;
    width: 100%;
    height: 100%
}

.graph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 735px) {
    .graph {
        padding-right: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 384px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.graph .year-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media only screen and (min-width: 736px) {
    .graph .year-group {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group {
        position: relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: 100%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group:not(:first-child) {
        margin-top: 31px
    }
}

.graph .year-group .performance-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%
}

@media only screen and (max-width: 735px) {
    .graph .year-group .performance-container {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.graph .year-group .year-label {
    font-weight: 600;
    color: #111
}

@media only screen and (min-width: 736px) {
    .graph .year-group .year-label {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 52px;
        position: relative;
        top: -4px
    }
    html.text-zoom .graph .year-group .year-label {
        width: 80px
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group .year-label {
        margin-top: 20px;
        font-size: 12px
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group .performance-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.graph .year-group .performance-box-high, .graph .year-group .performance-box-medium {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4px
}

@media only screen and (max-width: 1068px) {
    .graph .year-group .performance-box-high, .graph .year-group .performance-box-medium {
        padding-right: 3px
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group .performance-box-medium, .graph .year-group .performance-box-low {
        padding-top: 4px
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group .performance-box-low {
        position: relative
    }
    .graph .year-group .performance-box-low .graph-caption {
        position: absolute;
        min-width: 100%;
        top: 10px;
        right: 0
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group .performance-box-low {
        min-height: 7px
    }
}

.graph .year-group .graph-bar {
    border-radius: 10px
}

@media only screen and (min-width: 736px) {
    .graph .year-group .graph-bar {
        width: 100%;
        height: 10px
    }
}

@media only screen and (max-width: 1068px) {
    .graph .year-group .graph-bar {
        height: 7px
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group .graph-bar {
        width: 7px;
        height: auto;
        float: left
    }
}

.graph .year-group .graph-bar-high {
    background-color: #40dcfd
}

.graph .year-group .graph-bar-medium {
    background-color: #61a7cb
}

.graph .year-group .graph-bar-low {
    background-color: #a165ab
}

.graph .year-group .graph-caption {
    position: relative;
    top: -2px
}

@media only screen and (min-width: 736px) {
    .graph .year-group .graph-caption {
        margin-top: 7px
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group .graph-caption {
        top: -4px;
        margin-left: 4px;
        float: left;
        width: 0
    }
}

.graph .year-group .graph-caption-badge {
    color: #111;
    margin-top: 0
}

@media only screen and (max-width: 735px) {
    .graph .year-group .graph-caption-badge {
        font-size: 17px
    }
}

.graph .year-group .graph-caption-badge-unit-percent {
    font-size: 0.6666em
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2014 .performance-box-high {
        width: 26%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2014 .performance-box-high {
        height: 26%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2014 .performance-box-medium {
        width: 60%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2014 .performance-box-medium {
        height: 60%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2014 .performance-box-low {
        width: 14%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2014 .performance-box-low {
        height: 14%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2015 .performance-box-high {
        width: 36%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2015 .performance-box-high {
        height: 36%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2015 .performance-box-medium {
        width: 58%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2015 .performance-box-medium {
        height: 58%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2015 .performance-box-low {
        width: 6%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2015 .performance-box-low {
        height: 6%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2016 .performance-box-high {
        width: 47%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2016 .performance-box-high {
        height: 47%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2016 .performance-box-medium {
        width: 50%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2016 .performance-box-medium {
        height: 50%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2016 .performance-box-low {
        width: 3%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2016 .performance-box-low {
        height: 3%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2017 .performance-box-high {
        width: 59%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2017 .performance-box-high {
        height: 59%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2017 .performance-box-medium {
        width: 40%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2017 .performance-box-medium {
        height: 40%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2017 .performance-box-low {
        width: 1%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2017 .performance-box-low {
        height: 1%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2018 .performance-box-high {
        width: 76%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2018 .performance-box-high {
        height: 76%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2018 .performance-box-medium {
        width: 23%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2018 .performance-box-medium {
        height: 23%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2018 .performance-box-low {
        width: 1%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2018 .performance-box-low {
        height: 1%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2019 .performance-box-high {
        width: 80%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2019 .performance-box-high {
        height: 80%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2019 .performance-box-medium {
        width: 19%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2019 .performance-box-medium {
        height: 19%
    }
}

@media only screen and (min-width: 736px) {
    .graph .year-group-2019 .performance-box-low {
        width: 1%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2019 .performance-box-low {
        height: 1%
    }
}

@media only screen and (max-width: 735px) {
    .graph .year-group-2016 .graph-caption-low, .graph .year-group-2017 .graph-caption-low, .graph .year-group-2018 .graph-caption-low, .graph .year-group-2019 .graph-caption-low {
        position: absolute;
        top: auto;
        bottom: -6px;
        left: 7px
    }
}

.legend {
    font-size: 17px;
    line-height: 1.17649;
    font-weight: 400;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif;
    margin-top: 28px
}

.legend:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.legend: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
}

.legend: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
}

.legend:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.legend: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
}

.legend: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) {
    .legend {
        font-size: 17px;
        line-height: 1.17649;
        font-weight: 400;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .legend:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .legend: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
    }
    .legend: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
    }
    .legend:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .legend:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .legend:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .legend: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
    }
    .legend: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: 735px) {
    .legend {
        font-size: 11px;
        line-height: 1.27273;
        font-weight: 400;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .legend:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .legend: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
    }
    .legend: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
    }
    .legend:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .legend:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .legend:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .legend: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
    }
    .legend: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: 735px) {
    .legend {
        margin-top: 38px
    }
}

@media only screen and (min-width: 736px) {
    .legend {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.legend .aligner {
    width: 52px
}

html.text-zoom .legend .aligner {
    width: 80px
}

.legend .legend-items {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 736px) {
    .legend .legend-items {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.legend .legend-items .legend-item:not(:first-child) {
    margin-left: 92px
}

@media only screen and (max-width: 1068px) {
    .legend .legend-items .legend-item:not(:first-child) {
        margin-left: 50px
    }
}

@media only screen and (max-width: 735px) {
    .legend .legend-items .legend-item:not(:first-child) {
        margin-left: 0
    }
}

.legend .legend-items .legend-item:before {
    margin-right: 8px;
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    float: left;
    margin-top: 5px;
    border-radius: 10px
}

@media only screen and (max-width: 735px) {
    .legend .legend-items .legend-item:before {
        margin-top: 3px;
        width: 10px;
        height: 10px
    }
}

.legend .legend-items .legend-item-high:before {
    background-color: #40dcfd
}

.legend .legend-items .legend-item-medium:before {
    background-color: #61a7cb
}

.legend .legend-items .legend-item-low:before {
    background-color: #a165ab
}

@media only screen and (max-width: 735px) {
    .legend .legend-items .legend-item:not(:first-child) {
        margin-top: 8px
    }
}

.legend .legend-label {
    font-size: 14px;
    line-height: 1.28583;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif;
    color: #111;
    display: inline-block
}

.legend .legend-label:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.legend .legend-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
}

.legend .legend-label:lang(ko) {
    line-height: 1.42861;
    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
}

.legend .legend-label:lang(th) {
    font-size: 14px;
    line-height: 1.71429;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.legend .legend-label:lang(zh) {
    letter-spacing: 0em
}

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

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

.legend .legend-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
}

.legend .legend-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: 735px) {
    .legend .legend-label {
        font-size: 12px;
        line-height: 1.33341;
        font-weight: 400;
        letter-spacing: -.01em;
        font-family:Aeonikpro, sans-serif
    }
    .legend .legend-label:lang(ar) {
        line-height: 1.66667;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .legend .legend-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
    }
    .legend .legend-label:lang(ko) {
        line-height: 1.45841;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .legend .legend-label:lang(th) {
        font-size: 12px;
        line-height: 1.75;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .legend .legend-label:lang(zh) {
        letter-spacing: 0em
    }
    .legend .legend-label:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .legend .legend-label:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .legend .legend-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
    }
    .legend .legend-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: 735px) {
    html[dir=rtl] .year-group-2016 .graph-caption-low, html[dir=rtl] .year-group-2017 .graph-caption-low, html[dir=rtl] .year-group-2018 .graph-caption-low, html[dir=rtl] .year-group-2019 .graph-caption-low {
        left: 0
    }
    html[dir=rtl] .year-group .graph-bar {
        margin-left: 4px
    }
}

.image--overview_cards_ed_health {
    width: 480px;
    height: 750px;
    background-size: 480px 750px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_health_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_ed_health {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_health_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_cards_ed_health {
        width: 338px;
        height: 650px;
        background-size: 338px 650px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_health_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_cards_ed_health {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_health_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_cards_ed_health {
        width: 335px;
        height: 550px;
        background-size: 335px 550px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_health_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_cards_ed_health {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_health_small_2x.jpg")
    }
}

.min-height--overview_cards_ed_health {
    min-height: 750px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_cards_ed_health {
        min-height: 650px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_cards_ed_health {
        min-height: 550px
    }
}

.image--overview_cards_ed_learning_to_code {
    width: 480px;
    height: 750px;
    background-size: 480px 750px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_learning_to_code_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_ed_learning_to_code {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_learning_to_code_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_cards_ed_learning_to_code {
        width: 338px;
        height: 650px;
        background-size: 338px 650px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_learning_to_code_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_cards_ed_learning_to_code {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_learning_to_code_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_cards_ed_learning_to_code {
        width: 335px;
        height: 550px;
        background-size: 335px 550px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_learning_to_code_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_cards_ed_learning_to_code {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_learning_to_code_small_2x.jpg")
    }
}

.min-height--overview_cards_ed_learning_to_code {
    min-height: 750px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_cards_ed_learning_to_code {
        min-height: 650px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_cards_ed_learning_to_code {
        min-height: 550px
    }
}

.image--overview_cards_ed_tomorrows_skills {
    width: 480px;
    height: 750px;
    background-size: 480px 750px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_tomorrows_skills_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_ed_tomorrows_skills {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_tomorrows_skills_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_cards_ed_tomorrows_skills {
        width: 338px;
        height: 650px;
        background-size: 338px 650px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_tomorrows_skills_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_cards_ed_tomorrows_skills {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_tomorrows_skills_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_cards_ed_tomorrows_skills {
        width: 335px;
        height: 550px;
        background-size: 335px 550px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_tomorrows_skills_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_cards_ed_tomorrows_skills {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_tomorrows_skills_small_2x.jpg")
    }
}

.min-height--overview_cards_ed_tomorrows_skills {
    min-height: 750px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_cards_ed_tomorrows_skills {
        min-height: 650px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_cards_ed_tomorrows_skills {
        min-height: 550px
    }
}

.image--overview_cards_ed_vocational {
    width: 480px;
    height: 750px;
    background-size: 480px 750px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_vocational_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_ed_vocational {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_vocational_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_cards_ed_vocational {
        width: 338px;
        height: 650px;
        background-size: 338px 650px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_vocational_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_cards_ed_vocational {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_vocational_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_cards_ed_vocational {
        width: 335px;
        height: 550px;
        background-size: 335px 550px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_vocational_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_cards_ed_vocational {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/ed_vocational_small_2x.jpg")
    }
}

.min-height--overview_cards_ed_vocational {
    min-height: 750px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_cards_ed_vocational {
        min-height: 650px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_cards_ed_vocational {
        min-height: 550px
    }
}

.image--overview_cards_en_clean_energy {
    width: 480px;
    height: 750px;
    background-size: 480px 750px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_clean_energy_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_en_clean_energy {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_clean_energy_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_cards_en_clean_energy {
        width: 338px;
        height: 650px;
        background-size: 338px 650px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_clean_energy_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_cards_en_clean_energy {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_clean_energy_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_cards_en_clean_energy {
        width: 335px;
        height: 550px;
        background-size: 335px 550px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_clean_energy_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_cards_en_clean_energy {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_clean_energy_small_2x.jpg")
    }
}

.min-height--overview_cards_en_clean_energy {
    min-height: 750px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_cards_en_clean_energy {
        min-height: 650px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_cards_en_clean_energy {
        min-height: 550px
    }
}

.image--overview_cards_en_sourcing {
    width: 480px;
    height: 750px;
    background-size: 480px 750px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_sourcing_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_en_sourcing {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_sourcing_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_cards_en_sourcing {
        width: 338px;
        height: 650px;
        background-size: 338px 650px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_sourcing_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_cards_en_sourcing {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_sourcing_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_cards_en_sourcing {
        width: 335px;
        height: 550px;
        background-size: 335px 550px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_sourcing_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_cards_en_sourcing {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_sourcing_small_2x.jpg")
    }
}

.min-height--overview_cards_en_sourcing {
    min-height: 750px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_cards_en_sourcing {
        min-height: 650px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_cards_en_sourcing {
        min-height: 550px
    }
}

.image--overview_cards_en_water_waste {
    width: 480px;
    height: 750px;
    background-size: 480px 750px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_water_waste_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_en_water_waste {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_water_waste_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_cards_en_water_waste {
        width: 338px;
        height: 650px;
        background-size: 338px 650px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_water_waste_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_cards_en_water_waste {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_water_waste_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_cards_en_water_waste {
        width: 335px;
        height: 550px;
        background-size: 335px 550px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_water_waste_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_cards_en_water_waste {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_water_waste_small_2x.jpg")
    }
}

.min-height--overview_cards_en_water_waste {
    min-height: 750px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_cards_en_water_waste {
        min-height: 650px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_cards_en_water_waste {
        min-height: 550px
    }
}

.image--overview_cards_en_zero_waste {
    width: 480px;
    height: 750px;
    background-size: 480px 750px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_zero_waste_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_en_zero_waste {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_zero_waste_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_cards_en_zero_waste {
        width: 338px;
        height: 650px;
        background-size: 338px 650px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_zero_waste_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_cards_en_zero_waste {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_zero_waste_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_cards_en_zero_waste {
        width: 335px;
        height: 550px;
        background-size: 335px 550px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_zero_waste_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_cards_en_zero_waste {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/en_zero_waste_small_2x.jpg")
    }
}

.min-height--overview_cards_en_zero_waste {
    min-height: 750px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_cards_en_zero_waste {
        min-height: 650px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_cards_en_zero_waste {
        min-height: 550px
    }
}

.image--overview_cards_hr_employees_rights {
    width: 480px;
    height: 750px;
    background-size: 480px 750px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_employees_rights_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_hr_employees_rights {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_employees_rights_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_cards_hr_employees_rights {
        width: 338px;
        height: 650px;
        background-size: 338px 650px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_employees_rights_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_cards_hr_employees_rights {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_employees_rights_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_cards_hr_employees_rights {
        width: 335px;
        height: 550px;
        background-size: 335px 550px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_employees_rights_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_cards_hr_employees_rights {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_employees_rights_small_2x.jpg")
    }
}

.min-height--overview_cards_hr_employees_rights {
    min-height: 750px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_cards_hr_employees_rights {
        min-height: 650px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_cards_hr_employees_rights {
        min-height: 550px
    }
}

.image--overview_cards_hr_forced_labor {
    width: 480px;
    height: 750px;
    background-size: 480px 750px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_forced_labor_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_hr_forced_labor {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_forced_labor_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_cards_hr_forced_labor {
        width: 338px;
        height: 650px;
        background-size: 338px 650px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_forced_labor_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_cards_hr_forced_labor {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_forced_labor_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_cards_hr_forced_labor {
        width: 335px;
        height: 550px;
        background-size: 335px 550px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_forced_labor_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_cards_hr_forced_labor {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_forced_labor_small_2x.jpg")
    }
}

.min-height--overview_cards_hr_forced_labor {
    min-height: 750px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_cards_hr_forced_labor {
        min-height: 650px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_cards_hr_forced_labor {
        min-height: 550px
    }
}

.image--overview_cards_hr_forced_larbor {
    width: 480px;
    height: 750px;
    background-size: 480px 750px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_forced_larbor_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_hr_forced_larbor {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_forced_larbor_large_2x.jpg")
    }
}

.min-height--overview_cards_hr_forced_larbor {
    min-height: 750px
}

.image--overview_cards_hr_rights_defenders {
    width: 480px;
    height: 750px;
    background-size: 480px 750px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_rights_defenders_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_hr_rights_defenders {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_rights_defenders_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_cards_hr_rights_defenders {
        width: 338px;
        height: 650px;
        background-size: 338px 650px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_rights_defenders_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_cards_hr_rights_defenders {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_rights_defenders_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_cards_hr_rights_defenders {
        width: 335px;
        height: 550px;
        background-size: 335px 550px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_rights_defenders_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_cards_hr_rights_defenders {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_rights_defenders_small_2x.jpg")
    }
}

.min-height--overview_cards_hr_rights_defenders {
    min-height: 750px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_cards_hr_rights_defenders {
        min-height: 650px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_cards_hr_rights_defenders {
        min-height: 550px
    }
}

.image--overview_cards_hr_safe_healthy {
    width: 480px;
    height: 750px;
    background-size: 480px 750px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_safe_healthy_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_cards_hr_safe_healthy {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_safe_healthy_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_cards_hr_safe_healthy {
        width: 338px;
        height: 650px;
        background-size: 338px 650px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_safe_healthy_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_cards_hr_safe_healthy {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_safe_healthy_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_cards_hr_safe_healthy {
        width: 335px;
        height: 550px;
        background-size: 335px 550px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_safe_healthy_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_cards_hr_safe_healthy {
        background-image: url("/v/supplier-responsibility/b/images/overview/cards/hr_safe_healthy_small_2x.jpg")
    }
}

.min-height--overview_cards_hr_safe_healthy {
    min-height: 750px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_cards_hr_safe_healthy {
        min-height: 650px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_cards_hr_safe_healthy {
        min-height: 550px
    }
}

.image--overview_glyphs_sc_assembly {
    width: 80px;
    height: 75px;
    background-size: 80px 75px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_assembly_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_assembly {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_assembly_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_glyphs_sc_assembly {
        width: 63px;
        height: 80px;
        background-size: 63px 80px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_assembly_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_assembly {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_assembly_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_glyphs_sc_assembly {
        width: 80px;
        height: 85px;
        background-size: 80px 85px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_assembly_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_assembly {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_assembly_small_2x.png")
    }
}

.min-height--overview_glyphs_sc_assembly {
    min-height: 75px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_glyphs_sc_assembly {
        min-height: 80px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_glyphs_sc_assembly {
        min-height: 85px
    }
}

.image--overview_glyphs_sc_components {
    width: 39px;
    height: 75px;
    background-size: 39px 75px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_components_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_components {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_components_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_glyphs_sc_components {
        width: 31px;
        height: 80px;
        background-size: 31px 80px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_components_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_components {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_components_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_glyphs_sc_components {
        width: 38px;
        height: 85px;
        background-size: 38px 85px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_components_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_components {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_components_small_2x.png")
    }
}

.min-height--overview_glyphs_sc_components {
    min-height: 75px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_glyphs_sc_components {
        min-height: 80px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_glyphs_sc_components {
        min-height: 85px
    }
}

.image--overview_glyphs_sc_design {
    width: 71px;
    height: 75px;
    background-size: 71px 75px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_design_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_design {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_design_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_glyphs_sc_design {
        width: 56px;
        height: 80px;
        background-size: 56px 80px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_design_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_design {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_design_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_glyphs_sc_design {
        width: 71px;
        height: 85px;
        background-size: 71px 85px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_design_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_design {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_design_small_2x.png")
    }
}

.min-height--overview_glyphs_sc_design {
    min-height: 75px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_glyphs_sc_design {
        min-height: 80px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_glyphs_sc_design {
        min-height: 85px
    }
}

.image--overview_glyphs_sc_logistics {
    width: 67px;
    height: 75px;
    background-size: 67px 75px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_logistics_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_logistics {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_logistics_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_glyphs_sc_logistics {
        width: 52px;
        height: 80px;
        background-size: 52px 80px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_logistics_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_logistics {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_logistics_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_glyphs_sc_logistics {
        width: 67px;
        height: 85px;
        background-size: 67px 85px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_logistics_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_logistics {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_logistics_small_2x.png")
    }
}

.min-height--overview_glyphs_sc_logistics {
    min-height: 75px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_glyphs_sc_logistics {
        min-height: 80px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_glyphs_sc_logistics {
        min-height: 85px
    }
}

.image--overview_glyphs_sc_mine {
    width: 66px;
    height: 75px;
    background-size: 66px 75px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_mine_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_mine {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_mine_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_glyphs_sc_mine {
        width: 52px;
        height: 80px;
        background-size: 52px 80px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_mine_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_mine {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_mine_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_glyphs_sc_mine {
        width: 66px;
        height: 85px;
        background-size: 66px 85px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_mine_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_mine {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_mine_small_2x.png")
    }
}

.min-height--overview_glyphs_sc_mine {
    min-height: 75px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_glyphs_sc_mine {
        min-height: 80px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_glyphs_sc_mine {
        min-height: 85px
    }
}

.image--overview_glyphs_sc_recycling {
    width: 62px;
    height: 75px;
    background-size: 62px 75px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_recycling_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_recycling {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_recycling_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_glyphs_sc_recycling {
        width: 49px;
        height: 80px;
        background-size: 49px 80px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_recycling_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_recycling {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_recycling_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_glyphs_sc_recycling {
        width: 62px;
        height: 85px;
        background-size: 62px 85px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_recycling_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_recycling {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_recycling_small_2x.png")
    }
}

.min-height--overview_glyphs_sc_recycling {
    min-height: 75px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_glyphs_sc_recycling {
        min-height: 80px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_glyphs_sc_recycling {
        min-height: 85px
    }
}

.image--overview_glyphs_sc_refiner {
    width: 68px;
    height: 75px;
    background-size: 68px 75px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_refiner_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_refiner {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_refiner_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_glyphs_sc_refiner {
        width: 54px;
        height: 80px;
        background-size: 54px 80px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_refiner_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_refiner {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_refiner_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_glyphs_sc_refiner {
        width: 68px;
        height: 85px;
        background-size: 68px 85px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_refiner_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_refiner {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_refiner_small_2x.png")
    }
}

.min-height--overview_glyphs_sc_refiner {
    min-height: 75px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_glyphs_sc_refiner {
        min-height: 80px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_glyphs_sc_refiner {
        min-height: 85px
    }
}

.image--overview_glyphs_sc_retail {
    width: 86px;
    height: 75px;
    background-size: 86px 75px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_retail_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_retail {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_retail_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_glyphs_sc_retail {
        width: 67px;
        height: 80px;
        background-size: 67px 80px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_retail_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_retail {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_retail_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_glyphs_sc_retail {
        width: 86px;
        height: 85px;
        background-size: 86px 85px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_retail_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_retail {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_retail_small_2x.png")
    }
}

.min-height--overview_glyphs_sc_retail {
    min-height: 75px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_glyphs_sc_retail {
        min-height: 80px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_glyphs_sc_retail {
        min-height: 85px
    }
}

.image--overview_glyphs_sc_support {
    width: 55px;
    height: 75px;
    background-size: 55px 75px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_support_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_support {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_support_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_glyphs_sc_support {
        width: 43px;
        height: 80px;
        background-size: 43px 80px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_support_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_support {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_support_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_glyphs_sc_support {
        width: 55px;
        height: 85px;
        background-size: 55px 85px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_support_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_glyphs_sc_support {
        background-image: url("/v/supplier-responsibility/b/images/overview/glyphs/sc_support_small_2x.png")
    }
}

.min-height--overview_glyphs_sc_support {
    min-height: 75px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_glyphs_sc_support {
        min-height: 80px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_glyphs_sc_support {
        min-height: 85px
    }
}

.image--overview_hero_carousel_hero_01 {
    width: 2560px;
    height: 1108px;
    background-size: 2560px 1108px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_01_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_hero_carousel_hero_01 {
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_01_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_hero_carousel_hero_01 {
        width: 1068px;
        height: 847px;
        background-size: 1068px 847px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_01_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_hero_carousel_hero_01 {
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_01_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_hero_carousel_hero_01 {
        width: 735px;
        height: 754px;
        background-size: 735px 754px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_01_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_hero_carousel_hero_01 {
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_01_small_2x.jpg")
    }
}

.min-height--overview_hero_carousel_hero_01 {
    min-height: 1108px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_hero_carousel_hero_01 {
        min-height: 847px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_hero_carousel_hero_01 {
        min-height: 754px
    }
}

.image--overview_hero_carousel_hero_02 {
    width: 2560px;
    height: 1108px;
    background-size: 2560px 1108px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_02_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_hero_carousel_hero_02 {
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_02_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_hero_carousel_hero_02 {
        width: 1068px;
        height: 847px;
        background-size: 1068px 847px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_02_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_hero_carousel_hero_02 {
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_02_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_hero_carousel_hero_02 {
        width: 735px;
        height: 754px;
        background-size: 735px 754px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_02_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_hero_carousel_hero_02 {
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_02_small_2x.jpg")
    }
}

.min-height--overview_hero_carousel_hero_02 {
    min-height: 1108px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_hero_carousel_hero_02 {
        min-height: 847px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_hero_carousel_hero_02 {
        min-height: 754px
    }
}

.image--overview_hero_carousel_hero_03 {
    width: 2560px;
    height: 1108px;
    background-size: 2560px 1108px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_03_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_hero_carousel_hero_03 {
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_03_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_hero_carousel_hero_03 {
        width: 1068px;
        height: 847px;
        background-size: 1068px 847px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_03_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_hero_carousel_hero_03 {
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_03_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_hero_carousel_hero_03 {
        width: 735px;
        height: 754px;
        background-size: 735px 754px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_03_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_hero_carousel_hero_03 {
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_03_small_2x.jpg")
    }
}

.min-height--overview_hero_carousel_hero_03 {
    min-height: 1108px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_hero_carousel_hero_03 {
        min-height: 847px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_hero_carousel_hero_03 {
        min-height: 754px
    }
}

.image--overview_hero_carousel_hero_04 {
    width: 2560px;
    height: 1108px;
    background-size: 2560px 1108px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_04_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_hero_carousel_hero_04 {
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_04_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_hero_carousel_hero_04 {
        width: 1068px;
        height: 847px;
        background-size: 1068px 847px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_04_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_hero_carousel_hero_04 {
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_04_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_hero_carousel_hero_04 {
        width: 735px;
        height: 754px;
        background-size: 735px 754px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_04_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_hero_carousel_hero_04 {
        background-image: url("/v/supplier-responsibility/b/images/overview/hero_carousel/hero_04_small_2x.jpg")
    }
}

.min-height--overview_hero_carousel_hero_04 {
    min-height: 1108px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_hero_carousel_hero_04 {
        min-height: 847px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_hero_carousel_hero_04 {
        min-height: 754px
    }
}

.image--overview_links_feedback {
    width: 26px;
    height: 18px;
    background-size: 26px 18px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/links/feedback_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_links_feedback {
        background-image: url("/v/supplier-responsibility/b/images/overview/links/feedback_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_links_feedback {
        width: 26px;
        height: 18px;
        background-size: 26px 18px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/links/feedback_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_links_feedback {
        background-image: url("/v/supplier-responsibility/b/images/overview/links/feedback_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_links_feedback {
        width: 26px;
        height: 18px;
        background-size: 26px 18px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/links/feedback_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_links_feedback {
        background-image: url("/v/supplier-responsibility/b/images/overview/links/feedback_small_2x.jpg")
    }
}

.min-height--overview_links_feedback {
    min-height: 18px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_links_feedback {
        min-height: 18px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_links_feedback {
        min-height: 18px
    }
}

.image--overview_links_report_icon {
    width: 57px;
    height: 74px;
    background-size: 57px 74px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/links/report_icon_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_links_report_icon {
        background-image: url("/v/supplier-responsibility/b/images/overview/links/report_icon_large_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_links_report_icon {
        width: 53px;
        height: 68px;
        background-size: 53px 68px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/links/report_icon_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_links_report_icon {
        background-image: url("/v/supplier-responsibility/b/images/overview/links/report_icon_small_2x.png")
    }
}

.min-height--overview_links_report_icon {
    min-height: 74px
}

@media only screen and (max-width: 735px) {
    .min-height--overview_links_report_icon {
        min-height: 68px
    }
}

.image--overview_section_heroes_standards {
    width: 1442px;
    height: 941px;
    background-size: 1442px 941px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/standards_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_section_heroes_standards {
        background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/standards_large_2x.jpg")
    }
}

@media only screen and (min-width: 1442px) {
    .image--overview_section_heroes_standards {
        width: 2560px;
        height: 1316px;
        background-size: 2560px 1316px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/standards_xlarge.jpg")
    }
}

@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
    .image--overview_section_heroes_standards {
        background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/standards_xlarge_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_section_heroes_standards {
        width: 1068px;
        height: 668px;
        background-size: 1068px 668px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/standards_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_section_heroes_standards {
        background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/standards_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_section_heroes_standards {
        width: 735px;
        height: 585px;
        background-size: 735px 585px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/standards_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_section_heroes_standards {
        background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/standards_small_2x.jpg")
    }
}

.min-height--overview_section_heroes_standards {
    min-height: 941px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_section_heroes_standards {
        min-height: 668px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_section_heroes_standards {
        min-height: 585px
    }
}

@media only screen and (min-width: 1442px) {
    .min-height--overview_section_heroes_standards {
        min-height: 1316px
    }
}

.image--overview_section_heroes_work {
    width: 1442px;
    height: 941px;
    background-size: 1442px 941px;
    background-repeat: no-repeat;
    background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/work_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image--overview_section_heroes_work {
        background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/work_large_2x.jpg")
    }
}

@media only screen and (min-width: 1442px) {
    .image--overview_section_heroes_work {
        width: 2560px;
        height: 1316px;
        background-size: 2560px 1316px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/work_xlarge.jpg")
    }
}

@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
    .image--overview_section_heroes_work {
        background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/work_xlarge_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image--overview_section_heroes_work {
        width: 1068px;
        height: 668px;
        background-size: 1068px 668px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/work_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image--overview_section_heroes_work {
        background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/work_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image--overview_section_heroes_work {
        width: 735px;
        height: 585px;
        background-size: 735px 585px;
        background-repeat: no-repeat;
        background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/work_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image--overview_section_heroes_work {
        background-image: url("/v/supplier-responsibility/b/images/overview/section_heroes/work_small_2x.jpg")
    }
}

.min-height--overview_section_heroes_work {
    min-height: 941px
}

@media only screen and (max-width: 1068px) {
    .min-height--overview_section_heroes_work {
        min-height: 668px
    }
}

@media only screen and (max-width: 735px) {
    .min-height--overview_section_heroes_work {
        min-height: 585px
    }
}

@media only screen and (min-width: 1442px) {
    .min-height--overview_section_heroes_work {
        min-height: 1316px
    }
}

.image {
    position: relative
}

.image-centered {
    width: 100%;
    background-position-x: center
}

.image-caption {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (min-width: 1442px) {
    .image-caption {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) {
    .image-caption {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

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

.image-caption-text {
    color: #fff;
    position: absolute;
    bottom: 0
}

.image-caption-text:after {
    height: 25px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .image-caption-text:after {
        height: 25px
    }
}

@media only screen and (max-width: 735px) {
    .image-caption-text:after {
        height: 22px
    }
}

.image-caption p+p {
    margin-top: 0.2em
}

.hover-icons-container {
    position: relative
}

.hover-icons-container.hover .hover-icon-to {
    opacity: 1
}

.hover-icons-container .icon-after:before, .hover-icons-container .icon-before:after {
    display: none
}

.hover-icons-container .hover-icon {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif;
    font-weight: 100;
    color: #fff;
    position: relative;
    overflow: visible
}

.hover-icons-container .hover-icon:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.hover-icons-container .hover-icon:lang(ar) {
    line-height: 1.34375;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .hover-icons-container .hover-icon {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .hover-icons-container .hover-icon:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .hover-icons-container .hover-icon:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .hover-icons-container .hover-icon: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
    }
    .hover-icons-container .hover-icon:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .hover-icons-container .hover-icon:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .hover-icons-container .hover-icon:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .hover-icons-container .hover-icon:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .hover-icons-container .hover-icon:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .hover-icons-container .hover-icon {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .hover-icons-container .hover-icon:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .hover-icons-container .hover-icon:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .hover-icons-container .hover-icon:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .hover-icons-container .hover-icon:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .hover-icons-container .hover-icon:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .hover-icons-container .hover-icon:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .hover-icons-container .hover-icon:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .hover-icons-container .hover-icon:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 1068px) {
    .hover-icons-container .hover-icon {
        font-weight: 100
    }
}

@media only screen and (max-width: 735px) {
    .hover-icons-container .hover-icon {
        font-weight: 100
    }
}

.hover-icons-container .hover-icon:after {
    padding-left: 0 !important;
    line-height: 1.3em !important;
    left: 0
}

@media only screen and (max-width: 735px) {
    .hover-icons-container .hover-icon:after {
        line-height: 1.5em !important
    }
}

.hover-icons-container .hover-icon-to {
    opacity: 0;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0
}

.content-infographic-chain {
    background-color: #fff
}

.content-infographic-chain:before {
    height: 96px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .content-infographic-chain:before {
        height: 40px
    }
}

@media only screen and (max-width: 735px) {
    .content-infographic-chain:before {
        height: 36px
    }
}

.content-infographic-chain .infographic {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.content-infographic-chain .infographic-intro {
    color: #333
}

.content-infographic-chain .infographic-intro:before {
    height: 82px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .content-infographic-chain .infographic-intro:before {
        height: 36px
    }
}

@media only screen and (max-width: 735px) {
    .content-infographic-chain .infographic-intro:before {
        height: 63px
    }
}

@media only screen and (min-width: 736px) {
    .content-infographic-chain .infographic-intro {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

.content-infographic-chain .infographic-intro--max-width {
    width: 100%;
    max-width: 800px
}

@media only screen and (max-width: 1068px) {
    .content-infographic-chain .infographic-intro--max-width {
        max-width: 614px
    }
}

@media only screen and (max-width: 735px) {
    .content-infographic-chain .infographic-intro--max-width {
        max-width: 310px
    }
}

.content-infographic-chain .infographic-list {
    list-style: none;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 362px
}

@media only screen and (min-width: 736px) {
    html.text-zoom .content-infographic-chain .infographic-list {
        height: 520px
    }
}

@media only screen and (max-width: 735px) {
    .content-infographic-chain .infographic-list {
        margin-left: auto;
        margin-right: auto;
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 260px
    }
}

.content-infographic-chain .infographic-item {
    position: relative;
    height: 100%
}

.content-infographic-chain .infographic-item:first-child .infographic-line:before, .content-infographic-chain .infographic-item:last-child .infographic-line:before {
    width: 50%
}

@media only screen and (max-width: 735px) {
    .content-infographic-chain .infographic-item:first-child .infographic-line:before, .content-infographic-chain .infographic-item:last-child .infographic-line:before {
        width: 2px;
        height: 50%
    }
}

.content-infographic-chain .infographic-item:first-child .infographic-line:before {
    right: 0
}

@media only screen and (max-width: 735px) {
    .content-infographic-chain .infographic-item:first-child .infographic-line:before {
        left: calc(50% - 1px);
        right: unset;
        bottom: 0
    }
}

.content-infographic-chain .infographic-item:last-child .infographic-line:before {
    left: 0
}

@media only screen and (max-width: 735px) {
    .content-infographic-chain .infographic-item:last-child .infographic-line:before {
        left: calc(50% - 1px);
        right: unset;
        top: 0
    }
}

.content-infographic-chain .infographic-item:nth-child(2n) .infographic-content-wrapper {
    margin-top: 220px;
    height: 100%
}

@media only screen and (min-width: 736px) {
    html.text-zoom .content-infographic-chain .infographic-item:nth-child(2n) .infographic-content-wrapper {
        margin-top: 260px
    }
}

@media only screen and (max-width: 1068px) {
    .content-infographic-chain .infographic-item:nth-child(2n) .infographic-content-wrapper {
        margin-top: 210px
    }
}

@media only screen and (max-width: 735px) {
    .content-infographic-chain .infographic-item:nth-child(2n) .infographic-content-wrapper {
        margin-top: 0px
    }
}

@media only screen and (max-width: 735px) {
    .content-infographic-chain .infographic-item {
        width: 100%
    }
    .content-infographic-chain .infographic-item:nth-child(2n-1) .infographic-content-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .content-infographic-chain .infographic-item .image {
        margin-top: 8px
    }
    .content-infographic-chain .infographic-item .image--overview_glyphs_sc_refiner {
        margin-top: 14px
    }
    .content-infographic-chain .infographic-item .image--overview_glyphs_sc_components {
        margin-top: 14px
    }
    .content-infographic-chain .infographic-item .image--overview_glyphs_sc_assembly {
        margin-top: 12px
    }
    .content-infographic-chain .infographic-item .image--overview_glyphs_sc_logistics {
        margin-top: 14px
    }
    .content-infographic-chain .infographic-item .image--overview_glyphs_sc_retail {
        margin-top: 6px
    }
    .content-infographic-chain .infographic-item .image--overview_glyphs_sc_applecare {
        margin-top: 6px
    }
}

.content-infographic-chain .infographic-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 102px
}

@media only screen and (max-width: 1068px) {
    .content-infographic-chain .infographic-content {
        width: 76px
    }
}

@media only screen and (max-width: 735px) {
    .content-infographic-chain .infographic-content {
        width: 103px;
        height: 128px
    }
}

.content-infographic-chain .infographic-image {
    margin-left: auto;
    margin-right: auto
}

.content-infographic-chain .infographic-label {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
    color: #333
}

.content-infographic-chain .infographic-label:before {
    height: 22px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .content-infographic-chain .infographic-label:before {
        height: 20px
    }
}

@media only screen and (max-width: 735px) {
    .content-infographic-chain .infographic-label:before {
        height: 11px
    }
}

.content-infographic-chain .infographic-label-wrapper {
    position: relative;
    width: 100%
}

@media only screen and (max-width: 1068px) {
    .content-infographic-chain .infographic-label-wrapper--small {
        position: absolute;
        left: -10px;
        right: -10px
    }
}

@media only screen and (max-width: 735px) {
    .content-infographic-chain .infographic-label-wrapper--small {
        position: absolute;
        left: 0;
        right: 0
    }
}

.content-infographic-chain .infographic-line {
    margin-top: 48px;
    width: 100%
}

@media only screen and (max-width: 1068px) {
    .content-infographic-chain .infographic-line {
        margin-top: 40px
    }
}

@media only screen and (max-width: 735px) {
    .content-infographic-chain .infographic-line {
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.content-infographic-chain .infographic-line:before {
    content: '';
    display: block;
    width: 100%;
    background-color: #333;
    position: absolute;
    top: calc(50% - 1px);
    height: 2px
}

@media only screen and (max-width: 1068px) {
    .content-infographic-chain .infographic-line:before {
        height: 2px
    }
}

@media only screen and (max-width: 735px) {
    .content-infographic-chain .infographic-line:before {
        height: 100%;
        width: 2px;
        left: calc(50% - 1px);
        top: auto;
        bottom: 0
    }
}

.content-infographic-chain .infographic-line:after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    background-color: #fff;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    border: solid #333 1px;
    left: calc(50% - 5px)
}

@media only screen and (max-width: 1068px) {
    .content-infographic-chain .infographic-line:after {
        border: solid #333 1px;
        left: calc(50% - 4px)
    }
}

@media only screen and (max-width: 735px) {
    .content-infographic-chain .infographic-line:after {
        border: solid #333 1px;
        left: calc(50% - 5px);
        top: calc(50% - 5px)
    }
}

body.in-modal #ac-localnav {
    opacity: 0
}

body.in-modal #ac-localnav, body.in-modal #ac-localnav * {
    pointer-events: none
}

.card-modal-container {
    padding: 0;
    background: rgba(255, 255, 255, 0.8)
}

.card-modal-container.modal-open {
    z-index: 9996
}

.card-modal-container:after {
    content: '';
    background: white
}

.card-modal-container .content-table {
    display: block
}

.card-modal-container .content-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    min-height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 735px) {
    .card-modal-container .content-cell {
        display: block;
        height: 100%
    }
}

.card-modal-container .content-wrapper {
    width: auto;
    margin-bottom: 30px;
    max-width: 1068px
}

@media only screen and (max-width: 1068px) {
    .card-modal-container .content-wrapper {
        max-width: 768px
    }
}

@media only screen and (max-width: 735px) {
    .card-modal-container .content-wrapper {
        margin-bottom: 0;
        max-width: 100%
    }
}

@media only screen and (max-width: 735px) {
    .card-modal-container .content-wrapper {
        margin: 0;
        height: 100%
    }
}

.card-modal-container .content-padding {
    width: 100%;
    height: 100%;
    background-color: transparent;
    padding: 0
}

.card-modal-container .modal-content {
    padding-top: 15px
}

@media only screen and (max-width: 735px) {
    .card-modal-container .modal-content {
        padding-top: 0;
        height: 100%
    }
}

.card-modal-container .modal-close {
    display: none
}

[class*='section-cards']:before {
    height: 190px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    [class*='section-cards']:before {
        height: 152px
    }
}

@media only screen and (max-width: 735px) {
    [class*='section-cards']:before {
        height: 134px
    }
}

html.ms-grid [class*='section-cards'] .ms-grid {
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr
}

html.ms-grid [class*='section-cards'] .ms-grid-item {
    -ms-grid-column-span: 1
}

html.ms-grid [class*='section-cards'] .ms-grid-item:nth-child(2n+1) {
    -ms-grid-column: 1
}

html.ms-grid [class*='section-cards'] .ms-grid-item:nth-child(2n+2) {
    -ms-grid-column: 2
}

html.ms-grid [class*='section-cards'] .ms-grid-item:nth-child(n+1):nth-child(-n+2) {
    -ms-grid-row: 1
}

html.ms-grid [class*='section-cards'] .ms-grid-item:nth-child(n+3):nth-child(-n+4) {
    -ms-grid-row: 2
}

@media only screen and (max-width: 735px) {
    html.ms-grid [class*='section-cards'] .ms-grid {
        display: -ms-grid;
        -ms-grid-columns: 1fr
    }
    html.ms-grid [class*='section-cards'] .ms-grid-item {
        -ms-grid-column-span: 1
    }
    html.ms-grid [class*='section-cards'] .ms-grid-item:nth-child(1n+1) {
        -ms-grid-column: 1
    }
    html.ms-grid [class*='section-cards'] .ms-grid-item:nth-child(n+1):nth-child(-n+1) {
        -ms-grid-row: 1
    }
    html.ms-grid [class*='section-cards'] .ms-grid-item:nth-child(n+2):nth-child(-n+2) {
        -ms-grid-row: 2
    }
    html.ms-grid [class*='section-cards'] .ms-grid-item:nth-child(n+3):nth-child(-n+3) {
        -ms-grid-row: 3
    }
    html.ms-grid [class*='section-cards'] .ms-grid-item:nth-child(n+4):nth-child(-n+4) {
        -ms-grid-row: 4
    }
}

[class*='section-cards'] .cards-content:before {
    height: 94px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    [class*='section-cards'] .cards-content:before {
        height: 74px
    }
}

@media only screen and (max-width: 735px) {
    [class*='section-cards'] .cards-content:before {
        height: 74px
    }
}

[class*='section-cards'] .cards-grid {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px
}

@media only screen and (max-width: 1068px) {
    [class*='section-cards'] .cards-grid {
        grid-gap: 16px
    }
}

@media only screen and (max-width: 735px) {
    [class*='section-cards'] .cards-grid {
        grid-template-columns: 100%;
        grid-gap: 20px
    }
}

html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(1), html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(2) {
    margin-bottom: 10px
}

html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(3), html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(4) {
    margin-top: 10px
}

html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(1), html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(4) {
    margin-right: 10px
}

html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(2), html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(3) {
    margin-left: 10px
}

@media only screen and (max-width: 1068px) {
    html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(1), html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(2) {
        margin-bottom: 8px
    }
    html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(3), html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(4) {
        margin-top: 8px
    }
    html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(1), html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(4) {
        margin-right: 8px
    }
    html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(2), html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(3) {
        margin-left: 8px
    }
}

@media only screen and (max-width: 735px) {
    html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(1), html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(2), html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(3), html.ie [class*='section-cards'] .cards-grid .ms-grid-item:nth-child(4) {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto
    }
    html.ie [class*='section-cards'] .cards-grid .ms-grid-item:not(:last-child) {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 735px) {
    [class*='section-cards'] .cards-grid .card {
        max-width: 335px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 736px) {
    [class*='section-cards'] .cards-grid .card-3 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

[class*='section-image'] .sticky-container {
    position: relative
}

html.css-sticky [class*='section-image'] .sticky-container {
    margin-bottom: -100vh
}

[class*='section-image'] .sticky {
    height: 100vh;
    z-index: -1;
    position: relative
}

html.css-sticky [class*='section-image'] .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    min-height: 710px;
    max-height: 941px
}

@media only screen and (min-width: 1442px) {
    html.css-sticky [class*='section-image'] .sticky {
        min-height: 920px
    }
}

@media only screen and (max-width: 1068px) {
    html.css-sticky [class*='section-image'] .sticky {
        min-height: 530px
    }
}

@media only screen and (min-width: 1442px) {
    html.css-sticky [class*='section-image'] .sticky {
        max-height: 1316px
    }
}

@media only screen and (max-width: 1068px) {
    html.css-sticky [class*='section-image'] .sticky {
        max-height: 668px
    }
}

@media only screen and (max-width: 735px) {
    html.css-sticky [class*='section-image'] .sticky {
        max-height: 585px
    }
}

@media only screen and (max-width: 735px) {
    html.css-sticky.text-zoom [class*='section-image'] .sticky {
        max-height: none
    }
}

[class*='section-image'] .sticky .content-image {
    background-position: center;
    width: 100%
}

[class*='section-image'] .section-full-width {
    width: 100vw;
    background-color: #fff
}

[class*='section-image'] .sticky-bottom {
    height: 100vh
}

html.no-js [class*='section-image'] .sticky-bottom, html.no-css-sticky [class*='section-image'] .sticky-bottom, html.no-js [class*='section-image'] .sticky-bottom, html.no-css-sticky [class*='section-image'] .sticky-bottom {
    display: none
}

[class*='section-image'] .content-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3), transparent);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), transparent);
    min-height: 710px;
    max-height: 941px
}

[class*='section-image'] .content-container:after {
    height: 25px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    [class*='section-image'] .content-container:after {
        height: 25px
    }
}

@media only screen and (max-width: 735px) {
    [class*='section-image'] .content-container:after {
        height: 22px
    }
}

@media only screen and (min-width: 1442px) {
    [class*='section-image'] .content-container {
        min-height: 920px
    }
}

@media only screen and (max-width: 1068px) {
    [class*='section-image'] .content-container {
        min-height: 530px
    }
}

@media only screen and (min-width: 1442px) {
    [class*='section-image'] .content-container {
        max-height: 1316px
    }
}

@media only screen and (max-width: 1068px) {
    [class*='section-image'] .content-container {
        max-height: 668px
    }
}

@media only screen and (max-width: 735px) {
    [class*='section-image'] .content-container {
        max-height: 585px
    }
}

html.text-zoom [class*='section-image'] .content-container .headline {
    max-width: 100%
}

[class*='section-image'] .content-container .caption:before {
    height: 60px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    [class*='section-image'] .content-container .caption:before {
        height: 50px
    }
}

@media only screen and (max-width: 735px) {
    [class*='section-image'] .content-container .caption:before {
        height: 24px
    }
}

[class*='section-image'] .content-container .caption p+p {
    margin-top: 0.2em
}

@media only screen and (max-width: 735px) {
    html.text-zoom [class*='section-image'] .content-container {
        max-height: none
    }
}

[class*='section-image'] .content-copy {
    background-color: #eff5f8
}

[class*='section-image'] .content-copy:before {
    height: 144px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    [class*='section-image'] .content-copy:before {
        height: 132px
    }
}

@media only screen and (max-width: 735px) {
    [class*='section-image'] .content-copy:before {
        height: 76px
    }
}

[class*='section-image'] .content-copy:after {
    height: 144px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    [class*='section-image'] .content-copy:after {
        height: 132px
    }
}

@media only screen and (max-width: 735px) {
    [class*='section-image'] .content-copy:after {
        height: 76px
    }
}

.section-hero .contentProgram-gallery {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #333
}

.section-hero .contentProgram-gallery-container {
    margin-top: 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

.section-hero .contentProgram-gallery .image-caption-text {
    text-align: center;
    left: 0;
    right: 0
}

.section-hero .contentProgram-gallery .image-caption-text:after {
    height: 69px
}

@media only screen and (max-width: 1068px) {
    .section-hero .contentProgram-gallery .image-caption-text:after {
        height: 68px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .contentProgram-gallery .image-caption-text:after {
        height: 61px
    }
}

@media only screen and (max-width: 735px) {
    html.text-zoom .section-hero .contentProgram-gallery .image-caption-text:after {
        height: 81px
    }
}

.section-hero .contentProgram-intro:before {
    height: 142px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-hero .contentProgram-intro:before {
        height: 114px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .contentProgram-intro:before {
        height: 74px
    }
}

.section-hero .contentProgram-intro:after {
    height: 144px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-hero .contentProgram-intro:after {
        height: 114px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .contentProgram-intro:after {
        height: 74px
    }
}

.section-hero .hero-headline:before {
    height: 436px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-headline:before {
        height: 330px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .hero-headline:before {
        height: 328px
    }
}

.section-hero .hero-headline:after {
    height: 336px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-headline:after {
        height: 245px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .hero-headline:after {
        height: 114px
    }
}

@media only screen and (max-width: 735px) {
    html.text-zoom .section-hero .hero-headline {
        margin-bottom: 40px
    }
}

html.text-zoom .section-hero .hero-headline:before {
    height: 150px
}

.section-hero .hero-headline .headline {
    color: #fff;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 736px) {
    .section-hero .hero-headline .headline {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .hero-headline .headline {
        text-align: center
    }
}

.section-hero .hero-headline .headline--max-width {
    width: 100%;
    max-width: 100%
}

@media only screen and (max-width: 735px) {
    .section-hero .hero-headline .headline--max-width {
        max-width: 420px
    }
}

html.text-zoom .section-hero .hero-headline .headline--max-width {
    max-width: 100%
}

.section-hero .hero-gallery {
    height: 100%
}

.section-hero .hero-gallery .item-container {
    height: 100%
}

.section-hero .hero-gallery .item-container .gallery-item {
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section-hero .hero-gallery .item-container .gallery-item:not(.current) {
    opacity: 0;
    pointer-events: none
}

.section-hero .hero-gallery .item-container .gallery-item .image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), to(rgba(0, 0, 0, 0.5)));
    background: -webkit-linear-gradient(top, transparent 70%, rgba(0, 0, 0, 0.5));
    background: linear-gradient(180deg, transparent 70%, rgba(0, 0, 0, 0.5))
}

.section-hero .hero-gallery .dotnav-wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    bottom: 50px;
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    z-index: 1;
    text-align: center
}

html.aow .section-hero .hero-gallery .dotnav-wrapper {
    display: none
}

@media only screen and (min-width: 1442px) {
    .section-hero .hero-gallery .dotnav-wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-gallery .dotnav-wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .hero-gallery .dotnav-wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-gallery .dotnav-wrapper {
        bottom: 50px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .hero-gallery .dotnav-wrapper {
        bottom: 47px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .hero-gallery .dotnav-wrapper {
        max-width: 335px
    }
}

html.text-zoom .section-hero .hero-gallery .dotnav-wrapper {
    bottom: 65px
}

.section-hero .hero-gallery .dotnav-wrapper .dotnav {
    display: inline-block;
    padding: 0 36px
}

.section-hero .hero-gallery .dotnav-wrapper .dotnav-items .dotnav-item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.322)
}

.section-hero .hero-gallery .dotnav-wrapper .dotnav-items .dotnav-item a.current {
    background-color: #c8c8c8
}

.section-hero .hero-gallery .paddlenav {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 51px
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-gallery .paddlenav {
        bottom: 52px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .hero-gallery .paddlenav {
        bottom: 48px
    }
}

html.text-zoom .section-hero .hero-gallery .paddlenav {
    bottom: 65px
}

.section-hero .hero-gallery .paddlenav ul {
    width: 160px;
    margin-left: auto;
    margin-right: auto
}

html.text-zoom .section-hero .hero-gallery .paddlenav ul {
    width: 240px
}

.section-suppliers:after {
    height: 193px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-suppliers:after {
        height: 152px
    }
}

@media only screen and (max-width: 735px) {
    .section-suppliers:after {
        height: 131px
    }
}

.section-suppliers .content-suppliers:before {
    height: 193px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-suppliers .content-suppliers:before {
        height: 152px
    }
}

@media only screen and (max-width: 735px) {
    .section-suppliers .content-suppliers:before {
        height: 131px
    }
}

.section-suppliers .content-suppliers .headline, .section-suppliers .content-suppliers .intro {
    width: 100%
}

@media only screen and (min-width: 736px) {
    .section-suppliers .content-suppliers .headline, .section-suppliers .content-suppliers .intro {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

.section-suppliers .content-suppliers .headline--max-width {
    max-width: 590px
}

@media only screen and (max-width: 1068px) {
    .section-suppliers .content-suppliers .headline--max-width {
        max-width: 490px
    }
}

.section-suppliers .content-suppliers .intro--max-width {
    max-width: 730px
}

@media only screen and (max-width: 1068px) {
    .section-suppliers .content-suppliers .intro--max-width {
        max-width: 618px
    }
}

@media only screen and (max-width: 735px) {
    .section-suppliers .content-suppliers .intro--max-width {
        max-width: 420px
    }
}

.section-image-standards .headline--max-width {
    max-width: 810px
}

@media only screen and (max-width: 1068px) {
    .section-image-standards .headline--max-width {
        max-width: 610px
    }
}

@media only screen and (max-width: 735px) {
    .section-image-standards .headline--max-width {
        max-width: 310px
    }
}

.section-image-standards .intro--max-width {
    max-width: 710px
}

@media only screen and (max-width: 1068px) {
    .section-image-standards .intro--max-width {
        max-width: 565px
    }
}

@media only screen and (max-width: 735px) {
    .section-image-standards .intro--max-width {
        max-width: 420px
    }
}

.section-image-evolves .headline--max-width {
    max-width: 650px
}

@media only screen and (max-width: 1068px) {
    .section-image-evolves .headline--max-width {
        max-width: 500px
    }
}

@media only screen and (max-width: 735px) {
    .section-image-evolves .headline--max-width {
        max-width: 420px
    }
}

.section-image-evolves .intro--max-width {
    max-width: 820px
}

@media only screen and (max-width: 1068px) {
    .section-image-evolves .intro--max-width {
        max-width: 535px
    }
}

@media only screen and (max-width: 735px) {
    .section-image-evolves .intro--max-width {
        max-width: 420px
    }
}

.section-cards-safe-workplace .headline--max-width {
    max-width: 670px
}

@media only screen and (max-width: 1068px) {
    .section-cards-safe-workplace .headline--max-width {
        max-width: 560px
    }
}

@media only screen and (max-width: 735px) {
    .section-cards-safe-workplace .headline--max-width {
        max-width: 460px
    }
}

.section-cards-safe-workplace .intro--max-width {
    max-width: 630px
}

@media only screen and (max-width: 1068px) {
    .section-cards-safe-workplace .intro--max-width {
        max-width: 567px
    }
}

@media only screen and (max-width: 735px) {
    .section-cards-safe-workplace .intro--max-width {
        max-width: 420px
    }
}

.section-cards-education .headline--max-width {
    max-width: 660px
}

@media only screen and (max-width: 1068px) {
    .section-cards-education .headline--max-width {
        max-width: 550px
    }
}

@media only screen and (max-width: 735px) {
    .section-cards-education .headline--max-width {
        max-width: 293px
    }
}

.section-cards-education .intro--max-width {
    max-width: 590px
}

@media only screen and (max-width: 1068px) {
    .section-cards-education .intro--max-width {
        max-width: 640px
    }
}

@media only screen and (max-width: 735px) {
    .section-cards-education .intro--max-width {
        max-width: 320px
    }
}

@media only screen and (max-width: 735px) {
    html.safari .section-cards-education .card-opportunities .hover-icons-container {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.section-cards-world:after {
    height: 200px;
    content: '';
    display: block
}

.section-cards-world .headline--max-width {
    max-width: 580px
}

@media only screen and (max-width: 1068px) {
    .section-cards-world .headline--max-width {
        max-width: 490px
    }
}

@media only screen and (max-width: 735px) {
    .section-cards-world .headline--max-width {
        max-width: 280px
    }
}

.section-cards-world .intro--max-width {
    max-width: 580px
}

@media only screen and (max-width: 1068px) {
    .section-cards-world .intro--max-width {
        max-width: 635px
    }
}

@media only screen and (max-width: 735px) {
    .section-cards-world .intro--max-width {
        max-width: 420px
    }
}

.section-progress-stats {
    background-color: #fff
}

.section-progress-stats:after {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    content: '';
    display: block;
    height: 1px;
    background-color: #d6d6d6
}

@media only screen and (min-width: 1442px) {
    .section-progress-stats:after {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) {
    .section-progress-stats:after {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width: 735px) {
    .section-progress-stats:after {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

.section-progress-stats .section-content:before {
    height: 190px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-progress-stats .section-content:before {
        height: 152px
    }
}

@media only screen and (max-width: 735px) {
    .section-progress-stats .section-content:before {
        height: 132px
    }
}

.section-progress-stats .section-content:after {
    height: 196px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-progress-stats .section-content:after {
        height: 158px
    }
}

@media only screen and (max-width: 735px) {
    .section-progress-stats .section-content:after {
        height: 132px
    }
}

.section-progress-stats .headline--max-width {
    width: 100%;
    max-width: 696px
}

@media only screen and (max-width: 1068px) {
    .section-progress-stats .headline--max-width {
        max-width: 100%
    }
}

@media only screen and (max-width: 735px) {
    .section-progress-stats .headline--max-width {
        max-width: 210px
    }
}

.section-progress-stats .intro--max-width {
    width: 100%;
    max-width: 616px
}

@media only screen and (max-width: 1068px) {
    .section-progress-stats .intro--max-width {
        max-width: 586px
    }
}

@media only screen and (max-width: 735px) {
    .section-progress-stats .intro--max-width {
        max-width: 420px
    }
}

.section-progress-stats .graph-container:before {
    height: 100px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-progress-stats .graph-container:before {
        height: 74px
    }
}

@media only screen and (max-width: 735px) {
    .section-progress-stats .graph-container:before {
        height: 72px
    }
}

.section-progress-awards {
    background-color: #fff
}

.section-progress-awards .section-content:after {
    height: 184px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-progress-awards .section-content:after {
        height: 142px
    }
}

@media only screen and (max-width: 735px) {
    .section-progress-awards .section-content:after {
        height: 128px
    }
}

@media only screen and (min-width: 736px) {
    .section-progress-awards .headline {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

.section-progress-awards .headline--max-width {
    width: 100%;
    max-width: 570px
}

@media only screen and (max-width: 1068px) {
    .section-progress-awards .headline--max-width {
        max-width: 470px
    }
}

@media only screen and (max-width: 735px) {
    .section-progress-awards .headline--max-width {
        max-width: 320px
    }
}

@media only screen and (min-width: 736px) {
    .section-progress-awards .intro {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

.section-progress-awards .intro--max-width {
    width: 100%;
    max-width: 740px
}

@media only screen and (max-width: 1068px) {
    .section-progress-awards .intro--max-width {
        max-width: 539px
    }
}

@media only screen and (max-width: 735px) {
    .section-progress-awards .intro--max-width {
        max-width: 314px
    }
}

.section-progress-awards .awards:before {
    height: 88px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-progress-awards .awards:before {
        height: 68px
    }
}

.section-progress-awards .awards-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 735px) {
    .section-progress-awards .awards-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 735px) {
    .section-progress-awards .awards-list-item:not(:first-child) {
        margin-top: 45px
    }
}

.section-progress-awards .awards-list-item-title {
    width: 100%
}

@media only screen and (max-width: 1068px) {
    .section-progress-awards .awards-list-item-title--max-width {
        max-width: 205px
    }
}

@media only screen and (max-width: 735px) {
    .section-progress-awards .awards-list-item-title--max-width {
        max-width: 100%
    }
}

.section-progress-awards .awards-list-item-copy {
    width: 100%
}

.section-progress-awards .awards-list-item-copy--max-width {
    max-width: 260px
}

@media only screen and (max-width: 1068px) {
    .section-progress-awards .awards-list-item-copy--max-width {
        max-width: 175px
    }
}

@media only screen and (max-width: 735px) {
    .section-progress-awards .awards-list-item-copy--max-width {
        max-width: 260px
    }
}

.quote-copy {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: 0em;
    font-family:Aeonikpro, sans-serif;
    color: #111
}

.quote-copy>::before, .quote-copy>::after {
    display: inline-block;
    width: 2em
}

.quote-copy>::before {
    content: open-quote;
    margin-left: -2em;
    text-align: right
}

.quote-copy>::after {
    content: close-quote;
    margin-right: -2em;
    text-align: left;
    visibility: hidden
}

.quote-copy>:last-child {
    margin-bottom: 0
}

.quote-copy>:last-child::after {
    visibility: visible
}

.quote-copy:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.quote-copy: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-copy: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
}

.quote-copy:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.quote-copy: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-copy: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-copy {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .quote-copy:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .quote-copy: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-copy: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
    }
    .quote-copy:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .quote-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy: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-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .quote-copy {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .quote-copy:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .quote-copy: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-copy: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
    }
    .quote-copy:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .quote-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy: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-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.quote-copy>:not(:first-child) {
    margin-top: 0.5em
}

.quote-credit {
    font-size: 17px;
    line-height: 1.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif;
    font-weight: 600;
    color: #333;
    display: block
}

.quote-credit:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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.35298;
    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(th) {
    font-size: 17px;
    line-height: 1.52947;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.quote-credit:lang(zh) {
    letter-spacing: 0em
}

.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-subcredit {
    font-size: 17px;
    line-height: 1.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif;
    color: #333;
    display: block
}

.quote-subcredit:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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.35298;
    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(th) {
    font-size: 17px;
    line-height: 1.52947;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.quote-subcredit:lang(zh) {
    letter-spacing: 0em
}

.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-credit:first-of-type, .quote-subcredit:first-of-type {
    margin-top: 1.6em
}

.quote-reduced .quote-copy {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.quote-reduced .quote-copy:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.quote-reduced .quote-copy:lang(ar) {
    line-height: 1.34375;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.quote-reduced .quote-copy: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 .quote-copy: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 .quote-copy:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

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

.quote-reduced .quote-copy: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 .quote-copy: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 .quote-copy {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 400;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy: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 .quote-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy: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 .quote-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .quote-reduced .quote-copy {
        font-size: 24px;
        line-height: 1.33349;
        font-weight: 400;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy:lang(ar) {
        line-height: 1.52099;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .quote-reduced .quote-copy:lang(ja) {
        line-height: 1.375;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(ko) {
        line-height: 1.45849;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy: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 .quote-copy: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:first-of-type, .quote-reduced .quote-subcredit:first-of-type {
    margin-top: 1.2em
}

.section-empowers {
    background-color: #eff5f8;
    overflow: hidden
}

@media only screen and (min-width: 736px) {
    .section-empowers {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

.section-empowers .section-content:before {
    height: 144px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-empowers .section-content:before {
        height: 134px
    }
}

@media only screen and (max-width: 735px) {
    .section-empowers .section-content:before {
        height: 74px
    }
}

.section-empowers .section-content:after {
    height: 144px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-empowers .section-content:after {
        height: 134px
    }
}

@media only screen and (max-width: 735px) {
    .section-empowers .section-content:after {
        height: 74px
    }
}

.section-empowers .quote {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 736px) {
    .section-empowers .quote {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

.section-empowers .quote--max-width {
    width: 100%;
    max-width: 840px
}

@media only screen and (max-width: 1068px) {
    .section-empowers .quote--max-width {
        max-width: 643px
    }
}

@media only screen and (max-width: 735px) {
    .section-empowers .quote--max-width {
        margin-left: 11px;
        max-width: 290px
    }
}

.section-empowers .quote-copy, .section-empowers .quote-credit, .section-empowers .quote-subcredit {
    color: #fff
}

.section-empowers .quote-copy {
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -.009em;
    font-family:Aeonikpro, sans-serif
}

.section-empowers .quote-copy:lang(ar) {
    line-height: 1.20312;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.section-empowers .quote-copy: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
}

.section-empowers .quote-copy: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
}

.section-empowers .quote-copy:lang(th) {
    font-size: 58px;
    line-height: 1.32759;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.section-empowers .quote-copy:lang(zh) {
    letter-spacing: 0em
}

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

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

.section-empowers .quote-copy: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-empowers .quote-copy: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-empowers .quote-copy {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .section-empowers .quote-copy:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-empowers .quote-copy:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-empowers .quote-copy: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-empowers .quote-copy:lang(th) {
        font-size: 43px;
        line-height: 1.34884;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-empowers .quote-copy:lang(zh) {
        letter-spacing: 0em
    }
    .section-empowers .quote-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-empowers .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-empowers .quote-copy: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-empowers .quote-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .section-empowers .quote-copy {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .section-empowers .quote-copy:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-empowers .quote-copy: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-empowers .quote-copy: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
    }
    .section-empowers .quote-copy:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-empowers .quote-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-empowers .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-empowers .quote-copy: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-empowers .quote-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.section-empowers .quote-credit {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.section-empowers .quote-credit:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.section-empowers .quote-credit:lang(ar) {
    line-height: 1.35417;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.section-empowers .quote-credit: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
}

.section-empowers .quote-credit: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
}

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

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

.section-empowers .quote-credit: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-empowers .quote-credit: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-empowers .quote-credit {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .section-empowers .quote-credit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-empowers .quote-credit: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-empowers .quote-credit: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
    }
    .section-empowers .quote-credit:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-empowers .quote-credit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-empowers .quote-credit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-empowers .quote-credit: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-empowers .quote-credit:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.section-empowers .quote-subcredit {
    font-size: 24px;
    line-height: 1.33349;
    font-weight: 400;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.section-empowers .quote-subcredit:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.section-empowers .quote-subcredit:lang(ar) {
    line-height: 1.52099;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

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

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

.section-empowers .quote-subcredit: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-empowers .quote-subcredit: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-empowers .quote-subcredit {
        font-size: 21px;
        line-height: 1.38105;
        font-weight: 400;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .section-empowers .quote-subcredit:lang(th) {
        font-size: 21px;
        line-height: 1.57143;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-empowers .quote-subcredit:lang(ar) {
        line-height: 1.54762;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-empowers .quote-subcredit:lang(ja) {
        line-height: 1.42863;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-empowers .quote-subcredit: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-empowers .quote-subcredit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-empowers .quote-subcredit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-empowers .quote-subcredit: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-empowers .quote-subcredit:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.section-download .section-content:before {
    height: 150px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-download .section-content:before {
        height: 140px
    }
}

@media only screen and (max-width: 735px) {
    .section-download .section-content:before {
        height: 80px
    }
}

.section-download .section-content:after {
    height: 128px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-download .section-content:after {
        height: 122px
    }
}

@media only screen and (max-width: 735px) {
    .section-download .section-content:after {
        height: 58px
    }
}

@media only screen and (min-width: 736px) {
    .section-download .image {
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 736px) {
    .section-download .headline, .section-download .cta-content {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

.section-download .headline:before {
    height: 38px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-download .headline:before {
        height: 40px
    }
}

@media only screen and (max-width: 735px) {
    .section-download .headline:before {
        height: 28px
    }
}

.section-download .headline--max-width {
    width: 100%;
    max-width: 607px
}

@media only screen and (max-width: 1068px) {
    .section-download .headline--max-width {
        max-width: 500px
    }
}

@media only screen and (max-width: 735px) {
    .section-download .headline--max-width {
        max-width: 410px
    }
}

.section-download .cta-content {
    margin-top: 0
}

.section-download .cta-content:before {
    height: 28px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-download .cta-content:before {
        height: 30px
    }
}

@media only screen and (max-width: 735px) {
    .section-download .cta-content:before {
        height: 22px
    }
}

@media only screen and (min-width: 1069px) {
    .section-download .cta-content .cta:not(:last-child) {
        margin-right: 27px
    }
}

@media only screen and (max-width: 1068px) {
    .section-download .cta-content .cta {
        display: block
    }
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
    .section-download .cta-content .cta:not(:last-child) {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 1068px) and (max-width: 735px) {
    .section-download .cta-content .cta:not(:last-child) {
        margin-bottom: 16px
    }
}

html:not(.with-newsroom) .section-reports-additional:after {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    content: '';
    display: block;
    height: 1px;
    background-color: #d6d6d6
}

@media only screen and (min-width: 1442px) {
    html:not(.with-newsroom) .section-reports-additional:after {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) {
    html:not(.with-newsroom) .section-reports-additional:after {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width: 735px) {
    html:not(.with-newsroom) .section-reports-additional:after {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

@media only screen and (max-width: 735px) {
    .section-reports-additional:after {
        max-width: 335px
    }
}

.section-reports-additional:before {
    height: 128px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-reports-additional:before {
        height: 120px
    }
}

@media only screen and (max-width: 735px) {
    .section-reports-additional:before {
        height: 58px
    }
}

@media only screen and (min-width: 736px) {
    .section-reports-additional .headline {
        text-align: center
    }
}

.section-reports-additional .headline:after {
    height: 86px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-reports-additional .headline:after {
        height: 68px
    }
}

@media only screen and (max-width: 735px) {
    .section-reports-additional .headline:after {
        height: 46px
    }
}

.section-reports-additional .section-content:after {
    height: 142px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-reports-additional .section-content:after {
        height: 132px
    }
}

@media only screen and (max-width: 735px) {
    .section-reports-additional .section-content:after {
        height: 72px
    }
}

.section-reports-additional .row {
    margin-top: 0
}

.section-reports-additional .column:first-child .subhead:not(:first-child) {
    padding-top: 4px
}

@media only screen and (max-width: 1068px) {
    .section-reports-additional .column:first-child .subhead:not(:first-child) {
        padding-top: 22px
    }
}

@media only screen and (max-width: 735px) {
    .section-reports-additional .column:first-child .subhead:not(:first-child) {
        padding-top: 0
    }
}

@media only screen and (max-width: 735px) {
    .section-reports-additional .column:not(:first-child) {
        margin-top: 32px
    }
}

.section-reports-additional .subhead {
    margin-bottom: 0.6em
}

.section-reports-additional .list {
    list-style: none;
    margin-left: 0
}

.section-reports-additional .report-list-item:not(:last-child) {
    margin-bottom: 12px
}

@media only screen and (max-width: 1068px) {
    .section-reports-additional .report-list-item:not(:last-child) {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 735px) {
    .section-reports-additional .report-list-item:not(:last-child) {
        margin-bottom: 18px
    }
}

.section-reports-additional .report-list-item-cta {
    margin-top: 0
}

.section-reports-previous .section-content {
    position: relative
}

.section-reports-previous [data-drawer-content]:after {
    height: 56px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-reports-previous [data-drawer-content]:after {
        height: 36px
    }
}

@media only screen and (max-width: 735px) {
    .section-reports-previous [data-drawer-content]:after {
        height: 16px
    }
}

.section-reports-previous .drawer-toggle-wrapper {
    display: inline-block
}

@media only screen and (max-width: 735px) {
    .section-reports-previous .drawer-toggle-wrapper {
        font-weight: 500;
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
}

@media only screen and (max-width: 735px) and (min-width: 736px) {
    .section-reports-previous .drawer-toggle-wrapper {
        text-align: center
    }
}

@media only screen and (max-width: 735px) {
    .section-reports-previous .drawer-toggle-wrapper:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-reports-previous .drawer-toggle-wrapper: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-reports-previous .drawer-toggle-wrapper: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
    }
    .section-reports-previous .drawer-toggle-wrapper:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-reports-previous .drawer-toggle-wrapper:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-reports-previous .drawer-toggle-wrapper:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-reports-previous .drawer-toggle-wrapper: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-reports-previous .drawer-toggle-wrapper:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) and (max-width: 735px) {
    .section-reports-previous .drawer-toggle-wrapper {
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 600;
        letter-spacing: .012em;
        font-family:Aeonikpro, sans-serif
    }
    .section-reports-previous .drawer-toggle-wrapper:lang(th) {
        font-size: 19px;
        line-height: 1.57895;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .section-reports-previous .drawer-toggle-wrapper:lang(ar) {
        line-height: 1.39474;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .section-reports-previous .drawer-toggle-wrapper: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-reports-previous .drawer-toggle-wrapper:lang(ko) {
        line-height: 1.34211;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-reports-previous .drawer-toggle-wrapper:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-reports-previous .drawer-toggle-wrapper:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .section-reports-previous .drawer-toggle-wrapper: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-reports-previous .drawer-toggle-wrapper:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.section-reports-previous .drawer-toggle-wrapper .toggle-keyline {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 1px;
    background: #d6d6d6
}

.section-reports-previous .drawer-toggle-wrapper .icon {
    font-weight: 400
}

.section-reports-previous .drawer-toggle-wrapper .drawer-toggle {
    background: #fff;
    padding: 0 18px
}

@media only screen and (max-width: 1068px) {
    .section-reports-previous .drawer-toggle-wrapper .drawer-toggle {
        padding: 0 30px
    }
}

@media only screen and (max-width: 735px) {
    .section-reports-previous .drawer-toggle-wrapper .drawer-toggle {
        padding: 0 18px
    }
}

@media only screen and (min-width: 736px) {
    .section-reports-previous .headline {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

.section-reports-previous .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 735px) {
    .section-reports-previous .grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.section-reports-previous .report-content {
    margin-top: 0
}

.section-reports-previous .report-content:before {
    height: 86px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-reports-previous .report-content:before {
        height: 68px
    }
}

@media only screen and (max-width: 735px) {
    .section-reports-previous .report-content:before {
        height: 46px
    }
}

.section-reports-previous .report-list {
    margin-left: 0;
    list-style: none;
    width: 100%
}

.section-reports-previous .report-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25%
}

@media only screen and (max-width: 1068px) {
    .section-reports-previous .report-list-item {
        width: 33.33333%
    }
}

@media only screen and (max-width: 735px) {
    .section-reports-previous .report-list-item {
        width: 100%
    }
}

.section-reports-previous .report-list-item-title {
    margin-bottom: 0
}

.section-reports-previous .report-list-item-title--max-width {
    width: 100%;
    max-width: 200px
}

@media only screen and (max-width: 735px) {
    .section-reports-previous .report-list-item-title--max-width {
        max-width: 360px
    }
}

.section-reports-previous .report-list-item-cta {
    position: relative;
    margin-top: 0
}

.section-reports-previous .report-list-item-cta .cta {
    margin-top: 10px;
    display: inline-block
}

.section-reports-previous .report-list-item:nth-child(n+5) {
    margin-top: 31px
}

@media only screen and (max-width: 1068px) {
    .section-reports-previous .report-list-item:nth-child(n+4) {
        margin-top: 30px
    }
}

@media only screen and (max-width: 735px) {
    .section-reports-previous .report-list-item:not(:first-child) {
        margin-top: 34px
    }
}

#newsroom-item-template {
    display: none
}

.section-newsroom {
    --transition-duration: 0.25s;
    --image-size: 480px;
    background-color: #eff5f8
}

@media only screen and (max-width: 1068px) {
    .section-newsroom {
        --image-size: 336px
    }
}

@media only screen and (max-width: 735px) {
    .section-newsroom {
        --image-size: 280px
    }
}

.section-newsroom:before {
    height: 128px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-newsroom:before {
        height: 120px
    }
}

@media only screen and (max-width: 735px) {
    .section-newsroom:before {
        height: 58px
    }
}

.section-newsroom .headline {
    max-width: 480px
}

@media only screen and (max-width: 1068px) {
    .section-newsroom .headline {
        max-width: 410px
    }
}

@media only screen and (max-width: 735px) {
    .section-newsroom .headline {
        max-width: 320px
    }
}

@media only screen and (min-width: 736px) {
    .section-newsroom .headline {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

.section-newsroom .headline:after {
    height: 66px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-newsroom .headline:after {
        height: 48px
    }
}

@media only screen and (max-width: 735px) {
    .section-newsroom .headline:after {
        height: 26px
    }
}

.section-newsroom .section-gallery {
    overflow: hidden
}

.section-newsroom .section-gallery:after {
    height: 82px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-newsroom .section-gallery:after {
        height: 78px
    }
}

@media only screen and (max-width: 735px) {
    .section-newsroom .section-gallery:after {
        height: 34px
    }
}

.section-newsroom .gallery {
    position: relative;
    --viewport-content: 980px;
    --grid-gap: 20px;
    --scroll-duration: 0.7
}

@media only screen and (max-width: 1068px) {
    .section-newsroom .gallery {
        --viewport-content: 692px
    }
}

@media only screen and (max-width: 735px) {
    .section-newsroom .gallery {
        --viewport-content: 87.5%
    }
}

.section-newsroom .gallery.no-scroll-overflow .paddlenav {
    display: none
}

.section-newsroom .gallery .gallery-content {
    overflow-x: scroll;
    overflow-y: hidden;
    --padding-bottom: var(--grid-gap);
    padding-bottom: var(--padding-bottom);
    margin-bottom: calc(-1 * var(--padding-bottom));
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--padding-bottom)), 0% calc(100% - var(--padding-bottom)));
    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--padding-bottom)), 0% calc(100% - var(--padding-bottom)))
}

html.touch .section-newsroom .gallery .gallery-content {
    -webkit-overflow-scrolling: touch
}

html.edge .section-newsroom .gallery .gallery-content {
    -ms-overflow-style: none
}

.section-newsroom .gallery .item-container {
    display: grid;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    grid-gap: var(--grid-gap);
    grid-template: 1fr / -webkit-min-content;
    grid-template: 1fr / min-content;
    list-style: none;
    --padding: calc((100% - var(--viewport-content)) / 2);
    padding-left: var(--padding);
    padding-right: var(--padding);
    margin: auto;
    padding-top: 20px;
    padding-bottom: 30px
}

html.edge .section-newsroom .gallery .item-container .gallery-item:only-child {
    grid-column: 1 / 3;
    width: 100%
}

html.edge .section-newsroom .gallery .item-container .gallery-item:only-child .newsroom-item {
    width: var(--image-size);
    margin: 0 auto
}

.section-newsroom .gallery .gallery-item {
    width: var(--image-size);
    grid-row: 1
}

.section-newsroom .gallery .paddlenav {
    color: #111
}

.section-newsroom .gallery .paddlenav ul {
    width: 80px
}

.section-newsroom .newsroom-item {
    position: relative;
    display: block;
    height: 100%
}

.section-newsroom .newsroom-item-article {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: -webkit-box-shadow var(--transition-duration);
    transition: -webkit-box-shadow var(--transition-duration);
    transition: box-shadow var(--transition-duration);
    transition: box-shadow var(--transition-duration), -webkit-box-shadow var(--transition-duration);
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.section-newsroom .newsroom-item-image {
    height: 270px;
    width: 480px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    -webkit-transition: height var(--transition-duration);
    transition: height var(--transition-duration)
}

@media only screen and (max-width: 1068px) {
    .section-newsroom .newsroom-item-image {
        height: 189px
    }
}

@media only screen and (max-width: 735px) {
    .section-newsroom .newsroom-item-image {
        height: 157.5px
    }
}

@media only screen and (max-width: 1068px) {
    .section-newsroom .newsroom-item-image {
        width: 336px
    }
}

@media only screen and (max-width: 735px) {
    .section-newsroom .newsroom-item-image {
        width: 280px
    }
}

.section-newsroom .newsroom-item-picture {
    -webkit-transition: -webkit-transform var(--transition-duration);
    transition: -webkit-transform var(--transition-duration);
    transition: transform var(--transition-duration);
    transition: transform var(--transition-duration), -webkit-transform var(--transition-duration);
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 270px;
    display: block;
    position: relative
}

@media only screen and (max-width: 1068px) {
    .section-newsroom .newsroom-item-picture {
        height: 189px
    }
}

@media only screen and (max-width: 735px) {
    .section-newsroom .newsroom-item-picture {
        height: 157.5px
    }
}

.section-newsroom .newsroom-item-picture:after {
    opacity: 0;
    -webkit-transition: var(--transition-duration);
    transition: var(--transition-duration);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000
}

.section-newsroom .newsroom-item-picture img {
    width: 100%
}

.section-newsroom .newsroom-item-content, .section-newsroom .newsroom-item-header-container, .section-newsroom .newsroom-item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.section-newsroom .newsroom-item-content {
    -webkit-transition: padding-bottom var(--transition-duration) ease;
    transition: padding-bottom var(--transition-duration) ease;
    padding: 24px 18px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.section-newsroom .newsroom-item-header-container {
    position: relative
}

.section-newsroom .newsroom-item-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-newsroom .newsroom-item-title {
    margin-bottom: 16px
}

@media only screen and (max-width: 1068px) {
    .section-newsroom .newsroom-item-title {
        margin-bottom: 13px
    }
}

@media only screen and (max-width: 735px) {
    .section-newsroom .newsroom-item-title {
        margin-bottom: 12px
    }
}

.section-newsroom .newsroom-item-time {
    color: #6e6e73;
    font-size: 12px
}

.section-newsroom .newsroom-item-description {
    opacity: 0;
    -webkit-transition: opacity 0.05s ease;
    transition: opacity 0.05s ease;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    color: #6e6e73;
    position: absolute;
    left: 0;
    bottom: -16px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.section-newsroom .newsroom-item:hover {
    text-decoration: none
}

html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:hover, html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:focus:not([data-focus-method*="mouse"]) {
    text-decoration: none
}

html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:hover .newsroom-item-article, html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-article {
    -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.04), -10px 0 20px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.04), -10px 0 20px 0px rgba(0, 0, 0, 0.04)
}

html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:hover .newsroom-item-image, html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-image {
    height: 222px
}

@media only screen and (max-width: 1068px) {
    html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:hover .newsroom-item-image, html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-image {
        height: 141px
    }
}

@media only screen and (max-width: 735px) {
    html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:hover .newsroom-item-image, html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-image {
        height: 109.5px
    }
}

html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:hover .newsroom-item-picture, html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-picture {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:hover .newsroom-item-picture:after, html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-picture:after {
    opacity: 0.15
}

html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:hover .newsroom-item-content, html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-content {
    padding-bottom: 72px
}

html.no-reduced-motion.no-touch.text-zoom .section-newsroom .newsroom-item:hover .newsroom-item-content, html.no-reduced-motion.no-touch.text-zoom .section-newsroom .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-content {
    padding-bottom: 100px
}

html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:hover .newsroom-item-description, html.no-reduced-motion.no-touch .section-newsroom .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-description {
    opacity: 1;
    -webkit-transition-delay: calc(var(--transition-duration) * 0.8);
    transition-delay: calc(var(--transition-duration) * 0.8);
    -webkit-transition-duration: calc(var(--transition-duration) * 0.8);
    transition-duration: calc(var(--transition-duration) * 0.8)
}

html.no-reduced-motion.touch .section-newsroom .newsroom-item.hover {
    text-decoration: none
}

html.no-reduced-motion.touch .section-newsroom .newsroom-item.hover .newsroom-item-article {
    -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.04), -10px 0 20px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.04), -10px 0 20px 0px rgba(0, 0, 0, 0.04)
}

html.no-reduced-motion.touch .section-newsroom .newsroom-item.hover .newsroom-item-image {
    height: 222px
}

@media only screen and (max-width: 1068px) {
    html.no-reduced-motion.touch .section-newsroom .newsroom-item.hover .newsroom-item-image {
        height: 141px
    }
}

@media only screen and (max-width: 735px) {
    html.no-reduced-motion.touch .section-newsroom .newsroom-item.hover .newsroom-item-image {
        height: 109.5px
    }
}

html.no-reduced-motion.touch .section-newsroom .newsroom-item.hover .newsroom-item-picture {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

html.no-reduced-motion.touch .section-newsroom .newsroom-item.hover .newsroom-item-picture:after {
    opacity: 0.15
}

html.no-reduced-motion.touch .section-newsroom .newsroom-item.hover .newsroom-item-content {
    padding-bottom: 72px
}

html.no-reduced-motion.touch.text-zoom .section-newsroom .newsroom-item.hover .newsroom-item-content {
    padding-bottom: 100px
}

html.no-reduced-motion.touch .section-newsroom .newsroom-item.hover .newsroom-item-description {
    opacity: 1;
    -webkit-transition-delay: calc(var(--transition-duration) * 0.8);
    transition-delay: calc(var(--transition-duration) * 0.8);
    -webkit-transition-duration: calc(var(--transition-duration) * 0.8);
    transition-duration: calc(var(--transition-duration) * 0.8)
}

.section-feedback .section-content {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.section-feedback .section-content:before {
    height: 100px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-feedback .section-content:before {
        height: 80px
    }
}

.section-feedback .section-content:after {
    height: 92px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-feedback .section-content:after {
        height: 72px
    }
}

.section-feedback .image {
    margin-left: auto;
    margin-right: auto
}

.section-feedback .headline:before {
    height: 14px;
    content: '';
    display: block
}

@media only screen and (max-width: 1068px) {
    .section-feedback .headline:before {
        height: 10px
    }
}

@media only screen and (max-width: 735px) {
    .section-feedback .headline:before {
        height: 13px
    }
}

.section-feedback .cta-container {
    margin-top: 0
}

.section-feedback .cta-container:before {
    height: 0;
    content: '';
    display: block
}

@media only screen and (max-width: 735px) {
    .section-feedback .cta-container:before {
        height: 15px
    }
}

:root {
    --globalnav-height: 44px;
    --localnav-height: 52px
}

@media only screen and (max-width: 768px) {
    :root {
        --globalnav-height: 48px;
        --localnav-height: 48px
    }
}

:root {
    --viewport-vertical-medium: 710;
    --viewport-medium: 1068px;
    --viewport-vertical-small: 710;
    --viewport-small: 734px
}

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;
    -webkit-box-sizing: content-box;
    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:Aeonikpro, sans-serif;
    font-size: 106.25%;
    quotes: "“" "”"
}

[lang]:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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",Aeonikpro, 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(fr) {
    quotes: "« " " »"
}

:lang(es-ES) {
    quotes: "«" "»"
}

:lang(hu) {
    quotes: "„" "“"
}

:lang(ja-JP) {
    quotes: "「" "」"
}

:lang(no-NO) {
    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:Aeonikpro, 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",Aeonikpro, 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",Aeonikpro, 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: 0.6em;
    vertical-align: baseline
}

sup {
    top: -0.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
}

abbr {
    border: 0
}

:lang(ja), :lang(ko), :lang(th), :lang(zh) {
    font-style: normal
}

:lang(ko) {
    word-break: keep-all
}

.justify-content-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-content-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-content-spacebetween {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-content-spacearound {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.align-items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.align-items-end {
    -webkit-box-align: 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
}

.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 {
        -webkit-filter: invert(1);
        filter: invert(1)
    }
}

.nowrap {
    display: inline-block;
    text-decoration: inherit;
    white-space: nowrap
}

.clear {
    clear: both
}

.cursor-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.cursor-grabbing {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

.row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.column {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    min-width: 0px
}

.large-offset-0 {
    margin-left: 0
}

.large-order-0 {
    -webkit-box-ordinal-group: 1;
    -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 {
    -webkit-box-ordinal-group: 2;
    -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 {
    -webkit-box-ordinal-group: 3;
    -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 {
    -webkit-box-ordinal-group: 4;
    -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 {
    -webkit-box-ordinal-group: 5;
    -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 {
    -webkit-box-ordinal-group: 6;
    -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 {
    -webkit-box-ordinal-group: 7;
    -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 {
    -webkit-box-ordinal-group: 8;
    -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 {
    -webkit-box-ordinal-group: 9;
    -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 {
    -webkit-box-ordinal-group: 10;
    -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 {
    -webkit-box-ordinal-group: 11;
    -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 {
    -webkit-box-ordinal-group: 12;
    -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 {
    -webkit-box-ordinal-group: 13;
    -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 {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: initial
}

.large-ungrow {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    max-width: initial
}

@media only screen and (min-width: 1441px) {
    .xlarge-offset-0 {
        margin-left: 0
    }
    .xlarge-order-0 {
        -webkit-box-ordinal-group: 1;
        -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 {
        -webkit-box-ordinal-group: 2;
        -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 {
        -webkit-box-ordinal-group: 3;
        -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 {
        -webkit-box-ordinal-group: 4;
        -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 {
        -webkit-box-ordinal-group: 5;
        -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 {
        -webkit-box-ordinal-group: 6;
        -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 {
        -webkit-box-ordinal-group: 7;
        -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 {
        -webkit-box-ordinal-group: 8;
        -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 {
        -webkit-box-ordinal-group: 9;
        -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 {
        -webkit-box-ordinal-group: 10;
        -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 {
        -webkit-box-ordinal-group: 11;
        -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 {
        -webkit-box-ordinal-group: 12;
        -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 {
        -webkit-box-ordinal-group: 13;
        -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 {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        max-width: initial
    }
    .xlarge-ungrow {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        max-width: initial
    }
}

@media only screen and (max-width: 1068px) {
    .medium-offset-0 {
        margin-left: 0
    }
    .medium-order-0 {
        -webkit-box-ordinal-group: 1;
        -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 {
        -webkit-box-ordinal-group: 2;
        -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 {
        -webkit-box-ordinal-group: 3;
        -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 {
        -webkit-box-ordinal-group: 4;
        -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 {
        -webkit-box-ordinal-group: 5;
        -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 {
        -webkit-box-ordinal-group: 6;
        -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 {
        -webkit-box-ordinal-group: 7;
        -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 {
        -webkit-box-ordinal-group: 8;
        -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 {
        -webkit-box-ordinal-group: 9;
        -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 {
        -webkit-box-ordinal-group: 10;
        -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 {
        -webkit-box-ordinal-group: 11;
        -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 {
        -webkit-box-ordinal-group: 12;
        -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 {
        -webkit-box-ordinal-group: 13;
        -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 {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        max-width: initial
    }
    .medium-ungrow {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        max-width: initial
    }
}

@media only screen and (max-width: 734px) {
    .small-offset-0 {
        margin-left: 0
    }
    .small-order-0 {
        -webkit-box-ordinal-group: 1;
        -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 {
        -webkit-box-ordinal-group: 2;
        -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 {
        -webkit-box-ordinal-group: 3;
        -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 {
        -webkit-box-ordinal-group: 4;
        -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 {
        -webkit-box-ordinal-group: 5;
        -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 {
        -webkit-box-ordinal-group: 6;
        -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 {
        -webkit-box-ordinal-group: 7;
        -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 {
        -webkit-box-ordinal-group: 8;
        -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 {
        -webkit-box-ordinal-group: 9;
        -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 {
        -webkit-box-ordinal-group: 10;
        -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 {
        -webkit-box-ordinal-group: 11;
        -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 {
        -webkit-box-ordinal-group: 12;
        -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 {
        -webkit-box-ordinal-group: 13;
        -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 {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        max-width: initial
    }
    .small-ungrow {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        max-width: initial
    }
}

.row-reverse .column {
    -webkit-box-sizing: border-box;
    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
    }
}

.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-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
}

a.icon-wrapper {
    text-decoration: none
}

a.icon-wrapper:hover .icon-copy {
    text-decoration: underline
}

html[dir=rtl] .icon-external::before, html[dir=rtl] .icon-external::after {
    content: ""
}

html[dir=rtl] .icon-wrapper {
    unicode-bidi: bidi-override
}

html[dir=rtl] .icon-copy {
    unicode-bidi: embed
}

: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
    }
}

br.large {
    display: block
}

@media only screen and (max-width: 1068px) {
    br.large {
        display: none
    }
}

@media only screen and (max-width: 734px) {
    br.large {
        display: none
    }
}

br.medium {
    display: none
}

@media only screen and (max-width: 1068px) {
    br.medium {
        display: block
    }
}

@media only screen and (max-width: 734px) {
    br.medium {
        display: none
    }
}

br.small {
    display: none
}

@media only screen and (max-width: 1068px) {
    br.small {
        display: none
    }
}

@media only screen and (max-width: 734px) {
    br.small {
        display: block
    }
}

.dotnav {
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dotnav ul {
    margin: 0;
    list-style: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -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%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.dotnav-item:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
    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) {
    -webkit-box-shadow: none;
    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
}

.sosumi {
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family:Aeonikpro, sans-serif;
    color: #86868b
}

.sosumi:lang(ar) {
    line-height: 1.66667;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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",Aeonikpro, 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: .4em
}

.sosumi small {
    font-size: 1em
}

.sosumi>:last-child {
    margin-bottom: -.4em
}

.sosumi a {
    color: #515154
}

.typography-intro {
    font-size: 21px;
    line-height: 1.381;
    font-weight: 400;
    letter-spacing: .011em;
    font-family:Aeonikpro, sans-serif
}

.typography-intro:lang(ar) {
    line-height: 1.52381;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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",Aeonikpro, 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:Aeonikpro, sans-serif
    }
    .typography-intro:lang(ar) {
        line-height: 1.57895;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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",Aeonikpro, 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-label {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.typography-label:lang(ar) {
    line-height: 1.33341;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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",Aeonikpro, 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:Aeonikpro, 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",Aeonikpro, sans-serif
    }
    .typography-label:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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-caption {
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family:Aeonikpro, sans-serif
}

.typography-caption:lang(ar) {
    line-height: 1.66667;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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",Aeonikpro, 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:Aeonikpro, sans-serif
}

.typography-sosumi:lang(ar) {
    line-height: 1.66667;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, 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",Aeonikpro, 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-product {
    font-size: 270px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family:Aeonikpro, sans-serif
}

.typography-hero-product:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-hero-product: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-product: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-product:lang(zh) {
    letter-spacing: 0em
}

.typography-hero-product:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-hero-product {
        font-size: 175px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-hero-product:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-hero-product: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-product: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-product:lang(zh) {
        letter-spacing: 0em
    }
    .typography-hero-product:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-hero-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-hero-product {
        font-size: 88px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: -.015em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-hero-product:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-hero-product: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-product: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-product:lang(zh) {
        letter-spacing: 0em
    }
    .typography-hero-product:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-hero-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-product:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-hero-headline {
    font-size: 96px;
    line-height: 1.04167;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family:Aeonikpro, sans-serif
}

.typography-hero-headline:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-hero-headline: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-headline:lang(ko) {
    line-height: 1.14615;
    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-headline:lang(zh) {
    letter-spacing: 0em
}

.typography-hero-headline:lang(th) {
    line-height: 1.34375;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-hero-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-hero-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-hero-headline {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 600;
        letter-spacing: -.009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-hero-headline:lang(ar) {
        line-height: 1.20312;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-hero-headline: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-hero-headline: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-hero-headline:lang(zh) {
        letter-spacing: 0em
    }
    .typography-hero-headline:lang(th) {
        line-height: 1.34375;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-hero-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-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-hero-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-hero-headline {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-hero-headline:lang(ar) {
        line-height: 1.3;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-hero-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-hero-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-hero-headline:lang(th) {
        line-height: 1.35;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-hero-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-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-hero-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-hero-subhead {
    font-size: 48px;
    line-height: 1.08349;
    font-weight: 600;
    letter-spacing: -.003em;
    font-family:Aeonikpro, sans-serif
}

.typography-hero-subhead:lang(ar) {
    line-height: 1.25;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-hero-subhead: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-hero-subhead: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-hero-subhead:lang(zh) {
    letter-spacing: 0em
}

.typography-hero-subhead:lang(th) {
    line-height: 1.33349;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-hero-subhead: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-subhead: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-subhead {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-hero-subhead:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-hero-subhead: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-hero-subhead: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-hero-subhead:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-hero-subhead:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-subhead:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-subhead: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-subhead: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-subhead {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-hero-subhead: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-hero-subhead: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-hero-subhead:lang(th) {
        line-height: 1.381;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-hero-subhead:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-hero-subhead:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-subhead:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-subhead: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-subhead:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-hero-cta {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.typography-hero-cta:lang(ar) {
    line-height: 1.33341;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-hero-cta: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-hero-cta: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-hero-cta:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-hero-cta: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-cta: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-cta {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-hero-cta: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-hero-cta: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-hero-cta:lang(th) {
        line-height: 1.381;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-hero-cta:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-hero-cta:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-cta:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-cta: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-cta: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-cta {
        font-size: 17px;
        line-height: 1.23536;
        font-weight: 600;
        letter-spacing: -.022em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-hero-cta:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-hero-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
    }
    .typography-hero-cta: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-hero-cta:lang(zh) {
        letter-spacing: 0em
    }
    .typography-hero-cta:lang(th) {
        line-height: 1.35296;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-hero-cta:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-cta:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-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
    }
    .typography-hero-cta:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-hero-availability {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 400;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.typography-hero-availability:lang(ar) {
    line-height: 1.33341;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-hero-availability: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-hero-availability: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-hero-availability:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-hero-availability: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-availability: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-availability {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 400;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-hero-availability: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-hero-availability: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-hero-availability:lang(th) {
        line-height: 1.381;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-hero-availability:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-hero-availability:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-availability:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-availability: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-availability: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-availability {
        font-size: 17px;
        line-height: 1.23536;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-hero-availability:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-hero-availability: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-hero-availability: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-hero-availability:lang(zh) {
        letter-spacing: 0em
    }
    .typography-hero-availability:lang(th) {
        line-height: 1.35296;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-hero-availability:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-availability:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-availability: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-hero-availability:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-section-eyebrow {
    font-size: 28px;
    line-height: 1.14286;
    font-weight: 600;
    letter-spacing: .007em;
    font-family:Aeonikpro, sans-serif
}

.typography-section-eyebrow: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-section-eyebrow:lang(th) {
    line-height: 1.39286;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.typography-section-eyebrow:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

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

.typography-section-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-section-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-section-eyebrow {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-section-eyebrow:lang(ar) {
        line-height: 1.33341;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-section-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-section-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-section-eyebrow:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-section-eyebrow:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-section-eyebrow:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-section-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-section-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: 734px) {
    .typography-section-eyebrow {
        font-size: 19px;
        line-height: 1.21053;
        font-weight: 600;
        letter-spacing: .012em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-section-eyebrow:lang(ar) {
        line-height: 1.36844;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-section-eyebrow: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-section-eyebrow: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-section-eyebrow:lang(th) {
        line-height: 1.36844;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-section-eyebrow:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-section-eyebrow:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-section-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-section-eyebrow:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-section-headline {
    font-size: 96px;
    line-height: 1.04167;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family: Aeonikpro, sans-serif;
}

.typography-section-headline:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-section-headline: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-section-headline:lang(ko) {
    line-height: 1.14615;
    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-section-headline:lang(zh) {
    letter-spacing: 0em
}

.typography-section-headline:lang(th) {
    line-height: 1.34375;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-section-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-section-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-section-headline {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 600;
        letter-spacing: -.009em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-section-headline:lang(ar) {
        line-height: 1.20312;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-section-headline: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-section-headline: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-section-headline:lang(zh) {
        letter-spacing: 0em
    }
    .typography-section-headline:lang(th) {
        line-height: 1.34375;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-section-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-section-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-section-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-section-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-section-headline {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-section-headline:lang(ar) {
        line-height: 1.3;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-section-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-section-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-section-headline:lang(th) {
        line-height: 1.35;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-section-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-section-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-section-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-section-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-feature-subhead {
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -.009em;
    font-family:Aeonikpro, sans-serif
}

.typography-feature-subhead:lang(ar) {
    line-height: 1.20312;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-feature-subhead: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-feature-subhead: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-feature-subhead:lang(zh) {
    letter-spacing: 0em
}

.typography-feature-subhead:lang(th) {
    line-height: 1.34375;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-feature-subhead: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-feature-subhead: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-feature-subhead {
        font-size: 48px;
        line-height: 1.08349;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-feature-subhead:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-feature-subhead: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-feature-subhead: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-feature-subhead:lang(zh) {
        letter-spacing: 0em
    }
    .typography-feature-subhead:lang(th) {
        line-height: 1.33349;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-feature-subhead:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-feature-subhead:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-feature-subhead: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-feature-subhead: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-feature-subhead {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-feature-subhead: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-feature-subhead:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-feature-subhead:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-feature-subhead: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-feature-subhead:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-feature-subhead:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-feature-subhead: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-feature-subhead:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-overview-body {
    font-size: 17px;
    line-height: 1.35296;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif
}

.typography-overview-body:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-overview-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-overview-body: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
}

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

.typography-overview-body:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-overview-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-overview-body: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: 734px) {
    .typography-overview-body {
        font-size: 17px;
        line-height: 1.47059;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-overview-body:lang(ar) {
        line-height: 1.58824;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-overview-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-overview-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-overview-body:lang(zh) {
        letter-spacing: 0em
    }
    .typography-overview-body:lang(th) {
        line-height: 1.35296;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-overview-body:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-overview-body:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-overview-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-overview-body:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-router-headline {
    font-size: 56px;
    line-height: 1.07143;
    font-weight: 600;
    letter-spacing: -.005em;
    font-family:Aeonikpro, sans-serif
}

.typography-router-headline:lang(ar) {
    line-height: 1.21429;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-router-headline:lang(ja) {
    line-height: 1.125;
    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-router-headline:lang(ko) {
    line-height: 1.17865;
    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-router-headline:lang(zh) {
    letter-spacing: 0em
}

.typography-router-headline:lang(th) {
    line-height: 1.33929;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-router-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-router-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-router-headline {
        font-size: 44px;
        line-height: 1.09091;
        font-weight: 600;
        letter-spacing: -.002em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-router-headline:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-router-headline: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-router-headline: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-router-headline:lang(zh) {
        letter-spacing: 0em
    }
    .typography-router-headline:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-router-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-router-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-router-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-router-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-router-headline {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-router-headline:lang(ar) {
        line-height: 1.3;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-router-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-router-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-router-headline:lang(th) {
        line-height: 1.35;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-router-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-router-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-router-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-router-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-router-copy {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif
}

.typography-router-copy:lang(ar) {
    line-height: 1.58824;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-router-copy: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-router-copy: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-router-copy:lang(zh) {
    letter-spacing: 0em
}

.typography-router-copy:lang(th) {
    line-height: 1.35296;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-router-copy: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-router-copy:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-why-ipad-hero-headline {
    font-size: 72px;
    line-height: 1.05556;
    font-weight: 600;
    letter-spacing: -.012em;
    font-family:Aeonikpro, sans-serif
}

.typography-why-ipad-hero-headline:lang(ar) {
    line-height: 1.19476;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-why-ipad-hero-headline:lang(ja) {
    line-height: 1.09738;
    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-why-ipad-hero-headline:lang(ko) {
    line-height: 1.15278;
    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-why-ipad-hero-headline:lang(zh) {
    letter-spacing: 0em
}

.typography-why-ipad-hero-headline:lang(th) {
    line-height: 1.34738;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-why-ipad-hero-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-why-ipad-hero-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-why-ipad-hero-headline {
        font-size: 56px;
        line-height: 1.07143;
        font-weight: 600;
        letter-spacing: -.005em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-why-ipad-hero-headline:lang(ar) {
        line-height: 1.21429;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-why-ipad-hero-headline:lang(ja) {
        line-height: 1.125;
        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-why-ipad-hero-headline:lang(ko) {
        line-height: 1.17865;
        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-why-ipad-hero-headline:lang(zh) {
        letter-spacing: 0em
    }
    .typography-why-ipad-hero-headline:lang(th) {
        line-height: 1.33929;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-why-ipad-hero-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-why-ipad-hero-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-why-ipad-hero-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-why-ipad-hero-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-why-ipad-hero-headline {
        font-size: 48px;
        line-height: 1.08349;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-why-ipad-hero-headline:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-why-ipad-hero-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-why-ipad-hero-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-why-ipad-hero-headline:lang(zh) {
        letter-spacing: 0em
    }
    .typography-why-ipad-hero-headline:lang(th) {
        line-height: 1.33349;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-why-ipad-hero-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-why-ipad-hero-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-why-ipad-hero-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-why-ipad-hero-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-why-ipad-hero-intro {
    font-size: 24px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: .009em;
    font-family:Aeonikpro, sans-serif
}

.typography-why-ipad-hero-intro:lang(ar) {
    line-height: 1.5;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-why-ipad-hero-intro: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-why-ipad-hero-intro: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-why-ipad-hero-intro:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-why-ipad-hero-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-why-ipad-hero-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-why-ipad-hero-intro {
        font-size: 21px;
        line-height: 1.381;
        font-weight: 400;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-why-ipad-hero-intro:lang(ar) {
        line-height: 1.52381;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-why-ipad-hero-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-why-ipad-hero-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-why-ipad-hero-intro:lang(th) {
        line-height: 1.381;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-why-ipad-hero-intro:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-why-ipad-hero-intro:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-why-ipad-hero-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-why-ipad-hero-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-why-ipad-hero-intro {
        font-size: 19px;
        line-height: 1.4211;
        font-weight: 400;
        letter-spacing: .012em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-why-ipad-hero-intro:lang(ar) {
        line-height: 1.57895;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-why-ipad-hero-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-why-ipad-hero-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-why-ipad-hero-intro:lang(th) {
        line-height: 1.36844;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-why-ipad-hero-intro:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-why-ipad-hero-intro:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-why-ipad-hero-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-why-ipad-hero-intro:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-gestures-gallery-headline {
    font-size: 19px;
    line-height: 1.21053;
    font-weight: 600;
    letter-spacing: .012em;
    font-family:Aeonikpro, sans-serif
}

.typography-gestures-gallery-headline:lang(ar) {
    line-height: 1.36844;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-gestures-gallery-headline: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-gestures-gallery-headline: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-gestures-gallery-headline:lang(th) {
    line-height: 1.36844;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-gestures-gallery-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-gestures-gallery-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-gestures-gallery-headline {
        font-size: 17px;
        line-height: 1.23536;
        font-weight: 600;
        letter-spacing: -.022em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-gestures-gallery-headline:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-gestures-gallery-headline: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-gestures-gallery-headline: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-gestures-gallery-headline:lang(zh) {
        letter-spacing: 0em
    }
    .typography-gestures-gallery-headline:lang(th) {
        line-height: 1.35296;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-gestures-gallery-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-gestures-gallery-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-gestures-gallery-headline: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-gestures-gallery-headline: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: 734px) {
    .typography-gestures-gallery-headline {
        font-size: 14px;
        line-height: 1.42859;
        font-weight: 600;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-gestures-gallery-headline:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-gestures-gallery-headline: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-gestures-gallery-headline: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
    }
    .typography-gestures-gallery-headline:lang(zh) {
        letter-spacing: 0em
    }
    .typography-gestures-gallery-headline:lang(th) {
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-gestures-gallery-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-gestures-gallery-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-gestures-gallery-headline: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-gestures-gallery-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-gestures-gallery-subhead {
    font-size: 14px;
    line-height: 1.42859;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif
}

.typography-gestures-gallery-subhead:lang(ar) {
    line-height: 1.57143;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-gestures-gallery-subhead: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-gestures-gallery-subhead: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-gestures-gallery-subhead:lang(zh) {
    letter-spacing: 0em
}

.typography-gestures-gallery-subhead:lang(th) {
    line-height: 1.35718;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-gestures-gallery-subhead: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-gestures-gallery-subhead: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) {
    .typography-gestures-gallery-subhead {
        font-size: 14px;
        line-height: 1.42859;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-gestures-gallery-subhead:lang(ar) {
        line-height: 1.57143;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-gestures-gallery-subhead: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-gestures-gallery-subhead: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-gestures-gallery-subhead:lang(zh) {
        letter-spacing: 0em
    }
    .typography-gestures-gallery-subhead:lang(th) {
        line-height: 1.35718;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-gestures-gallery-subhead:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-gestures-gallery-subhead:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-gestures-gallery-subhead: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-gestures-gallery-subhead: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: 734px) {
    .typography-gestures-gallery-subhead {
        font-size: 12px;
        line-height: 1.33337;
        font-weight: 400;
        letter-spacing: -.01em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-gestures-gallery-subhead:lang(ar) {
        line-height: 1.66667;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-gestures-gallery-subhead: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-gestures-gallery-subhead: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-gestures-gallery-subhead:lang(zh) {
        letter-spacing: 0em
    }
    .typography-gestures-gallery-subhead:lang(th) {
        line-height: 1.33337;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-gestures-gallery-subhead:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-gestures-gallery-subhead:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-gestures-gallery-subhead: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-gestures-gallery-subhead:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-specs-display-size {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: .004em;
    font-family:Aeonikpro, sans-serif
}

.typography-specs-display-size:lang(ar) {
    line-height: 1.34375;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.typography-specs-display-size: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-specs-display-size: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-specs-display-size:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.typography-specs-display-size: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-specs-display-size: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-specs-display-size {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family:Aeonikpro, sans-serif
    }
    .typography-specs-display-size: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-specs-display-size: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-specs-display-size:lang(th) {
        line-height: 1.381;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .typography-specs-display-size:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .typography-specs-display-size:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-specs-display-size:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-specs-display-size: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-specs-display-size: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
}

.page-overview {
    font-size: 17px;
    line-height: 1.35296;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif
}

.page-overview:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.page-overview: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
}

.page-overview: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
}

.page-overview:lang(zh) {
    letter-spacing: 0em
}

.page-overview:lang(th) {
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

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

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

.page-overview: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
}

.page-overview: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: 734px) {
    .page-overview {
        font-size: 17px;
        line-height: 1.47059;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family:Aeonikpro, sans-serif
    }
    .page-overview:lang(ar) {
        line-height: 1.58824;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .page-overview: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
    }
    .page-overview: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
    }
    .page-overview:lang(zh) {
        letter-spacing: 0em
    }
    .page-overview:lang(th) {
        line-height: 1.35296;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .page-overview:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .page-overview:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .page-overview: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
    }
    .page-overview:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.main {
    position: relative
}

.section-content {
    margin-left: auto;
    margin-right: auto;
    width: 980px
}

@media only screen and (min-width: 1441px) {
    .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

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

@media only screen and (max-width: 734px) {
    .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

@media only screen and (max-width: 734px) {
    .section-content {
        max-width: 735px
    }
}

body {
    background: #f5f5f7
}

.section {
    z-index: 2
}

.section.overlap-section-above {
    margin-top: -100vh;
    z-index: 1
}

html.no-overview-enhanced .section.overlap-section-above, html.no-js .section.overlap-section-above, html.no-overview-enhanced .section.overlap-section-above, html.no-js .section.overlap-section-above {
    margin-top: 40px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section.overlap-section-above, html.no-js .section.overlap-section-above, html.no-overview-enhanced .section.overlap-section-above, html.no-js .section.overlap-section-above {
        margin-top: -2px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section.overlap-section-above, html.no-js .section.overlap-section-above, html.no-overview-enhanced .section.overlap-section-above, html.no-js .section.overlap-section-above {
        margin-top: 44px
    }
}

.intro-copyblock {
    text-align: center
}

.bg-grey {
    background: #f5f5f7
}

.bg-alt-white {
    background: #fff
}

.will-change {
    will-change: transform, opacity
}

.hidden {
    visibility: hidden !important
}

.sticky-wrapper {
    position: relative;
    z-index: 1
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 100vh
}

html.no-overview-enhanced .sticky, html.no-js .sticky, html.no-overview-enhanced .sticky, html.no-js .sticky {
    position: relative;
    height: auto;
    top: auto
}

.sticky-overflow {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

html.no-overview-enhanced .sticky-overflow, html.no-js .sticky-overflow, html.no-overview-enhanced .sticky-overflow, html.no-js .sticky-overflow {
    height: auto
}

.sticky-content {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: var(--localnav-height)
}

html.no-overview-enhanced .sticky-content, html.no-js .sticky-content, html.no-overview-enhanced .sticky-content, html.no-js .sticky-content {
    position: relative;
    height: auto;
    padding-top: 0
}

.flow-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flow-container canvas {
    visibility: hidden;
    position: absolute;
    top: 0
}

.flow-container canvas.visible {
    visibility: visible
}

.content-timeline {
    height: 100vh
}

html.no-overview-enhanced .content-timeline, html.no-js .content-timeline, html.no-overview-enhanced .content-timeline, html.no-js .content-timeline {
    display: none
}

.image-static {
    display: none;
    background-image: none
}

html.no-overview-enhanced .image-static, html.no-js .image-static, html.no-overview-enhanced .image-static, html.no-js .image-static {
    display: block
}

#ac-localnav.ac-ln-sticking .ac-ln-background {
    background-color: rgba(245, 245, 247, 0.72)
}

.hardware {
    position: relative
}

.hardware .hardware-ipad {
    position: relative;
    z-index: 2
}

.hardware .hardware-screen, .hardware .inline-video-screen {
    position: absolute;
    z-index: 1
}

.hardware.hardware-portrait {
    width: 743px;
    height: 969px
}

@media only screen and (max-width: 1068px) {
    .hardware.hardware-portrait {
        width: 479px;
        height: 625px
    }
}

@media only screen and (max-width: 734px) {
    .hardware.hardware-portrait {
        width: 322px;
        height: 420px
    }
}

.hardware.hardware-portrait .hardware-ipad {
    background-image: url("/v/ipad-pro/ac/images/overview/vertical_ipad_pro_13_hw__cnfl8rn7kfv6_large.png");
    width: 743px;
    height: 969px;
    background-size: 743px 969px
}

@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) {
    html.no-overview-enhanced .hardware.hardware-portrait .hardware-ipad, html.no-js .hardware.hardware-portrait .hardware-ipad, html.no-overview-enhanced .hardware.hardware-portrait .hardware-ipad, html.no-js .hardware.hardware-portrait .hardware-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/vertical_ipad_pro_13_hw__cnfl8rn7kfv6_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .hardware.hardware-portrait .hardware-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/vertical_ipad_pro_13_hw__cnfl8rn7kfv6_medium.png");
        width: 479px;
        height: 625px;
        background-size: 479px 625px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .hardware.hardware-portrait .hardware-ipad, html.no-js .hardware.hardware-portrait .hardware-ipad, html.no-overview-enhanced .hardware.hardware-portrait .hardware-ipad, html.no-js .hardware.hardware-portrait .hardware-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/vertical_ipad_pro_13_hw__cnfl8rn7kfv6_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .hardware.hardware-portrait .hardware-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/vertical_ipad_pro_13_hw__cnfl8rn7kfv6_small.png");
        width: 322px;
        height: 420px;
        background-size: 322px 420px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .hardware.hardware-portrait .hardware-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/vertical_ipad_pro_13_hw__cnfl8rn7kfv6_small_2x.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .hardware.hardware-portrait .hardware-ipad, html.no-js .hardware.hardware-portrait .hardware-ipad, html.no-overview-enhanced .hardware.hardware-portrait .hardware-ipad, html.no-js .hardware.hardware-portrait .hardware-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/vertical_ipad_pro_13_hw__cnfl8rn7kfv6_small_2x.png")
    }
}

.hardware.hardware-portrait .hardware-screen, .hardware.hardware-portrait .inline-video-screen {
    top: 34px;
    left: 33px
}

@media only screen and (max-width: 1068px) {
    .hardware.hardware-portrait .hardware-screen, .hardware.hardware-portrait .inline-video-screen {
        top: 22px;
        left: 21px
    }
}

@media only screen and (max-width: 734px) {
    .hardware.hardware-portrait .hardware-screen, .hardware.hardware-portrait .inline-video-screen {
        top: 15px;
        left: 14px
    }
}

.hardware.hardware-landscape {
    width: 969px;
    height: 743px
}

@media only screen and (max-width: 1068px) {
    .hardware.hardware-landscape {
        width: 625px;
        height: 479px
    }
}

@media only screen and (max-width: 734px) {
    .hardware.hardware-landscape {
        background-image: none;
        width: 420px;
        height: 322px
    }
}

.hardware.hardware-landscape .hardware-ipad {
    background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_large.png");
    width: 969px;
    height: 743px;
    background-size: 969px 743px
}

@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) {
    html.no-overview-enhanced .hardware.hardware-landscape .hardware-ipad, html.no-js .hardware.hardware-landscape .hardware-ipad, html.no-overview-enhanced .hardware.hardware-landscape .hardware-ipad, html.no-js .hardware.hardware-landscape .hardware-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .hardware.hardware-landscape .hardware-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_medium.png");
        width: 625px;
        height: 479px;
        background-size: 625px 479px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .hardware.hardware-landscape .hardware-ipad, html.no-js .hardware.hardware-landscape .hardware-ipad, html.no-overview-enhanced .hardware.hardware-landscape .hardware-ipad, html.no-js .hardware.hardware-landscape .hardware-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .hardware.hardware-landscape .hardware-ipad {
        width: 420px;
        height: 322px;
        background-size: 420px 322px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw_02__fdn1c64e01qq_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .hardware.hardware-landscape .hardware-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw_02__fdn1c64e01qq_small_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .hardware.hardware-landscape .hardware-ipad, html.no-js .hardware.hardware-landscape .hardware-ipad, html.no-overview-enhanced .hardware.hardware-landscape .hardware-ipad, html.no-js .hardware.hardware-landscape .hardware-ipad {
        width: 420px;
        height: 322px;
        background-size: 420px 322px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw_02__fdn1c64e01qq_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .hardware.hardware-landscape .hardware-ipad, html.no-js .hardware.hardware-landscape .hardware-ipad, html.no-overview-enhanced .hardware.hardware-landscape .hardware-ipad, html.no-js .hardware.hardware-landscape .hardware-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw_02__fdn1c64e01qq_small_2x.png")
    }
}

.hardware.hardware-landscape .hardware-screen, .hardware.hardware-landscape .inline-video-screen {
    top: 34px;
    left: 34px
}

@media only screen and (max-width: 1068px) {
    .hardware.hardware-landscape .hardware-screen, .hardware.hardware-landscape .inline-video-screen {
        top: 22px;
        left: 22px
    }
}

@media only screen and (max-width: 734px) {
    .hardware.hardware-landscape .hardware-screen, .hardware.hardware-landscape .inline-video-screen {
        top: 15px;
        left: 15px
    }
}

@media only screen and (max-width: 734px) {
    .hardware.hardware-landscape-reduced {
        width: 311px;
        height: 239px
    }
}

@media only screen and (max-width: 734px) {
    .hardware.hardware-landscape-reduced .hardware-ipad {
        width: 311px;
        height: 239px;
        background-size: 311px 239px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw_01__6pk8liciz4yu_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .hardware.hardware-landscape-reduced .hardware-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw_01__6pk8liciz4yu_small_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .hardware.hardware-landscape-reduced .hardware-ipad, html.no-js .hardware.hardware-landscape-reduced .hardware-ipad, html.no-overview-enhanced .hardware.hardware-landscape-reduced .hardware-ipad, html.no-js .hardware.hardware-landscape-reduced .hardware-ipad {
        width: 311px;
        height: 239px;
        background-size: 311px 239px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw_01__6pk8liciz4yu_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .hardware.hardware-landscape-reduced .hardware-ipad, html.no-js .hardware.hardware-landscape-reduced .hardware-ipad, html.no-overview-enhanced .hardware.hardware-landscape-reduced .hardware-ipad, html.no-js .hardware.hardware-landscape-reduced .hardware-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw_01__6pk8liciz4yu_small_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .hardware.hardware-landscape-reduced .hardware-screen, .hardware.hardware-landscape-reduced .inline-video-screen {
        top: 12px;
        left: 12px
    }
}

.image-sprite {
    position: relative;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

html.text-zoom body.page-overview section.section .horizontal .row, html.text-zoom body.page-overview section.section [class*="feature-copyblock"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

html.text-zoom body.page-overview section.section [class*="feature-copyblock"], html.text-zoom body.page-overview section.section [class*="feature-copyblock"] .column {
    max-width: 100% !important;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    width: 100% !important
}

html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] {
    max-width: 100% !important;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
    padding-left: 0;
    padding-right: 0
}

html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3 {
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -.009em;
    font-family:Aeonikpro, sans-serif
}

html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3:lang(ar) {
    line-height: 1.20312;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3: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
}

html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3: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
}

html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3:lang(zh) {
    letter-spacing: 0em
}

html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3:lang(th) {
    line-height: 1.34375;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3: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
}

html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3: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) {
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3 {
        font-size: 48px;
        line-height: 1.08349;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3: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
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3: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
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3:lang(zh) {
        letter-spacing: 0em
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3:lang(th) {
        line-height: 1.33349;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3: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
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3: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) {
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3 {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family:Aeonikpro, sans-serif
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3: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
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3: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
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3: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
    }
    html.text-zoom body.page-overview section.section:not(.section-display) .column[class*='large-'] h3:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

html.text-zoom body.page-overview section.section-hero .manifesto-headline {
    font-size: 90px
}

html.text-zoom body.page-overview section.section-cameras figure.image-static {
    left: 0
}

html.text-zoom body.page-overview section.section-cameras .feature-copyblock.column {
    float: initial
}

html.text-zoom body.page-overview section.section-performance .performance-content {
    margin-top: 0
}

html.text-zoom body.page-overview section.section-performance .performance-content .column.column-wide {
    margin-top: 60px
}

html.text-zoom body.page-overview section.section-ipados .section-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

html.text-zoom body.page-overview section.section-ipados .section-content .static-content.calendar .image-screen-static {
    -webkit-transform: none;
    transform: none;
    left: 0
}

html.text-zoom body.page-overview section.section-apple-pencil .row .column-image {
    height: initial;
    position: initial;
    left: initial
}

html.text-zoom body.page-overview section.section-apple-pencil .row-take-notes .column-image {
    margin-left: 0;
    margin-bottom: -600px
}

html.text-zoom body.page-overview section.section-apple-pencil .row-mark-up .column-image {
    margin-left: -1308px;
    margin-bottom: -400px
}

html.text-zoom body.page-overview section.section-apple-pencil .image-snipe-tap {
    top: -48px;
    left: 873px
}

html.text-zoom body.page-overview section.section-portability .connectivity-wrapper {
    padding-top: 100px;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

html.text-zoom body.page-overview section.section-portability .connectivity-copyblock {
    top: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: -170px
}

html.text-zoom body.page-overview section.section-augmented-reality .column-copy, html.text-zoom body.page-overview section.section-augmented-reality .column-image {
    min-height: initial
}

html.text-zoom body.page-overview section.section-augmented-reality .column-image {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 0
}

html.text-zoom body.page-overview section.section-trade-in .trade-in-headline {
    max-width: 100% !important;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    width: 100% !important
}

.feature-copyblock .feature-copyblock-copy {
    margin-top: 1.2em
}
.feature-copyblock-copy{
    font-family: Aeonikpro, sans-serif;
    letter-spacing: .011em;

}
.feature-copyblock.horizontal .feature-copyblock-copy {
    margin-top: 15px
}

@media only screen and (max-width: 1068px) {
    .feature-copyblock.horizontal .feature-copyblock-copy {
        margin-top: 1.2em
    }
}

html.no-overview-enhanced .feature-copyblock.horizontal .feature-copyblock-copy, html.no-js .feature-copyblock.horizontal .feature-copyblock-copy, html.no-overview-enhanced .feature-copyblock.horizontal .feature-copyblock-copy, html.no-js .feature-copyblock.horizontal .feature-copyblock-copy {
    margin-top: 18px
}

.quicklook-component {
    display: none
}

html.quick-look .quicklook-component a {
    position: relative;
    color: #06c
}

html.quick-look .quicklook-component a:hover {
    color: #06c;
    text-decoration: none
}

html.quick-look .quicklook-component a:hover span:after {
    background-color: #06c
}

html.quick-look .quicklook-component a:active {
    text-decoration: underline
}

html.quick-look .quicklook-component a img {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

html.quick-look-modern .quicklook-component.quick-look-modern {
    display: block
}

html.quick-look-classic .quicklook-component.quick-look-classic {
    display: block
}

[data-anim-fade-out] {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
}

[data-anim-fade-out].fade-out {
    opacity: 0
}

[data-anim-fade-in] {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
}

html.no-js [data-anim-fade-in], html.no-overview-enhanced [data-anim-fade-in], html.reduced-motion [data-anim-fade-in], html.aow [data-anim-fade-in], html.no-js [data-anim-fade-in], html.no-overview-enhanced [data-anim-fade-in], html.reduced-motion [data-anim-fade-in], html.aow [data-anim-fade-in], html.no-js [data-anim-fade-in], html.no-overview-enhanced [data-anim-fade-in], html.reduced-motion [data-anim-fade-in], html.aow [data-anim-fade-in], html.no-js [data-anim-fade-in], html.no-overview-enhanced [data-anim-fade-in], html.reduced-motion [data-anim-fade-in], html.aow [data-anim-fade-in] {
    opacity: 1
}

[data-anim-fade-in].fade-in {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in
}

.inline-video-replay[disabled] {
    opacity: 0.5
}

.image-overview-hero-2 {
    width: 984px;
    height: 755px;
    background-size: 984px 755px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/hero_2__gb9tk90paymy_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image-overview-hero-2 {
        background-image: url("/v/ipad-pro/ac/images/overview/hero_2__gb9tk90paymy_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-hero-2 {
        width: 702px;
        height: 524px;
        background-size: 702px 524px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/hero_2__gb9tk90paymy_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-overview-hero-2 {
        background-image: url("/v/ipad-pro/ac/images/overview/hero_2__gb9tk90paymy_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-hero-2 {
        width: 312px;
        height: 244px;
        background-size: 312px 244px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/hero_2__gb9tk90paymy_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-hero-2 {
        background-image: url("/v/ipad-pro/ac/images/overview/hero_2__gb9tk90paymy_small_2x.jpg")
    }
}

.section-hero {
    position: relative
}

.section-hero .sticky {
    min-height: 920px
}

@media only screen and (max-width: 1068px) {
    .section-hero .sticky {
        min-height: 520px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .sticky {
        min-height: 260px
    }
}

html.allow-hero.no-overview-enhanced .section-hero .sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 100vh
}

html.allow-hero.no-overview-enhanced .section-hero .sticky-overflow {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

html.allow-hero.no-overview-enhanced .section-hero .sticky-wrapper {
    height: 150vh;
    top: calc( 0px - var(--localnav-height) - var(--globalnav-height))
}

.section-hero .sticky-wrapper {
    height: 150vh;
    top: calc( 0px - var(--localnav-height) - var(--globalnav-height))
}

html.allow-hero.no-overview-enhanced .section-hero .hero-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

html.allow-hero.no-overview-enhanced .section-hero .hero-content, .hero-content {
    position: relative;
    height: 100vh;
    text-align: center
}

html.allow-hero.no-overview-enhanced .section-hero .hero-header-static, .hero-header-static {
    display: none
}

.section-hero .hero-headline {
    color: #fff;
    padding-bottom: 65px
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-headline {
        padding-bottom: 45px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .hero-headline {
        padding-bottom: 10px
    }
}

html.allow-hero.no-overview-enhanced .section-hero .flow-container {
    pointer-events: auto;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: calc(52% + var(--localnav-height)/2);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 968px;
    height: 742px
}

@media only screen and (max-width: 1068px) {
    html.allow-hero.no-overview-enhanced .section-hero .flow-container {
        width: 624px;
        height: 484px
    }
}

@media only screen and (max-width: 734px) {
    html.allow-hero.no-overview-enhanced .section-hero .flow-container {
        width: 312px;
        height: 240px
    }
}

html.allow-hero.no-overview-enhanced .section-hero .flow-container picture {
    display: none
}

html.allow-hero.no-overview-enhanced .section-hero .flow-container picture.visible {
    display: block
}

html.allow-hero.no-overview-enhanced .section-hero .flow-container canvas.visible~picture.visible {
    display: none
}

.section-hero .flow-container {
    pointer-events: auto;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: calc(52% + var(--localnav-height)/2);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 968px;
    height: 742px
}

@media only screen and (max-width: 1068px) {
    .section-hero .flow-container {
        width: 624px;
        height: 484px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .flow-container {
        width: 312px;
        height: 240px
    }
}

.section-hero .flow-container picture {
    display: none
}

.section-hero .flow-container picture.visible {
    display: block
}

.section-hero .flow-container canvas.visible~picture.visible {
    display: none
}

.section-hero picture.visible, .section-hero canvas {
    position: absolute;
    z-index: 2;
    left: -806px;
    top: -20px
}

@media only screen and (max-width: 1068px) {
    .section-hero picture.visible, .section-hero canvas {
        left: -225px;
        top: -9px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero picture.visible, .section-hero canvas {
        left: -231px;
        top: -6px
    }
}

html.no-overview-enhanced .section-hero .sticky-wrapper, html.no-js .section-hero .sticky-wrapper, html.no-overview-enhanced .section-hero .sticky-wrapper, html.no-js .section-hero .sticky-wrapper {
    height: auto;
    top: 74px;
    padding-bottom: 28px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-hero .sticky-wrapper, html.no-js .section-hero .sticky-wrapper, html.no-overview-enhanced .section-hero .sticky-wrapper, html.no-js .section-hero .sticky-wrapper {
        top: 36px;
        padding-bottom: 8px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-hero .sticky-wrapper, html.no-js .section-hero .sticky-wrapper, html.no-overview-enhanced .section-hero .sticky-wrapper, html.no-js .section-hero .sticky-wrapper {
        top: 68px;
        padding-bottom: 42px
    }
}

html.no-overview-enhanced .section-hero .flow-container, html.no-js .section-hero .flow-container, html.no-overview-enhanced .section-hero .flow-container, html.no-js .section-hero .flow-container {
    position: relative;
    top: calc(742px / 2)
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-hero .flow-container, html.no-js .section-hero .flow-container, html.no-overview-enhanced .section-hero .flow-container, html.no-js .section-hero .flow-container {
        top: calc(484px / 2)
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-hero .flow-container, html.no-js .section-hero .flow-container, html.no-overview-enhanced .section-hero .flow-container, html.no-js .section-hero .flow-container {
        top: calc(240px / 2)
    }
}

html.no-overview-enhanced .section-hero .hero-content, html.no-js .section-hero .hero-content, html.no-overview-enhanced .section-hero .hero-content, html.no-js .section-hero .hero-content {
    display: none
}

html.no-overview-enhanced .section-hero .hero-header-static, html.no-js .section-hero .hero-header-static, html.no-overview-enhanced .section-hero .hero-header-static, html.no-js .section-hero .hero-header-static {
    display: block
}

html.no-overview-enhanced .section-hero .contentProgram-timeline, html.no-js .section-hero .contentProgram-timeline, html.no-overview-enhanced .section-hero .contentProgram-timeline, html.no-js .section-hero .contentProgram-timeline {
    display: none
}

.hero-manifesto {
    position: relative;
    z-index: 2;
    padding: 140px 0 170px;
    margin-top: calc(338px - 50vh)
}

@media only screen and (max-width: 1068px) {
    .hero-manifesto {
        padding: 100px 0 170px;
        margin-top: calc(191px - 50vh)
    }
}

@media only screen and (max-width: 734px) {
    .hero-manifesto {
        padding: 80px 0;
        margin-top: calc(60px - 50vh)
    }
}

html.no-overview-enhanced .hero-manifesto, html.no-js .hero-manifesto, html.no-overview-enhanced .hero-manifesto, html.no-js .hero-manifesto {
    margin-top: -40px;
    padding: 0 0 64px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .hero-manifesto, html.no-js .hero-manifesto, html.no-overview-enhanced .hero-manifesto, html.no-js .hero-manifesto {
        padding: 103px 0 124px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .hero-manifesto, html.no-js .hero-manifesto, html.no-overview-enhanced .hero-manifesto, html.no-js .hero-manifesto {
        margin-top: 0;
        padding: 80px 0 70px
    }
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .hero-manifesto .section-content, html.no-js .hero-manifesto .section-content, html.no-overview-enhanced .hero-manifesto .section-content, html.no-js .hero-manifesto .section-content {
        width: 630px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .hero-manifesto .section-content, html.no-js .hero-manifesto .section-content, html.no-overview-enhanced .hero-manifesto .section-content, html.no-js .hero-manifesto .section-content {
        width: 87.5%
    }
}

.hero-manifesto .manifesto-headline {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/hero_manifesto_bg__c0zrbe748m82_large.jpg");
    background-size: cover;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
}

@media only screen and (max-width: 1068px) {
    .hero-manifesto .manifesto-headline {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/hero_manifesto_bg__c0zrbe748m82_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .hero-manifesto .manifesto-headline {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/hero_manifesto_bg__c0zrbe748m82_small.jpg")
    }
}

.hero-manifesto .manifesto-copy {
    color: #1d1d1f;
    margin-bottom: 34px
}

@media only screen and (max-width: 1068px) {
    .hero-manifesto .manifesto-copy {
        margin-bottom: 37px
    }
}

@media only screen and (max-width: 734px) {
    .hero-manifesto .manifesto-copy {
        margin-bottom: 12px
    }
}

.hero-manifesto .manifesto-cta {
    margin-right: 1.2em;
    padding-left: 3px;
    display: inline-block;
    margin-top: 5px
}

@media only screen and (max-width: 734px) {
    .hero-manifesto .manifesto-cta {
        padding-left: 0px;
        margin-top: 8px
    }
}

.hero-manifesto .icon-copy, .hero-manifesto .icon {
    color: #1d1d1f
}

html.quick-look .hero-manifesto .quicklook-component a {
    color: #1d1d1f
}

.hero-manifesto .availability-component {
    padding-left: 3px;
    padding-top: 31px;
    color: #86868b
}

@media only screen and (max-width: 1068px) {
    .hero-manifesto .availability-component {
        padding-top: 20px
    }
}

@media only screen and (max-width: 734px) {
    .hero-manifesto .availability-component {
        padding-left: 0px;
        padding-top: 16px
    }
}

.hero-manifesto .availability-component .typography-hero-availability {
    display: inline-block
}

@media only screen and (max-width: 734px) {
    .hero-manifesto .availability-component .typography-hero-availability {
        display: block;
        line-height: 1.3
    }
}

.hero-manifesto .availability-component .ipad-pro-availability {
    margin-right: 23px
}

.hero-manifesto .availability-component .magic-keyboard-availability {
    margin-top: 0
}

.hero-manifesto .image-overview-hero-2 {
    margin: 60px auto 0
}

html.no-overview-enhanced .hero-manifesto .image-overview-hero-2, html.no-js .hero-manifesto .image-overview-hero-2, html.no-overview-enhanced .hero-manifesto .image-overview-hero-2, html.no-js .hero-manifesto .image-overview-hero-2 {
    margin: 80px auto 0
}

.will-change-hero .subsection-display-retina .feature-copyblock, .will-change-hero .subsection-display-intro [data-anim-fade-out], .will-change-hero .display-ipad-13, .will-change-hero .display-video-startframe, .will-change-hero .display-screen-wrapper, .will-change-hero .display-screen-ui-elements, .will-change-hero .display-screen, .will-change-hero .display-screen-startframes, .will-change-hero .display-video-startframe-blurred {
    will-change: opacity, transform
}

.sticky-wrapper-hero-small .display-ipad-13, .subsection-display-hardware .display-ipad-13 {
    width: 519px;
    height: 677px;
    position: relative;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    padding: 22px
}

@media only screen and (max-width: 1068px) {
    .sticky-wrapper-hero-small .display-ipad-13, .subsection-display-hardware .display-ipad-13 {
        width: 443px;
        height: 576px
    }
}

@media only screen and (max-width: 734px) {
    .sticky-wrapper-hero-small .display-ipad-13, .subsection-display-hardware .display-ipad-13 {
        width: 280px;
        height: 366px
    }
}

@media only screen and (max-width: 1068px) {
    .sticky-wrapper-hero-small .display-ipad-13, .subsection-display-hardware .display-ipad-13 {
        padding: 18px 19px 19px
    }
}

@media only screen and (max-width: 734px) {
    .sticky-wrapper-hero-small .display-ipad-13, .subsection-display-hardware .display-ipad-13 {
        padding: 12px 12px 11px
    }
}

.sticky-wrapper-hero-small .display-ipad-13-hardware, .subsection-display-hardware .display-ipad-13-hardware {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_hardware_zoomed__cg6k2vj6fa6a_large.png");
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center
}

@media only screen and (max-width: 1068px) {
    .sticky-wrapper-hero-small .display-ipad-13-hardware, .subsection-display-hardware .display-ipad-13-hardware {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_hardware_zoomed__cg6k2vj6fa6a_medium.png")
    }
}

@media only screen and (max-width: 734px) {
    .sticky-wrapper-hero-small .display-ipad-13-hardware, .subsection-display-hardware .display-ipad-13-hardware {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_hardware_zoomed__cg6k2vj6fa6a_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .sticky-wrapper-hero-small .display-ipad-13-hardware, .subsection-display-hardware .display-ipad-13-hardware {
        background-image: url("/v/ipad-pro/ac/images/overview/display_hardware_zoomed__cg6k2vj6fa6a_small_2x.png")
    }
}

.sticky-wrapper-hero-small .display-screen-wrapper, .subsection-display-hardware .display-screen-wrapper {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.sticky-wrapper-hero-small .display-screen-scrim, .subsection-display-hardware .display-screen-scrim {
    z-index: 3;
    background: rgba(0, 0, 0, 0.35)
}

html.no-overview-enhanced .sticky-wrapper-hero-small .display-screen-scrim, html.no-js .sticky-wrapper-hero-small .display-screen-scrim, html.no-overview-enhanced .sticky-wrapper-hero-small .display-screen-scrim, html.no-js .sticky-wrapper-hero-small .display-screen-scrim, html.no-overview-enhanced .subsection-display-hardware .display-screen-scrim, html.no-js .subsection-display-hardware .display-screen-scrim, html.no-overview-enhanced .subsection-display-hardware .display-screen-scrim, html.no-js .subsection-display-hardware .display-screen-scrim {
    display: none
}

.sticky-wrapper-hero-small .fill-screen, .subsection-display-hardware .fill-screen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: auto 100.2%;
    background-position: left center
}

.sticky-wrapper-hero-small .display-screen-locked, .subsection-display-hardware .display-screen-locked {
    z-index: 3
}

@media only screen and (max-width: 734px) {
    .sticky-wrapper-hero-small .display-screen-locked, .subsection-display-hardware .display-screen-locked {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_lock__c4986ackuuye_large.jpg")
    }
}

.subsection-display-hardware {
    z-index: 2;
    pointer-events: none
}

.subsection-display-hardware .display-screen {
    z-index: 2;
    overflow: hidden
}

.subsection-display-hardware .display-ipad-11-wrapper {
    width: 519px;
    height: 677px;
    position: absolute;
    z-index: 1
}

@media only screen and (max-width: 1068px) {
    .subsection-display-hardware .display-ipad-11-wrapper {
        width: 443px;
        height: 576px
    }
}

@media only screen and (max-width: 734px) {
    .subsection-display-hardware .display-ipad-11-wrapper {
        width: 280px;
        height: 366px
    }
}

.subsection-display-hardware .display-ipad-11 {
    background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_11__dazcfor5ogia_large.jpg");
    width: 432px;
    height: 597px;
    background-size: 432px 597px;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    opacity: 0;
    margin-left: calc(432px * -0.5)
}

@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) {
    html.no-overview-enhanced .subsection-display-hardware .display-ipad-11, html.no-js .subsection-display-hardware .display-ipad-11, html.no-overview-enhanced .subsection-display-hardware .display-ipad-11, html.no-js .subsection-display-hardware .display-ipad-11 {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_11__dazcfor5ogia_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .subsection-display-hardware .display-ipad-11 {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_11__dazcfor5ogia_medium.jpg");
        width: 367px;
        height: 508px;
        background-size: 367px 508px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .subsection-display-hardware .display-ipad-11, html.no-js .subsection-display-hardware .display-ipad-11, html.no-overview-enhanced .subsection-display-hardware .display-ipad-11, html.no-js .subsection-display-hardware .display-ipad-11 {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_11__dazcfor5ogia_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .subsection-display-hardware .display-ipad-11 {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_11__dazcfor5ogia_small.jpg");
        width: 233px;
        height: 323px;
        background-size: 233px 323px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .subsection-display-hardware .display-ipad-11 {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_11__dazcfor5ogia_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .subsection-display-hardware .display-ipad-11, html.no-js .subsection-display-hardware .display-ipad-11, html.no-overview-enhanced .subsection-display-hardware .display-ipad-11, html.no-js .subsection-display-hardware .display-ipad-11 {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_11__dazcfor5ogia_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .subsection-display-hardware .display-ipad-11 {
        margin-left: calc(367px * -0.5)
    }
}

@media only screen and (max-width: 734px) {
    .subsection-display-hardware .display-ipad-11 {
        display: none
    }
}

.transform-origin-bottom .subsection-display-hardware .display-ipad-11 {
    opacity: 1
}

.transform-origin-bottom .subsection-display-hardware .display-ipad-13 {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.subsection-display-hardware .display-screen-startframes {
    z-index: 2
}

.subsection-display-hardware .display-video-startframe {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_screen_lock_startframe_zoomed__cbz1l14v316u_large.jpg");
    z-index: 1
}

@media only screen and (max-width: 1068px) {
    .subsection-display-hardware .display-video-startframe {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_lock_startframe_zoomed__cbz1l14v316u_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .subsection-display-hardware .display-video-startframe {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_lock_startframe_zoomed__cbz1l14v316u_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .subsection-display-hardware .display-video-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_lock_startframe_zoomed__cbz1l14v316u_small_2x.jpg")
    }
}

.subsection-display-hardware .display-video-startframe-blurred {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_screen_lock_blurred__frudqkpz80uq_large.jpg");
    z-index: 2;
    opacity: 0
}

@media only screen and (max-width: 1068px) {
    .subsection-display-hardware .display-video-startframe-blurred {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_lock_blurred__frudqkpz80uq_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .subsection-display-hardware .display-video-startframe-blurred {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_lock_blurred__frudqkpz80uq_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .subsection-display-hardware .display-video-startframe-blurred {
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_lock_blurred__frudqkpz80uq_small_2x.jpg")
    }
}

html.no-overview-enhanced .subsection-display-hardware .display-video-startframe-blurred, html.no-js .subsection-display-hardware .display-video-startframe-blurred, html.no-overview-enhanced .subsection-display-hardware .display-video-startframe-blurred, html.no-js .subsection-display-hardware .display-video-startframe-blurred {
    display: none;
    background: none
}

.subsection-display-hardware .display-screen-ui {
    z-index: 10
}

.subsection-display-hardware .display-unlock-sprite {
    position: absolute;
    z-index: 13;
    top: 13px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_sprite_unlock__f5uf62feiqum_large.png");
    background-size: 286px 52px;
    width: 26px;
    height: 26px;
    -webkit-animation: unlock-large .36667s steps(1) forwards;
    animation: unlock-large .36667s steps(1) forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_sprite_unlock_zoomed__rz3nyrpf7fmi_large.png")
}

@-webkit-keyframes unlock-large {
    0% {
        background-position: 0px 0px
    }
    4.54545% {
        background-position: -26px 0px
    }
    9.09091% {
        background-position: -52px 0px
    }
    13.63636% {
        background-position: -78px 0px
    }
    18.18182% {
        background-position: -104px 0px
    }
    22.72727% {
        background-position: -130px 0px
    }
    27.27273% {
        background-position: -156px 0px
    }
    31.81818% {
        background-position: -182px 0px
    }
    36.36364% {
        background-position: -208px 0px
    }
    40.90909% {
        background-position: -234px 0px
    }
    45.45455% {
        background-position: -260px 0px
    }
    50% {
        background-position: 0px -26px
    }
    54.54545% {
        background-position: -26px -26px
    }
    59.09091% {
        background-position: -52px -26px
    }
    63.63636% {
        background-position: -78px -26px
    }
    68.18182% {
        background-position: -104px -26px
    }
    72.72727% {
        background-position: -130px -26px
    }
    77.27273% {
        background-position: -156px -26px
    }
    81.81818% {
        background-position: -182px -26px
    }
    86.36364% {
        background-position: -208px -26px
    }
    90.90909% {
        background-position: -234px -26px
    }
    95.45455% {
        background-position: -260px -26px
    }
    100% {
        background-position: -260px -26px
    }
}

@keyframes unlock-large {
    0% {
        background-position: 0px 0px
    }
    4.54545% {
        background-position: -26px 0px
    }
    9.09091% {
        background-position: -52px 0px
    }
    13.63636% {
        background-position: -78px 0px
    }
    18.18182% {
        background-position: -104px 0px
    }
    22.72727% {
        background-position: -130px 0px
    }
    27.27273% {
        background-position: -156px 0px
    }
    31.81818% {
        background-position: -182px 0px
    }
    36.36364% {
        background-position: -208px 0px
    }
    40.90909% {
        background-position: -234px 0px
    }
    45.45455% {
        background-position: -260px 0px
    }
    50% {
        background-position: 0px -26px
    }
    54.54545% {
        background-position: -26px -26px
    }
    59.09091% {
        background-position: -52px -26px
    }
    63.63636% {
        background-position: -78px -26px
    }
    68.18182% {
        background-position: -104px -26px
    }
    72.72727% {
        background-position: -130px -26px
    }
    77.27273% {
        background-position: -156px -26px
    }
    81.81818% {
        background-position: -182px -26px
    }
    86.36364% {
        background-position: -208px -26px
    }
    90.90909% {
        background-position: -234px -26px
    }
    95.45455% {
        background-position: -260px -26px
    }
    100% {
        background-position: -260px -26px
    }
}

html.reduced-motion .subsection-display-hardware .display-unlock-sprite {
    -webkit-animation: none;
    animation: none;
    background-position: -260px -26px
}

@media only screen and (max-width: 1068px) {
    .subsection-display-hardware .display-unlock-sprite {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_sprite_unlock__f5uf62feiqum_medium.png");
        background-size: 198px 36px;
        width: 18px;
        height: 18px;
        -webkit-animation: unlock-medium .36667s steps(1) forwards;
        animation: unlock-medium .36667s steps(1) forwards
    }
    @-webkit-keyframes unlock-medium {
        0% {
            background-position: 0px 0px
        }
        4.54545% {
            background-position: -18px 0px
        }
        9.09091% {
            background-position: -36px 0px
        }
        13.63636% {
            background-position: -54px 0px
        }
        18.18182% {
            background-position: -72px 0px
        }
        22.72727% {
            background-position: -90px 0px
        }
        27.27273% {
            background-position: -108px 0px
        }
        31.81818% {
            background-position: -126px 0px
        }
        36.36364% {
            background-position: -144px 0px
        }
        40.90909% {
            background-position: -162px 0px
        }
        45.45455% {
            background-position: -180px 0px
        }
        50% {
            background-position: 0px -18px
        }
        54.54545% {
            background-position: -18px -18px
        }
        59.09091% {
            background-position: -36px -18px
        }
        63.63636% {
            background-position: -54px -18px
        }
        68.18182% {
            background-position: -72px -18px
        }
        72.72727% {
            background-position: -90px -18px
        }
        77.27273% {
            background-position: -108px -18px
        }
        81.81818% {
            background-position: -126px -18px
        }
        86.36364% {
            background-position: -144px -18px
        }
        90.90909% {
            background-position: -162px -18px
        }
        95.45455% {
            background-position: -180px -18px
        }
        100% {
            background-position: -180px -18px
        }
    }
    @keyframes unlock-medium {
        0% {
            background-position: 0px 0px
        }
        4.54545% {
            background-position: -18px 0px
        }
        9.09091% {
            background-position: -36px 0px
        }
        13.63636% {
            background-position: -54px 0px
        }
        18.18182% {
            background-position: -72px 0px
        }
        22.72727% {
            background-position: -90px 0px
        }
        27.27273% {
            background-position: -108px 0px
        }
        31.81818% {
            background-position: -126px 0px
        }
        36.36364% {
            background-position: -144px 0px
        }
        40.90909% {
            background-position: -162px 0px
        }
        45.45455% {
            background-position: -180px 0px
        }
        50% {
            background-position: 0px -18px
        }
        54.54545% {
            background-position: -18px -18px
        }
        59.09091% {
            background-position: -36px -18px
        }
        63.63636% {
            background-position: -54px -18px
        }
        68.18182% {
            background-position: -72px -18px
        }
        72.72727% {
            background-position: -90px -18px
        }
        77.27273% {
            background-position: -108px -18px
        }
        81.81818% {
            background-position: -126px -18px
        }
        86.36364% {
            background-position: -144px -18px
        }
        90.90909% {
            background-position: -162px -18px
        }
        95.45455% {
            background-position: -180px -18px
        }
        100% {
            background-position: -180px -18px
        }
    }
    html.reduced-motion .subsection-display-hardware .display-unlock-sprite {
        -webkit-animation: none;
        animation: none;
        background-position: -180px -18px
    }
}

@media only screen and (max-width: 734px) {
    .subsection-display-hardware .display-unlock-sprite {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_sprite_unlock__f5uf62feiqum_small.png");
        background-size: 154px 28px;
        width: 14px;
        height: 14px;
        -webkit-animation: unlock-small .36667s steps(1) forwards;
        animation: unlock-small .36667s steps(1) forwards
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .subsection-display-hardware .display-unlock-sprite {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sprite_unlock__f5uf62feiqum_small_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    @-webkit-keyframes unlock-small {
        0% {
            background-position: 0px 0px
        }
        4.54545% {
            background-position: -14px 0px
        }
        9.09091% {
            background-position: -28px 0px
        }
        13.63636% {
            background-position: -42px 0px
        }
        18.18182% {
            background-position: -56px 0px
        }
        22.72727% {
            background-position: -70px 0px
        }
        27.27273% {
            background-position: -84px 0px
        }
        31.81818% {
            background-position: -98px 0px
        }
        36.36364% {
            background-position: -112px 0px
        }
        40.90909% {
            background-position: -126px 0px
        }
        45.45455% {
            background-position: -140px 0px
        }
        50% {
            background-position: 0px -14px
        }
        54.54545% {
            background-position: -14px -14px
        }
        59.09091% {
            background-position: -28px -14px
        }
        63.63636% {
            background-position: -42px -14px
        }
        68.18182% {
            background-position: -56px -14px
        }
        72.72727% {
            background-position: -70px -14px
        }
        77.27273% {
            background-position: -84px -14px
        }
        81.81818% {
            background-position: -98px -14px
        }
        86.36364% {
            background-position: -112px -14px
        }
        90.90909% {
            background-position: -126px -14px
        }
        95.45455% {
            background-position: -140px -14px
        }
        100% {
            background-position: -140px -14px
        }
    }
    @keyframes unlock-small {
        0% {
            background-position: 0px 0px
        }
        4.54545% {
            background-position: -14px 0px
        }
        9.09091% {
            background-position: -28px 0px
        }
        13.63636% {
            background-position: -42px 0px
        }
        18.18182% {
            background-position: -56px 0px
        }
        22.72727% {
            background-position: -70px 0px
        }
        27.27273% {
            background-position: -84px 0px
        }
        31.81818% {
            background-position: -98px 0px
        }
        36.36364% {
            background-position: -112px 0px
        }
        40.90909% {
            background-position: -126px 0px
        }
        45.45455% {
            background-position: -140px 0px
        }
        50% {
            background-position: 0px -14px
        }
        54.54545% {
            background-position: -14px -14px
        }
        59.09091% {
            background-position: -28px -14px
        }
        63.63636% {
            background-position: -42px -14px
        }
        68.18182% {
            background-position: -56px -14px
        }
        72.72727% {
            background-position: -70px -14px
        }
        77.27273% {
            background-position: -84px -14px
        }
        81.81818% {
            background-position: -98px -14px
        }
        86.36364% {
            background-position: -112px -14px
        }
        90.90909% {
            background-position: -126px -14px
        }
        95.45455% {
            background-position: -140px -14px
        }
        100% {
            background-position: -140px -14px
        }
    }
    html.reduced-motion .subsection-display-hardware .display-unlock-sprite {
        -webkit-animation: none;
        animation: none;
        background-position: -140px -14px
    }
}

@media only screen and (max-width: 1068px) {
    .subsection-display-hardware .display-unlock-sprite {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
        top: 15px
    }
}

@media only screen and (max-width: 1068px) {
    .subsection-display-hardware .display-unlock-sprite {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_sprite_unlock_zoomed__rz3nyrpf7fmi_medium.png")
    }
}

@media only screen and (max-width: 734px) {
    .subsection-display-hardware .display-unlock-sprite {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_sprite_unlock_zoomed__rz3nyrpf7fmi_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .subsection-display-hardware .display-unlock-sprite {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sprite_unlock_zoomed__rz3nyrpf7fmi_small_2x.png")
    }
}

html.no-overview-enhanced .subsection-display-hardware .display-unlock-sprite, html.no-js .subsection-display-hardware .display-unlock-sprite, html.no-overview-enhanced .subsection-display-hardware .display-unlock-sprite, html.no-js .subsection-display-hardware .display-unlock-sprite {
    background-position: -260px -26px;
    -webkit-animation: none;
    animation: none
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .subsection-display-hardware .display-unlock-sprite, html.no-js .subsection-display-hardware .display-unlock-sprite, html.no-overview-enhanced .subsection-display-hardware .display-unlock-sprite, html.no-js .subsection-display-hardware .display-unlock-sprite {
        background-position: -180px -18px;
        -webkit-animation: none;
        animation: none
    }
}

.subsection-display-hardware .unlock-reset .display-unlock-sprite {
    -webkit-animation-name: none;
    animation-name: none
}

@media only screen and (max-width: 1068px) {
    .subsection-display-hardware .unlock-reset .display-unlock-sprite {
        -webkit-animation-name: none;
        animation-name: none
    }
}

.subsection-display-hardware .unlock-play .display-unlock-sprite {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@media only screen and (max-width: 1068px) {
    .subsection-display-hardware .unlock-play .display-unlock-sprite {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }
}

.subsection-display-hardware .display-screen-ui-elements {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_screen_ui_zoomed__bwatlbm4w2dy_large.png");
    background-size: auto 100%
}

@media only screen and (max-width: 1068px) {
    .subsection-display-hardware .display-screen-ui-elements {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_ui_zoomed__bwatlbm4w2dy_medium.png")
    }
}

@media only screen and (max-width: 734px) {
    .subsection-display-hardware .display-screen-ui-elements {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_ui_zoomed__bwatlbm4w2dy_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .subsection-display-hardware .display-screen-ui-elements {
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_ui_zoomed__bwatlbm4w2dy_small_2x.png")
    }
}

.subsection-display-hardware .display-screen-bar {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_screen_bar_zoomed__e69tp6oezqi6_large.png");
    background-size: cover;
    position: absolute;
    z-index: 10;
    width: 100%;
    bottom: 0.6%;
    background-size: 100% auto
}

.subsection-display-hardware .display-screen-bar::after {
    content: '';
    display: block;
    padding-bottom: .66946%
}

@media only screen and (max-width: 1068px) {
    .subsection-display-hardware .display-screen-bar {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_bar_zoomed__e69tp6oezqi6_medium.png");
        background-size: cover
    }
    .subsection-display-hardware .display-screen-bar::after {
        content: '';
        display: block;
        padding-bottom: .70012%
    }
}

@media only screen and (max-width: 734px) {
    .subsection-display-hardware .display-screen-bar {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_bar_zoomed__e69tp6oezqi6_small.png");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .subsection-display-hardware .display-screen-bar {
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_bar_zoomed__e69tp6oezqi6_small_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .subsection-display-hardware .display-screen-bar::after {
        content: '';
        display: block;
        padding-bottom: .77519%
    }
}

@media only screen and (max-width: 1068px) {
    .subsection-display-hardware .display-screen-bar {
        background-size: 100% auto
    }
}

.subsection-display-hardware .display-screen-unlocked {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_screen_unlock__f9vvpzp8oa2q_large.jpg");
    z-index: 1
}

@media only screen and (max-width: 1068px) {
    .subsection-display-hardware .display-screen-unlocked {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_unlock__f9vvpzp8oa2q_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .subsection-display-hardware .display-screen-unlocked {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_unlock__f9vvpzp8oa2q_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .subsection-display-hardware .display-screen-unlocked {
        background-image: url("/v/ipad-pro/ac/images/overview/display_screen_unlock__f9vvpzp8oa2q_small_2x.jpg")
    }
}

html.no-overview-enhanced .subsection-display-hardware .display-screen-unlocked, html.no-js .subsection-display-hardware .display-screen-unlocked, html.no-overview-enhanced .subsection-display-hardware .display-screen-unlocked, html.no-js .subsection-display-hardware .display-screen-unlocked {
    display: none;
    background: none
}

:root {
    --max-height-large: 100vh
}

@media only screen and (min-width: 1068px) {
    :root {
        --max-height-large: 840px
    }
}

@media only screen and (min-width: 1068px) {
    html.overview-enhanced .sticky-wrapper-display .sticky, html.overview-enhanced .sticky-wrapper-display .subsection-display-hardware, html.overview-enhanced .sticky-wrapper-display .timeline-display-sizes {
        min-height: 840px
    }
}

@media only screen and (min-width: 1068px) and (max-height: 840px) {
    html.overview-enhanced .sticky-wrapper-display .display-size-labels {
        top: 58px
    }
    html.overview-enhanced .sticky-wrapper-display .display-snipe-size-11 {
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }
}

.section-display {
    --intro-end-scale: 1.9
}

@media only screen and (max-width: 1068px) {
    .section-display {
        --intro-end-scale: 1.35
    }
}

@media only screen and (max-width: 734px) {
    .section-display {
        --intro-end-scale: 1
    }
}

.timeline-display-intro {
    height: 150vh
}

.subsection-display-intro {
    z-index: 3;
    pointer-events: none
}

html.no-overview-enhanced .subsection-display-intro, html.no-js .subsection-display-intro, html.no-overview-enhanced .subsection-display-intro, html.no-js .subsection-display-intro {
    display: none
}

.subsection-display-intro .row {
    height: 100%;
    text-align: center
}

.subsection-display-intro .column {
    margin-top: calc( var(--localnav-height) * -1)
}

.subsection-display-intro .display-intro-headline {
    width: 106%;
    margin-left: -3%
}

.subsection-display-intro .typography-section-eyebrow, .subsection-display-intro .typography-section-headline {
    color: #f5f5f7
}

html.no-overview-enhanced .subsection-display-intro .typography-section-eyebrow, html.no-js .subsection-display-intro .typography-section-eyebrow, html.no-overview-enhanced .subsection-display-intro .typography-section-eyebrow, html.no-js .subsection-display-intro .typography-section-eyebrow, html.no-overview-enhanced .subsection-display-intro .typography-section-headline, html.no-js .subsection-display-intro .typography-section-headline, html.no-overview-enhanced .subsection-display-intro .typography-section-headline, html.no-js .subsection-display-intro .typography-section-headline {
    color: #1d1d1f
}

.sticky-wrapper-hero-small {
    display: none
}

html.no-overview-enhanced .sticky-wrapper-hero-small, html.no-js .sticky-wrapper-hero-small, html.no-overview-enhanced .sticky-wrapper-hero-small, html.no-js .sticky-wrapper-hero-small {
    display: block
}

html.no-overview-enhanced .sticky-wrapper-hero-small .subsection-display-intro-small, html.no-js .sticky-wrapper-hero-small .subsection-display-intro-small, html.no-overview-enhanced .sticky-wrapper-hero-small .subsection-display-intro-small, html.no-js .sticky-wrapper-hero-small .subsection-display-intro-small {
    text-align: center;
    padding: 130px 0
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .sticky-wrapper-hero-small .subsection-display-intro-small, html.no-js .sticky-wrapper-hero-small .subsection-display-intro-small, html.no-overview-enhanced .sticky-wrapper-hero-small .subsection-display-intro-small, html.no-js .sticky-wrapper-hero-small .subsection-display-intro-small {
        padding: 95px 0
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .sticky-wrapper-hero-small .subsection-display-intro-small, html.no-js .sticky-wrapper-hero-small .subsection-display-intro-small, html.no-overview-enhanced .sticky-wrapper-hero-small .subsection-display-intro-small, html.no-js .sticky-wrapper-hero-small .subsection-display-intro-small {
        padding: 60px 0
    }
}

html.no-overview-enhanced .sticky-wrapper-hero-small .display-intro-headline, html.no-js .sticky-wrapper-hero-small .display-intro-headline, html.no-overview-enhanced .sticky-wrapper-hero-small .display-intro-headline, html.no-js .sticky-wrapper-hero-small .display-intro-headline {
    width: 106%;
    margin-left: -3%
}

html.no-overview-enhanced .sticky-wrapper-hero-small .subsection-display-hardware-small, html.no-js .sticky-wrapper-hero-small .subsection-display-hardware-small, html.no-overview-enhanced .sticky-wrapper-hero-small .subsection-display-hardware-small, html.no-js .sticky-wrapper-hero-small .subsection-display-hardware-small {
    display: none
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .sticky-wrapper-hero-small .subsection-display-hardware-small, html.no-js .sticky-wrapper-hero-small .subsection-display-hardware-small, html.no-overview-enhanced .sticky-wrapper-hero-small .subsection-display-hardware-small, html.no-js .sticky-wrapper-hero-small .subsection-display-hardware-small {
        display: block
    }
}

html.no-overview-enhanced .sticky-wrapper-hero-small .display-ipad-13-small, html.no-js .sticky-wrapper-hero-small .display-ipad-13-small, html.no-overview-enhanced .sticky-wrapper-hero-small .display-ipad-13-small, html.no-js .sticky-wrapper-hero-small .display-ipad-13-small {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 734px) {
    .sticky-wrapper-hero-small {
        display: block;
        height: 250vh
    }
    html.no-overview-enhanced .sticky-wrapper-hero-small, html.no-js .sticky-wrapper-hero-small, html.no-overview-enhanced .sticky-wrapper-hero-small, html.no-js .sticky-wrapper-hero-small {
        height: auto
    }
    .sticky-wrapper-hero-small .typography-section-eyebrow, .sticky-wrapper-hero-small .typography-section-headline {
        color: #f5f5f7
    }
    html.no-overview-enhanced .sticky-wrapper-hero-small .typography-section-eyebrow, html.no-js .sticky-wrapper-hero-small .typography-section-eyebrow, html.no-overview-enhanced .sticky-wrapper-hero-small .typography-section-eyebrow, html.no-js .sticky-wrapper-hero-small .typography-section-eyebrow, html.no-overview-enhanced .sticky-wrapper-hero-small .typography-section-headline, html.no-js .sticky-wrapper-hero-small .typography-section-headline, html.no-overview-enhanced .sticky-wrapper-hero-small .typography-section-headline, html.no-js .sticky-wrapper-hero-small .typography-section-headline {
        color: #1d1d1f
    }
    .subsection-display-intro-small {
        z-index: 2;
        text-align: center;
        pointer-events: none
    }
    .subsection-display-hardware-small {
        z-index: 1;
        pointer-events: none
    }
    .display-snipe-small {
        margin-bottom: 15px
    }
}

.timeline-display-retina {
    height: 100vh
}

.subsection-display-retina {
    z-index: 1;
}

@media only screen and (max-width: 1068px) {
    .subsection-display-retina {
        max-height: 400px;
        margin-bottom: 100px;
        margin-top: 50px;
    }
}

.subsection-display-retina{
    margin-bottom: 50px;
}

@media only screen and (max-width: 734px) {
    .subsection-display-retina {
        position: relative;
        height: auto;
        padding-top: 0
    }
}

html.no-overview-enhanced .subsection-display-retina, html.no-js .subsection-display-retina, html.no-overview-enhanced .subsection-display-retina, html.no-js .subsection-display-retina {
    padding: 120px 0
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .subsection-display-retina, html.no-js .subsection-display-retina, html.no-overview-enhanced .subsection-display-retina, html.no-js .subsection-display-retina {
        padding: 70px 0
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .subsection-display-retina, html.no-js .subsection-display-retina, html.no-overview-enhanced .subsection-display-retina, html.no-js .subsection-display-retina {
        padding: 50px 0 0 0
    }
}

.subsection-display-retina .feature-copyblock {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 734px) {
    .subsection-display-retina [data-anim-fade-in] {
        opacity: 1
    }
}

.timeline-display-snipes {
    height: 100vh
}

.display-snipe-accuracy {
    width: 130px;
    height: 89px;
    background-size: 130px 89px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_accuracy__8xvatnn1rf6a_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .display-snipe-accuracy {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_accuracy__8xvatnn1rf6a_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .display-snipe-accuracy {
        width: 93px;
        height: 97px;
        background-size: 93px 97px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_accuracy__8xvatnn1rf6a_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .display-snipe-accuracy {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_accuracy__8xvatnn1rf6a_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .display-snipe-accuracy {
        width: 119px;
        height: 82px;
        background-size: 119px 82px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_accuracy__8xvatnn1rf6a_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .display-snipe-accuracy {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_accuracy__8xvatnn1rf6a_small_2x.png")
    }
}

.display-snipe-promotion {
    width: 85px;
    height: 59px;
    background-size: 85px 59px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_promotion__02daydfbp76m_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .display-snipe-promotion {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_promotion__02daydfbp76m_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .display-snipe-promotion {
        width: 72px;
        height: 53px;
        background-size: 72px 53px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_promotion__02daydfbp76m_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .display-snipe-promotion {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_promotion__02daydfbp76m_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .display-snipe-promotion {
        width: 78px;
        height: 53px;
        background-size: 78px 53px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_promotion__02daydfbp76m_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .display-snipe-promotion {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_promotion__02daydfbp76m_small_2x.png")
    }
}

.display-snipe-brightness {
    width: 86px;
    height: 77px;
    background-size: 86px 77px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_brightness__duuhetqz3tqq_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .display-snipe-brightness {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_brightness__duuhetqz3tqq_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .display-snipe-brightness {
        width: 76px;
        height: 68px;
        background-size: 76px 68px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_brightness__duuhetqz3tqq_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .display-snipe-brightness {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_brightness__duuhetqz3tqq_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .display-snipe-brightness {
        width: 80px;
        height: 71px;
        background-size: 80px 71px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_brightness__duuhetqz3tqq_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .display-snipe-brightness {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_brightness__duuhetqz3tqq_small_2x.png")
    }
}

.display-snipe-reflectivity {
    width: 86px;
    height: 77px;
    background-size: 86px 77px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_reflectivity__kg0bifky0kyq_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .display-snipe-reflectivity {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_reflectivity__kg0bifky0kyq_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .display-snipe-reflectivity {
        width: 79px;
        height: 71px;
        background-size: 79px 71px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_reflectivity__kg0bifky0kyq_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .display-snipe-reflectivity {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_reflectivity__kg0bifky0kyq_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .display-snipe-reflectivity {
        width: 80px;
        height: 71px;
        background-size: 80px 71px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_reflectivity__kg0bifky0kyq_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .display-snipe-reflectivity {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_reflectivity__kg0bifky0kyq_small_2x.png")
    }
}

.display-snipe-true-tone {
    width: 81px;
    height: 50px;
    background-size: 81px 50px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_true_tone__e0uy2lpvjhci_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .display-snipe-true-tone {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_true_tone__e0uy2lpvjhci_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .display-snipe-true-tone {
        width: 70px;
        height: 43px;
        background-size: 70px 43px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_true_tone__e0uy2lpvjhci_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .display-snipe-true-tone {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_true_tone__e0uy2lpvjhci_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .display-snipe-true-tone {
        width: 74px;
        height: 47px;
        background-size: 74px 47px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_true_tone__e0uy2lpvjhci_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .display-snipe-true-tone {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_true_tone__e0uy2lpvjhci_small_2x.png")
    }
}

.display-snipe-color-gamut {
    width: 109px;
    height: 79px;
    background-size: 109px 79px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_color_gamut__7882p0lyh5uu_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .display-snipe-color-gamut {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_color_gamut__7882p0lyh5uu_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .display-snipe-color-gamut {
        width: 96px;
        height: 69px;
        background-size: 96px 69px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_color_gamut__7882p0lyh5uu_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .display-snipe-color-gamut {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_color_gamut__7882p0lyh5uu_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .display-snipe-color-gamut {
        width: 100px;
        height: 73px;
        background-size: 100px 73px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_color_gamut__7882p0lyh5uu_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .display-snipe-color-gamut {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_color_gamut__7882p0lyh5uu_small_2x.png")
    }
}

.subsection-display-snipes {
    z-index: 1;
    pointer-events: none
}

@media only screen and (max-width: 734px) {
    .subsection-display-snipes {
        position: relative;
        height: auto;
        padding-top: 0;
        margin-bottom: calc( ( (366px - var(--localnav-height)) * 0.5) - 50vh)
    }
}

html.no-overview-enhanced .subsection-display-snipes, html.no-js .subsection-display-snipes, html.no-overview-enhanced .subsection-display-snipes, html.no-js .subsection-display-snipes {
    height: auto;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .subsection-display-snipes, html.no-js .subsection-display-snipes, html.no-overview-enhanced .subsection-display-snipes, html.no-js .subsection-display-snipes {
        position: relative;
        margin-bottom: 0
    }
}

.subsection-display-snipes .section-content {
    height: 677px;
    position: relative
}

@media only screen and (max-width: 1068px) {
    .subsection-display-snipes .section-content {
        height: 576px
    }
}

@media only screen and (max-width: 734px) {
    .subsection-display-snipes .section-content {
        height: 366px
    }
}

@media only screen and (max-width: 734px) {
    .subsection-display-snipes .section-content {
        height: auto;
        margin-top: 45px;
        margin-bottom: 50px
    }
}

.subsection-display-snipes .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 453px
}

@media only screen and (max-width: 734px) {
    .subsection-display-snipes .column {
        height: auto;
        min-height: 300px
    }
}

.subsection-display-snipes .column.large-last {
    padding-left: 30px
}

@media only screen and (max-width: 1068px) {
    .subsection-display-snipes .column.large-last {
        padding-left: 136px
    }
}

@media only screen and (max-width: 734px) {
    .subsection-display-snipes .column.large-last {
        padding-left: 30px
    }
}

[data-anim-step-1] {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.fade-in [data-anim-step-1] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.fade-in.fade-out [data-anim-step-1] {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
    opacity: 0
}

[data-anim-step-2] {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.fade-in.fade-out [data-anim-step-2] {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
    opacity: 0
}

[data-anim-step-3] {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.fade-in [data-anim-step-3] {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.fade-in.fade-out [data-anim-step-3] {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 0
}

[data-anim-step-1], [data-anim-step-2], [data-anim-step-3] {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.3s ease-out, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.3s ease-out, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.3s ease-out, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media only screen and (max-width: 734px) {
    [data-anim-step-1], [data-anim-step-2], [data-anim-step-3] {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: none;
        transition: none
    }
}

html.no-overview-enhanced [data-anim-step-1], html.no-js [data-anim-step-1], html.no-overview-enhanced [data-anim-step-1], html.no-js [data-anim-step-1], html.no-overview-enhanced [data-anim-step-2], html.no-js [data-anim-step-2], html.no-overview-enhanced [data-anim-step-2], html.no-js [data-anim-step-2], html.no-overview-enhanced [data-anim-step-3], html.no-js [data-anim-step-3], html.no-overview-enhanced [data-anim-step-3], html.no-js [data-anim-step-3] {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.fade-in [data-anim-step-1], .fade-in [data-anim-step-2], .fade-in [data-anim-step-3] {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.3s ease-out, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.3s ease-out, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.3s ease-out, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.display-snipe.display-snipe-reflectivity {
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.display-snipe.display-snipe-true-tone {
    -webkit-transform: translateY(7px);
    transform: translateY(7px)
}

@media only screen and (max-width: 1068px) {
    .display-snipe.display-snipe-reflectivity {
        -webkit-transform: translateY(9px);
        transform: translateY(9px)
    }
    .display-snipe.display-snipe-true-tone {
        -webkit-transform: translateY(14px);
        transform: translateY(14px)
    }
}

@media only screen and (max-width: 734px) {
    .display-snipe.display-snipe-reflectivity {
        -webkit-transform: translateY(13px);
        transform: translateY(13px)
    }
    .display-snipe.display-snipe-true-tone {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }
}

html.no-overview-enhanced .display-snipe.display-snipe-reflectivity, html.no-js .display-snipe.display-snipe-reflectivity {
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

html.no-overview-enhanced .display-snipe.display-snipe-true-tone, html.no-js .display-snipe.display-snipe-true-tone {
    -webkit-transform: translateY(7px);
    transform: translateY(7px)
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .display-snipe.display-snipe-reflectivity, html.no-js .display-snipe.display-snipe-reflectivity {
        -webkit-transform: translateY(9px);
        transform: translateY(9px)
    }
    html.no-overview-enhanced .display-snipe.display-snipe-true-tone, html.no-js .display-snipe.display-snipe-true-tone {
        -webkit-transform: translateY(14px);
        transform: translateY(14px)
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .display-snipe.display-snipe-reflectivity, html.no-js .display-snipe.display-snipe-reflectivity {
        -webkit-transform: translateY(13px);
        transform: translateY(13px)
    }
    html.no-overview-enhanced .display-snipe.display-snipe-true-tone, html.no-js .display-snipe.display-snipe-true-tone {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }
}

.display-snipe-size-11 {
    width: 25px;
    height: 20px;
    background-size: 25px 20px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_11__ctevbjdy8i0y_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .display-snipe-size-11 {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_11__ctevbjdy8i0y_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .display-snipe-size-11 {
        width: 21px;
        height: 17px;
        background-size: 21px 17px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_11__ctevbjdy8i0y_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .display-snipe-size-11 {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_11__ctevbjdy8i0y_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .display-snipe-size-11 {
        width: 23px;
        height: 19px;
        background-size: 23px 19px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_11__ctevbjdy8i0y_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .display-snipe-size-11 {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_11__ctevbjdy8i0y_small_2x.png")
    }
}

.display-snipe-size-13 {
    width: 47px;
    height: 20px;
    background-size: 47px 20px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_12_9__gksnr1qh8ci2_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .display-snipe-size-13 {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_12_9__gksnr1qh8ci2_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .display-snipe-size-13 {
        width: 39px;
        height: 17px;
        background-size: 39px 17px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_12_9__gksnr1qh8ci2_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .display-snipe-size-13 {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_12_9__gksnr1qh8ci2_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .display-snipe-size-13 {
        width: 43px;
        height: 19px;
        background-size: 43px 19px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_12_9__gksnr1qh8ci2_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .display-snipe-size-13 {
        background-image: url("/v/ipad-pro/ac/images/overview/display_snipe_12_9__gksnr1qh8ci2_small_2x.png")
    }
}

.section-display {
    --sizes-center-offset: 490px
}

@media only screen and (max-width: 1068px) {
    .section-display {
        --sizes-center-offset: 420px
    }
}

.timeline-display-sizes {
    height: 100vh
}

.display-size-labels {
    position: absolute;
    z-index: 10;
    left: 50%;
    width: 980px;
    margin-left: -490px;
    top: calc( 50% + ( 677px + var(--localnav-height)) * 0.5)
}

@media only screen and (max-width: 1068px) {
    .display-size-labels {
        top: calc( 50% + ( 576px + var(--localnav-height)) * 0.5);
        width: 844px;
        margin-left: -422px
    }
}

html.no-overview-enhanced .display-size-labels, html.no-js .display-size-labels, html.no-overview-enhanced .display-size-labels, html.no-js .display-size-labels {
    display: none
}

.display-size-labels .ipad-11-label {
    width: 432px
}

@media only screen and (max-width: 1068px) {
    .display-size-labels .ipad-11-label {
        width: 367px
    }
}

@media only screen and (max-width: 734px) {
    .display-size-labels .ipad-11-label {
        width: 233px
    }
}

.display-size-labels .ipad-13-label {
    width: 519px
}

@media only screen and (max-width: 1068px) {
    .display-size-labels .ipad-13-label {
        width: 443px
    }
}

@media only screen and (max-width: 734px) {
    .display-size-labels .ipad-13-label {
        width: 280px
    }
}

.display-size-labels .display-snipe-size-11, .display-size-labels .display-snipe-size-13 {
    margin: 20px auto 0
}

@media only screen and (max-width: 1068px) {
    .display-size-labels .display-snipe-size-11, .display-size-labels .display-snipe-size-13 {
        margin: 16px auto 0
    }
}

.sticky-wrapper-sizes-small {
    display: none
}

@media only screen and (max-width: 734px) {
    .sticky-wrapper-sizes-small {
        display: block;
        height: 120vh
    }
}

html.no-overview-enhanced .sticky-wrapper-sizes-small, html.no-js .sticky-wrapper-sizes-small, html.no-overview-enhanced .sticky-wrapper-sizes-small, html.no-js .sticky-wrapper-sizes-small {
    display: block
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .sticky-wrapper-sizes-small, html.no-js .sticky-wrapper-sizes-small, html.no-overview-enhanced .sticky-wrapper-sizes-small, html.no-js .sticky-wrapper-sizes-small {
        height: auto
    }
}

.display-sizes-hardware-wrapper {
    width: 519px;
    height: 677px;
    position: relative
}

@media only screen and (max-width: 1068px) {
    .display-sizes-hardware-wrapper {
        width: 443px;
        height: 576px
    }
}

@media only screen and (max-width: 734px) {
    .display-sizes-hardware-wrapper {
        width: 280px;
        height: 366px
    }
}

.display-sizes-ipad-13-small {
    position: relative;
    z-index: 2;
    background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_13__cjvu37jmxaj6_large.jpg");
    width: 519px;
    height: 677px;
    background-size: 519px 677px
}

@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) {
    html.no-overview-enhanced .display-sizes-ipad-13-small, html.no-js .display-sizes-ipad-13-small, html.no-overview-enhanced .display-sizes-ipad-13-small, html.no-js .display-sizes-ipad-13-small {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_13__cjvu37jmxaj6_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .display-sizes-ipad-13-small {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_13__cjvu37jmxaj6_medium.jpg");
        width: 443px;
        height: 576px;
        background-size: 443px 576px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .display-sizes-ipad-13-small, html.no-js .display-sizes-ipad-13-small, html.no-overview-enhanced .display-sizes-ipad-13-small, html.no-js .display-sizes-ipad-13-small {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_13__cjvu37jmxaj6_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .display-sizes-ipad-13-small {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_13__cjvu37jmxaj6_small.png");
        width: 280px;
        height: 366px;
        background-size: 280px 366px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .display-sizes-ipad-13-small {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_13__cjvu37jmxaj6_small_2x.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .display-sizes-ipad-13-small, html.no-js .display-sizes-ipad-13-small, html.no-overview-enhanced .display-sizes-ipad-13-small, html.no-js .display-sizes-ipad-13-small {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_13__cjvu37jmxaj6_small_2x.png")
    }
}

html.no-overview-enhanced .display-sizes-ipad-13-small, html.no-js .display-sizes-ipad-13-small, html.no-overview-enhanced .display-sizes-ipad-13-small, html.no-js .display-sizes-ipad-13-small {
    margin-left: 238px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .display-sizes-ipad-13-small, html.no-js .display-sizes-ipad-13-small, html.no-overview-enhanced .display-sizes-ipad-13-small, html.no-js .display-sizes-ipad-13-small {
        margin-left: 202px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .display-sizes-ipad-13-small, html.no-js .display-sizes-ipad-13-small, html.no-overview-enhanced .display-sizes-ipad-13-small, html.no-js .display-sizes-ipad-13-small {
        margin-left: 124px
    }
}

.display-sizes-ipad-11-small {
    position: absolute;
    bottom: 1px;
    left: 50%;
    z-index: 1;
    margin-left: calc( 233px * -0.5);
    background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_11__dazcfor5ogia_large.jpg");
    width: 432px;
    height: 597px;
    background-size: 432px 597px
}

@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) {
    html.no-overview-enhanced .display-sizes-ipad-11-small, html.no-js .display-sizes-ipad-11-small, html.no-overview-enhanced .display-sizes-ipad-11-small, html.no-js .display-sizes-ipad-11-small {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_11__dazcfor5ogia_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .display-sizes-ipad-11-small {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_11__dazcfor5ogia_medium.jpg");
        width: 367px;
        height: 508px;
        background-size: 367px 508px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .display-sizes-ipad-11-small, html.no-js .display-sizes-ipad-11-small, html.no-overview-enhanced .display-sizes-ipad-11-small, html.no-js .display-sizes-ipad-11-small {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_11__dazcfor5ogia_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .display-sizes-ipad-11-small {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_11__dazcfor5ogia_small.jpg");
        width: 233px;
        height: 323px;
        background-size: 233px 323px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .display-sizes-ipad-11-small {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_11__dazcfor5ogia_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .display-sizes-ipad-11-small, html.no-js .display-sizes-ipad-11-small, html.no-overview-enhanced .display-sizes-ipad-11-small, html.no-js .display-sizes-ipad-11-small {
        background-image: url("/v/ipad-pro/ac/images/overview/display_sizes_11__dazcfor5ogia_small_2x.jpg")
    }
}

html.no-overview-enhanced .display-sizes-ipad-11-small, html.no-js .display-sizes-ipad-11-small, html.no-overview-enhanced .display-sizes-ipad-11-small, html.no-js .display-sizes-ipad-11-small {
    margin-left: -492px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .display-sizes-ipad-11-small, html.no-js .display-sizes-ipad-11-small, html.no-overview-enhanced .display-sizes-ipad-11-small, html.no-js .display-sizes-ipad-11-small {
        margin-left: -422px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .display-sizes-ipad-11-small, html.no-js .display-sizes-ipad-11-small, html.no-overview-enhanced .display-sizes-ipad-11-small, html.no-js .display-sizes-ipad-11-small {
        margin-left: -266px
    }
}

.display-size-labels-small {
    position: absolute;
    z-index: 10;
    width: 100%;
    top: calc( 50% + ( 366px + var(--localnav-height)) * 0.5)
}

html.no-overview-enhanced .display-size-labels-small, html.no-js .display-size-labels-small, html.no-overview-enhanced .display-size-labels-small, html.no-js .display-size-labels-small {
    position: relative;
    top: auto;
    padding-top: 12px
}

.display-size-labels-small .display-snipe-size-11 {
    margin: 12px 90px;
    float: right
}

html.no-overview-enhanced .display-size-labels-small .display-snipe-size-11, html.no-js .display-size-labels-small .display-snipe-size-11, html.no-overview-enhanced .display-size-labels-small .display-snipe-size-11, html.no-js .display-size-labels-small .display-snipe-size-11 {
    margin-right: 262px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .display-size-labels-small .display-snipe-size-11, html.no-js .display-size-labels-small .display-snipe-size-11, html.no-overview-enhanced .display-size-labels-small .display-snipe-size-11, html.no-js .display-size-labels-small .display-snipe-size-11 {
        margin-right: 232px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .display-size-labels-small .display-snipe-size-11, html.no-js .display-size-labels-small .display-snipe-size-11, html.no-overview-enhanced .display-size-labels-small .display-snipe-size-11, html.no-js .display-size-labels-small .display-snipe-size-11 {
        margin-right: 110px
    }
}

.display-size-labels-small .display-snipe-size-13 {
    margin: 12px 60px
}

html.no-overview-enhanced .display-size-labels-small .display-snipe-size-13, html.no-js .display-size-labels-small .display-snipe-size-13, html.no-overview-enhanced .display-size-labels-small .display-snipe-size-13, html.no-js .display-size-labels-small .display-snipe-size-13 {
    margin-left: 225px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .display-size-labels-small .display-snipe-size-13, html.no-js .display-size-labels-small .display-snipe-size-13, html.no-overview-enhanced .display-size-labels-small .display-snipe-size-13, html.no-js .display-size-labels-small .display-snipe-size-13 {
        margin-left: 184px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .display-size-labels-small .display-snipe-size-13, html.no-js .display-size-labels-small .display-snipe-size-13, html.no-overview-enhanced .display-size-labels-small .display-snipe-size-13, html.no-js .display-size-labels-small .display-snipe-size-13 {
        margin-left: 78px
    }
}

.section-display {
    position: relative
}

@media only screen and (max-width: 734px) {
    .section-display .sticky-wrapper-display {
        margin-top: calc(260px - 50vh)
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-display .sticky-wrapper-display, html.no-js .section-display .sticky-wrapper-display, html.no-overview-enhanced .section-display .sticky-wrapper-display, html.no-js .section-display .sticky-wrapper-display {
        margin-top: 0
    }
}

.section-display .sticky-wrapper-display .timeline-display-sizes {
    padding-bottom: 30vh
}

@media only screen and (max-width: 734px) {
    .section-display .sticky {
        position: relative;
        height: auto;
        min-height: auto
    }
}

html.no-overview-enhanced .section-display .sticky-small, html.no-js .section-display .sticky-small, html.no-overview-enhanced .section-display .sticky-small, html.no-js .section-display .sticky-small {
    position: relative;
    height: auto;
    top: auto
}

@media only screen and (max-width: 734px) {
    .section-display .sticky-overflow {
        height: auto;
        overflow: visible
    }
}

@media only screen and (max-width: 734px) {
    .section-display [data-anim-step-1], .section-display [data-anim-step-2], .section-display [data-anim-step-3] {
        opacity: 1
    }
}

@media only screen and (max-width: 734px) {
    .section-display .hide-on-small {
        display: none
    }
}

@media only screen and (max-width: 734px) {
    .section-display .sticky-wrapper-small {
        position: relative;
        pointer-events: none
    }
    .section-display .sticky-small {
        position: -webkit-sticky;
        position: sticky;
        z-index: 2;
        top: 0;
        width: 100%;
        height: 100vh
    }
    .section-display .sticky-overflow-small {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        overflow: hidden
    }
}

html.no-overview-enhanced .section-display .sticky-overflow-small, html.no-js .section-display .sticky-overflow-small, html.no-overview-enhanced .section-display .sticky-overflow-small, html.no-js .section-display .sticky-overflow-small {
    overflow: hidden
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-display .subsection-display-intro-small, html.no-js .section-display .subsection-display-intro-small, html.no-overview-enhanced .section-display .subsection-display-intro-small, html.no-js .section-display .subsection-display-intro-small {
        padding-top: 50px;
        padding-bottom: 81px
    }
    html.no-overview-enhanced .section-display .subsection-display-retina, html.no-js .section-display .subsection-display-retina, html.no-overview-enhanced .section-display .subsection-display-retina, html.no-js .section-display .subsection-display-retina {
        padding: 84px 0 87px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-display .sticky-wrapper-small, html.no-js .section-display .sticky-wrapper-small, html.no-overview-enhanced .section-display .sticky-wrapper-small, html.no-js .section-display .sticky-wrapper-small {
        pointer-events: auto
    }
    html.no-overview-enhanced .section-display .subsection-display-intro-small, html.no-js .section-display .subsection-display-intro-small, html.no-overview-enhanced .section-display .subsection-display-intro-small, html.no-js .section-display .subsection-display-intro-small {
        padding-bottom: 50px;
        padding-top: 15px
    }
    html.no-overview-enhanced .section-display .subsection-display-retina, html.no-js .section-display .subsection-display-retina, html.no-overview-enhanced .section-display .subsection-display-retina, html.no-js .section-display .subsection-display-retina {
        padding: 52px 0 0
    }
    html.no-overview-enhanced .section-display .subsection-display-snipes .section-content, html.no-js .section-display .subsection-display-snipes .section-content, html.no-overview-enhanced .section-display .subsection-display-snipes .section-content, html.no-js .section-display .subsection-display-snipes .section-content {
        margin-top: 37px;
        margin-bottom: 55px
    }
    html.no-overview-enhanced .section-display .subsection-display-snipes .column, html.no-js .section-display .subsection-display-snipes .column, html.no-overview-enhanced .section-display .subsection-display-snipes .column, html.no-js .section-display .subsection-display-snipes .column {
        min-height: 288px
    }
}

.image-overview-display-hardware {
    background-image: url("/v/ipad-pro/ac/images/overview/display_hardware__dzakccrqpymq_large.png");
    width: 656px;
    height: 854px;
    background-size: 656px 854px
}

@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) {
    html.no-overview-enhanced .image-overview-display-hardware, html.no-js .image-overview-display-hardware, html.no-overview-enhanced .image-overview-display-hardware, html.no-js .image-overview-display-hardware {
        background-image: url("/v/ipad-pro/ac/images/overview/display_hardware__dzakccrqpymq_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-display-hardware {
        background-image: url("/v/ipad-pro/ac/images/overview/display_hardware__dzakccrqpymq_medium.png");
        width: 470px;
        height: 612px;
        background-size: 470px 612px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-display-hardware, html.no-js .image-overview-display-hardware, html.no-overview-enhanced .image-overview-display-hardware, html.no-js .image-overview-display-hardware {
        background-image: url("/v/ipad-pro/ac/images/overview/display_hardware__dzakccrqpymq_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-display-hardware {
        background-image: url("/v/ipad-pro/ac/images/overview/display_hardware__dzakccrqpymq_small.png");
        width: 284px;
        height: 368px;
        background-size: 284px 368px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-display-hardware {
        background-image: url("/v/ipad-pro/ac/images/overview/display_hardware__dzakccrqpymq_small_2x.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-display-hardware, html.no-js .image-overview-display-hardware, html.no-overview-enhanced .image-overview-display-hardware, html.no-js .image-overview-display-hardware {
        background-image: url("/v/ipad-pro/ac/images/overview/display_hardware__dzakccrqpymq_small_2x.png")
    }
}

.image-overview-horizontal-ipad-pro-13-hw {
    background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_large.png");
    width: 969px;
    height: 743px;
    background-size: 969px 743px
}

@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) {
    html.no-overview-enhanced .image-overview-horizontal-ipad-pro-13-hw, html.no-js .image-overview-horizontal-ipad-pro-13-hw, html.no-overview-enhanced .image-overview-horizontal-ipad-pro-13-hw, html.no-js .image-overview-horizontal-ipad-pro-13-hw {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-horizontal-ipad-pro-13-hw {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_medium.png");
        width: 625px;
        height: 479px;
        background-size: 625px 479px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-horizontal-ipad-pro-13-hw, html.no-js .image-overview-horizontal-ipad-pro-13-hw, html.no-overview-enhanced .image-overview-horizontal-ipad-pro-13-hw, html.no-js .image-overview-horizontal-ipad-pro-13-hw {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_medium_2x.png")
    }
}

.image-overview-camera-cameras-lense-gut {
    background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_lense_gut__f2cg4qx2y5qy_large.jpg");
    width: 720px;
    height: 720px;
    background-size: 720px 720px
}

.image-overview-camera-cameras-blur-screen {
    background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_blur_screen__ddt3319ikiaa_large.jpg");
    width: 903px;
    height: 677px;
    background-size: 903px 677px
}

@media only screen and (max-width: 1068px) {
    .image-overview-camera-cameras-blur-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_blur_screen__ddt3319ikiaa_medium.jpg");
        width: 582px;
        height: 437px;
        background-size: 582px 437px
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-camera-cameras-blur-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_blur_screen__ddt3319ikiaa_small.jpg");
        width: 289px;
        height: 216px;
        background-size: 289px 216px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-camera-cameras-blur-screen {
        background-image: url()
    }
}

.image-overview-camera-cameras-depth-screen {
    background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_depth_screen__gdulmxxryh26_large.jpg");
    width: 903px;
    height: 677px;
    background-size: 903px 677px
}

@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) {
    html.no-overview-enhanced .image-overview-camera-cameras-depth-screen, html.no-js .image-overview-camera-cameras-depth-screen, html.no-overview-enhanced .image-overview-camera-cameras-depth-screen, html.no-js .image-overview-camera-cameras-depth-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_depth_screen__gdulmxxryh26_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-camera-cameras-depth-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_depth_screen__gdulmxxryh26_medium.jpg");
        width: 582px;
        height: 437px;
        background-size: 582px 437px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-camera-cameras-depth-screen, html.no-js .image-overview-camera-cameras-depth-screen, html.no-overview-enhanced .image-overview-camera-cameras-depth-screen, html.no-js .image-overview-camera-cameras-depth-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_depth_screen__gdulmxxryh26_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-camera-cameras-depth-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_depth_screen__gdulmxxryh26_small.jpg");
        width: 289px;
        height: 216px;
        background-size: 289px 216px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-camera-cameras-depth-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_depth_screen__gdulmxxryh26_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-camera-cameras-depth-screen, html.no-js .image-overview-camera-cameras-depth-screen, html.no-overview-enhanced .image-overview-camera-cameras-depth-screen, html.no-js .image-overview-camera-cameras-depth-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_depth_screen__gdulmxxryh26_small_2x.jpg")
    }
}

.image-overview-camera-cameras-ar-screen {
    background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_ar_screen__bg8db448nwdu_large.jpg");
    width: 903px;
    height: 677px;
    background-size: 903px 677px
}

@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) {
    html.no-overview-enhanced .image-overview-camera-cameras-ar-screen, html.no-js .image-overview-camera-cameras-ar-screen, html.no-overview-enhanced .image-overview-camera-cameras-ar-screen, html.no-js .image-overview-camera-cameras-ar-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_ar_screen__bg8db448nwdu_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-camera-cameras-ar-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_ar_screen__bg8db448nwdu_medium.jpg");
        width: 582px;
        height: 437px;
        background-size: 582px 437px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-camera-cameras-ar-screen, html.no-js .image-overview-camera-cameras-ar-screen, html.no-overview-enhanced .image-overview-camera-cameras-ar-screen, html.no-js .image-overview-camera-cameras-ar-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_ar_screen__bg8db448nwdu_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-camera-cameras-ar-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_ar_screen__bg8db448nwdu_small.jpg");
        width: 289px;
        height: 217px;
        background-size: 289px 217px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-camera-cameras-ar-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_ar_screen__bg8db448nwdu_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-camera-cameras-ar-screen, html.no-js .image-overview-camera-cameras-ar-screen, html.no-overview-enhanced .image-overview-camera-cameras-ar-screen, html.no-js .image-overview-camera-cameras-ar-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_ar_screen__bg8db448nwdu_small_2x.jpg")
    }
}

.image-overview-camera-cameras-shoot-screen {
    background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_shoot_screen__ehtlxb2mglua_large.jpg");
    width: 903px;
    height: 677px;
    background-size: 903px 677px
}

@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) {
    html.no-overview-enhanced .image-overview-camera-cameras-shoot-screen, html.no-js .image-overview-camera-cameras-shoot-screen, html.no-overview-enhanced .image-overview-camera-cameras-shoot-screen, html.no-js .image-overview-camera-cameras-shoot-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_shoot_screen__ehtlxb2mglua_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-camera-cameras-shoot-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_shoot_screen__ehtlxb2mglua_medium.jpg");
        width: 582px;
        height: 437px;
        background-size: 582px 437px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-camera-cameras-shoot-screen, html.no-js .image-overview-camera-cameras-shoot-screen, html.no-overview-enhanced .image-overview-camera-cameras-shoot-screen, html.no-js .image-overview-camera-cameras-shoot-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_shoot_screen__ehtlxb2mglua_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-camera-cameras-shoot-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_shoot_screen__ehtlxb2mglua_small.jpg");
        width: 289px;
        height: 216px;
        background-size: 289px 216px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-camera-cameras-shoot-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_shoot_screen__ehtlxb2mglua_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-camera-cameras-shoot-screen, html.no-js .image-overview-camera-cameras-shoot-screen, html.no-overview-enhanced .image-overview-camera-cameras-shoot-screen, html.no-js .image-overview-camera-cameras-shoot-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_shoot_screen__ehtlxb2mglua_small_2x.jpg")
    }
}

.image-overview-camera-cameras-snipe-shoot {
    width: 121px;
    height: 19px;
    background-size: 121px 19px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_snipe_shoot__d7eontg4aiuu_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image-overview-camera-cameras-snipe-shoot {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_snipe_shoot__d7eontg4aiuu_large_2x.png")
    }
}

.image-overview-camera-cameras-snipe-take {
    width: 191px;
    height: 19px;
    background-size: 191px 19px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_snipe_take__fzvphurul5e2_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image-overview-camera-cameras-snipe-take {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_snipe_take__fzvphurul5e2_large_2x.png")
    }
}

.section-cameras {
    --base: 100vw;
    position: relative;
    z-index: 4;
    --gut-width: 128px;
    --video-width: 1390;
    --video-height: 900;
    --video-gut-width: 340;
    --center-lense-x: -165px;
    --center-lense-y: 23px;
    margin-top: -130vh
}

@media only screen and (max-width: 1068px) {
    .section-cameras {
        --gut-width: 76px;
        --video-width: 724;
        --video-height: 750;
        --video-gut-width: 285;
        --center-lense-x: -23px;
        --center-lense-y: 94px
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras {
        --gut-width: 59px;
        --video-width: 736;
        --video-height: 432;
        --video-gut-width: 165;
        --center-lense-x: -53px;
        --center-lense-y: 32px;
        margin-top: -100vh
    }
}

.section-cameras .sticky {
    pointer-events: none
}

.section-cameras .sticky-wrapper.sticky-camera {
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color, 0.3s;
    transition: background-color, 0.3s
}

.section-cameras .sticky-wrapper.sticky-camera.fade-in {
    background-color: #000;
    -webkit-transition: background-color, 0.3s;
    transition: background-color, 0.3s
}

.section-cameras .intro-copyblock {
    text-align: left
}

.section-cameras .camera-copyblock.dark * {
    color: #fff
}

.section-cameras .camera-hardware {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-cameras .inline-video-hardware {
    overflow: hidden
}

.section-cameras .hardware-rotation .display-ipad-11.show {
    opacity: 1
}

.section-cameras .hardware-rotation .display-ipad-13.show {
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.section-cameras .hardware-rotation .display-ipad-11 {
    opacity: 0;
    position: absolute;
    -webkit-transform: translateX(var(--ipad-left-x));
    transform: translateX(var(--ipad-left-x));
    width: 432px;
    height: 597px;
    height: 677px
}

@media only screen and (max-width: 1068px) {
    .section-cameras .hardware-rotation .display-ipad-11 {
        width: 367px;
        height: 508px
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .hardware-rotation .display-ipad-11 {
        width: 233px;
        height: 323px
    }
}

@media only screen and (max-width: 1068px) {
    .section-cameras .hardware-rotation .display-ipad-11 {
        height: 576px
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .hardware-rotation .display-ipad-11 {
        height: 366px
    }
}

.section-cameras .hardware-rotation .display-ipad-11 canvas {
    left: -3px;
    top: 13px
}

@media only screen and (max-width: 1068px) {
    .section-cameras .hardware-rotation .display-ipad-11 canvas {
        left: -1px;
        top: 12px
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .hardware-rotation .display-ipad-11 canvas {
        left: -4px;
        top: 8px
    }
}

.section-cameras .display-ipad-13 {
    opacity: 0;
    position: relative;
    -webkit-transform: translateX(var(--ipad-right-x));
    transform: translateX(var(--ipad-right-x));
    width: 519px;
    height: 677px
}

@media only screen and (max-width: 1068px) {
    .section-cameras .display-ipad-13 {
        width: 443px;
        height: 576px
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .display-ipad-13 {
        width: 280px;
        height: 366px
    }
}

.section-cameras .display-ipad-13.transition {
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

@media only screen and (max-width: 734px) {
    .section-cameras .display-ipad-13.transition {
        -webkit-transition: opacity 0s;
        transition: opacity 0s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }
}

.section-cameras .display-ipad-13 canvas {
    margin: -53px 0 0 -22px
}

@media only screen and (max-width: 1068px) {
    .section-cameras .display-ipad-13 canvas {
        margin: -42px 0 0 -19px
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .display-ipad-13 canvas {
        margin: -26px 0 0 -12px
    }
}

.section-cameras .camera-system .snipes {
    margin: 30px 0 0
}

.section-cameras .camera-system .snipes figure {
    margin: 30px 0;
    list-style: none
}

.section-cameras .camera-system .snipes figure:nth-child(1) {
    width: 224px;
    height: 19px;
    background-size: 224px 19px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_snipe_ultra_wide__fsqt6l8k1p6y_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-cameras .camera-system .snipes figure:nth-child(1) {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_snipe_ultra_wide__fsqt6l8k1p6y_large_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    html.overview-enhanced .section-cameras .camera-system .snipes figure:nth-child(1) {
        margin-top: -8px;
        margin-left: -2px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .camera-system .snipes figure:nth-child(1), html.no-js .section-cameras .camera-system .snipes figure:nth-child(1), html.no-overview-enhanced .section-cameras .camera-system .snipes figure:nth-child(1), html.no-js .section-cameras .camera-system .snipes figure:nth-child(1) {
        margin-top: -8px;
        margin-left: -2px
    }
}

.section-cameras .camera-system .snipes figure:nth-child(2) {
    width: 148px;
    height: 19px;
    background-size: 148px 19px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_snipe_wide__bxezgkazq3f6_large.png");
    margin-bottom: 0
}

@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) {
    .section-cameras .camera-system .snipes figure:nth-child(2) {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_snipe_wide__bxezgkazq3f6_large_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    html.overview-enhanced .section-cameras .camera-system .snipes figure:nth-child(2) {
        margin-left: -2px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .camera-system .snipes figure:nth-child(2), html.no-js .section-cameras .camera-system .snipes figure:nth-child(2), html.no-overview-enhanced .section-cameras .camera-system .snipes figure:nth-child(2), html.no-js .section-cameras .camera-system .snipes figure:nth-child(2) {
        margin-left: -2px
    }
}

.section-cameras .hardware-rotation-trigger {
    position: relative;
    z-index: 2
}

.section-cameras .hardware-rotation-trigger.move-back {
    z-index: 1
}

.section-cameras .camera-zoom-trigger {
    height: 125vh;
    position: relative;
    z-index: 1
}

.section-cameras .camera-zoom {
    visibility: hidden
}

.section-cameras .camera-zoom.show {
    visibility: visible
}

.section-cameras .camera-zoom .camera-container {
    -webkit-transform: translate(var(--ipad-right-end-x), var(--ipad-right-end-y));
    transform: translate(var(--ipad-right-end-x), var(--ipad-right-end-y));
    opacity: 1
}

.section-cameras .camera-zoom .camera-container .camera {
    width: var(--gut-width);
    height: var(--gut-width);
    position: relative;
    left: 360px;
    top: 227px
}

@media only screen and (max-width: 1068px) {
    .section-cameras .camera-zoom .camera-container .camera {
        left: 213px;
        top: 126px
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .camera-zoom .camera-container .camera {
        left: 163px;
        top: 103px
    }
}

.section-cameras .camera-zoom .camera-container .camera-lense {
    width: 1378px;
    height: 1150px;
    background-size: 1378px 1150px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_lidar__pf9vlatch1me_large.jpg");
    position: absolute;
    left: -384px;
    top: -280px
}

html.css-mask .section-cameras .camera-zoom .camera-container .camera-lense {
    width: 1378px;
    height: 1150px;
    background-size: 1378px 1150px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_lidar__pf9vlatch1me_large.jpg");
    -webkit-mask-size: 1378px 1150px;
    mask-size: 1378px 1150px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_lidar_mask__dl06yo3axpkm_large.svg");
    mask-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_lidar_mask__dl06yo3axpkm_large.svg")
}

@media only screen and (max-width: 1068px) {
    .section-cameras .camera-zoom .camera-container .camera-lense {
        width: 848px;
        height: 690px;
        background-size: 848px 690px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_lidar__pf9vlatch1me_medium.jpg")
    }
    html.css-mask .section-cameras .camera-zoom .camera-container .camera-lense {
        width: 848px;
        height: 690px;
        background-size: 848px 690px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_lidar__pf9vlatch1me_medium.jpg");
        -webkit-mask-size: 848px 690px;
        mask-size: 848px 690px;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_lidar_mask__dl06yo3axpkm_medium.svg");
        mask-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_lidar_mask__dl06yo3axpkm_medium.svg")
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .camera-zoom .camera-container .camera-lense {
        width: 640px;
        height: 524px;
        background-size: 640px 524px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_lidar__pf9vlatch1me_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-cameras .camera-zoom .camera-container .camera-lense {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_lidar__pf9vlatch1me_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    html.css-mask .section-cameras .camera-zoom .camera-container .camera-lense {
        width: 640px;
        height: 524px;
        background-size: 640px 524px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_lidar__pf9vlatch1me_small.jpg");
        -webkit-mask-size: 640px 524px;
        mask-size: 640px 524px;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_lidar_mask__dl06yo3axpkm_small.svg");
        mask-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_lidar_mask__dl06yo3axpkm_small.svg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.css-mask .section-cameras .camera-zoom .camera-container .camera-lense {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_lidar__pf9vlatch1me_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-cameras .camera-zoom .camera-container .camera-lense {
        left: -233px;
        top: -168px
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .camera-zoom .camera-container .camera-lense {
        left: -175px;
        top: -130px
    }
}

.section-cameras .camera-zoom .camera-container .camera-lense-gut {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(.17778);
    transform: scale(.17778);
    background-size: 100% auto;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 100% 100%
}

@media only screen and (max-width: 1068px) {
    .section-cameras .camera-zoom .camera-container .camera-lense-gut {
        -webkit-transform: scale(.10556);
        transform: scale(.10556)
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .camera-zoom .camera-container .camera-lense-gut {
        -webkit-transform: scale(.08194);
        transform: scale(.08194)
    }
}

@media only screen and (max-width: 1068px) {
    .section-cameras .camera-zoom .camera-container .camera-lense-gut {
        left: -1.5px;
        top: 1px
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .camera-zoom .camera-container .camera-lense-gut {
        left: 0;
        top: -1px
    }
}

.section-cameras .lidar-animation-trigger {
    position: relative;
    z-index: 10
}

.section-cameras .transition-container {
    top: 0;
    left: 0
}

.section-cameras .transition-container .video-particles {
    position: relative;
    width: 100%;
    height: 100%
}

.section-cameras .transition-container .video-particles canvas, .section-cameras .transition-container .video-particles video {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: calc(50% - var(--localnav-height)/2);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

.section-cameras .transition-container .video-particles canvas.show, .section-cameras .transition-container .video-particles video.show {
    opacity: 1
}

.section-cameras .transition-container .video-particles canvas.video-cover, .section-cameras .transition-container .video-particles video.video-cover {
    width: auto;
    height: 100vh
}

html.no-video-scrub .section-cameras .transition-container .video-particles video {
    display: none
}

.section-cameras .sticky-app-switcher {
    --content-timeline-height: 25vh;
    padding-bottom: calc(var(--dynamic-offset) + 175px)
}

@media only screen and (max-width: 1068px) {
    .section-cameras .sticky-app-switcher {
        --content-timeline-height: 35vh
    }
}

@media only screen and (max-width: 1068px) {
    .section-cameras .sticky-app-switcher {
        padding-bottom: calc(var(--dynamic-offset) + 175px)
    }
}

html.no-overview-enhanced .section-cameras .sticky-app-switcher, html.no-js .section-cameras .sticky-app-switcher, html.no-overview-enhanced .section-cameras .sticky-app-switcher, html.no-js .section-cameras .sticky-app-switcher {
    padding-bottom: 175px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-cameras .sticky-app-switcher, html.no-js .section-cameras .sticky-app-switcher, html.no-overview-enhanced .section-cameras .sticky-app-switcher, html.no-js .section-cameras .sticky-app-switcher {
        padding-bottom: 175px
    }
}

@media only screen and (max-width: 734px) {
    html.overview-enhanced .section-cameras .sticky-app-switcher {
        padding-bottom: 85px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .sticky-app-switcher, html.no-js .section-cameras .sticky-app-switcher, html.no-overview-enhanced .section-cameras .sticky-app-switcher, html.no-js .section-cameras .sticky-app-switcher {
        padding-bottom: 85px
    }
}

.section-cameras .sticky-app-switcher .image-hardware {
    background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_large.png");
    width: 969px;
    height: 743px;
    background-size: 969px 743px;
    z-index: 2;
    position: relative
}

@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) {
    html.no-overview-enhanced .section-cameras .sticky-app-switcher .image-hardware, html.no-js .section-cameras .sticky-app-switcher .image-hardware, html.no-overview-enhanced .section-cameras .sticky-app-switcher .image-hardware, html.no-js .section-cameras .sticky-app-switcher .image-hardware {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-cameras .sticky-app-switcher .image-hardware {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_medium.png");
        width: 625px;
        height: 479px;
        background-size: 625px 479px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-cameras .sticky-app-switcher .image-hardware, html.no-js .section-cameras .sticky-app-switcher .image-hardware, html.no-overview-enhanced .section-cameras .sticky-app-switcher .image-hardware, html.no-js .section-cameras .sticky-app-switcher .image-hardware {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .sticky-app-switcher .image-hardware {
        width: 311px;
        height: 239px;
        background-size: 311px 239px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw_01__6pk8liciz4yu_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-cameras .sticky-app-switcher .image-hardware {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw_01__6pk8liciz4yu_small_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .sticky-app-switcher .image-hardware, html.no-js .section-cameras .sticky-app-switcher .image-hardware, html.no-overview-enhanced .section-cameras .sticky-app-switcher .image-hardware, html.no-js .section-cameras .sticky-app-switcher .image-hardware {
        width: 311px;
        height: 239px;
        background-size: 311px 239px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw_01__6pk8liciz4yu_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-cameras .sticky-app-switcher .image-hardware, html.no-js .section-cameras .sticky-app-switcher .image-hardware, html.no-overview-enhanced .section-cameras .sticky-app-switcher .image-hardware, html.no-js .section-cameras .sticky-app-switcher .image-hardware {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw_01__6pk8liciz4yu_small_2x.png")
    }
}

.section-cameras .sticky-app-switcher .content-timeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(30vh + var(--localnav-height))
}

.section-cameras .sticky-app-switcher .content-timeline.ar {
    margin-top: -100vh
}

@media only screen and (max-width: 734px) {
    html.overview-enhanced .section-cameras .sticky-app-switcher .sticky {
        display: none
    }
}

html.no-overview-enhanced .section-cameras .sticky-app-switcher .sticky, html.no-js .section-cameras .sticky-app-switcher .sticky, html.no-overview-enhanced .section-cameras .sticky-app-switcher .sticky, html.no-js .section-cameras .sticky-app-switcher .sticky {
    display: none
}

.section-cameras .sticky-app-switcher .sticky-overflow {
    min-height: 100%;
    overflow: visible
}

.section-cameras .sticky-app-switcher .app-switcher {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: calc(30vh + var(--localnav-height))
}

@media only screen and (max-width: 734px) {
    .section-cameras .sticky-app-switcher .app-switcher {
        top: calc(55vh + var(--localnav-height))
    }
}

.section-cameras .sticky-app-switcher .app-switcher .device-container {
    width: 969px;
    height: 743px;
    display: block;
    position: relative;
    overflow: hidden;
    will-change: transform
}

@media only screen and (max-width: 1068px) {
    .section-cameras .sticky-app-switcher .app-switcher .device-container {
        width: 625px;
        height: 479px
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .sticky-app-switcher .app-switcher .device-container {
        width: 311px;
        height: 239px
    }
}

.section-cameras .sticky-app-switcher .app-switcher .image-overview-horizontal-ipad-pro-13-hw {
    position: relative
}

.section-cameras .sticky-app-switcher .app-switcher .image-overview-camera-cameras-blur-screen {
    position: absolute;
    left: 50%;
    top: calc(50% + 0.5px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.section-cameras .sticky-app-switcher .app-switcher .screen-container {
    position: absolute;
    left: 50%;
    top: calc(50% + 0.5px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden
}

.section-cameras .sticky-app-switcher .app-switcher .apps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    will-change: transform
}

.section-cameras .sticky-app-switcher .app-switcher .screen, .section-cameras .sticky-app-switcher .app-switcher .screen-container {
    width: 903px;
    height: 677px
}

@media only screen and (max-width: 1068px) {
    .section-cameras .sticky-app-switcher .app-switcher .screen, .section-cameras .sticky-app-switcher .app-switcher .screen-container {
        width: 582px;
        height: 437px
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .sticky-app-switcher .app-switcher .screen, .section-cameras .sticky-app-switcher .app-switcher .screen-container {
        width: 289px;
        height: 216px
    }
}

.section-cameras .sticky-app-switcher .screen {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-position: center;
    background-size: cover;
    margin-left: 10px;
    border-radius: 10px
}

.section-cameras .sticky-app-switcher .screen:last-child {
    margin-left: 0
}

.section-cameras .sticky-app-switcher .section-content {
    padding-bottom: calc(100vh - (30vh + var(--localnav-height)))
}

@media only screen and (max-width: 734px) {
    html.overview-enhanced .section-cameras .sticky-app-switcher .section-content {
        padding-bottom: 0
    }
}

html.no-overview-enhanced .section-cameras .sticky-app-switcher .section-content, html.no-js .section-cameras .sticky-app-switcher .section-content, html.no-overview-enhanced .section-cameras .sticky-app-switcher .section-content, html.no-js .section-cameras .sticky-app-switcher .section-content {
    padding-bottom: 0
}

@media only screen and (max-width: 734px) {
    html.overview-enhanced .section-cameras .sticky-app-switcher .section-content {
        width: 100%;
        padding: 0 6.33333%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .sticky-app-switcher .section-content, html.no-js .section-cameras .sticky-app-switcher .section-content, html.no-overview-enhanced .section-cameras .sticky-app-switcher .section-content, html.no-js .section-cameras .sticky-app-switcher .section-content {
        width: 100%;
        padding: 0 6.33333%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 734px) {
    html.overview-enhanced .section-cameras .sticky-app-switcher .section-content .sticky-layout {
        display: none;
        pointer-events: none
    }
}

html.no-overview-enhanced .section-cameras .sticky-app-switcher .section-content .sticky-layout, html.no-js .section-cameras .sticky-app-switcher .section-content .sticky-layout, html.no-overview-enhanced .section-cameras .sticky-app-switcher .section-content .sticky-layout, html.no-js .section-cameras .sticky-app-switcher .section-content .sticky-layout {
    display: none;
    pointer-events: none
}

.section-cameras .sticky-app-switcher .section-content .stacked-layout {
    display: none
}

@media only screen and (max-width: 734px) {
    html.overview-enhanced .section-cameras .sticky-app-switcher .section-content .stacked-layout {
        display: block
    }
}

html.no-overview-enhanced .section-cameras .sticky-app-switcher .section-content .stacked-layout, html.no-js .section-cameras .sticky-app-switcher .section-content .stacked-layout, html.no-overview-enhanced .section-cameras .sticky-app-switcher .section-content .stacked-layout, html.no-js .section-cameras .sticky-app-switcher .section-content .stacked-layout {
    display: block
}

.section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock {
    padding: 0 8.33333%
}

@media only screen and (min-width: 1069px) {
    .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock {
        margin-top: 91px
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock {
        padding: 0
    }
}

.section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .row .column:nth-child(1) {
    margin-right: 8.33333%;
    width: 33.33333%
}

.section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .row .column:nth-child(2) {
    width: 58.33333%
}

@media only screen and (max-width: 1068px) {
    .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .row .column:nth-child(1), .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .row .column:nth-child(2) {
        margin-right: 0;
        width: 100%;
        margin-bottom: -8px
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .row {
        margin-bottom: 0
    }
}

.section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .feature-copyblock-subhead {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (max-width: 1068px) {
    .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .feature-copyblock-subhead {
        margin-top: 85px;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .feature-copyblock-subhead {
        margin-top: 70px;
        margin-bottom: -2px
    }
}

@media only screen and (min-width: 1069px) {
    .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .feature-copyblock-copy {
        margin-top: 18px
    }
}

html.no-overview-enhanced .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .feature-copyblock-copy, html.no-js .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .feature-copyblock-copy, html.no-overview-enhanced .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .feature-copyblock-copy, html.no-js .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .feature-copyblock-copy {
    margin-top: 29px
}

.section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .snipes {
    margin-bottom: 76px;
    margin-top: 0
}

.section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .snipes .cameras-snipe {
    margin-bottom: 31px
}

@media only screen and (max-width: 1068px) {
    .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .snipes {
        margin-bottom: 69px;
        margin-top: 5px
    }
    .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .snipes .cameras-snipe {
        margin-bottom: 35px
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .snipes {
        margin-bottom: 0;
        margin-top: -5px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: inline-block
    }
    .section-cameras .sticky-app-switcher .section-content .stacked-layout .feature-copyblock .snipes .cameras-snipe {
        margin-bottom: 26px
    }
}

.section-cameras .sticky-app-switcher .section-content .stacked-layout .device-container {
    position: relative;
    margin-top: 43px
}

@media only screen and (max-width: 1068px) {
    .section-cameras .sticky-app-switcher .section-content .stacked-layout .device-container {
        margin-top: 36px
    }
}

.section-cameras .sticky-app-switcher .section-content .stacked-layout .device-container .image-hardware {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.section-cameras .sticky-app-switcher .section-content .stacked-layout .device-container .screen {
    left: 39px;
    position: absolute;
    z-index: -1;
    top: 34px;
    border-radius: 0
}

@media only screen and (max-width: 1068px) {
    .section-cameras .sticky-app-switcher .section-content .stacked-layout .device-container .screen {
        left: 55px;
        top: 22px
    }
}

@media only screen and (max-width: 734px) {
    .section-cameras .sticky-app-switcher .section-content .stacked-layout .device-container .screen {
        left: calc(50% - 144px);
        top: 12px
    }
}

.section-cameras .sticky-app-switcher .snipes {
    margin-top: 0;
    position: relative;
    top: 27px
}

.section-cameras .sticky-app-switcher .snipes .cameras-snipe:first-child {
    padding-right: 50px
}

@media only screen and (max-width: 734px) {
    .section-cameras .sticky-app-switcher .snipes .cameras-snipe:first-child {
        padding-right: 0;
        padding-bottom: 0
    }
}

html.no-overview-enhanced .section-cameras, html.no-js .section-cameras, html.no-overview-enhanced .section-cameras, html.no-js .section-cameras {
    margin-top: 0
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-hero, html.no-js .section-cameras .image-overview-camera-cameras-static-hero, html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-hero, html.no-js .section-cameras .image-overview-camera-cameras-static-hero {
        width: 736px;
        height: 491px;
        background-size: 736px 491px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_hero__dmy9qu5yj2i6_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-hero, html.no-js .section-cameras .image-overview-camera-cameras-static-hero, html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-hero, html.no-js .section-cameras .image-overview-camera-cameras-static-hero {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_hero__dmy9qu5yj2i6_small_2x.jpg")
    }
}

html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-pro, html.no-js .section-cameras .image-overview-camera-cameras-static-pro, html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-pro, html.no-js .section-cameras .image-overview-camera-cameras-static-pro {
    width: 1381px;
    height: 845px;
    background-size: 1381px 845px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_pro__e69k5s4qjtme_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-pro, html.no-js .section-cameras .image-overview-camera-cameras-static-pro, html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-pro, html.no-js .section-cameras .image-overview-camera-cameras-static-pro {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_pro__e69k5s4qjtme_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-pro, html.no-js .section-cameras .image-overview-camera-cameras-static-pro, html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-pro, html.no-js .section-cameras .image-overview-camera-cameras-static-pro {
        width: 532px;
        height: 682px;
        background-size: 532px 682px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_pro__e69k5s4qjtme_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-pro, html.no-js .section-cameras .image-overview-camera-cameras-static-pro, html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-pro, html.no-js .section-cameras .image-overview-camera-cameras-static-pro {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_pro__e69k5s4qjtme_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-pro, html.no-js .section-cameras .image-overview-camera-cameras-static-pro, html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-pro, html.no-js .section-cameras .image-overview-camera-cameras-static-pro {
        width: 736px;
        height: 350px;
        background-size: 736px 350px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_pro__e69k5s4qjtme_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-pro, html.no-js .section-cameras .image-overview-camera-cameras-static-pro, html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-pro, html.no-js .section-cameras .image-overview-camera-cameras-static-pro {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_pro__e69k5s4qjtme_small_2x.jpg")
    }
}

html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-lidar, html.no-js .section-cameras .image-overview-camera-cameras-static-lidar, html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-lidar, html.no-js .section-cameras .image-overview-camera-cameras-static-lidar {
    width: 1381px;
    height: 845px;
    background-size: 1381px 845px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_lidar__fu6l78zi0wyi_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-lidar, html.no-js .section-cameras .image-overview-camera-cameras-static-lidar, html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-lidar, html.no-js .section-cameras .image-overview-camera-cameras-static-lidar {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_lidar__fu6l78zi0wyi_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-lidar, html.no-js .section-cameras .image-overview-camera-cameras-static-lidar, html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-lidar, html.no-js .section-cameras .image-overview-camera-cameras-static-lidar {
        width: 532px;
        height: 682px;
        background-size: 532px 682px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_lidar__fu6l78zi0wyi_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-lidar, html.no-js .section-cameras .image-overview-camera-cameras-static-lidar, html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-lidar, html.no-js .section-cameras .image-overview-camera-cameras-static-lidar {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_lidar__fu6l78zi0wyi_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-lidar, html.no-js .section-cameras .image-overview-camera-cameras-static-lidar, html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-lidar, html.no-js .section-cameras .image-overview-camera-cameras-static-lidar {
        width: 736px;
        height: 350px;
        background-size: 736px 350px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_lidar__fu6l78zi0wyi_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-lidar, html.no-js .section-cameras .image-overview-camera-cameras-static-lidar, html.no-overview-enhanced .section-cameras .image-overview-camera-cameras-static-lidar, html.no-js .section-cameras .image-overview-camera-cameras-static-lidar {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_lidar__fu6l78zi0wyi_small_2x.jpg")
    }
}

html.no-overview-enhanced .section-cameras .cameras-subsection.hardware-rotation-trigger, html.no-js .section-cameras .cameras-subsection.hardware-rotation-trigger, html.no-overview-enhanced .section-cameras .cameras-subsection.hardware-rotation-trigger, html.no-js .section-cameras .cameras-subsection.hardware-rotation-trigger {
    margin-bottom: 0
}

html.no-overview-enhanced .section-cameras .row, html.no-js .section-cameras .row, html.no-overview-enhanced .section-cameras .row, html.no-js .section-cameras .row {
    display: block
}

html.no-overview-enhanced .section-cameras .sticky-wrapper, html.no-js .section-cameras .sticky-wrapper, html.no-overview-enhanced .section-cameras .sticky-wrapper, html.no-js .section-cameras .sticky-wrapper {
    overflow: hidden
}

html.no-overview-enhanced .section-cameras .content-timeline, html.no-js .section-cameras .content-timeline, html.no-overview-enhanced .section-cameras .content-timeline, html.no-js .section-cameras .content-timeline {
    height: auto
}

html.no-overview-enhanced .section-cameras .image-static, html.no-js .section-cameras .image-static, html.no-overview-enhanced .section-cameras .image-static, html.no-js .section-cameras .image-static {
    display: block;
    position: relative;
    left: 40%
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-cameras .image-static, html.no-js .section-cameras .image-static, html.no-overview-enhanced .section-cameras .image-static, html.no-js .section-cameras .image-static {
        left: 50%
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .image-static, html.no-js .section-cameras .image-static, html.no-overview-enhanced .section-cameras .image-static, html.no-js .section-cameras .image-static {
        left: 50%
    }
}

html.no-overview-enhanced .section-cameras .sticky-camera .sticky, html.no-js .section-cameras .sticky-camera .sticky, html.no-overview-enhanced .section-cameras .sticky-camera .sticky, html.no-js .section-cameras .sticky-camera .sticky {
    display: none
}

html.no-overview-enhanced .section-cameras .camera-headline, html.no-js .section-cameras .camera-headline, html.no-overview-enhanced .section-cameras .camera-headline, html.no-js .section-cameras .camera-headline {
    text-align: center;
    margin: auto;
    padding: 160px 0 114px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-cameras .camera-headline, html.no-js .section-cameras .camera-headline, html.no-overview-enhanced .section-cameras .camera-headline, html.no-js .section-cameras .camera-headline {
        padding: 120px 0 84px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .camera-headline, html.no-js .section-cameras .camera-headline, html.no-overview-enhanced .section-cameras .camera-headline, html.no-js .section-cameras .camera-headline {
        padding: 77px 0 45px 0
    }
}

html.no-overview-enhanced .section-cameras .camera-headline h3, html.no-js .section-cameras .camera-headline h3, html.no-overview-enhanced .section-cameras .camera-headline h3, html.no-js .section-cameras .camera-headline h3 {
    margin-top: .15em
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-cameras .camera-headline h3, html.no-js .section-cameras .camera-headline h3, html.no-overview-enhanced .section-cameras .camera-headline h3, html.no-js .section-cameras .camera-headline h3 {
        margin-top: .2em
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .camera-headline h3, html.no-js .section-cameras .camera-headline h3, html.no-overview-enhanced .section-cameras .camera-headline h3, html.no-js .section-cameras .camera-headline h3 {
        margin-top: .4em
    }
}

html.no-overview-enhanced .section-cameras .camera-system-headline, html.no-overview-enhanced .section-cameras .camera-sensor-headline, html.no-js .section-cameras .camera-system-headline, html.no-js .section-cameras .camera-sensor-headline, html.no-overview-enhanced .section-cameras .camera-system-headline, html.no-overview-enhanced .section-cameras .camera-sensor-headline, html.no-js .section-cameras .camera-system-headline, html.no-js .section-cameras .camera-sensor-headline {
    float: left
}

html.no-overview-enhanced .section-cameras .camera-zoom-trigger, html.no-js .section-cameras .camera-zoom-trigger, html.no-overview-enhanced .section-cameras .camera-zoom-trigger, html.no-js .section-cameras .camera-zoom-trigger {
    background: #000;
    height: auto;
    margin-bottom: 0;
    border-top: 25px solid #111
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-cameras .camera-zoom-trigger, html.no-js .section-cameras .camera-zoom-trigger, html.no-overview-enhanced .section-cameras .camera-zoom-trigger, html.no-js .section-cameras .camera-zoom-trigger {
        border-top: 10px solid #111
    }
}

@media only screen and (min-width: 735px) {
    html.no-overview-enhanced .section-cameras .camera-zoom-trigger .image-overview-camera-cameras-static-lidar, html.no-js .section-cameras .camera-zoom-trigger .image-overview-camera-cameras-static-lidar, html.no-overview-enhanced .section-cameras .camera-zoom-trigger .image-overview-camera-cameras-static-lidar, html.no-js .section-cameras .camera-zoom-trigger .image-overview-camera-cameras-static-lidar {
        top: 90px
    }
}

html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger, html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger {
    background-color: #000;
    background-size: 2590px 900px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_particles__ey4v1ywxpb0i_large.jpg");
    background-position: center center;
    background-size: cover;
    width: 100%;
    border-top: 25px solid #111;
    min-height: 900px
}

@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) {
    html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger, html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_particles__ey4v1ywxpb0i_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger, html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger {
        background-size: 1068px 763px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_particles__ey4v1ywxpb0i_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger, html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_particles__ey4v1ywxpb0i_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger, html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger {
        background-size: 736px 595px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_particles__ey4v1ywxpb0i_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger, html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger {
        background-image: url("/v/ipad-pro/ac/images/overview/camera/cameras_static_particles__ey4v1ywxpb0i_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger, html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger {
        border-top: 10px solid #111
    }
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger, html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger {
        min-height: 763px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger, html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger {
        min-height: 595px
    }
}

html.no-overview-enhanced .section-cameras .camera-system-headline, html.no-overview-enhanced .section-cameras .camera-sensor-headline, html.no-js .section-cameras .camera-system-headline, html.no-js .section-cameras .camera-sensor-headline, html.no-overview-enhanced .section-cameras .camera-system-headline, html.no-overview-enhanced .section-cameras .camera-sensor-headline, html.no-js .section-cameras .camera-system-headline, html.no-js .section-cameras .camera-sensor-headline {
    margin-top: 15%
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-cameras .camera-system-headline, html.no-overview-enhanced .section-cameras .camera-sensor-headline, html.no-js .section-cameras .camera-system-headline, html.no-js .section-cameras .camera-sensor-headline, html.no-overview-enhanced .section-cameras .camera-system-headline, html.no-overview-enhanced .section-cameras .camera-sensor-headline, html.no-js .section-cameras .camera-system-headline, html.no-js .section-cameras .camera-sensor-headline {
        margin-top: 10%
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .camera-zoom-trigger .feature-copyblock, html.no-js .section-cameras .camera-zoom-trigger .feature-copyblock, html.no-overview-enhanced .section-cameras .camera-zoom-trigger .feature-copyblock, html.no-js .section-cameras .camera-zoom-trigger .feature-copyblock {
        padding: 52px 0 30px 0
    }
}

html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger, html.no-overview-enhanced .section-cameras .lidar-animation-trigger, html.no-js .section-cameras .lidar-animation-trigger {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1px
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .lidar-animation-trigger .feature-copyblock, html.no-js .section-cameras .lidar-animation-trigger .feature-copyblock, html.no-overview-enhanced .section-cameras .lidar-animation-trigger .feature-copyblock, html.no-js .section-cameras .lidar-animation-trigger .feature-copyblock {
        padding: 32px 0 30px 0
    }
}

html.no-overview-enhanced .section-cameras .camera-rare-headline, html.no-js .section-cameras .camera-rare-headline, html.no-overview-enhanced .section-cameras .camera-rare-headline, html.no-js .section-cameras .camera-rare-headline {
    margin-top: 15%
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras .image-static, html.no-js .section-cameras .image-static, html.no-overview-enhanced .section-cameras .image-static, html.no-js .section-cameras .image-static {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    html.no-overview-enhanced .section-cameras .feature-copyblock, html.no-js .section-cameras .feature-copyblock, html.no-overview-enhanced .section-cameras .feature-copyblock, html.no-js .section-cameras .feature-copyblock {
        padding: 54px 0 30px 0
    }
    html.no-overview-enhanced .section-cameras .camera-system-headline, html.no-overview-enhanced .section-cameras .camera-sensor-headline, html.no-overview-enhanced .section-cameras .camera-rare-headline, html.no-js .section-cameras .camera-system-headline, html.no-js .section-cameras .camera-sensor-headline, html.no-js .section-cameras .camera-rare-headline, html.no-overview-enhanced .section-cameras .camera-system-headline, html.no-overview-enhanced .section-cameras .camera-sensor-headline, html.no-overview-enhanced .section-cameras .camera-rare-headline, html.no-js .section-cameras .camera-system-headline, html.no-js .section-cameras .camera-sensor-headline, html.no-js .section-cameras .camera-rare-headline {
        float: none;
        clear: both;
        margin-top: 0
    }
}

html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock, html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock {
    margin-top: 94px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock, html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock {
        margin-top: 86px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock, html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock {
        margin-top: 56px
    }
}

@media only screen and (min-width: 1069px) {
    html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock .row .column:nth-child(1), html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock .row .column:nth-child(1), html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock .row .column:nth-child(1), html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock .row .column:nth-child(1) {
        margin-right: 8.33333%;
        width: 33.33333%
    }
}

@media only screen and (min-width: 1069px) {
    html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock .row .column:nth-child(2), html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock .row .column:nth-child(2), html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock .row .column:nth-child(2), html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock .row .column:nth-child(2) {
        width: 58.33333%
    }
}

@media only screen and (min-width: 1069px) {
    html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock:first-child .row .column:nth-child(1), html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock:first-child .row .column:nth-child(1), html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock:first-child .row .column:nth-child(1), html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock:first-child .row .column:nth-child(1) {
        width: 41.66667%
    }
}

@media only screen and (min-width: 1069px) {
    html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock:first-child .row .column:nth-child(2), html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock:first-child .row .column:nth-child(2), html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock:first-child .row .column:nth-child(2), html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock:first-child .row .column:nth-child(2) {
        width: 50%
    }
}

html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock.horizontal .row, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock.horizontal .row, html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock.horizontal .row, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock.horizontal .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock.horizontal .row .snipes, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock.horizontal .row .snipes, html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock.horizontal .row .snipes, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock.horizontal .row .snipes {
    margin-bottom: 0
}

html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock-subhead, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock-subhead, html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock-subhead, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock-subhead {
    margin-top: 10px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock-subhead, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock-subhead, html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock-subhead, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .feature-copyblock-subhead {
        margin-top: 0
    }
}

@media only screen and (min-width: 1069px) {
    html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .device-container, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .device-container, html.no-overview-enhanced .section-cameras.section-cameras .section-content .stacked-layout .device-container, html.no-js .section-cameras.section-cameras .section-content .stacked-layout .device-container {
        margin-top: 58px
    }
}

@media only screen and (min-width: 1068px) and (max-height: 840px) {
    html.overview-enhanced .section-cameras {
        margin-top: calc(-840px - 30vh)
    }
    html.overview-enhanced .section-cameras .camera-zoom-trigger {
        height: 1050px
    }
    html.overview-enhanced .section-cameras .sticky-app-switcher .app-switcher {
        top: calc(0.3 * 840px + var(--localnav-height))
    }
    html.overview-enhanced .section-cameras .sticky-app-switcher .section-content {
        padding-bottom: calc(840px - (0.3 * 840px + var(--localnav-height)))
    }
    html.overview-enhanced .section-cameras .sticky-app-switcher .content-timeline {
        height: calc(0.3 * 840px + var(--localnav-height))
    }
    html.overview-enhanced .section-cameras .sticky-app-switcher .content-timeline.ar {
        margin-top: -840px
    }
}

@media only screen and (min-width: 1068px) {
    html.overview-enhanced .section-cameras .sticky, html.overview-enhanced .section-cameras .hardware-rotation, html.overview-enhanced .section-cameras .camera-zoom, html.overview-enhanced .section-cameras .transition-container {
        min-height: 840px
    }
}

.image-overview-performance-pro-apps-1-screen {
    background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_1_screen__7dllyfboq02q_large.jpg");
    width: 903px;
    height: 677px;
    background-size: 903px 677px
}

@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) {
    html.no-overview-enhanced .image-overview-performance-pro-apps-1-screen, html.no-js .image-overview-performance-pro-apps-1-screen, html.no-overview-enhanced .image-overview-performance-pro-apps-1-screen, html.no-js .image-overview-performance-pro-apps-1-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_1_screen__7dllyfboq02q_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-performance-pro-apps-1-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_1_screen__7dllyfboq02q_medium.jpg");
        width: 582px;
        height: 437px;
        background-size: 582px 437px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-performance-pro-apps-1-screen, html.no-js .image-overview-performance-pro-apps-1-screen, html.no-overview-enhanced .image-overview-performance-pro-apps-1-screen, html.no-js .image-overview-performance-pro-apps-1-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_1_screen__7dllyfboq02q_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-performance-pro-apps-1-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_1_screen__7dllyfboq02q_small.jpg");
        width: 390px;
        height: 292px;
        background-size: 390px 292px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-performance-pro-apps-1-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_1_screen__7dllyfboq02q_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-performance-pro-apps-1-screen, html.no-js .image-overview-performance-pro-apps-1-screen, html.no-overview-enhanced .image-overview-performance-pro-apps-1-screen, html.no-js .image-overview-performance-pro-apps-1-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_1_screen__7dllyfboq02q_small_2x.jpg")
    }
}

.image-overview-performance-pro-apps-2-screen {
    background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_2_screen__ft71mt6jw6my_large.jpg");
    width: 677px;
    height: 903px;
    background-size: 677px 903px
}

@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) {
    html.no-overview-enhanced .image-overview-performance-pro-apps-2-screen, html.no-js .image-overview-performance-pro-apps-2-screen, html.no-overview-enhanced .image-overview-performance-pro-apps-2-screen, html.no-js .image-overview-performance-pro-apps-2-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_2_screen__ft71mt6jw6my_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-performance-pro-apps-2-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_2_screen__ft71mt6jw6my_medium.jpg");
        width: 437px;
        height: 582px;
        background-size: 437px 582px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-performance-pro-apps-2-screen, html.no-js .image-overview-performance-pro-apps-2-screen, html.no-overview-enhanced .image-overview-performance-pro-apps-2-screen, html.no-js .image-overview-performance-pro-apps-2-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_2_screen__ft71mt6jw6my_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-performance-pro-apps-2-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_2_screen__ft71mt6jw6my_small.jpg");
        width: 293px;
        height: 391px;
        background-size: 293px 391px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-performance-pro-apps-2-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_2_screen__ft71mt6jw6my_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-performance-pro-apps-2-screen, html.no-js .image-overview-performance-pro-apps-2-screen, html.no-overview-enhanced .image-overview-performance-pro-apps-2-screen, html.no-js .image-overview-performance-pro-apps-2-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_2_screen__ft71mt6jw6my_small_2x.jpg")
    }
}

.image-overview-performance-pro-apps-3-screen {
    background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_3_screen__fbaulcbjfimq_large.jpg");
    width: 676px;
    height: 902px;
    background-size: 676px 902px
}

@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) {
    html.no-overview-enhanced .image-overview-performance-pro-apps-3-screen, html.no-js .image-overview-performance-pro-apps-3-screen, html.no-overview-enhanced .image-overview-performance-pro-apps-3-screen, html.no-js .image-overview-performance-pro-apps-3-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_3_screen__fbaulcbjfimq_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-performance-pro-apps-3-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_3_screen__fbaulcbjfimq_medium.jpg");
        width: 436px;
        height: 581px;
        background-size: 436px 581px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-performance-pro-apps-3-screen, html.no-js .image-overview-performance-pro-apps-3-screen, html.no-overview-enhanced .image-overview-performance-pro-apps-3-screen, html.no-js .image-overview-performance-pro-apps-3-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_3_screen__fbaulcbjfimq_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-performance-pro-apps-3-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_3_screen__fbaulcbjfimq_small.jpg");
        width: 292px;
        height: 390px;
        background-size: 292px 390px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-performance-pro-apps-3-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_3_screen__fbaulcbjfimq_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-performance-pro-apps-3-screen, html.no-js .image-overview-performance-pro-apps-3-screen, html.no-overview-enhanced .image-overview-performance-pro-apps-3-screen, html.no-js .image-overview-performance-pro-apps-3-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_3_screen__fbaulcbjfimq_small_2x.jpg")
    }
}

.image-overview-performance-pro-apps-4-screen {
    background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_4_screen__emphwlga4y82_large.jpg");
    width: 903px;
    height: 677px;
    background-size: 903px 677px
}

@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) {
    html.no-overview-enhanced .image-overview-performance-pro-apps-4-screen, html.no-js .image-overview-performance-pro-apps-4-screen, html.no-overview-enhanced .image-overview-performance-pro-apps-4-screen, html.no-js .image-overview-performance-pro-apps-4-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_4_screen__emphwlga4y82_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-performance-pro-apps-4-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_4_screen__emphwlga4y82_medium.jpg");
        width: 582px;
        height: 437px;
        background-size: 582px 437px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-performance-pro-apps-4-screen, html.no-js .image-overview-performance-pro-apps-4-screen, html.no-overview-enhanced .image-overview-performance-pro-apps-4-screen, html.no-js .image-overview-performance-pro-apps-4-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_4_screen__emphwlga4y82_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-performance-pro-apps-4-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_4_screen__emphwlga4y82_small.jpg");
        width: 391px;
        height: 293px;
        background-size: 391px 293px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-performance-pro-apps-4-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_4_screen__emphwlga4y82_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-performance-pro-apps-4-screen, html.no-js .image-overview-performance-pro-apps-4-screen, html.no-overview-enhanced .image-overview-performance-pro-apps-4-screen, html.no-js .image-overview-performance-pro-apps-4-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_4_screen__emphwlga4y82_small_2x.jpg")
    }
}

.image-overview-performance-multitasking-screen {
    background-image: url("/v/ipad-pro/ac/images/overview/performance_multitasking_screen__whxbofgumeam_large.jpg");
    width: 903px;
    height: 677px;
    background-size: 903px 677px
}

@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) {
    html.no-overview-enhanced .image-overview-performance-multitasking-screen, html.no-js .image-overview-performance-multitasking-screen, html.no-overview-enhanced .image-overview-performance-multitasking-screen, html.no-js .image-overview-performance-multitasking-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_multitasking_screen__whxbofgumeam_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-performance-multitasking-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_multitasking_screen__whxbofgumeam_medium.jpg");
        width: 582px;
        height: 437px;
        background-size: 582px 437px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-performance-multitasking-screen, html.no-js .image-overview-performance-multitasking-screen, html.no-overview-enhanced .image-overview-performance-multitasking-screen, html.no-js .image-overview-performance-multitasking-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_multitasking_screen__whxbofgumeam_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-performance-multitasking-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_multitasking_screen__whxbofgumeam_small.jpg");
        width: 390px;
        height: 292px;
        background-size: 390px 292px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-performance-multitasking-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_multitasking_screen__whxbofgumeam_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-performance-multitasking-screen, html.no-js .image-overview-performance-multitasking-screen, html.no-overview-enhanced .image-overview-performance-multitasking-screen, html.no-js .image-overview-performance-multitasking-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_multitasking_screen__whxbofgumeam_small_2x.jpg")
    }
}

.section-performance {
    --gutter-width: 50px;
    --space-below-hero: calc(50vh - 770px * 0.5);
    --hero-overlap: 100px
}

@media only screen and (max-width: 1068px) {
    .section-performance {
        --gutter-width: 40px;
        --space-below-hero: calc(50vh - 497px * 0.5)
    }
}

@media only screen and (max-width: 734px) {
    .section-performance {
        --gutter-width: 50px;
        --space-below-hero: calc(50vh - 333px * 0.5)
    }
}

.section-performance {
    position: relative;
    margin-bottom: calc(371.5px + 391px - 100vh + 200px)
}

.section-performance.section {
    z-index: 3
}

@media only screen and (max-width: 1068px) {
    .section-performance {
        margin-bottom: calc(239.5px + 252px - 100vh + 200px)
    }
}

@media only screen and (max-width: 734px) {
    .section-performance {
        margin-bottom: calc( 125px - 50vh + 100px)
    }
}

html.no-overview-enhanced .section-performance, html.no-js .section-performance, html.no-overview-enhanced .section-performance, html.no-js .section-performance {
    z-index: 1;
    margin-bottom: 0
}

.sticky-wrapper-performance {
    position: relative;
    z-index: 2
}

.sticky-wrapper-performance.zoom-finished {
    z-index: 0
}

.sticky-wrapper-performance .sticky {
    min-height: 850px
}

@media only screen and (max-width: 1068px) {
    .sticky-wrapper-performance .sticky {
        min-height: auto
    }
}

.sticky-wrapper-performance .sticky-overflow {
    height: calc(100% + 10px)
}

@media only screen and (max-width: 1068px) {
    .sticky-wrapper-performance .sticky-overflow {
        height: 100%
    }
}

html.no-overview-enhanced .sticky-wrapper-performance .sticky-overflow, html.no-js .sticky-wrapper-performance .sticky-overflow, html.no-overview-enhanced .sticky-wrapper-performance .sticky-overflow, html.no-js .sticky-wrapper-performance .sticky-overflow {
    padding-bottom: var(--gutter-width)
}

.subsection-performance-intro {
    z-index: 3;
    text-align: center
}

html.no-overview-enhanced .subsection-performance-intro, html.no-js .subsection-performance-intro, html.no-overview-enhanced .subsection-performance-intro, html.no-js .subsection-performance-intro {
    padding-bottom: 130px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .subsection-performance-intro, html.no-js .subsection-performance-intro, html.no-overview-enhanced .subsection-performance-intro, html.no-js .subsection-performance-intro {
        padding-bottom: 95px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .subsection-performance-intro, html.no-js .subsection-performance-intro, html.no-overview-enhanced .subsection-performance-intro, html.no-js .subsection-performance-intro {
        padding-bottom: 60px
    }
}

.subsection-performance-intro .section-content {
    height: 100%
}

.subsection-performance-intro .column {
    margin-top: calc( var(--localnav-height) * -1)
}

html.no-overview-enhanced .subsection-performance-intro .column, html.no-js .subsection-performance-intro .column, html.no-overview-enhanced .subsection-performance-intro .column, html.no-js .subsection-performance-intro .column {
    margin-top: 0
}

.subsection-performance-intro h2, .subsection-performance-intro h3 {
    color: #f5f5f7
}

html.no-overview-enhanced .subsection-performance-intro h2, html.no-js .subsection-performance-intro h2, html.no-overview-enhanced .subsection-performance-intro h2, html.no-js .subsection-performance-intro h2, html.no-overview-enhanced .subsection-performance-intro h3, html.no-js .subsection-performance-intro h3, html.no-overview-enhanced .subsection-performance-intro h3, html.no-js .subsection-performance-intro h3 {
    color: #1d1d1f
}

.subsection-performance-hero {
    --hero-x-offset: 165px
}

@media only screen and (max-width: 1068px) {
    .subsection-performance-hero {
        --hero-x-offset: 50px
    }
}

.timeline-performance-hero {
    height: 200vh
}

.subsection-performance-hero {
    z-index: 2
}

.subsection-performance-hero .section-content {
    height: 100%
}

.subsection-performance-hero .column {
    position: relative
}

@media only screen and (max-width: 734px) {
    .subsection-performance-hero .column {
        max-width: 420px;
        margin-top: -10vh
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .subsection-performance-hero .column, html.no-js .subsection-performance-hero .column, html.no-overview-enhanced .subsection-performance-hero .column, html.no-js .subsection-performance-hero .column {
        margin-top: 0
    }
}

.performance-hero {
    position: relative;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/performance_hero_zoomed__geu40zd29066_large.jpg");
    background-size: 1936px 1540px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/performance_hero_zoomed__geu40zd29066_large.jpg");
    width: 968px;
    height: 770px
}

@media only screen and (max-width: 1068px) {
    .performance-hero {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/performance_hero_zoomed__geu40zd29066_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .performance-hero {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/performance_hero_zoomed__geu40zd29066_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .performance-hero {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_hero_zoomed__geu40zd29066_small_2x.jpg")
    }
}

html.css-mask .performance-hero {
    background-size: 1936px 1540px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/performance_hero_zoomed__geu40zd29066_large.jpg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/performance_hero_zoomed_mask__bgwuvd9017qq_large.svg");
    mask-image: url("/v/ipad-pro/ac/images/overview/performance_hero_zoomed_mask__bgwuvd9017qq_large.svg")
}

@media only screen and (max-width: 1068px) {
    .performance-hero {
        background-size: 1248px 994px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/performance_hero_zoomed__geu40zd29066_medium.jpg")
    }
    html.css-mask .performance-hero {
        background-size: 1248px 994px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/performance_hero_zoomed__geu40zd29066_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .performance-hero {
        background-size: 838px 666px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/performance_hero_zoomed__geu40zd29066_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .performance-hero {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_hero_zoomed__geu40zd29066_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    html.css-mask .performance-hero {
        background-size: 838px 666px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/performance_hero_zoomed__geu40zd29066_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.css-mask .performance-hero {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_hero_zoomed__geu40zd29066_small_2x.jpg")
    }
}

html.css-mask .performance-hero {
    -webkit-mask-size: 968px 770px;
    mask-size: 968px 770px;
    background-size: 968px 770px
}

@media only screen and (max-width: 1068px) {
    html.css-mask .performance-hero {
        -webkit-mask-size: 624px 497px;
        mask-size: 624px 497px
    }
}

@media only screen and (max-width: 734px) {
    html.css-mask .performance-hero {
        -webkit-mask-size: 419px 333px;
        mask-size: 419px 333px
    }
}

@media only screen and (max-width: 1068px) {
    html.css-mask .performance-hero {
        background-size: 624px 497px
    }
}

@media only screen and (max-width: 734px) {
    html.css-mask .performance-hero {
        background-size: 419px 333px
    }
}

@media only screen and (max-width: 1068px) {
    .performance-hero {
        width: 624px;
        height: 497px
    }
}

@media only screen and (max-width: 734px) {
    .performance-hero {
        width: 419px;
        height: 333px
    }
}

html.no-overview-enhanced .performance-hero, html.no-js .performance-hero, html.no-overview-enhanced .performance-hero, html.no-js .performance-hero {
    background-size: 100%
}

@media only screen and (max-width: 734px) {
    .performance-hero {
        float: right
    }
}

.performance-content {
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -100vh;
    padding-top: calc(var(--localnav-height) * 0.5)
}

@media only screen and (max-width: 734px) {
    .performance-content {
        margin-top: calc( var(--space-below-hero) * -1)
    }
}

html.no-overview-enhanced .performance-content, html.no-js .performance-content, html.no-overview-enhanced .performance-content, html.no-js .performance-content {
    z-index: 2;
    padding-top: 0;
    margin-top: -800px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .performance-content, html.no-js .performance-content, html.no-overview-enhanced .performance-content, html.no-js .performance-content {
        margin-top: -520px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .performance-content, html.no-js .performance-content, html.no-overview-enhanced .performance-content, html.no-js .performance-content {
        margin-top: 0
    }
}

.performance-content .column-narrow {
    padding-right: var(--gutter-width)
}

@media only screen and (max-width: 734px) {
    .performance-content .column-narrow {
        padding-right: 0px
    }
}

.performance-content .column-wide {
    margin-top: calc( 100vh - var(--space-below-hero) + var(--gutter-width))
}

@media only screen and (max-width: 734px) {
    .performance-content .column-wide {
        margin-top: 0
    }
}

html.no-overview-enhanced .performance-content .column-wide, html.no-js .performance-content .column-wide, html.no-overview-enhanced .performance-content .column-wide, html.no-js .performance-content .column-wide {
    margin-top: 802px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .performance-content .column-wide, html.no-js .performance-content .column-wide, html.no-overview-enhanced .performance-content .column-wide, html.no-js .performance-content .column-wide {
        margin-top: 514px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .performance-content .column-wide, html.no-js .performance-content .column-wide, html.no-overview-enhanced .performance-content .column-wide, html.no-js .performance-content .column-wide {
        margin-top: 0
    }
}

.performance-content .column-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 734px) {
    .performance-content .column-content {
        max-width: 420px;
        display: block
    }
}

.performance-content .column-content.show-small-only {
    display: none
}

@media only screen and (max-width: 734px) {
    .performance-content .column-content.show-small-only {
        display: block
    }
}

@media only screen and (max-width: 734px) {
    .performance-content .column-content.hide-small-only {
        display: none
    }
}

.performance-content .row-apps {
    padding-bottom: var(--gutter-width)
}

.column-content-bionic {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: var(--space-below-hero);
    padding-bottom: var(--gutter-width);
    min-height: calc( 100vh - var(--space-below-hero) - var(--hero-overlap))
}

@media only screen and (max-width: 734px) {
    .column-content-bionic {
        padding-top: var(--gutter-width);
        min-height: auto
    }
}

html.no-overview-enhanced .column-content-bionic, html.no-js .column-content-bionic, html.no-overview-enhanced .column-content-bionic, html.no-js .column-content-bionic {
    min-height: auto;
    padding-top: var(--gutter-width)
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .column-content-bionic, html.no-js .column-content-bionic, html.no-overview-enhanced .column-content-bionic, html.no-js .column-content-bionic {
        padding-top: 0
    }
}

.column-content-bionic .vertically-centered {
    margin-right: -4px
}

.column-content-bionic .feature-copyblock-content {
    margin-bottom: 1.4em
}

.performance-snipe {
    margin-top: 26px
}

.performance-snipe:last-child {
    margin-top: 31px
}

@media only screen and (max-width: 734px) {
    html.overview-enhanced .performance-snipe:last-child {
        margin-top: 26px
    }
    html.overview-enhanced .performance-snipe .performance-snipe-pc {
        margin-top: -4px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .performance-snipe:last-child, html.no-js .performance-snipe:last-child, html.no-overview-enhanced .performance-snipe:last-child, html.no-js .performance-snipe:last-child {
        margin-top: 26px
    }
    html.no-overview-enhanced .performance-snipe .performance-snipe-pc, html.no-js .performance-snipe .performance-snipe-pc, html.no-overview-enhanced .performance-snipe .performance-snipe-pc, html.no-js .performance-snipe .performance-snipe-pc {
        margin-top: -4px
    }
}

.performance-snipe-graphics {
    width: 121px;
    height: 21px;
    background-size: 121px 21px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/performance_snipe_graphics__et9jil2acn0i_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .performance-snipe-graphics {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_snipe_graphics__et9jil2acn0i_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .performance-snipe-graphics {
        width: 110px;
        height: 17px;
        background-size: 110px 17px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/performance_snipe_graphics__et9jil2acn0i_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .performance-snipe-graphics {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_snipe_graphics__et9jil2acn0i_medium_2x.png")
    }
}

.performance-snipe-pc {
    width: 195px;
    height: 19px;
    background-size: 195px 19px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/performance_snipe_pc__d4c46v4a7ey6_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .performance-snipe-pc {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_snipe_pc__d4c46v4a7ey6_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .performance-snipe-pc {
        width: 180px;
        height: 18px;
        background-size: 180px 18px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/performance_snipe_pc__d4c46v4a7ey6_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .performance-snipe-pc {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_snipe_pc__d4c46v4a7ey6_medium_2x.png")
    }
}

.column-content-morpholio-small {
    margin-bottom: var(--gutter-width)
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .column-content-morpholio-small, html.no-js .column-content-morpholio-small, html.no-overview-enhanced .column-content-morpholio-small, html.no-js .column-content-morpholio-small {
        left: 50%;
        margin-left: -171px
    }
}

.column-content-morpholio-small .performance-hardware-proapp-morpholio-small {
    margin-left: 24px;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.column-content-morpholio-small .image-performance-pencil-small {
    width: 15px;
    height: 263px;
    background-size: 15px 263px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_pencil__ffn8u5u2upqy_small.jpg");
    position: absolute;
    left: -2px;
    bottom: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@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) {
    .column-content-morpholio-small .image-performance-pencil-small {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_pencil__ffn8u5u2upqy_small_2x.jpg")
    }
}

.column-content-skychildren {
    height: 743px
}

@media only screen and (max-width: 1068px) {
    .column-content-skychildren {
        height: 479px
    }
}

@media only screen and (max-width: 734px) {
    .column-content-skychildren {
        height: 322px
    }
}

.column-content-skychildren .performance-hardware-proapp-skychildren {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.column-content-pro-apps {
    margin: var(--gutter-width) 0;
    min-height: 500px
}

@media only screen and (max-width: 1068px) {
    .column-content-pro-apps {
        min-height: 460px
    }
}

@media only screen and (max-width: 734px) {
    .column-content-pro-apps {
        min-height: auto
    }
}

.column-content-adobe {
    height: 969px
}

@media only screen and (max-width: 1068px) {
    .column-content-adobe {
        height: 625px
    }
}

@media only screen and (max-width: 734px) {
    .column-content-adobe {
        height: 420px
    }
}

.column-content-adobe .performance-hardware-proapp-adobe {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    position: absolute;
    top: 0;
    right: 0
}

.column-content-morpholio {
    position: relative;
    margin-bottom: var(--gutter-width)
}

.column-content-morpholio .performance-hardware-proapp-morpholio {
    margin-left: 72px;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.column-content-morpholio .image-performance-pencil {
    background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_pencil__ffn8u5u2upqy_large.jpg");
    width: 34px;
    height: 612px;
    background-size: 34px 612px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@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) {
    html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil, html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_pencil__ffn8u5u2upqy_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .column-content-morpholio .image-performance-pencil {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_pencil__ffn8u5u2upqy_medium.jpg");
        width: 23px;
        height: 397px;
        background-size: 23px 397px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil, html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_pencil__ffn8u5u2upqy_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .column-content-morpholio .image-performance-pencil {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_pencil__ffn8u5u2upqy_small.jpg");
        width: 15px;
        height: 263px;
        background-size: 15px 263px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .column-content-morpholio .image-performance-pencil {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_pencil__ffn8u5u2upqy_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil, html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_pencil__ffn8u5u2upqy_small_2x.jpg")
    }
}

html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil, html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil {
    width: 34px;
    height: 612px;
    background-size: 34px 612px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_pencil__ffn8u5u2upqy_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil, html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_pencil__ffn8u5u2upqy_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil, html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil {
        width: 23px;
        height: 397px;
        background-size: 23px 397px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_pencil__ffn8u5u2upqy_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil, html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_pencil__ffn8u5u2upqy_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil, html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil {
        width: 15px;
        height: 263px;
        background-size: 15px 263px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_pencil__ffn8u5u2upqy_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil, html.no-overview-enhanced .column-content-morpholio .image-performance-pencil, html.no-js .column-content-morpholio .image-performance-pencil {
        background-image: url("/v/ipad-pro/ac/images/overview/performance_pro_apps_pencil__ffn8u5u2upqy_small_2x.jpg")
    }
}

.column-content-word {
    margin-bottom: var(--gutter-width)
}

.column-content-word::before, .column-content-word::after {
    content: ' ';
    display: table
}

.column-content-word::after {
    clear: both
}

.column-content-word .performance-hardware-proapp-word {
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@media only screen and (max-width: 734px) {
    .column-content-word .performance-hardware-proapp-word {
        -webkit-transform-origin: top right;
        transform-origin: top right;
        float: right
    }
}

.column-content-adobe-small {
    margin-bottom: var(--gutter-width)
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .column-content-adobe-small, html.no-js .column-content-adobe-small, html.no-overview-enhanced .column-content-adobe-small, html.no-js .column-content-adobe-small {
        left: 50%;
        margin-left: -161px
    }
}

.column-content-adobe-small .performance-hardware-proapp-adobe-small {
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.column-content-multitasking-copy {
    padding-bottom: var(--gutter-width) 0;
    min-height: calc(250px + var(--gutter-width))
}

@media only screen and (max-width: 1068px) {
    .column-content-multitasking-copy {
        min-height: calc(280px + var(--gutter-width))
    }
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .column-content-multitasking-copy, html.no-js .column-content-multitasking-copy, html.no-overview-enhanced .column-content-multitasking-copy, html.no-js .column-content-multitasking-copy {
        min-height: calc(428px + var(--gutter-width))
    }
}

@media only screen and (max-width: 734px) {
    html.overview-enhanced .column-content-multitasking-copy {
        min-height: auto
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .column-content-multitasking-copy, html.no-js .column-content-multitasking-copy, html.no-overview-enhanced .column-content-multitasking-copy, html.no-js .column-content-multitasking-copy {
        min-height: auto
    }
}

.row-multitasking-app {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100vh;
    padding-top: var(--localnav-height);
    margin-top: calc( ((743px - var(--localnav-height)) * 0.5) - 50vh)
}

@media only screen and (max-width: 1068px) {
    .row-multitasking-app {
        margin-top: calc( ((479px - var(--localnav-height)) * 0.5) - 50vh)
    }
}

@media only screen and (max-width: 734px) {
    .row-multitasking-app {
        height: auto;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

html.no-overview-enhanced .row-multitasking-app, html.no-js .row-multitasking-app, html.no-overview-enhanced .row-multitasking-app, html.no-js .row-multitasking-app {
    height: initial;
    margin-top: -51px
}

.row-multitasking-app .inline-video-replay {
    display: none
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .row-multitasking-app, html.no-js .row-multitasking-app, html.no-overview-enhanced .row-multitasking-app, html.no-js .row-multitasking-app {
        height: auto;
        margin-top: 0;
        padding-top: 0
    }
}

.performance-hardware-multitasking {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 734px) {
    .performance-hardware-multitasking {
        margin-left: 0;
        -webkit-transform-origin: top right;
        transform-origin: top right
    }
}

.performance-hardware-multitasking.hide {
    opacity: 0
}

.row-multitasking-app .inline-video-screen {
    width: 903px;
    height: 677px
}

@media only screen and (max-width: 1068px) {
    .row-multitasking-app .inline-video-screen {
        width: 582px;
        height: 437px
    }
}

@media only screen and (max-width: 734px) {
    .row-multitasking-app .inline-video-screen {
        width: 390px;
        height: 292px
    }
}

.row-multitasking-app .inline-video-screen video {
    width: 100%
}

.hardware-app-label {
    position: absolute;
    z-index: 10;
    top: calc(100% + 10px)
}

@media only screen and (max-width: 734px) {
    .hardware-app-label {
        top: calc(100% + 8px)
    }
}

.hardware-app-label.bottom-left {
    left: 36px
}

@media only screen and (max-width: 1068px) {
    .hardware-app-label.bottom-left {
        left: 22px
    }
}

@media only screen and (max-width: 734px) {
    .hardware-app-label.bottom-left {
        left: 18px
    }
}

.hardware-app-label.bottom-right {
    right: 36px
}

@media only screen and (max-width: 1068px) {
    .hardware-app-label.bottom-right {
        right: 22px
    }
}

@media only screen and (max-width: 734px) {
    .hardware-app-label.bottom-right {
        right: 18px
    }
}

@media only screen and (max-width: 734px) {
    .subsection-performance-hero .hardware-app-label.bottom-left {
        left: auto;
        right: 18px
    }
}

@media only screen and (max-width: 734px) {
    .column-content-word .hardware-app-label.bottom-left {
        left: auto;
        right: 18px
    }
}

@media only screen and (max-width: 734px) {
    .column-content-adobe-small .hardware-app-label.bottom-right {
        right: auto;
        left: min(87.5vw, 304px);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@media only screen and (min-width: 1068px) and (max-height: 840px) {
    html.overview-enhanced .section-performance {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1068px) {
    html.overview-enhanced .section-performance .row-multitasking-app {
        min-height: 840px
    }
}

.image-overview-hero-2 {
    width: 984px;
    height: 755px;
    background-size: 984px 755px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/hero_2__gb9tk90paymy_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image-overview-hero-2 {
        background-image: url("/v/ipad-pro/ac/images/overview/hero_2__gb9tk90paymy_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-hero-2 {
        width: 702px;
        height: 524px;
        background-size: 702px 524px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/hero_2__gb9tk90paymy_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-overview-hero-2 {
        background-image: url("/v/ipad-pro/ac/images/overview/hero_2__gb9tk90paymy_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-hero-2 {
        width: 312px;
        height: 244px;
        background-size: 312px 244px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/hero_2__gb9tk90paymy_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-hero-2 {
        background-image: url("/v/ipad-pro/ac/images/overview/hero_2__gb9tk90paymy_small_2x.jpg")
    }
}

.image-overview-keyboard-keyboard-snipe-design {
    width: 125px;
    height: 20px;
    background-size: 125px 20px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_design__f5k6fsgs7jam_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image-overview-keyboard-keyboard-snipe-design {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_design__f5k6fsgs7jam_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-keyboard-keyboard-snipe-design {
        width: 60px;
        height: 36px;
        background-size: 60px 36px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_design__f5k6fsgs7jam_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-overview-keyboard-keyboard-snipe-design {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_design__f5k6fsgs7jam_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-keyboard-keyboard-snipe-design {
        width: 60px;
        height: 38px;
        background-size: 60px 38px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_design__f5k6fsgs7jam_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-keyboard-keyboard-snipe-design {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_design__f5k6fsgs7jam_small_2x.png")
    }
}

.image-overview-keyboard-keyboard-snipe-magnet {
    width: 182px;
    height: 26px;
    background-size: 182px 26px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_magnet__eig3xxwjq7au_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image-overview-keyboard-keyboard-snipe-magnet {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_magnet__eig3xxwjq7au_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-keyboard-keyboard-snipe-magnet {
        width: 96px;
        height: 36px;
        background-size: 96px 36px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_magnet__eig3xxwjq7au_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-overview-keyboard-keyboard-snipe-magnet {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_magnet__eig3xxwjq7au_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-keyboard-keyboard-snipe-magnet {
        width: 91px;
        height: 36px;
        background-size: 91px 36px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_magnet__eig3xxwjq7au_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-keyboard-keyboard-snipe-magnet {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_magnet__eig3xxwjq7au_small_2x.png")
    }
}

.image-overview-keyboard-keyboard-snipe-angle {
    width: 112px;
    height: 40px;
    background-size: 112px 40px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_angle__evlc0vuytbcm_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image-overview-keyboard-keyboard-snipe-angle {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_angle__evlc0vuytbcm_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-keyboard-keyboard-snipe-angle {
        width: 103px;
        height: 36px;
        background-size: 103px 36px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_angle__evlc0vuytbcm_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-overview-keyboard-keyboard-snipe-angle {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_angle__evlc0vuytbcm_medium_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-keyboard-keyboard-snipe-charging {
        width: 113px;
        height: 33px;
        background-size: 113px 33px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_charging__cb5sc9e430gi_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-overview-keyboard-keyboard-snipe-charging {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_charging__cb5sc9e430gi_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-keyboard-keyboard-snipe-charging {
        width: 114px;
        height: 34px;
        background-size: 114px 34px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_charging__cb5sc9e430gi_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-keyboard-keyboard-snipe-charging {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_snipe_charging__cb5sc9e430gi_small_2x.png")
    }
}

.image-overview-keyboard-keyboard-endframe {
    width: 1020px;
    height: 782px;
    background-size: 1020px 782px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_endframe__cmr3f8xtzkia_large.png")
}

@media only screen and (max-width: 1068px) {
    .image-overview-keyboard-keyboard-endframe {
        width: 658px;
        height: 504px;
        background-size: 658px 504px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_endframe__cmr3f8xtzkia_medium.png")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-keyboard-keyboard-endframe {
        width: 326px;
        height: 250px;
        background-size: 326px 250px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_endframe__cmr3f8xtzkia_small.png")
    }
}

.image-overview-animated-arrows-snipes-keyboard-snipe-charging {
    width: 123px;
    height: 38px;
    background-size: 123px 38px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/snipes/keyboard_snipe_charging__cb5sc9e430gi_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image-overview-animated-arrows-snipes-keyboard-snipe-charging {
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/snipes/keyboard_snipe_charging__cb5sc9e430gi_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-animated-arrows-snipes-keyboard-snipe-charging {
        width: 103px;
        height: 31px;
        background-size: 103px 31px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/snipes/keyboard_snipe_charging__cb5sc9e430gi_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-overview-animated-arrows-snipes-keyboard-snipe-charging {
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/snipes/keyboard_snipe_charging__cb5sc9e430gi_medium_2x.png")
    }
}

html.no-overview-enhanced .image-overview-keyboard-keyboard-angle, html.no-js .image-overview-keyboard-keyboard-angle {
    width: 1654px;
    height: 954px;
    background-size: 1654px 954px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_angle__gmdgk0ggx9ui_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-keyboard-keyboard-angle, html.no-js .image-overview-keyboard-keyboard-angle {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_angle__gmdgk0ggx9ui_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .image-overview-keyboard-keyboard-angle, html.no-js .image-overview-keyboard-keyboard-angle {
        width: 838px;
        height: 664px;
        background-size: 838px 664px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_angle__gmdgk0ggx9ui_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-keyboard-keyboard-angle, html.no-js .image-overview-keyboard-keyboard-angle {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_angle__gmdgk0ggx9ui_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .image-overview-keyboard-keyboard-angle, html.no-js .image-overview-keyboard-keyboard-angle {
        width: 539px;
        height: 312px;
        background-size: 539px 312px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_angle__gmdgk0ggx9ui_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-keyboard-keyboard-angle, html.no-js .image-overview-keyboard-keyboard-angle {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_angle__gmdgk0ggx9ui_small_2x.jpg")
    }
}

html.no-overview-enhanced .image-overview-keyboard-keyboard-closed, html.no-js .image-overview-keyboard-keyboard-closed {
    width: 823px;
    height: 67px;
    background-size: 823px 67px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_closed__dqhof1agqoom_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-keyboard-keyboard-closed, html.no-js .image-overview-keyboard-keyboard-closed {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_closed__dqhof1agqoom_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .image-overview-keyboard-keyboard-closed, html.no-js .image-overview-keyboard-keyboard-closed {
        width: 583px;
        height: 48px;
        background-size: 583px 48px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_closed__dqhof1agqoom_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-keyboard-keyboard-closed, html.no-js .image-overview-keyboard-keyboard-closed {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_closed__dqhof1agqoom_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .image-overview-keyboard-keyboard-closed, html.no-js .image-overview-keyboard-keyboard-closed {
        width: 593px;
        height: 49px;
        background-size: 593px 49px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_closed__dqhof1agqoom_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-keyboard-keyboard-closed, html.no-js .image-overview-keyboard-keyboard-closed {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_closed__dqhof1agqoom_small_2x.jpg")
    }
}

.section-magic-keyboard {
    background: #f5f5f7;
    position: relative;
    --bottom-padding: 30vh
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard {
        --bottom-padding: 50vh
    }
}

.section-magic-keyboard [data-anim-fade-in] {
    visibility: hidden
}

.section-magic-keyboard [data-anim-fade-in].fade-in {
    visibility: visible
}

.section-magic-keyboard .stand-trigger {
    margin-top: -100vh
}

.section-magic-keyboard .sticky {
    pointer-events: none
}

.section-magic-keyboard .image-snipe, .section-magic-keyboard .endframe {
    position: absolute;
    z-index: 3
}

.section-magic-keyboard .sticky-wrapper-angle {
    height: 240vh;
    z-index: 2
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .sticky-wrapper-angle {
        height: auto
    }
}

.section-magic-keyboard .sticky-wrapper-keyboard {
    margin-top: -120vh;
    padding-bottom: 40px;
    height: auto
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .sticky-wrapper-keyboard {
        padding-bottom: 96px
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .sticky-wrapper-keyboard {
        margin-top: 0;
        padding-bottom: 130px
    }
    .section-magic-keyboard .sticky-wrapper-keyboard .sticky {
        top: calc(50vh - 230px);
        height: calc(50vh + 230px)
    }
    .section-magic-keyboard .sticky-wrapper-keyboard .sticky .sticky-overflow {
        overflow: visible
    }
    .section-magic-keyboard .sticky-wrapper-keyboard .sticky .sticky-content {
        width: 100%;
        height: 100vh;
        overflow: hidden
    }
    .section-magic-keyboard .sticky-wrapper-keyboard .sticky .sticky-content.align-items-center {
        top: calc(230px - 50vh);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .section-magic-keyboard .sticky-wrapper-keyboard .sticky .sticky-content.align-items-center .flow-container {
        margin-top: calc(50vh - 230px)
    }
}

.section-magic-keyboard .sticky-wrapper-keyboard .bg {
    position: fixed;
    z-index: 0;
    height: 100vh;
    width: 100%;
    background: #000;
    pointer-events: auto;
    top: 0;
    left: 0
}

.section-magic-keyboard .flow-container {
    position: relative;
    width: 969px;
    height: 743px
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .flow-container {
        width: 625px;
        height: 479px
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .section-magic-keyboard .flow-container {
        width: 311px;
        height: 239px
    }
}

.section-magic-keyboard .flow-container canvas {
    position: absolute
}

.section-magic-keyboard .magickeyboard-stand {
    z-index: 2
}

.section-magic-keyboard .magickeyboard-stand .image-overview-keyboard-keyboard-snipe-magnet {
    visibility: visible;
    top: 445px;
    left: 0
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .magickeyboard-stand .image-overview-keyboard-keyboard-snipe-magnet {
        top: 290px
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .magickeyboard-stand .image-overview-keyboard-keyboard-snipe-magnet {
        top: 45px;
        left: 50%
    }
}

.section-magic-keyboard .magickeyboard-stand .image-overview-keyboard-keyboard-snipe-design {
    visibility: visible;
    top: 680px;
    left: 425px
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .magickeyboard-stand .image-overview-keyboard-keyboard-snipe-design {
        top: 430px;
        left: 270px
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .magickeyboard-stand .image-overview-keyboard-keyboard-snipe-design {
        top: 120px;
        left: 50%;
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .magickeyboard-stand .image-snipe {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.section-magic-keyboard .magickeyboard-stand .flow-container .hide {
    opacity: 0
}

.section-magic-keyboard .magickeyboard-stand .flow-container canvas {
    top: -19px;
    left: -806px
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .magickeyboard-stand .flow-container canvas {
        top: -11px;
        left: -226px
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .magickeyboard-stand .flow-container canvas {
        top: -5px;
        left: -232px
    }
}

.section-magic-keyboard .magickeyboard-stand .endframe {
    top: -1px;
    left: -28px
}

.section-magic-keyboard .magickeyboard-stand .endframe.hide {
    opacity: 0
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .magickeyboard-stand .endframe {
        top: 0px;
        left: -18px
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .magickeyboard-stand .endframe {
        top: 0;
        left: -9px
    }
}

.section-magic-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging {
    visibility: hidden
}

.section-magic-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging.show {
    visibility: visible
}

.section-magic-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging.animation-trigger .image-sprite {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/sprites/keyboard_snipe_charging_sprite__f8hmsmda6haq_large.png");
    background-size: 400px 348px;
    width: 40px;
    height: 58px;
    -webkit-animation: enhanced-arrow-keyboard-snipe-charging-large 1s steps(1) forwards;
    animation: enhanced-arrow-keyboard-snipe-charging-large 1s steps(1) forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@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) {
    .section-magic-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging.animation-trigger .image-sprite {
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/sprites/keyboard_snipe_charging_sprite__f8hmsmda6haq_large_2x.png")
    }
}

@-webkit-keyframes enhanced-arrow-keyboard-snipe-charging-large {
    0% {
        background-position: 0px 0px
    }
    1.66667% {
        background-position: -40px 0px
    }
    3.33333% {
        background-position: -80px 0px
    }
    5% {
        background-position: -120px 0px
    }
    6.66667% {
        background-position: -160px 0px
    }
    8.33333% {
        background-position: -200px 0px
    }
    10% {
        background-position: -240px 0px
    }
    11.66667% {
        background-position: -280px 0px
    }
    13.33333% {
        background-position: -320px 0px
    }
    15% {
        background-position: -360px 0px
    }
    16.66667% {
        background-position: 0px -58px
    }
    18.33333% {
        background-position: -40px -58px
    }
    20% {
        background-position: -80px -58px
    }
    21.66667% {
        background-position: -120px -58px
    }
    23.33333% {
        background-position: -160px -58px
    }
    25% {
        background-position: -200px -58px
    }
    26.66667% {
        background-position: -240px -58px
    }
    28.33333% {
        background-position: -280px -58px
    }
    30% {
        background-position: -320px -58px
    }
    31.66667% {
        background-position: -360px -58px
    }
    33.33333% {
        background-position: 0px -116px
    }
    35% {
        background-position: -40px -116px
    }
    36.66667% {
        background-position: -80px -116px
    }
    38.33333% {
        background-position: -120px -116px
    }
    40% {
        background-position: -160px -116px
    }
    41.66667% {
        background-position: -200px -116px
    }
    43.33333% {
        background-position: -240px -116px
    }
    45% {
        background-position: -280px -116px
    }
    46.66667% {
        background-position: -320px -116px
    }
    48.33333% {
        background-position: -360px -116px
    }
    50% {
        background-position: 0px -174px
    }
    51.66667% {
        background-position: -40px -174px
    }
    53.33333% {
        background-position: -80px -174px
    }
    55% {
        background-position: -120px -174px
    }
    56.66667% {
        background-position: -160px -174px
    }
    58.33333% {
        background-position: -200px -174px
    }
    60% {
        background-position: -240px -174px
    }
    61.66667% {
        background-position: -280px -174px
    }
    63.33333% {
        background-position: -320px -174px
    }
    65% {
        background-position: -360px -174px
    }
    66.66667% {
        background-position: 0px -232px
    }
    68.33333% {
        background-position: -40px -232px
    }
    70% {
        background-position: -80px -232px
    }
    71.66667% {
        background-position: -120px -232px
    }
    73.33333% {
        background-position: -160px -232px
    }
    75% {
        background-position: -200px -232px
    }
    76.66667% {
        background-position: -240px -232px
    }
    78.33333% {
        background-position: -280px -232px
    }
    80% {
        background-position: -320px -232px
    }
    81.66667% {
        background-position: -360px -232px
    }
    83.33333% {
        background-position: 0px -290px
    }
    85% {
        background-position: -40px -290px
    }
    86.66667% {
        background-position: -80px -290px
    }
    88.33333% {
        background-position: -120px -290px
    }
    90% {
        background-position: -160px -290px
    }
    91.66667% {
        background-position: -200px -290px
    }
    93.33333% {
        background-position: -240px -290px
    }
    95% {
        background-position: -280px -290px
    }
    96.66667% {
        background-position: -320px -290px
    }
    98.33333% {
        background-position: -360px -290px
    }
    100% {
        background-position: -360px -290px
    }
}

@keyframes enhanced-arrow-keyboard-snipe-charging-large {
    0% {
        background-position: 0px 0px
    }
    1.66667% {
        background-position: -40px 0px
    }
    3.33333% {
        background-position: -80px 0px
    }
    5% {
        background-position: -120px 0px
    }
    6.66667% {
        background-position: -160px 0px
    }
    8.33333% {
        background-position: -200px 0px
    }
    10% {
        background-position: -240px 0px
    }
    11.66667% {
        background-position: -280px 0px
    }
    13.33333% {
        background-position: -320px 0px
    }
    15% {
        background-position: -360px 0px
    }
    16.66667% {
        background-position: 0px -58px
    }
    18.33333% {
        background-position: -40px -58px
    }
    20% {
        background-position: -80px -58px
    }
    21.66667% {
        background-position: -120px -58px
    }
    23.33333% {
        background-position: -160px -58px
    }
    25% {
        background-position: -200px -58px
    }
    26.66667% {
        background-position: -240px -58px
    }
    28.33333% {
        background-position: -280px -58px
    }
    30% {
        background-position: -320px -58px
    }
    31.66667% {
        background-position: -360px -58px
    }
    33.33333% {
        background-position: 0px -116px
    }
    35% {
        background-position: -40px -116px
    }
    36.66667% {
        background-position: -80px -116px
    }
    38.33333% {
        background-position: -120px -116px
    }
    40% {
        background-position: -160px -116px
    }
    41.66667% {
        background-position: -200px -116px
    }
    43.33333% {
        background-position: -240px -116px
    }
    45% {
        background-position: -280px -116px
    }
    46.66667% {
        background-position: -320px -116px
    }
    48.33333% {
        background-position: -360px -116px
    }
    50% {
        background-position: 0px -174px
    }
    51.66667% {
        background-position: -40px -174px
    }
    53.33333% {
        background-position: -80px -174px
    }
    55% {
        background-position: -120px -174px
    }
    56.66667% {
        background-position: -160px -174px
    }
    58.33333% {
        background-position: -200px -174px
    }
    60% {
        background-position: -240px -174px
    }
    61.66667% {
        background-position: -280px -174px
    }
    63.33333% {
        background-position: -320px -174px
    }
    65% {
        background-position: -360px -174px
    }
    66.66667% {
        background-position: 0px -232px
    }
    68.33333% {
        background-position: -40px -232px
    }
    70% {
        background-position: -80px -232px
    }
    71.66667% {
        background-position: -120px -232px
    }
    73.33333% {
        background-position: -160px -232px
    }
    75% {
        background-position: -200px -232px
    }
    76.66667% {
        background-position: -240px -232px
    }
    78.33333% {
        background-position: -280px -232px
    }
    80% {
        background-position: -320px -232px
    }
    81.66667% {
        background-position: -360px -232px
    }
    83.33333% {
        background-position: 0px -290px
    }
    85% {
        background-position: -40px -290px
    }
    86.66667% {
        background-position: -80px -290px
    }
    88.33333% {
        background-position: -120px -290px
    }
    90% {
        background-position: -160px -290px
    }
    91.66667% {
        background-position: -200px -290px
    }
    93.33333% {
        background-position: -240px -290px
    }
    95% {
        background-position: -280px -290px
    }
    96.66667% {
        background-position: -320px -290px
    }
    98.33333% {
        background-position: -360px -290px
    }
    100% {
        background-position: -360px -290px
    }
}

html.no-overview-enhanced .section-magic-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging.animation-trigger .image-sprite, html.no-js .section-magic-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging.animation-trigger .image-sprite, html.no-overview-enhanced .section-magic-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging.animation-trigger .image-sprite, html.no-js .section-magic-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging.animation-trigger .image-sprite {
    -webkit-animation: none;
    animation: none;
    background-position: -360px -290px
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging.animation-trigger .image-sprite {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/sprites/keyboard_snipe_charging_sprite__f8hmsmda6haq_medium.png");
        background-size: 320px 288px;
        width: 32px;
        height: 48px;
        -webkit-animation: enhanced-arrow-keyboard-snipe-charging-medium 1s steps(1) forwards;
        animation: enhanced-arrow-keyboard-snipe-charging-medium 1s steps(1) forwards
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-magic-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging.animation-trigger .image-sprite {
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/sprites/keyboard_snipe_charging_sprite__f8hmsmda6haq_medium_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    @-webkit-keyframes enhanced-arrow-keyboard-snipe-charging-medium {
        0% {
            background-position: 0px 0px
        }
        1.66667% {
            background-position: -32px 0px
        }
        3.33333% {
            background-position: -64px 0px
        }
        5% {
            background-position: -96px 0px
        }
        6.66667% {
            background-position: -128px 0px
        }
        8.33333% {
            background-position: -160px 0px
        }
        10% {
            background-position: -192px 0px
        }
        11.66667% {
            background-position: -224px 0px
        }
        13.33333% {
            background-position: -256px 0px
        }
        15% {
            background-position: -288px 0px
        }
        16.66667% {
            background-position: 0px -48px
        }
        18.33333% {
            background-position: -32px -48px
        }
        20% {
            background-position: -64px -48px
        }
        21.66667% {
            background-position: -96px -48px
        }
        23.33333% {
            background-position: -128px -48px
        }
        25% {
            background-position: -160px -48px
        }
        26.66667% {
            background-position: -192px -48px
        }
        28.33333% {
            background-position: -224px -48px
        }
        30% {
            background-position: -256px -48px
        }
        31.66667% {
            background-position: -288px -48px
        }
        33.33333% {
            background-position: 0px -96px
        }
        35% {
            background-position: -32px -96px
        }
        36.66667% {
            background-position: -64px -96px
        }
        38.33333% {
            background-position: -96px -96px
        }
        40% {
            background-position: -128px -96px
        }
        41.66667% {
            background-position: -160px -96px
        }
        43.33333% {
            background-position: -192px -96px
        }
        45% {
            background-position: -224px -96px
        }
        46.66667% {
            background-position: -256px -96px
        }
        48.33333% {
            background-position: -288px -96px
        }
        50% {
            background-position: 0px -144px
        }
        51.66667% {
            background-position: -32px -144px
        }
        53.33333% {
            background-position: -64px -144px
        }
        55% {
            background-position: -96px -144px
        }
        56.66667% {
            background-position: -128px -144px
        }
        58.33333% {
            background-position: -160px -144px
        }
        60% {
            background-position: -192px -144px
        }
        61.66667% {
            background-position: -224px -144px
        }
        63.33333% {
            background-position: -256px -144px
        }
        65% {
            background-position: -288px -144px
        }
        66.66667% {
            background-position: 0px -192px
        }
        68.33333% {
            background-position: -32px -192px
        }
        70% {
            background-position: -64px -192px
        }
        71.66667% {
            background-position: -96px -192px
        }
        73.33333% {
            background-position: -128px -192px
        }
        75% {
            background-position: -160px -192px
        }
        76.66667% {
            background-position: -192px -192px
        }
        78.33333% {
            background-position: -224px -192px
        }
        80% {
            background-position: -256px -192px
        }
        81.66667% {
            background-position: -288px -192px
        }
        83.33333% {
            background-position: 0px -240px
        }
        85% {
            background-position: -32px -240px
        }
        86.66667% {
            background-position: -64px -240px
        }
        88.33333% {
            background-position: -96px -240px
        }
        90% {
            background-position: -128px -240px
        }
        91.66667% {
            background-position: -160px -240px
        }
        93.33333% {
            background-position: -192px -240px
        }
        95% {
            background-position: -224px -240px
        }
        96.66667% {
            background-position: -256px -240px
        }
        98.33333% {
            background-position: -288px -240px
        }
        100% {
            background-position: -288px -240px
        }
    }
    @keyframes enhanced-arrow-keyboard-snipe-charging-medium {
        0% {
            background-position: 0px 0px
        }
        1.66667% {
            background-position: -32px 0px
        }
        3.33333% {
            background-position: -64px 0px
        }
        5% {
            background-position: -96px 0px
        }
        6.66667% {
            background-position: -128px 0px
        }
        8.33333% {
            background-position: -160px 0px
        }
        10% {
            background-position: -192px 0px
        }
        11.66667% {
            background-position: -224px 0px
        }
        13.33333% {
            background-position: -256px 0px
        }
        15% {
            background-position: -288px 0px
        }
        16.66667% {
            background-position: 0px -48px
        }
        18.33333% {
            background-position: -32px -48px
        }
        20% {
            background-position: -64px -48px
        }
        21.66667% {
            background-position: -96px -48px
        }
        23.33333% {
            background-position: -128px -48px
        }
        25% {
            background-position: -160px -48px
        }
        26.66667% {
            background-position: -192px -48px
        }
        28.33333% {
            background-position: -224px -48px
        }
        30% {
            background-position: -256px -48px
        }
        31.66667% {
            background-position: -288px -48px
        }
        33.33333% {
            background-position: 0px -96px
        }
        35% {
            background-position: -32px -96px
        }
        36.66667% {
            background-position: -64px -96px
        }
        38.33333% {
            background-position: -96px -96px
        }
        40% {
            background-position: -128px -96px
        }
        41.66667% {
            background-position: -160px -96px
        }
        43.33333% {
            background-position: -192px -96px
        }
        45% {
            background-position: -224px -96px
        }
        46.66667% {
            background-position: -256px -96px
        }
        48.33333% {
            background-position: -288px -96px
        }
        50% {
            background-position: 0px -144px
        }
        51.66667% {
            background-position: -32px -144px
        }
        53.33333% {
            background-position: -64px -144px
        }
        55% {
            background-position: -96px -144px
        }
        56.66667% {
            background-position: -128px -144px
        }
        58.33333% {
            background-position: -160px -144px
        }
        60% {
            background-position: -192px -144px
        }
        61.66667% {
            background-position: -224px -144px
        }
        63.33333% {
            background-position: -256px -144px
        }
        65% {
            background-position: -288px -144px
        }
        66.66667% {
            background-position: 0px -192px
        }
        68.33333% {
            background-position: -32px -192px
        }
        70% {
            background-position: -64px -192px
        }
        71.66667% {
            background-position: -96px -192px
        }
        73.33333% {
            background-position: -128px -192px
        }
        75% {
            background-position: -160px -192px
        }
        76.66667% {
            background-position: -192px -192px
        }
        78.33333% {
            background-position: -224px -192px
        }
        80% {
            background-position: -256px -192px
        }
        81.66667% {
            background-position: -288px -192px
        }
        83.33333% {
            background-position: 0px -240px
        }
        85% {
            background-position: -32px -240px
        }
        86.66667% {
            background-position: -64px -240px
        }
        88.33333% {
            background-position: -96px -240px
        }
        90% {
            background-position: -128px -240px
        }
        91.66667% {
            background-position: -160px -240px
        }
        93.33333% {
            background-position: -192px -240px
        }
        95% {
            background-position: -224px -240px
        }
        96.66667% {
            background-position: -256px -240px
        }
        98.33333% {
            background-position: -288px -240px
        }
        100% {
            background-position: -288px -240px
        }
    }
    html.no-overview-enhanced .section-magic-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging.animation-trigger .image-sprite, html.no-js .section-magic-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging.animation-trigger .image-sprite, html.no-overview-enhanced .section-magic-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging.animation-trigger .image-sprite, html.no-js .section-magic-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging.animation-trigger .image-sprite {
        -webkit-animation: none;
        animation: none;
        background-position: -288px -240px
    }
}

.section-magic-keyboard .magickeyboard-angle .flow-container canvas {
    opacity: 0;
    top: -419px;
    left: -119px
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .magickeyboard-angle .flow-container canvas {
        top: -272px;
        left: -77px
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .magickeyboard-angle .flow-container canvas {
        top: -75px;
        left: -43px
    }
}

.section-magic-keyboard .magickeyboard-angle .flow-container .show {
    opacity: 1
}

.section-magic-keyboard .magickeyboard-angle .flow-container .image-snipe {
    top: 450px;
    left: 450px
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .magickeyboard-angle .flow-container .image-snipe {
        top: 300px;
        left: 250px
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .magickeyboard-angle .flow-container .image-snipe {
        top: 200px;
        left: 125px
    }
}

.section-magic-keyboard .magickeyboard-angle .flow-container .keyline {
    display: block;
    position: absolute;
    top: -225px;
    right: -577px;
    width: 1px;
    height: 770px;
    background-color: #d2d2d7
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .magickeyboard-angle .flow-container .keyline {
        display: block;
        top: -80px;
        right: -371px;
        height: 440px
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .magickeyboard-angle .flow-container .keyline {
        display: block;
        top: -60px;
        right: -182px;
        height: 286px
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .magickeyboard-keyboard {
        padding-top: 0
    }
}

.section-magic-keyboard .magickeyboard-keyboard .flow-container {
    --bottom-alignment: 413px;
    --left-alignment: -2px;
    margin-top: -473px
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .magickeyboard-keyboard .flow-container {
        --bottom-alignment: 238px;
        --left-alignment: -1px;
        margin-top: -291px
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .magickeyboard-keyboard .flow-container {
        --bottom-alignment: -38px;
        --left-alignment: 1px;
        margin-top: 0
    }
}

.section-magic-keyboard .magickeyboard-keyboard .flow-container canvas {
    opacity: 0;
    top: -497px;
    left: -74px
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .magickeyboard-keyboard .flow-container canvas {
        top: -319px;
        left: -48px
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .magickeyboard-keyboard .flow-container canvas {
        top: -51px;
        left: -25px
    }
}

.section-magic-keyboard .magickeyboard-keyboard .flow-container .show {
    opacity: 1
}

.section-magic-keyboard .magickeyboard-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging {
    top: 457px;
    left: 180px
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .magickeyboard-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging {
        top: 277px;
        left: 100px
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .magickeyboard-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging {
        top: 195px;
        left: 8px
    }
}

.section-magic-keyboard .magickeyboard-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging .image-sprite {
    top: 46px;
    left: 58px
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .magickeyboard-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging .image-sprite {
        top: 40px;
        left: 52px
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .magickeyboard-keyboard .image-overview-animated-arrows-snipes-keyboard-snipe-charging .image-sprite {
        top: 40px;
        left: 45px
    }
}

.section-magic-keyboard .stand-trigger {
    height: 75vh;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .stand-trigger {
        position: static;
        height: 100vh
    }
}

.section-magic-keyboard .stand-trigger .keyboard-headline {
    width: 100%;
    margin-top: 10vh
}

.section-magic-keyboard .stand-trigger .keyboard-headline [data-anim-fade-in] {
    -webkit-transition: visibility, 0.3s;
    transition: visibility, 0.3s
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .stand-trigger .keyboard-headline {
        text-align: center;
        margin-top: 40vh
    }
}

.section-magic-keyboard .stand-trigger-padding {
    height: 80vh
}

.section-magic-keyboard .magic-typing {
    position: absolute;
    width: 100%;
    z-index: 2;
    text-align: left;
    margin-top: -140vh
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .magic-typing {
        position: relative;
        margin-top: -20vh
    }
}

.section-magic-keyboard .magic-typing .feature-copyblock-subhead {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}

html.no-overview-enhanced .section-magic-keyboard .magic-typing .feature-copyblock-subhead, html.no-js .section-magic-keyboard .magic-typing .feature-copyblock-subhead, html.no-overview-enhanced .section-magic-keyboard .magic-typing .feature-copyblock-subhead, html.no-js .section-magic-keyboard .magic-typing .feature-copyblock-subhead {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.section-magic-keyboard .magic-typing .fade-in .feature-copyblock-subhead {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.section-magic-keyboard .magic-typing .feature-copyblock-copy {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}

html.no-overview-enhanced .section-magic-keyboard .magic-typing .feature-copyblock-copy, html.no-js .section-magic-keyboard .magic-typing .feature-copyblock-copy, html.no-overview-enhanced .section-magic-keyboard .magic-typing .feature-copyblock-copy, html.no-js .section-magic-keyboard .magic-typing .feature-copyblock-copy {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.section-magic-keyboard .magic-typing .fade-in .feature-copyblock-copy {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.section-magic-keyboard .magic-typing [data-anim-fade-in] {
    visibility: hidden
}

.section-magic-keyboard .magic-typing [data-anim-fade-in].fade-in {
    visibility: visible
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .magic-typing .feature-copyblock-subhead, .section-magic-keyboard .magic-typing .feature-copyblock-copy {
        -webkit-transform: none;
        transform: none
    }
}

.section-magic-keyboard .angle-trigger {
    position: relative;
    z-index: 2;
    height: 175vh;
    margin-top: -100vh
}

.section-magic-keyboard .angle-trigger .intro-copyblock {
    padding-top: 30vh;
    text-align: left
}

.section-magic-keyboard .keyboard-trigger {
    height: 75vh
}

.section-magic-keyboard .keyboard-backlit, .section-magic-keyboard .keyboard-trackpad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: calc(30vh + 40px)
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .keyboard-backlit, .section-magic-keyboard .keyboard-trackpad {
        bottom: 50vh
    }
}

.section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit {
    background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_backlit__3uqnpgxooz6u_large.jpg");
    width: 1114px;
    height: 1018px;
    background-size: 1114px 1018px;
    position: relative;
    left: 50%;
    margin-left: -557px
}

@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) {
    html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_backlit__3uqnpgxooz6u_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_backlit__3uqnpgxooz6u_medium.jpg");
        width: 721px;
        height: 657px;
        background-size: 721px 657px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_backlit__3uqnpgxooz6u_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_backlit__3uqnpgxooz6u_small.jpg");
        width: 358px;
        height: 327px;
        background-size: 358px 327px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_backlit__3uqnpgxooz6u_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_backlit__3uqnpgxooz6u_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit {
        left: 50%;
        margin-left: -360.5px
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .keyboard-backlit .image-overview-keyboard-keyboard-backlit {
        left: 50%;
        margin-left: -179px
    }
}

.section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad {
    background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_trackpad__dfqfw23nttme_large.jpg");
    width: 1114px;
    height: 1018px;
    background-size: 1114px 1018px;
    position: relative;
    left: 50%;
    margin-left: -557px
}

@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) {
    html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad, html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_trackpad__dfqfw23nttme_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_trackpad__dfqfw23nttme_medium.jpg");
        width: 721px;
        height: 657px;
        background-size: 721px 657px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad, html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_trackpad__dfqfw23nttme_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_trackpad__dfqfw23nttme_small.jpg");
        width: 358px;
        height: 327px;
        background-size: 358px 327px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_trackpad__dfqfw23nttme_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad, html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_trackpad__dfqfw23nttme_small_2x.jpg")
    }
}

html.css-mask .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_mask__cizqfvnbidea_large.svg");
    mask-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_mask__cizqfvnbidea_large.svg")
}

@media only screen and (max-width: 1068px) {
    html.css-mask .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_mask__cizqfvnbidea_medium.svg");
        mask-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_mask__cizqfvnbidea_medium.svg")
    }
}

@media only screen and (max-width: 734px) {
    html.css-mask .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_mask__cizqfvnbidea_small.svg");
        mask-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_mask__cizqfvnbidea_small.svg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad {
        left: 50%;
        margin-left: -360.5px
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .keyboard-trackpad .image-overview-keyboard-keyboard-trackpad {
        left: 50%;
        margin-left: -179px
    }
}

.section-magic-keyboard .keyboard-backlit-trigger {
    min-height: 30vh;
    padding-bottom: 10vh;
    color: #fff;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .keyboard-backlit-trigger {
        min-height: 50vh
    }
}

.section-magic-keyboard .keyboard-backlit-trigger .image-overview-keyboard-keyboard-backlit {
    display: none
}

.section-magic-keyboard .keyboard-backlit-trigger .typography-feature-subhead {
    color: #fff
}

.section-magic-keyboard .keyboard-trackpad-trigger {
    min-height: 30vh
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .keyboard-trackpad-trigger {
        min-height: 50vh;
        margin-top: 50px;
        margin-bottom: -50px
    }
}

.section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock {
    padding-top: 20px
}

.section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock .button {
    visibility: visible
}

.section-magic-keyboard .keyboard-trackpad-trigger .image-overview-keyboard-keyboard-trackpad {
    display: none
}

.section-magic-keyboard .image-overview-hero-2, .section-magic-keyboard .keyboard-angle-wrapper, .section-magic-keyboard .image-overview-keyboard-keyboard-closed {
    display: none
}

.section-magic-keyboard .image-overview-keyboard-keyboard-backlit {
    background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_backlit__3uqnpgxooz6u_large.jpg");
    width: 1114px;
    height: 1018px;
    background-size: 1114px 1018px
}

@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) {
    html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_backlit__3uqnpgxooz6u_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .image-overview-keyboard-keyboard-backlit {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_backlit__3uqnpgxooz6u_medium.jpg");
        width: 721px;
        height: 657px;
        background-size: 721px 657px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_backlit__3uqnpgxooz6u_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .image-overview-keyboard-keyboard-backlit {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_backlit__3uqnpgxooz6u_small.jpg");
        width: 358px;
        height: 327px;
        background-size: 358px 327px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-magic-keyboard .image-overview-keyboard-keyboard-backlit {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_backlit__3uqnpgxooz6u_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_backlit__3uqnpgxooz6u_small_2x.jpg")
    }
}

.section-magic-keyboard .image-overview-keyboard-keyboard-trackpad {
    background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_trackpad__dfqfw23nttme_large.jpg");
    width: 1114px;
    height: 1018px;
    background-size: 1114px 1018px
}

@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) {
    html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_trackpad__dfqfw23nttme_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_trackpad__dfqfw23nttme_medium.jpg");
        width: 721px;
        height: 657px;
        background-size: 721px 657px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_trackpad__dfqfw23nttme_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_trackpad__dfqfw23nttme_small.jpg");
        width: 358px;
        height: 327px;
        background-size: 358px 327px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_trackpad__dfqfw23nttme_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad {
        background-image: url("/v/ipad-pro/ac/images/overview/keyboard/keyboard_trackpad__dfqfw23nttme_small_2x.jpg")
    }
}

.section-magic-keyboard .image-static {
    display: none
}

html.no-overview-enhanced .section-magic-keyboard, html.no-js .section-magic-keyboard, html.no-overview-enhanced .section-magic-keyboard, html.no-js .section-magic-keyboard {
    margin-top: 214px;
    overflow: hidden
}

html.no-overview-enhanced .section-magic-keyboard [data-anim-fade-in], html.no-js .section-magic-keyboard [data-anim-fade-in], html.no-overview-enhanced .section-magic-keyboard [data-anim-fade-in], html.no-js .section-magic-keyboard [data-anim-fade-in] {
    visibility: visible
}

html.no-overview-enhanced .section-magic-keyboard .image-static, html.no-js .section-magic-keyboard .image-static, html.no-overview-enhanced .section-magic-keyboard .image-static, html.no-js .section-magic-keyboard .image-static {
    display: block
}

html.no-overview-enhanced .section-magic-keyboard, html.no-overview-enhanced .section-magic-keyboard .sticky-wrapper, html.no-js .section-magic-keyboard, html.no-js .section-magic-keyboard .sticky-wrapper, html.no-overview-enhanced .section-magic-keyboard, html.no-overview-enhanced .section-magic-keyboard .sticky-wrapper, html.no-js .section-magic-keyboard, html.no-js .section-magic-keyboard .sticky-wrapper {
    opacity: 1
}

html.no-overview-enhanced .section-magic-keyboard .sticky, html.no-overview-enhanced .section-magic-keyboard .sticky-wrapper .bg, html.no-overview-enhanced .section-magic-keyboard .stand-trigger-padding, html.no-js .section-magic-keyboard .sticky, html.no-js .section-magic-keyboard .sticky-wrapper .bg, html.no-js .section-magic-keyboard .stand-trigger-padding, html.no-overview-enhanced .section-magic-keyboard .sticky, html.no-overview-enhanced .section-magic-keyboard .sticky-wrapper .bg, html.no-overview-enhanced .section-magic-keyboard .stand-trigger-padding, html.no-js .section-magic-keyboard .sticky, html.no-js .section-magic-keyboard .sticky-wrapper .bg, html.no-js .section-magic-keyboard .stand-trigger-padding {
    display: none
}

html.no-overview-enhanced .section-magic-keyboard .content-timeline, html.no-js .section-magic-keyboard .content-timeline, html.no-overview-enhanced .section-magic-keyboard .content-timeline, html.no-js .section-magic-keyboard .content-timeline {
    display: block
}

html.no-overview-enhanced .section-magic-keyboard .sticky-wrapper-angle, html.no-overview-enhanced .section-magic-keyboard .stand-trigger, html.no-overview-enhanced .section-magic-keyboard .angle-trigger, html.no-overview-enhanced .section-magic-keyboard .content-timeline, html.no-js .section-magic-keyboard .sticky-wrapper-angle, html.no-js .section-magic-keyboard .stand-trigger, html.no-js .section-magic-keyboard .angle-trigger, html.no-js .section-magic-keyboard .content-timeline, html.no-overview-enhanced .section-magic-keyboard .sticky-wrapper-angle, html.no-overview-enhanced .section-magic-keyboard .stand-trigger, html.no-overview-enhanced .section-magic-keyboard .angle-trigger, html.no-overview-enhanced .section-magic-keyboard .content-timeline, html.no-js .section-magic-keyboard .sticky-wrapper-angle, html.no-js .section-magic-keyboard .stand-trigger, html.no-js .section-magic-keyboard .angle-trigger, html.no-js .section-magic-keyboard .content-timeline {
    height: auto
}

html.no-overview-enhanced .section-magic-keyboard .intro-copyblock, html.no-overview-enhanced .section-magic-keyboard .sticky-wrapper-keyboard, html.no-js .section-magic-keyboard .intro-copyblock, html.no-js .section-magic-keyboard .sticky-wrapper-keyboard, html.no-overview-enhanced .section-magic-keyboard .intro-copyblock, html.no-overview-enhanced .section-magic-keyboard .sticky-wrapper-keyboard, html.no-js .section-magic-keyboard .intro-copyblock, html.no-js .section-magic-keyboard .sticky-wrapper-keyboard {
    margin-top: 0;
    padding-bottom: 0
}

html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-hero-2, html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2, html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-closed, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-hero-2, html.no-js .section-magic-keyboard .image-overview-hero-2, html.no-js .section-magic-keyboard .keyboard-angle-wrapper, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-closed, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-hero-2, html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2, html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-closed, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-hero-2, html.no-js .section-magic-keyboard .image-overview-hero-2, html.no-js .section-magic-keyboard .keyboard-angle-wrapper, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-closed, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad {
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2, html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-closed, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-hero-2, html.no-js .section-magic-keyboard .keyboard-angle-wrapper, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-closed, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2, html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-closed, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-hero-2, html.no-js .section-magic-keyboard .keyboard-angle-wrapper, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-closed, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit {
    margin: 60px 0
}

html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad {
    margin: 60px 0 40px 0
}

html.no-overview-enhanced .section-magic-keyboard .magic-typing, html.no-js .section-magic-keyboard .magic-typing, html.no-overview-enhanced .section-magic-keyboard .magic-typing, html.no-js .section-magic-keyboard .magic-typing {
    position: relative
}

html.no-overview-enhanced .section-magic-keyboard .magic-typing [data-anim-fade-in], html.no-js .section-magic-keyboard .magic-typing [data-anim-fade-in], html.no-overview-enhanced .section-magic-keyboard .magic-typing [data-anim-fade-in], html.no-js .section-magic-keyboard .magic-typing [data-anim-fade-in] {
    visibility: visible
}

html.no-overview-enhanced .section-magic-keyboard .stand-trigger, html.no-js .section-magic-keyboard .stand-trigger, html.no-overview-enhanced .section-magic-keyboard .stand-trigger, html.no-js .section-magic-keyboard .stand-trigger {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0
}

html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2, html.no-js .section-magic-keyboard .image-overview-hero-2, html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2, html.no-js .section-magic-keyboard .image-overview-hero-2 {
    left: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
    margin-top: 15px;
    margin-bottom: 100px
}

html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-magnet, html.no-js .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-magnet, html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-magnet, html.no-js .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-magnet {
    top: 434px;
    left: 43px
}

html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-design, html.no-js .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-design, html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-design, html.no-js .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-design {
    top: 632px;
    left: 442px
}

html.no-overview-enhanced .section-magic-keyboard .intro-copyblock, html.no-js .section-magic-keyboard .intro-copyblock, html.no-overview-enhanced .section-magic-keyboard .intro-copyblock, html.no-js .section-magic-keyboard .intro-copyblock {
    display: block
}

html.no-overview-enhanced .section-magic-keyboard .intro-copyblock .feature-copyblock, html.no-js .section-magic-keyboard .intro-copyblock .feature-copyblock, html.no-overview-enhanced .section-magic-keyboard .intro-copyblock .feature-copyblock, html.no-js .section-magic-keyboard .intro-copyblock .feature-copyblock {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: auto;
    margin-right: auto
}

html.no-overview-enhanced .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-subhead, html.no-js .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-subhead, html.no-overview-enhanced .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-subhead, html.no-js .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-subhead {
    width: 25%;
    margin-right: 8.33333%
}

html.no-overview-enhanced .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-content, html.no-js .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-content, html.no-overview-enhanced .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-content, html.no-js .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-content {
    width: 50%
}

html.no-overview-enhanced .section-magic-keyboard .feature-copyblock, html.no-js .section-magic-keyboard .feature-copyblock, html.no-overview-enhanced .section-magic-keyboard .feature-copyblock, html.no-js .section-magic-keyboard .feature-copyblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

html.no-overview-enhanced.no-js .section-magic-keyboard .feature-copyblock, html.no-js .section-magic-keyboard .feature-copyblock, html.no-overview-enhanced.no-js .section-magic-keyboard .feature-copyblock, html.no-js .section-magic-keyboard .feature-copyblock {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

html.no-overview-enhanced.no-js .section-magic-keyboard .feature-copyblock .feature-copyblock-content, html.no-js .section-magic-keyboard .feature-copyblock .feature-copyblock-content, html.no-overview-enhanced.no-js .section-magic-keyboard .feature-copyblock .feature-copyblock-content, html.no-js .section-magic-keyboard .feature-copyblock .feature-copyblock-content {
    margin-top: 0
}

html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper, html.no-js .section-magic-keyboard .keyboard-angle-wrapper, html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper, html.no-js .section-magic-keyboard .keyboard-angle-wrapper {
    position: relative;
    margin: 111px auto 0;
    -webkit-transform: none;
    transform: none;
    left: -121px;
    width: 984px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper, html.no-js .section-magic-keyboard .keyboard-angle-wrapper, html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper, html.no-js .section-magic-keyboard .keyboard-angle-wrapper {
        width: 702px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper, html.no-js .section-magic-keyboard .keyboard-angle-wrapper, html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper, html.no-js .section-magic-keyboard .keyboard-angle-wrapper {
        width: 312px
    }
}

html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper .image-overview-keyboard-keyboard-snipe-angle, html.no-js .section-magic-keyboard .keyboard-angle-wrapper .image-overview-keyboard-keyboard-snipe-angle, html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper .image-overview-keyboard-keyboard-snipe-angle, html.no-js .section-magic-keyboard .keyboard-angle-wrapper .image-overview-keyboard-keyboard-snipe-angle {
    top: 674px;
    left: 463px
}

html.no-overview-enhanced .section-magic-keyboard .angle-trigger, html.no-js .section-magic-keyboard .angle-trigger, html.no-overview-enhanced .section-magic-keyboard .angle-trigger, html.no-js .section-magic-keyboard .angle-trigger {
    margin-top: 0
}

html.no-overview-enhanced .section-magic-keyboard .angle-trigger .large-offset-4, html.no-js .section-magic-keyboard .angle-trigger .large-offset-4, html.no-overview-enhanced .section-magic-keyboard .angle-trigger .large-offset-4, html.no-js .section-magic-keyboard .angle-trigger .large-offset-4 {
    margin-left: 0;
    max-width: 100%
}

html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger, html.no-js .section-magic-keyboard .keyboard-trigger, html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger, html.no-js .section-magic-keyboard .keyboard-trigger {
    margin: 178px 0;
    left: 6px;
    position: relative
}

html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging, html.no-js .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging, html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging, html.no-js .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging {
    top: 118px;
    left: 75px;
    visibility: visible
}

html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging .image-sprite, html.no-js .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging .image-sprite, html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging .image-sprite, html.no-js .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging .image-sprite {
    top: -42px;
    left: -45px;
    -webkit-transform: rotate(110deg) scaleX(-1);
    transform: rotate(110deg) scaleX(-1)
}

html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger, html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger, html.no-js .section-magic-keyboard .keyboard-backlit-trigger, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger, html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger, html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger, html.no-js .section-magic-keyboard .keyboard-backlit-trigger, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger {
    height: 100%;
    overflow: hidden;
    padding: 125px 0 136px 0
}

html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger .feature-copyblock, html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock, html.no-js .section-magic-keyboard .keyboard-backlit-trigger .feature-copyblock, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock, html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger .feature-copyblock, html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock, html.no-js .section-magic-keyboard .keyboard-backlit-trigger .feature-copyblock, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock {
    padding: 0 8.33333%;
    margin-top: 50px;
    margin-bottom: 11px
}

html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger, html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger {
    margin-top: 0;
    margin-bottom: 0
}

html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger, html.no-js .section-magic-keyboard .keyboard-backlit-trigger, html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger, html.no-js .section-magic-keyboard .keyboard-backlit-trigger {
    background: #000;
    padding-bottom: 124px
}

html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger .backlit-copyblock, html.no-js .section-magic-keyboard .keyboard-backlit-trigger .backlit-copyblock, html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger .backlit-copyblock, html.no-js .section-magic-keyboard .keyboard-backlit-trigger .backlit-copyblock {
    -webkit-transform: none;
    transform: none
}

html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit {
    margin-bottom: 37px
}

html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad {
    margin-top: -494px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-magic-keyboard, html.no-js .section-magic-keyboard, html.no-overview-enhanced .section-magic-keyboard, html.no-js .section-magic-keyboard {
        margin-top: 172px
    }
    html.no-overview-enhanced .section-magic-keyboard .feature-copyblock, html.no-js .section-magic-keyboard .feature-copyblock, html.no-overview-enhanced .section-magic-keyboard .feature-copyblock, html.no-js .section-magic-keyboard .feature-copyblock {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 auto;
        padding: 0
    }
    html.no-overview-enhanced .section-magic-keyboard .feature-copyblock [class*="medium-offset-"], html.no-js .section-magic-keyboard .feature-copyblock [class*="medium-offset-"], html.no-overview-enhanced .section-magic-keyboard .feature-copyblock [class*="medium-offset-"], html.no-js .section-magic-keyboard .feature-copyblock [class*="medium-offset-"] {
        margin-left: 0
    }
    html.no-overview-enhanced .section-magic-keyboard .intro-copyblock .feature-copyblock, html.no-js .section-magic-keyboard .intro-copyblock .feature-copyblock, html.no-overview-enhanced .section-magic-keyboard .intro-copyblock .feature-copyblock, html.no-js .section-magic-keyboard .intro-copyblock .feature-copyblock {
        width: 83.33333%;
        margin: 0 auto
    }
    html.no-overview-enhanced .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-subhead, html.no-overview-enhanced .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-content, html.no-js .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-subhead, html.no-js .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-content, html.no-overview-enhanced .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-subhead, html.no-overview-enhanced .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-content, html.no-js .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-subhead, html.no-js .section-magic-keyboard .intro-copyblock .feature-copyblock .feature-copyblock-content {
        width: 100%
    }
    html.no-overview-enhanced .section-magic-keyboard .sticky-wrapper-angle .intro-copyblock, html.no-js .section-magic-keyboard .sticky-wrapper-angle .intro-copyblock, html.no-overview-enhanced .section-magic-keyboard .sticky-wrapper-angle .intro-copyblock, html.no-js .section-magic-keyboard .sticky-wrapper-angle .intro-copyblock {
        z-index: 1
    }
    html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2, html.no-js .section-magic-keyboard .image-overview-hero-2, html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2, html.no-js .section-magic-keyboard .image-overview-hero-2 {
        margin-top: -55px;
        margin-bottom: 83px;
        z-index: 0
    }
    html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-magnet, html.no-js .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-magnet, html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-magnet, html.no-js .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-magnet {
        top: 300px;
        left: 55px
    }
    html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-design, html.no-js .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-design, html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-design, html.no-js .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-design {
        top: 436px;
        left: 320px
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper, html.no-js .section-magic-keyboard .keyboard-angle-wrapper, html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper, html.no-js .section-magic-keyboard .keyboard-angle-wrapper {
        left: -84px
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper .image-overview-keyboard-keyboard-snipe-angle, html.no-js .section-magic-keyboard .keyboard-angle-wrapper .image-overview-keyboard-keyboard-snipe-angle, html.no-overview-enhanced .section-magic-keyboard .keyboard-angle-wrapper .image-overview-keyboard-keyboard-snipe-angle, html.no-js .section-magic-keyboard .keyboard-angle-wrapper .image-overview-keyboard-keyboard-snipe-angle {
        top: 456px;
        left: 326px
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger, html.no-js .section-magic-keyboard .keyboard-trigger, html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger, html.no-js .section-magic-keyboard .keyboard-trigger {
        margin: 130px 0;
        left: 2px
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging, html.no-js .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging, html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging, html.no-js .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging {
        top: 90px;
        left: 59px
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging .image-sprite, html.no-js .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging .image-sprite, html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging .image-sprite, html.no-js .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging .image-sprite {
        top: -34px;
        left: -39px
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger, html.no-js .section-magic-keyboard .keyboard-backlit-trigger, html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger, html.no-js .section-magic-keyboard .keyboard-backlit-trigger {
        margin-top: 10px;
        padding-bottom: 124px
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger .backlit-copyblock, html.no-js .section-magic-keyboard .keyboard-backlit-trigger .backlit-copyblock, html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger .backlit-copyblock, html.no-js .section-magic-keyboard .keyboard-backlit-trigger .backlit-copyblock {
        margin-bottom: -35px
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger .feature-copyblock, html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock, html.no-js .section-magic-keyboard .keyboard-backlit-trigger .feature-copyblock, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock, html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger .feature-copyblock, html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock, html.no-js .section-magic-keyboard .keyboard-backlit-trigger .feature-copyblock, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock {
        margin-top: -11px;
        margin-bottom: 1px
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger, html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger {
        padding-bottom: 126px
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock, html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock {
        margin-bottom: -31px
    }
    html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad {
        margin-top: -363px;
        margin-bottom: 34px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-magic-keyboard, html.no-js .section-magic-keyboard, html.no-overview-enhanced .section-magic-keyboard, html.no-js .section-magic-keyboard {
        margin-top: 110px
    }
    html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2, html.no-js .section-magic-keyboard .image-overview-hero-2, html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2, html.no-js .section-magic-keyboard .image-overview-hero-2 {
        margin-top: 23px;
        margin-bottom: 58px
    }
    html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-magnet, html.no-js .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-magnet, html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-magnet, html.no-js .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-magnet {
        top: 36px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-design, html.no-js .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-design, html.no-overview-enhanced .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-design, html.no-js .section-magic-keyboard .image-overview-hero-2 .image-overview-keyboard-keyboard-snipe-design {
        top: 102px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    html.no-overview-enhanced .section-magic-keyboard .intro-copyblock .feature-copyblock, html.no-js .section-magic-keyboard .intro-copyblock .feature-copyblock, html.no-overview-enhanced .section-magic-keyboard .intro-copyblock .feature-copyblock, html.no-js .section-magic-keyboard .intro-copyblock .feature-copyblock {
        width: 100%
    }
    html.no-overview-enhanced .section-magic-keyboard .angle-trigger, html.no-js .section-magic-keyboard .angle-trigger, html.no-overview-enhanced .section-magic-keyboard .angle-trigger, html.no-js .section-magic-keyboard .angle-trigger {
        margin-top: 108px
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger, html.no-js .section-magic-keyboard .keyboard-trigger, html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger, html.no-js .section-magic-keyboard .keyboard-trigger {
        margin: 125px 0
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging, html.no-js .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging, html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging, html.no-js .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging {
        top: 92px;
        left: 63px
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging .image-sprite, html.no-js .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging .image-sprite, html.no-overview-enhanced .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging .image-sprite, html.no-js .section-magic-keyboard .keyboard-trigger .image-overview-animated-arrows-snipes-keyboard-snipe-charging .image-sprite {
        top: -36px;
        left: -40px
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger, html.no-js .section-magic-keyboard .keyboard-backlit-trigger, html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger, html.no-js .section-magic-keyboard .keyboard-backlit-trigger {
        bottom: 0
    }
    html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-backlit, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-trackpad {
        margin-top: -240px;
        margin-bottom: 32px
    }
    html.no-overview-enhanced .section-magic-keyboard div.keyboard-angle-wrapper, html.no-js .section-magic-keyboard div.keyboard-angle-wrapper, html.no-overview-enhanced .section-magic-keyboard div.keyboard-angle-wrapper, html.no-js .section-magic-keyboard div.keyboard-angle-wrapper {
        margin-top: 27px;
        margin-left: 0;
        position: static
    }
    html.no-overview-enhanced .section-magic-keyboard div.keyboard-angle-wrapper .image-overview-keyboard-keyboard-angle, html.no-js .section-magic-keyboard div.keyboard-angle-wrapper .image-overview-keyboard-keyboard-angle, html.no-overview-enhanced .section-magic-keyboard div.keyboard-angle-wrapper .image-overview-keyboard-keyboard-angle, html.no-js .section-magic-keyboard div.keyboard-angle-wrapper .image-overview-keyboard-keyboard-angle {
        position: relative;
        left: 23px
    }
    html.no-overview-enhanced .section-magic-keyboard div.keyboard-angle-wrapper .image-overview-keyboard-keyboard-snipe-angle, html.no-js .section-magic-keyboard div.keyboard-angle-wrapper .image-overview-keyboard-keyboard-snipe-angle, html.no-overview-enhanced .section-magic-keyboard div.keyboard-angle-wrapper .image-overview-keyboard-keyboard-snipe-angle, html.no-js .section-magic-keyboard div.keyboard-angle-wrapper .image-overview-keyboard-keyboard-snipe-angle {
        top: 165px;
        left: 140px
    }
    html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-closed, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-closed, html.no-overview-enhanced .section-magic-keyboard .image-overview-keyboard-keyboard-closed, html.no-js .section-magic-keyboard .image-overview-keyboard-keyboard-closed {
        left: 22px;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger, html.no-js .section-magic-keyboard .keyboard-backlit-trigger, html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger, html.no-js .section-magic-keyboard .keyboard-backlit-trigger {
        padding-bottom: 94px
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger, html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger {
        padding-bottom: 104px
    }
    html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger .feature-copyblock, html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock, html.no-js .section-magic-keyboard .keyboard-backlit-trigger .feature-copyblock, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock, html.no-overview-enhanced .section-magic-keyboard .keyboard-backlit-trigger .feature-copyblock, html.no-overview-enhanced .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock, html.no-js .section-magic-keyboard .keyboard-backlit-trigger .feature-copyblock, html.no-js .section-magic-keyboard .keyboard-trackpad-trigger .feature-copyblock {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0
    }
}

.modal .gestures-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal.modal-gestures-gallery .content-padding {
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
    max-height: 552px;
    overflow: hidden
}

@media only screen and (max-width: 1068px) {
    .modal.modal-gestures-gallery .content-padding {
        max-height: 440px;
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .modal.modal-gestures-gallery .content-padding {
        width: 86%;
        padding-left: 7%;
        padding-right: 7%;
        max-width: none
    }
}

@media only screen and (max-width: 734px) {
    .modal.modal-gestures-gallery .content-padding {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        min-height: 314px;
        max-height: 100%;
        height: 100%;
        padding-top: 48px;
        padding-bottom: 12px
    }
}

.modal-standard .modal-close {
    font-size: 32px
}

@media only screen and (max-width: 734px) {
    .modal-standard .modal-close {
        font-size: 28px;
        top: 12px;
        left: 12px
    }
}

.gestures-gallery {
    display: none
}

@media only screen and (max-width: 734px) {
    .gestures-gallery {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.gestures-gallery ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.gestures-gallery ul a {
    text-decoration: none
}

.gestures-gallery .gallery-section {
    max-height: 100%
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .gallery-section {
        max-height: 100%
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .gallery-section {
        max-width: 100%;
        max-height: 100%
    }
}

.gestures-gallery .dotnav {
    text-align: center;
    margin-top: 20px;
    display: none
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .dotnav {
        display: block
    }
}

.gestures-gallery .dotnav .dotnav-item {
    cursor: pointer
}

.gestures-gallery .tabnav-items {
    position: relative;
    overflow: scroll;
    height: 552px
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .tabnav-items {
        height: 440px
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .tabnav-items {
        height: auto
    }
}

.gestures-gallery .tabnav {
    position: relative
}

.gestures-gallery .tabnav:after {
    left: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 25px;
    pointer-events: auto;
    z-index: 1;
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0));
    background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0))
}

.gestures-gallery .tabnav-wrapper {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding-right: 10px
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .tabnav-wrapper {
        padding-right: 8px
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .tabnav-wrapper {
        padding-right: 0
    }
}

.gestures-gallery .tabnav-wrapper .tabnav-item {
    margin-bottom: 10px;
    width: auto;
    height: auto;
    text-align: left
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .tabnav-wrapper .tabnav-item {
        margin-bottom: 8px
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .tabnav-wrapper .tabnav-item {
        display: none;
        margin-bottom: 0
    }
}

.gestures-gallery .tabnav-wrapper .tabnav-item a {
    padding: 20px;
    border-radius: 12px;
    background: none;
    display: block;
    outline-offset: -7px
}

.gestures-gallery .tabnav-wrapper .tabnav-item a:hover {
    background: #fbfbfd
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .tabnav-wrapper .tabnav-item a {
        padding: 15px
    }
}

.gestures-gallery .tabnav-wrapper .tabnav-item.current a {
    background: #f5f5f7
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .tabnav-wrapper .tabnav-item.current a {
        background: none
    }
}

.gestures-gallery .tabnav-wrapper .tabnav-item.current a:hover {
    background: #f5f5f7
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .tabnav-wrapper .tabnav-item.current a:hover {
        background: none
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .tabnav-wrapper .tabnav-item.current {
        background: none;
        display: block;
        text-align: center
    }
}

.gestures-gallery .tabnav-wrapper .tabnav-item .headline {
    color: #1d1d1f
}

.gestures-gallery .tabnav-wrapper .tabnav-item .subhead {
    color: #1d1d1f;
    margin-top: 3.5px
}

.gestures-gallery .item-container-wrapper {
    overflow: hidden
}

.gestures-gallery .item-container-wrapper, .gestures-gallery .item-container {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 420px;
    height: 552px
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .item-container-wrapper, .gestures-gallery .item-container {
        width: 336px;
        height: 440px
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .item-container-wrapper, .gestures-gallery .item-container {
        width: 240px;
        height: 314px;
        margin: 0 auto
    }
}

.gestures-gallery .item-container {
    width: 100%;
    height: 100%
}

.gestures-gallery .item-container .gallery-item {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 0
}

.gestures-gallery .item-container .gallery-item [data-video-startframe], .gestures-gallery .item-container .gallery-item [data-video-endframe] {
    position: absolute
}

.gestures-gallery .item-container .gallery-item video {
    width: 100%;
    height: 100%
}

.gestures-gallery .item-container .gallery-item video, .gestures-gallery .item-container .gallery-item [data-video-startframe], .gestures-gallery .item-container .gallery-item [data-video-endframe] {
    opacity: 0
}

.gestures-gallery .item-container .gallery-item video.hide, .gestures-gallery .item-container .gallery-item [data-video-startframe].hide, .gestures-gallery .item-container .gallery-item [data-video-endframe].hide {
    opacity: 0
}

.gestures-gallery .item-container .gallery-item.current video, .gestures-gallery .item-container .gallery-item.current [data-video-startframe], .gestures-gallery .item-container .gallery-item.current [data-video-endframe] {
    opacity: 1
}

.gestures-gallery .item-container .gallery-item.current video.hide, .gestures-gallery .item-container .gallery-item.current [data-video-startframe].hide, .gestures-gallery .item-container .gallery-item.current [data-video-endframe].hide {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 0
}

.gestures-gallery .item-container .gallery-item.current video.hide {
    -webkit-transition: none;
    transition: none
}

html.no-inline-video .gestures-gallery .item-container .gallery-item video, html.no-inline-video .gestures-gallery .item-container .gallery-item [data-video-endframe] {
    opacity: 0
}

html.no-inline-video .gestures-gallery .item-container .gallery-item video.hide, html.no-inline-video .gestures-gallery .item-container .gallery-item [data-video-endframe].hide {
    -webkit-transition: none;
    transition: none
}

html.no-inline-video .gestures-gallery .item-container .gallery-item.current [data-video-startframe] {
    opacity: 1
}

.gestures-gallery .image-home-startframe {
    width: 420px;
    height: 552px;
    background-size: 420px 552px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/home_startframe__v3jlra3di6qm_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .gestures-gallery .image-home-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/home_startframe__v3jlra3di6qm_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .image-home-startframe {
        width: 336px;
        height: 440px;
        background-size: 336px 440px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/home_startframe__v3jlra3di6qm_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-home-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/home_startframe__v3jlra3di6qm_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .image-home-startframe {
        width: 240px;
        height: 314px;
        background-size: 240px 314px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/home_startframe__v3jlra3di6qm_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-home-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/home_startframe__v3jlra3di6qm_small_2x.jpg")
    }
}

.gestures-gallery .image-home-endframe {
    width: 420px;
    height: 552px;
    background-size: 420px 552px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/home_endframe__dipnq63x0agm_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .gestures-gallery .image-home-endframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/home_endframe__dipnq63x0agm_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .image-home-endframe {
        width: 336px;
        height: 440px;
        background-size: 336px 440px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/home_endframe__dipnq63x0agm_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-home-endframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/home_endframe__dipnq63x0agm_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .image-home-endframe {
        width: 240px;
        height: 314px;
        background-size: 240px 314px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/home_endframe__dipnq63x0agm_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-home-endframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/home_endframe__dipnq63x0agm_small_2x.jpg")
    }
}

.gestures-gallery .image-swipe-startframe {
    width: 420px;
    height: 552px;
    background-size: 420px 552px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/swipe_startframe__f6p0ts7aulm6_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .gestures-gallery .image-swipe-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/swipe_startframe__f6p0ts7aulm6_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .image-swipe-startframe {
        width: 336px;
        height: 440px;
        background-size: 336px 440px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/swipe_startframe__f6p0ts7aulm6_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-swipe-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/swipe_startframe__f6p0ts7aulm6_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .image-swipe-startframe {
        width: 240px;
        height: 314px;
        background-size: 240px 314px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/swipe_startframe__f6p0ts7aulm6_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-swipe-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/swipe_startframe__f6p0ts7aulm6_small_2x.jpg")
    }
}

.gestures-gallery .image-swipe-endframe {
    width: 420px;
    height: 552px;
    background-size: 420px 552px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/swipe_endframe__fmchkwxfkcey_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .gestures-gallery .image-swipe-endframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/swipe_endframe__fmchkwxfkcey_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .image-swipe-endframe {
        width: 336px;
        height: 440px;
        background-size: 336px 440px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/swipe_endframe__fmchkwxfkcey_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-swipe-endframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/swipe_endframe__fmchkwxfkcey_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .image-swipe-endframe {
        width: 240px;
        height: 314px;
        background-size: 240px 314px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/swipe_endframe__fmchkwxfkcey_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-swipe-endframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/swipe_endframe__fmchkwxfkcey_small_2x.jpg")
    }
}

.gestures-gallery .image-app-switcher-startframe {
    width: 420px;
    height: 552px;
    background-size: 420px 552px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/app-switcher_startframe__fux63xkc57ue_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .gestures-gallery .image-app-switcher-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/app-switcher_startframe__fux63xkc57ue_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .image-app-switcher-startframe {
        width: 336px;
        height: 440px;
        background-size: 336px 440px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/app-switcher_startframe__fux63xkc57ue_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-app-switcher-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/app-switcher_startframe__fux63xkc57ue_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .image-app-switcher-startframe {
        width: 240px;
        height: 314px;
        background-size: 240px 314px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/app-switcher_startframe__fux63xkc57ue_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-app-switcher-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/app-switcher_startframe__fux63xkc57ue_small_2x.jpg")
    }
}

.gestures-gallery .image-app-switcher-endframe {
    width: 420px;
    height: 552px;
    background-size: 420px 552px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/app-switcher_endframe__e5byiqfi6p0m_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .gestures-gallery .image-app-switcher-endframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/app-switcher_endframe__e5byiqfi6p0m_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .image-app-switcher-endframe {
        width: 336px;
        height: 440px;
        background-size: 336px 440px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/app-switcher_endframe__e5byiqfi6p0m_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-app-switcher-endframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/app-switcher_endframe__e5byiqfi6p0m_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .image-app-switcher-endframe {
        width: 240px;
        height: 314px;
        background-size: 240px 314px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/app-switcher_endframe__e5byiqfi6p0m_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-app-switcher-endframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/app-switcher_endframe__e5byiqfi6p0m_small_2x.jpg")
    }
}

.gestures-gallery .image-scroll-startframe {
    width: 420px;
    height: 552px;
    background-size: 420px 552px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/scroll_startframe__frycjcmrhgey_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .gestures-gallery .image-scroll-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/scroll_startframe__frycjcmrhgey_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .image-scroll-startframe {
        width: 336px;
        height: 440px;
        background-size: 336px 440px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/scroll_startframe__frycjcmrhgey_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-scroll-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/scroll_startframe__frycjcmrhgey_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .image-scroll-startframe {
        width: 240px;
        height: 314px;
        background-size: 240px 314px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/scroll_startframe__frycjcmrhgey_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-scroll-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/scroll_startframe__frycjcmrhgey_small_2x.jpg")
    }
}

.gestures-gallery .image-scroll-endframe {
    width: 420px;
    height: 552px;
    background-size: 420px 552px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/scroll_endframe__c2u99whzqfki_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .gestures-gallery .image-scroll-endframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/scroll_endframe__c2u99whzqfki_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .image-scroll-endframe {
        width: 336px;
        height: 440px;
        background-size: 336px 440px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/scroll_endframe__c2u99whzqfki_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-scroll-endframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/scroll_endframe__c2u99whzqfki_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .image-scroll-endframe {
        width: 240px;
        height: 314px;
        background-size: 240px 314px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/scroll_endframe__c2u99whzqfki_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-scroll-endframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/scroll_endframe__c2u99whzqfki_small_2x.jpg")
    }
}

.gestures-gallery .image-right-click-startframe {
    width: 420px;
    height: 552px;
    background-size: 420px 552px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/right-click_startframe__epru6g47z8qe_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .gestures-gallery .image-right-click-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/right-click_startframe__epru6g47z8qe_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .image-right-click-startframe {
        width: 336px;
        height: 440px;
        background-size: 336px 440px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/right-click_startframe__epru6g47z8qe_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-right-click-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/right-click_startframe__epru6g47z8qe_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .image-right-click-startframe {
        width: 240px;
        height: 314px;
        background-size: 240px 314px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/right-click_startframe__epru6g47z8qe_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-right-click-startframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/right-click_startframe__epru6g47z8qe_small_2x.jpg")
    }
}

.gestures-gallery .image-right-click-endframe {
    width: 420px;
    height: 552px;
    background-size: 420px 552px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/right-click_endframe__fkljqjszurqm_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .gestures-gallery .image-right-click-endframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/right-click_endframe__fkljqjszurqm_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .gestures-gallery .image-right-click-endframe {
        width: 336px;
        height: 440px;
        background-size: 336px 440px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/right-click_endframe__fkljqjszurqm_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-right-click-endframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/right-click_endframe__fkljqjszurqm_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .gestures-gallery .image-right-click-endframe {
        width: 240px;
        height: 314px;
        background-size: 240px 314px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/right-click_endframe__fkljqjszurqm_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .gestures-gallery .image-right-click-endframe {
        background-image: url("/v/ipad-pro/ac/images/overview/gestures-gallery/right-click_endframe__fkljqjszurqm_small_2x.jpg")
    }
}

.section-ipados {
    position: relative;
    margin-top: -100vh;
    z-index: 1;
    --ipados-padding-top: 152px;
    --ipados-border-radius-x: 270px;
    --ipados-border-radius-y: 194px
}

@media only screen and (max-width: 1068px) {
    .section-ipados {
        --ipados-border-radius-x: 170px;
        --ipados-border-radius-y: 125px
    }
}

.section-ipados .sticky-overflow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-ipados .content-timeline {
    height: 570vh
}

.section-ipados .section-content {
    padding: 0
}

.section-ipados .section-content.cursor-copy {
    padding: 100px 0 50px
}

.section-ipados .section-content.cursor-headline {
    position: absolute;
    z-index: 2
}

@media only screen and (max-width: 734px) {
    .section-ipados .section-content.cursor-headline {
        width: 320px
    }
}

.section-ipados .cursor-headline, .section-ipados .cursor-copy {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in
}

.section-ipados .cursor-headline.fade-out, .section-ipados .cursor-copy.fade-out {
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    opacity: 0
}

.section-ipados .image-hw {
    width: 1436px;
    height: 1132px;
    background-size: 1436px 1132px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/ipados_cursor__ebcksd6r2ro2_large.png");
    position: absolute
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-hw {
        width: 886px;
        height: 698px;
        background-size: 886px 698px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_cursor__ebcksd6r2ro2_medium.png")
    }
}

.section-ipados .image-bg {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_background__eatvmloptd26_large.jpg");
    background-size: cover;
    position: absolute;
    width: 100%
}

.section-ipados .image-bg::after {
    content: '';
    display: block;
    padding-bottom: 75%
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-bg {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_background__eatvmloptd26_medium.jpg");
        background-size: cover
    }
    .section-ipados .image-bg::after {
        content: '';
        display: block;
        padding-bottom: 75%
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-bg {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_background__eatvmloptd26_small.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-ipados .image-bg {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_background__eatvmloptd26_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-bg::after {
        content: '';
        display: block;
        padding-bottom: 74.93188%
    }
}

.section-ipados .image-bg-blur {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_blur__bexex5eus0gi_large.jpg");
    background-size: cover
}

.section-ipados .image-bg-blur::after {
    content: '';
    display: block;
    padding-bottom: 75%
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-bg-blur {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_blur__bexex5eus0gi_medium.jpg");
        background-size: cover
    }
    .section-ipados .image-bg-blur::after {
        content: '';
        display: block;
        padding-bottom: 75%
    }
}

.section-ipados .image-screen {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_large.jpg");
    background-size: cover
}

@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) {
    .section-ipados .image-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_large_2x.jpg")
    }
}

.section-ipados .image-screen::after {
    content: '';
    display: block;
    padding-bottom: 75.08532%
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-screen {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_medium.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-ipados .image-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_medium_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-screen::after {
        content: '';
        display: block;
        padding-bottom: 75%
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-screen {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_small.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-ipados .image-screen {
        background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-screen::after {
        content: '';
        display: block;
        padding-bottom: 74.87923%
    }
}

.section-ipados .image-dock-bg {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock__bjdruryuozrm_large.png");
    background-size: cover;
    position: absolute;
    width: 100%;
    bottom: 0
}

.section-ipados .image-dock-bg::after {
    content: '';
    display: block;
    padding-bottom: 14.654%
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-dock-bg {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock__bjdruryuozrm_medium.png");
        background-size: cover
    }
    .section-ipados .image-dock-bg::after {
        content: '';
        display: block;
        padding-bottom: 14.70588%
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-dock-bg {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock__bjdruryuozrm_small.png");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-ipados .image-dock-bg {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock__bjdruryuozrm_small_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-dock-bg::after {
        content: '';
        display: block;
        padding-bottom: 23.75887%
    }
}

.section-ipados .image-icon-calendar {
    width: 68px;
    height: 68px;
    background-size: 68px 68px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock_calendar__dtv0fzamxfiq_large.png");
    position: absolute;
    right: 193px;
    bottom: 20px
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-icon-calendar {
        width: 53px;
        height: 53px;
        background-size: 53px 53px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock_calendar__dtv0fzamxfiq_medium.png")
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-icon-calendar {
        width: 42px;
        height: 42px;
        background-size: 42px 42px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock_calendar__dtv0fzamxfiq_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-ipados .image-icon-calendar {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock_calendar__dtv0fzamxfiq_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-icon-calendar {
        right: 153px;
        bottom: 16px
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-icon-calendar {
        right: 121px;
        bottom: 12px
    }
}

.section-ipados .image-icon-photos {
    width: 68px;
    height: 68px;
    background-size: 68px 68px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock_photos__2ws1niguojmy_large.png");
    position: absolute;
    right: 106px;
    bottom: 20px
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-icon-photos {
        width: 53px;
        height: 53px;
        background-size: 53px 53px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock_photos__2ws1niguojmy_medium.png")
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-icon-photos {
        width: 42px;
        height: 42px;
        background-size: 42px 42px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock_photos__2ws1niguojmy_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-ipados .image-icon-photos {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock_photos__2ws1niguojmy_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-icon-photos {
        right: 84px;
        bottom: 16px
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-icon-photos {
        right: 67px;
        bottom: 12px
    }
}

.section-ipados .image-icon-notes {
    width: 68px;
    height: 68px;
    background-size: 68px 68px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock_notes__damdtmb0mx2e_large.png");
    position: absolute;
    right: 20px;
    bottom: 20px
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-icon-notes {
        width: 53px;
        height: 53px;
        background-size: 53px 53px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock_notes__damdtmb0mx2e_medium.png")
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-icon-notes {
        width: 42px;
        height: 42px;
        background-size: 42px 42px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock_notes__damdtmb0mx2e_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-ipados .image-icon-notes {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_hero_dock_notes__damdtmb0mx2e_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-icon-notes {
        right: 16px;
        bottom: 16px
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-icon-notes {
        right: 13px;
        bottom: 12px
    }
}

.section-ipados .image-snipe-appears {
    width: 96px;
    height: 44px;
    background-size: 96px 44px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/snipes/ipados_snipe_appears__fy8c43wuwi2q_large.png");
    position: absolute;
    top: 230px;
    right: -105px
}

@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) {
    .section-ipados .image-snipe-appears {
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/snipes/ipados_snipe_appears__fy8c43wuwi2q_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-snipe-appears {
        width: 89px;
        height: 40px;
        background-size: 89px 40px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/snipes/ipados_snipe_appears__fy8c43wuwi2q_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-ipados .image-snipe-appears {
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/snipes/ipados_snipe_appears__fy8c43wuwi2q_medium_2x.png")
    }
}

.section-ipados .image-snipe-appears.animation-trigger .image-sprite {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/sprites/ipados_snipe_appears_sprite__d0q32aom96ky_large.png");
    background-size: 780px 216px;
    width: 78px;
    height: 36px;
    -webkit-animation: enhanced-arrow-ipados-appears-large 1s steps(1) forwards;
    animation: enhanced-arrow-ipados-appears-large 1s steps(1) forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@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) {
    .section-ipados .image-snipe-appears.animation-trigger .image-sprite {
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/sprites/ipados_snipe_appears_sprite__d0q32aom96ky_large_2x.png")
    }
}

@-webkit-keyframes enhanced-arrow-ipados-appears-large {
    0% {
        background-position: 0px 0px
    }
    1.66667% {
        background-position: -78px 0px
    }
    3.33333% {
        background-position: -156px 0px
    }
    5% {
        background-position: -234px 0px
    }
    6.66667% {
        background-position: -312px 0px
    }
    8.33333% {
        background-position: -390px 0px
    }
    10% {
        background-position: -468px 0px
    }
    11.66667% {
        background-position: -546px 0px
    }
    13.33333% {
        background-position: -624px 0px
    }
    15% {
        background-position: -702px 0px
    }
    16.66667% {
        background-position: 0px -36px
    }
    18.33333% {
        background-position: -78px -36px
    }
    20% {
        background-position: -156px -36px
    }
    21.66667% {
        background-position: -234px -36px
    }
    23.33333% {
        background-position: -312px -36px
    }
    25% {
        background-position: -390px -36px
    }
    26.66667% {
        background-position: -468px -36px
    }
    28.33333% {
        background-position: -546px -36px
    }
    30% {
        background-position: -624px -36px
    }
    31.66667% {
        background-position: -702px -36px
    }
    33.33333% {
        background-position: 0px -72px
    }
    35% {
        background-position: -78px -72px
    }
    36.66667% {
        background-position: -156px -72px
    }
    38.33333% {
        background-position: -234px -72px
    }
    40% {
        background-position: -312px -72px
    }
    41.66667% {
        background-position: -390px -72px
    }
    43.33333% {
        background-position: -468px -72px
    }
    45% {
        background-position: -546px -72px
    }
    46.66667% {
        background-position: -624px -72px
    }
    48.33333% {
        background-position: -702px -72px
    }
    50% {
        background-position: 0px -108px
    }
    51.66667% {
        background-position: -78px -108px
    }
    53.33333% {
        background-position: -156px -108px
    }
    55% {
        background-position: -234px -108px
    }
    56.66667% {
        background-position: -312px -108px
    }
    58.33333% {
        background-position: -390px -108px
    }
    60% {
        background-position: -468px -108px
    }
    61.66667% {
        background-position: -546px -108px
    }
    63.33333% {
        background-position: -624px -108px
    }
    65% {
        background-position: -702px -108px
    }
    66.66667% {
        background-position: 0px -144px
    }
    68.33333% {
        background-position: -78px -144px
    }
    70% {
        background-position: -156px -144px
    }
    71.66667% {
        background-position: -234px -144px
    }
    73.33333% {
        background-position: -312px -144px
    }
    75% {
        background-position: -390px -144px
    }
    76.66667% {
        background-position: -468px -144px
    }
    78.33333% {
        background-position: -546px -144px
    }
    80% {
        background-position: -624px -144px
    }
    81.66667% {
        background-position: -702px -144px
    }
    83.33333% {
        background-position: 0px -180px
    }
    85% {
        background-position: -78px -180px
    }
    86.66667% {
        background-position: -156px -180px
    }
    88.33333% {
        background-position: -234px -180px
    }
    90% {
        background-position: -312px -180px
    }
    91.66667% {
        background-position: -390px -180px
    }
    93.33333% {
        background-position: -468px -180px
    }
    95% {
        background-position: -546px -180px
    }
    96.66667% {
        background-position: -624px -180px
    }
    98.33333% {
        background-position: -702px -180px
    }
    100% {
        background-position: -702px -180px
    }
}

@keyframes enhanced-arrow-ipados-appears-large {
    0% {
        background-position: 0px 0px
    }
    1.66667% {
        background-position: -78px 0px
    }
    3.33333% {
        background-position: -156px 0px
    }
    5% {
        background-position: -234px 0px
    }
    6.66667% {
        background-position: -312px 0px
    }
    8.33333% {
        background-position: -390px 0px
    }
    10% {
        background-position: -468px 0px
    }
    11.66667% {
        background-position: -546px 0px
    }
    13.33333% {
        background-position: -624px 0px
    }
    15% {
        background-position: -702px 0px
    }
    16.66667% {
        background-position: 0px -36px
    }
    18.33333% {
        background-position: -78px -36px
    }
    20% {
        background-position: -156px -36px
    }
    21.66667% {
        background-position: -234px -36px
    }
    23.33333% {
        background-position: -312px -36px
    }
    25% {
        background-position: -390px -36px
    }
    26.66667% {
        background-position: -468px -36px
    }
    28.33333% {
        background-position: -546px -36px
    }
    30% {
        background-position: -624px -36px
    }
    31.66667% {
        background-position: -702px -36px
    }
    33.33333% {
        background-position: 0px -72px
    }
    35% {
        background-position: -78px -72px
    }
    36.66667% {
        background-position: -156px -72px
    }
    38.33333% {
        background-position: -234px -72px
    }
    40% {
        background-position: -312px -72px
    }
    41.66667% {
        background-position: -390px -72px
    }
    43.33333% {
        background-position: -468px -72px
    }
    45% {
        background-position: -546px -72px
    }
    46.66667% {
        background-position: -624px -72px
    }
    48.33333% {
        background-position: -702px -72px
    }
    50% {
        background-position: 0px -108px
    }
    51.66667% {
        background-position: -78px -108px
    }
    53.33333% {
        background-position: -156px -108px
    }
    55% {
        background-position: -234px -108px
    }
    56.66667% {
        background-position: -312px -108px
    }
    58.33333% {
        background-position: -390px -108px
    }
    60% {
        background-position: -468px -108px
    }
    61.66667% {
        background-position: -546px -108px
    }
    63.33333% {
        background-position: -624px -108px
    }
    65% {
        background-position: -702px -108px
    }
    66.66667% {
        background-position: 0px -144px
    }
    68.33333% {
        background-position: -78px -144px
    }
    70% {
        background-position: -156px -144px
    }
    71.66667% {
        background-position: -234px -144px
    }
    73.33333% {
        background-position: -312px -144px
    }
    75% {
        background-position: -390px -144px
    }
    76.66667% {
        background-position: -468px -144px
    }
    78.33333% {
        background-position: -546px -144px
    }
    80% {
        background-position: -624px -144px
    }
    81.66667% {
        background-position: -702px -144px
    }
    83.33333% {
        background-position: 0px -180px
    }
    85% {
        background-position: -78px -180px
    }
    86.66667% {
        background-position: -156px -180px
    }
    88.33333% {
        background-position: -234px -180px
    }
    90% {
        background-position: -312px -180px
    }
    91.66667% {
        background-position: -390px -180px
    }
    93.33333% {
        background-position: -468px -180px
    }
    95% {
        background-position: -546px -180px
    }
    96.66667% {
        background-position: -624px -180px
    }
    98.33333% {
        background-position: -702px -180px
    }
    100% {
        background-position: -702px -180px
    }
}

html.no-overview-enhanced .section-ipados .image-snipe-appears.animation-trigger .image-sprite, html.no-js .section-ipados .image-snipe-appears.animation-trigger .image-sprite, html.no-overview-enhanced .section-ipados .image-snipe-appears.animation-trigger .image-sprite, html.no-js .section-ipados .image-snipe-appears.animation-trigger .image-sprite {
    -webkit-animation: none;
    animation: none;
    background-position: -702px -180px
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-snipe-appears.animation-trigger .image-sprite {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/sprites/ipados_snipe_appears_sprite__d0q32aom96ky_medium.png");
        background-size: 640px 180px;
        width: 64px;
        height: 30px;
        -webkit-animation: enhanced-arrow-ipados-appears-medium 1s steps(1) forwards;
        animation: enhanced-arrow-ipados-appears-medium 1s steps(1) forwards
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-ipados .image-snipe-appears.animation-trigger .image-sprite {
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/sprites/ipados_snipe_appears_sprite__d0q32aom96ky_medium_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    @-webkit-keyframes enhanced-arrow-ipados-appears-medium {
        0% {
            background-position: 0px 0px
        }
        1.66667% {
            background-position: -64px 0px
        }
        3.33333% {
            background-position: -128px 0px
        }
        5% {
            background-position: -192px 0px
        }
        6.66667% {
            background-position: -256px 0px
        }
        8.33333% {
            background-position: -320px 0px
        }
        10% {
            background-position: -384px 0px
        }
        11.66667% {
            background-position: -448px 0px
        }
        13.33333% {
            background-position: -512px 0px
        }
        15% {
            background-position: -576px 0px
        }
        16.66667% {
            background-position: 0px -30px
        }
        18.33333% {
            background-position: -64px -30px
        }
        20% {
            background-position: -128px -30px
        }
        21.66667% {
            background-position: -192px -30px
        }
        23.33333% {
            background-position: -256px -30px
        }
        25% {
            background-position: -320px -30px
        }
        26.66667% {
            background-position: -384px -30px
        }
        28.33333% {
            background-position: -448px -30px
        }
        30% {
            background-position: -512px -30px
        }
        31.66667% {
            background-position: -576px -30px
        }
        33.33333% {
            background-position: 0px -60px
        }
        35% {
            background-position: -64px -60px
        }
        36.66667% {
            background-position: -128px -60px
        }
        38.33333% {
            background-position: -192px -60px
        }
        40% {
            background-position: -256px -60px
        }
        41.66667% {
            background-position: -320px -60px
        }
        43.33333% {
            background-position: -384px -60px
        }
        45% {
            background-position: -448px -60px
        }
        46.66667% {
            background-position: -512px -60px
        }
        48.33333% {
            background-position: -576px -60px
        }
        50% {
            background-position: 0px -90px
        }
        51.66667% {
            background-position: -64px -90px
        }
        53.33333% {
            background-position: -128px -90px
        }
        55% {
            background-position: -192px -90px
        }
        56.66667% {
            background-position: -256px -90px
        }
        58.33333% {
            background-position: -320px -90px
        }
        60% {
            background-position: -384px -90px
        }
        61.66667% {
            background-position: -448px -90px
        }
        63.33333% {
            background-position: -512px -90px
        }
        65% {
            background-position: -576px -90px
        }
        66.66667% {
            background-position: 0px -120px
        }
        68.33333% {
            background-position: -64px -120px
        }
        70% {
            background-position: -128px -120px
        }
        71.66667% {
            background-position: -192px -120px
        }
        73.33333% {
            background-position: -256px -120px
        }
        75% {
            background-position: -320px -120px
        }
        76.66667% {
            background-position: -384px -120px
        }
        78.33333% {
            background-position: -448px -120px
        }
        80% {
            background-position: -512px -120px
        }
        81.66667% {
            background-position: -576px -120px
        }
        83.33333% {
            background-position: 0px -150px
        }
        85% {
            background-position: -64px -150px
        }
        86.66667% {
            background-position: -128px -150px
        }
        88.33333% {
            background-position: -192px -150px
        }
        90% {
            background-position: -256px -150px
        }
        91.66667% {
            background-position: -320px -150px
        }
        93.33333% {
            background-position: -384px -150px
        }
        95% {
            background-position: -448px -150px
        }
        96.66667% {
            background-position: -512px -150px
        }
        98.33333% {
            background-position: -576px -150px
        }
        100% {
            background-position: -576px -150px
        }
    }
    @keyframes enhanced-arrow-ipados-appears-medium {
        0% {
            background-position: 0px 0px
        }
        1.66667% {
            background-position: -64px 0px
        }
        3.33333% {
            background-position: -128px 0px
        }
        5% {
            background-position: -192px 0px
        }
        6.66667% {
            background-position: -256px 0px
        }
        8.33333% {
            background-position: -320px 0px
        }
        10% {
            background-position: -384px 0px
        }
        11.66667% {
            background-position: -448px 0px
        }
        13.33333% {
            background-position: -512px 0px
        }
        15% {
            background-position: -576px 0px
        }
        16.66667% {
            background-position: 0px -30px
        }
        18.33333% {
            background-position: -64px -30px
        }
        20% {
            background-position: -128px -30px
        }
        21.66667% {
            background-position: -192px -30px
        }
        23.33333% {
            background-position: -256px -30px
        }
        25% {
            background-position: -320px -30px
        }
        26.66667% {
            background-position: -384px -30px
        }
        28.33333% {
            background-position: -448px -30px
        }
        30% {
            background-position: -512px -30px
        }
        31.66667% {
            background-position: -576px -30px
        }
        33.33333% {
            background-position: 0px -60px
        }
        35% {
            background-position: -64px -60px
        }
        36.66667% {
            background-position: -128px -60px
        }
        38.33333% {
            background-position: -192px -60px
        }
        40% {
            background-position: -256px -60px
        }
        41.66667% {
            background-position: -320px -60px
        }
        43.33333% {
            background-position: -384px -60px
        }
        45% {
            background-position: -448px -60px
        }
        46.66667% {
            background-position: -512px -60px
        }
        48.33333% {
            background-position: -576px -60px
        }
        50% {
            background-position: 0px -90px
        }
        51.66667% {
            background-position: -64px -90px
        }
        53.33333% {
            background-position: -128px -90px
        }
        55% {
            background-position: -192px -90px
        }
        56.66667% {
            background-position: -256px -90px
        }
        58.33333% {
            background-position: -320px -90px
        }
        60% {
            background-position: -384px -90px
        }
        61.66667% {
            background-position: -448px -90px
        }
        63.33333% {
            background-position: -512px -90px
        }
        65% {
            background-position: -576px -90px
        }
        66.66667% {
            background-position: 0px -120px
        }
        68.33333% {
            background-position: -64px -120px
        }
        70% {
            background-position: -128px -120px
        }
        71.66667% {
            background-position: -192px -120px
        }
        73.33333% {
            background-position: -256px -120px
        }
        75% {
            background-position: -320px -120px
        }
        76.66667% {
            background-position: -384px -120px
        }
        78.33333% {
            background-position: -448px -120px
        }
        80% {
            background-position: -512px -120px
        }
        81.66667% {
            background-position: -576px -120px
        }
        83.33333% {
            background-position: 0px -150px
        }
        85% {
            background-position: -64px -150px
        }
        86.66667% {
            background-position: -128px -150px
        }
        88.33333% {
            background-position: -192px -150px
        }
        90% {
            background-position: -256px -150px
        }
        91.66667% {
            background-position: -320px -150px
        }
        93.33333% {
            background-position: -384px -150px
        }
        95% {
            background-position: -448px -150px
        }
        96.66667% {
            background-position: -512px -150px
        }
        98.33333% {
            background-position: -576px -150px
        }
        100% {
            background-position: -576px -150px
        }
    }
    html.no-overview-enhanced .section-ipados .image-snipe-appears.animation-trigger .image-sprite, html.no-js .section-ipados .image-snipe-appears.animation-trigger .image-sprite, html.no-overview-enhanced .section-ipados .image-snipe-appears.animation-trigger .image-sprite, html.no-js .section-ipados .image-snipe-appears.animation-trigger .image-sprite {
        -webkit-animation: none;
        animation: none;
        background-position: -576px -150px
    }
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-snipe-appears {
        top: 130px
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-snipe-appears {
        top: -65px;
        right: 120px
    }
}

.section-ipados .image-snipe-appears .image-sprite {
    top: -45px;
    left: -65px
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-snipe-appears .image-sprite {
        top: -35px;
        left: -45px
    }
}

.section-ipados .image-snipe-adapts {
    width: 131px;
    height: 44px;
    background-size: 131px 44px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/snipes/ipados_snipe_adapts__f34ichbt9q6i_large.png");
    position: absolute;
    top: 210px;
    left: -113px
}

@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) {
    .section-ipados .image-snipe-adapts {
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/snipes/ipados_snipe_adapts__f34ichbt9q6i_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-snipe-adapts {
        width: 115px;
        height: 40px;
        background-size: 115px 40px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/snipes/ipados_snipe_adapts__f34ichbt9q6i_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-ipados .image-snipe-adapts {
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/snipes/ipados_snipe_adapts__f34ichbt9q6i_medium_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-snipe-adapts {
        top: 175px
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-snipe-adapts {
        top: -70px;
        left: 87px
    }
}

.section-ipados .image-snipe-adapts .image-sprite {
    top: 60px;
    left: 110px
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-snipe-adapts .image-sprite {
        top: 52px;
        left: 90px
    }
}

.section-ipados .image-snipe-edits {
    width: 119px;
    height: 40px;
    background-size: 119px 40px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_edits__gdigmzjvnyi6_large.png");
    position: absolute;
    top: 115px;
    left: -114px
}

@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) {
    .section-ipados .image-snipe-edits {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_edits__gdigmzjvnyi6_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-snipe-edits {
        width: 110px;
        height: 37px;
        background-size: 110px 37px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_edits__gdigmzjvnyi6_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-ipados .image-snipe-edits {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_edits__gdigmzjvnyi6_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-snipe-edits {
        width: 113px;
        height: 36px;
        background-size: 113px 36px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_edits__gdigmzjvnyi6_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-ipados .image-snipe-edits {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_edits__gdigmzjvnyi6_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-snipe-edits {
        top: 75px;
        left: -99px
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-snipe-edits {
        top: -50px;
        left: 87px
    }
}

.section-ipados .image-snipe-edits .image-sprite {
    top: 60px;
    left: 88px
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-snipe-edits .image-sprite {
        top: 52px;
        left: 76px
    }
}

.section-ipados .image-snipe-adapts.animation-trigger .image-sprite, .section-ipados .image-snipe-edits.animation-trigger .image-sprite {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/sprites/ipados_snipe_adapts_sprite__et798segmkcy_large.png");
    background-size: 600px 360px;
    width: 60px;
    height: 60px;
    -webkit-animation: enhanced-arrow-adapts-large 1s steps(1) forwards;
    animation: enhanced-arrow-adapts-large 1s steps(1) forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@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) {
    .section-ipados .image-snipe-adapts.animation-trigger .image-sprite, .section-ipados .image-snipe-edits.animation-trigger .image-sprite {
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/sprites/ipados_snipe_adapts_sprite__et798segmkcy_large_2x.png")
    }
}

@-webkit-keyframes enhanced-arrow-adapts-large {
    0% {
        background-position: 0px 0px
    }
    1.66667% {
        background-position: -60px 0px
    }
    3.33333% {
        background-position: -120px 0px
    }
    5% {
        background-position: -180px 0px
    }
    6.66667% {
        background-position: -240px 0px
    }
    8.33333% {
        background-position: -300px 0px
    }
    10% {
        background-position: -360px 0px
    }
    11.66667% {
        background-position: -420px 0px
    }
    13.33333% {
        background-position: -480px 0px
    }
    15% {
        background-position: -540px 0px
    }
    16.66667% {
        background-position: 0px -60px
    }
    18.33333% {
        background-position: -60px -60px
    }
    20% {
        background-position: -120px -60px
    }
    21.66667% {
        background-position: -180px -60px
    }
    23.33333% {
        background-position: -240px -60px
    }
    25% {
        background-position: -300px -60px
    }
    26.66667% {
        background-position: -360px -60px
    }
    28.33333% {
        background-position: -420px -60px
    }
    30% {
        background-position: -480px -60px
    }
    31.66667% {
        background-position: -540px -60px
    }
    33.33333% {
        background-position: 0px -120px
    }
    35% {
        background-position: -60px -120px
    }
    36.66667% {
        background-position: -120px -120px
    }
    38.33333% {
        background-position: -180px -120px
    }
    40% {
        background-position: -240px -120px
    }
    41.66667% {
        background-position: -300px -120px
    }
    43.33333% {
        background-position: -360px -120px
    }
    45% {
        background-position: -420px -120px
    }
    46.66667% {
        background-position: -480px -120px
    }
    48.33333% {
        background-position: -540px -120px
    }
    50% {
        background-position: 0px -180px
    }
    51.66667% {
        background-position: -60px -180px
    }
    53.33333% {
        background-position: -120px -180px
    }
    55% {
        background-position: -180px -180px
    }
    56.66667% {
        background-position: -240px -180px
    }
    58.33333% {
        background-position: -300px -180px
    }
    60% {
        background-position: -360px -180px
    }
    61.66667% {
        background-position: -420px -180px
    }
    63.33333% {
        background-position: -480px -180px
    }
    65% {
        background-position: -540px -180px
    }
    66.66667% {
        background-position: 0px -240px
    }
    68.33333% {
        background-position: -60px -240px
    }
    70% {
        background-position: -120px -240px
    }
    71.66667% {
        background-position: -180px -240px
    }
    73.33333% {
        background-position: -240px -240px
    }
    75% {
        background-position: -300px -240px
    }
    76.66667% {
        background-position: -360px -240px
    }
    78.33333% {
        background-position: -420px -240px
    }
    80% {
        background-position: -480px -240px
    }
    81.66667% {
        background-position: -540px -240px
    }
    83.33333% {
        background-position: 0px -300px
    }
    85% {
        background-position: -60px -300px
    }
    86.66667% {
        background-position: -120px -300px
    }
    88.33333% {
        background-position: -180px -300px
    }
    90% {
        background-position: -240px -300px
    }
    91.66667% {
        background-position: -300px -300px
    }
    93.33333% {
        background-position: -360px -300px
    }
    95% {
        background-position: -420px -300px
    }
    96.66667% {
        background-position: -480px -300px
    }
    98.33333% {
        background-position: -540px -300px
    }
    100% {
        background-position: -540px -300px
    }
}

@keyframes enhanced-arrow-adapts-large {
    0% {
        background-position: 0px 0px
    }
    1.66667% {
        background-position: -60px 0px
    }
    3.33333% {
        background-position: -120px 0px
    }
    5% {
        background-position: -180px 0px
    }
    6.66667% {
        background-position: -240px 0px
    }
    8.33333% {
        background-position: -300px 0px
    }
    10% {
        background-position: -360px 0px
    }
    11.66667% {
        background-position: -420px 0px
    }
    13.33333% {
        background-position: -480px 0px
    }
    15% {
        background-position: -540px 0px
    }
    16.66667% {
        background-position: 0px -60px
    }
    18.33333% {
        background-position: -60px -60px
    }
    20% {
        background-position: -120px -60px
    }
    21.66667% {
        background-position: -180px -60px
    }
    23.33333% {
        background-position: -240px -60px
    }
    25% {
        background-position: -300px -60px
    }
    26.66667% {
        background-position: -360px -60px
    }
    28.33333% {
        background-position: -420px -60px
    }
    30% {
        background-position: -480px -60px
    }
    31.66667% {
        background-position: -540px -60px
    }
    33.33333% {
        background-position: 0px -120px
    }
    35% {
        background-position: -60px -120px
    }
    36.66667% {
        background-position: -120px -120px
    }
    38.33333% {
        background-position: -180px -120px
    }
    40% {
        background-position: -240px -120px
    }
    41.66667% {
        background-position: -300px -120px
    }
    43.33333% {
        background-position: -360px -120px
    }
    45% {
        background-position: -420px -120px
    }
    46.66667% {
        background-position: -480px -120px
    }
    48.33333% {
        background-position: -540px -120px
    }
    50% {
        background-position: 0px -180px
    }
    51.66667% {
        background-position: -60px -180px
    }
    53.33333% {
        background-position: -120px -180px
    }
    55% {
        background-position: -180px -180px
    }
    56.66667% {
        background-position: -240px -180px
    }
    58.33333% {
        background-position: -300px -180px
    }
    60% {
        background-position: -360px -180px
    }
    61.66667% {
        background-position: -420px -180px
    }
    63.33333% {
        background-position: -480px -180px
    }
    65% {
        background-position: -540px -180px
    }
    66.66667% {
        background-position: 0px -240px
    }
    68.33333% {
        background-position: -60px -240px
    }
    70% {
        background-position: -120px -240px
    }
    71.66667% {
        background-position: -180px -240px
    }
    73.33333% {
        background-position: -240px -240px
    }
    75% {
        background-position: -300px -240px
    }
    76.66667% {
        background-position: -360px -240px
    }
    78.33333% {
        background-position: -420px -240px
    }
    80% {
        background-position: -480px -240px
    }
    81.66667% {
        background-position: -540px -240px
    }
    83.33333% {
        background-position: 0px -300px
    }
    85% {
        background-position: -60px -300px
    }
    86.66667% {
        background-position: -120px -300px
    }
    88.33333% {
        background-position: -180px -300px
    }
    90% {
        background-position: -240px -300px
    }
    91.66667% {
        background-position: -300px -300px
    }
    93.33333% {
        background-position: -360px -300px
    }
    95% {
        background-position: -420px -300px
    }
    96.66667% {
        background-position: -480px -300px
    }
    98.33333% {
        background-position: -540px -300px
    }
    100% {
        background-position: -540px -300px
    }
}

html.no-overview-enhanced .section-ipados .image-snipe-adapts.animation-trigger .image-sprite, html.no-js .section-ipados .image-snipe-adapts.animation-trigger .image-sprite, html.no-overview-enhanced .section-ipados .image-snipe-adapts.animation-trigger .image-sprite, html.no-js .section-ipados .image-snipe-adapts.animation-trigger .image-sprite, html.no-overview-enhanced .section-ipados .image-snipe-edits.animation-trigger .image-sprite, html.no-js .section-ipados .image-snipe-edits.animation-trigger .image-sprite, html.no-overview-enhanced .section-ipados .image-snipe-edits.animation-trigger .image-sprite, html.no-js .section-ipados .image-snipe-edits.animation-trigger .image-sprite {
    -webkit-animation: none;
    animation: none;
    background-position: -540px -300px
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-snipe-adapts.animation-trigger .image-sprite, .section-ipados .image-snipe-edits.animation-trigger .image-sprite {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/sprites/ipados_snipe_adapts_sprite__et798segmkcy_medium.png");
        background-size: 500px 300px;
        width: 50px;
        height: 50px;
        -webkit-animation: enhanced-arrow-adapts-medium 1s steps(1) forwards;
        animation: enhanced-arrow-adapts-medium 1s steps(1) forwards
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-ipados .image-snipe-adapts.animation-trigger .image-sprite, .section-ipados .image-snipe-edits.animation-trigger .image-sprite {
        background-image: url("/v/ipad-pro/ac/images/overview/animated-arrows/sprites/ipados_snipe_adapts_sprite__et798segmkcy_medium_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    @-webkit-keyframes enhanced-arrow-adapts-medium {
        0% {
            background-position: 0px 0px
        }
        1.66667% {
            background-position: -50px 0px
        }
        3.33333% {
            background-position: -100px 0px
        }
        5% {
            background-position: -150px 0px
        }
        6.66667% {
            background-position: -200px 0px
        }
        8.33333% {
            background-position: -250px 0px
        }
        10% {
            background-position: -300px 0px
        }
        11.66667% {
            background-position: -350px 0px
        }
        13.33333% {
            background-position: -400px 0px
        }
        15% {
            background-position: -450px 0px
        }
        16.66667% {
            background-position: 0px -50px
        }
        18.33333% {
            background-position: -50px -50px
        }
        20% {
            background-position: -100px -50px
        }
        21.66667% {
            background-position: -150px -50px
        }
        23.33333% {
            background-position: -200px -50px
        }
        25% {
            background-position: -250px -50px
        }
        26.66667% {
            background-position: -300px -50px
        }
        28.33333% {
            background-position: -350px -50px
        }
        30% {
            background-position: -400px -50px
        }
        31.66667% {
            background-position: -450px -50px
        }
        33.33333% {
            background-position: 0px -100px
        }
        35% {
            background-position: -50px -100px
        }
        36.66667% {
            background-position: -100px -100px
        }
        38.33333% {
            background-position: -150px -100px
        }
        40% {
            background-position: -200px -100px
        }
        41.66667% {
            background-position: -250px -100px
        }
        43.33333% {
            background-position: -300px -100px
        }
        45% {
            background-position: -350px -100px
        }
        46.66667% {
            background-position: -400px -100px
        }
        48.33333% {
            background-position: -450px -100px
        }
        50% {
            background-position: 0px -150px
        }
        51.66667% {
            background-position: -50px -150px
        }
        53.33333% {
            background-position: -100px -150px
        }
        55% {
            background-position: -150px -150px
        }
        56.66667% {
            background-position: -200px -150px
        }
        58.33333% {
            background-position: -250px -150px
        }
        60% {
            background-position: -300px -150px
        }
        61.66667% {
            background-position: -350px -150px
        }
        63.33333% {
            background-position: -400px -150px
        }
        65% {
            background-position: -450px -150px
        }
        66.66667% {
            background-position: 0px -200px
        }
        68.33333% {
            background-position: -50px -200px
        }
        70% {
            background-position: -100px -200px
        }
        71.66667% {
            background-position: -150px -200px
        }
        73.33333% {
            background-position: -200px -200px
        }
        75% {
            background-position: -250px -200px
        }
        76.66667% {
            background-position: -300px -200px
        }
        78.33333% {
            background-position: -350px -200px
        }
        80% {
            background-position: -400px -200px
        }
        81.66667% {
            background-position: -450px -200px
        }
        83.33333% {
            background-position: 0px -250px
        }
        85% {
            background-position: -50px -250px
        }
        86.66667% {
            background-position: -100px -250px
        }
        88.33333% {
            background-position: -150px -250px
        }
        90% {
            background-position: -200px -250px
        }
        91.66667% {
            background-position: -250px -250px
        }
        93.33333% {
            background-position: -300px -250px
        }
        95% {
            background-position: -350px -250px
        }
        96.66667% {
            background-position: -400px -250px
        }
        98.33333% {
            background-position: -450px -250px
        }
        100% {
            background-position: -450px -250px
        }
    }
    @keyframes enhanced-arrow-adapts-medium {
        0% {
            background-position: 0px 0px
        }
        1.66667% {
            background-position: -50px 0px
        }
        3.33333% {
            background-position: -100px 0px
        }
        5% {
            background-position: -150px 0px
        }
        6.66667% {
            background-position: -200px 0px
        }
        8.33333% {
            background-position: -250px 0px
        }
        10% {
            background-position: -300px 0px
        }
        11.66667% {
            background-position: -350px 0px
        }
        13.33333% {
            background-position: -400px 0px
        }
        15% {
            background-position: -450px 0px
        }
        16.66667% {
            background-position: 0px -50px
        }
        18.33333% {
            background-position: -50px -50px
        }
        20% {
            background-position: -100px -50px
        }
        21.66667% {
            background-position: -150px -50px
        }
        23.33333% {
            background-position: -200px -50px
        }
        25% {
            background-position: -250px -50px
        }
        26.66667% {
            background-position: -300px -50px
        }
        28.33333% {
            background-position: -350px -50px
        }
        30% {
            background-position: -400px -50px
        }
        31.66667% {
            background-position: -450px -50px
        }
        33.33333% {
            background-position: 0px -100px
        }
        35% {
            background-position: -50px -100px
        }
        36.66667% {
            background-position: -100px -100px
        }
        38.33333% {
            background-position: -150px -100px
        }
        40% {
            background-position: -200px -100px
        }
        41.66667% {
            background-position: -250px -100px
        }
        43.33333% {
            background-position: -300px -100px
        }
        45% {
            background-position: -350px -100px
        }
        46.66667% {
            background-position: -400px -100px
        }
        48.33333% {
            background-position: -450px -100px
        }
        50% {
            background-position: 0px -150px
        }
        51.66667% {
            background-position: -50px -150px
        }
        53.33333% {
            background-position: -100px -150px
        }
        55% {
            background-position: -150px -150px
        }
        56.66667% {
            background-position: -200px -150px
        }
        58.33333% {
            background-position: -250px -150px
        }
        60% {
            background-position: -300px -150px
        }
        61.66667% {
            background-position: -350px -150px
        }
        63.33333% {
            background-position: -400px -150px
        }
        65% {
            background-position: -450px -150px
        }
        66.66667% {
            background-position: 0px -200px
        }
        68.33333% {
            background-position: -50px -200px
        }
        70% {
            background-position: -100px -200px
        }
        71.66667% {
            background-position: -150px -200px
        }
        73.33333% {
            background-position: -200px -200px
        }
        75% {
            background-position: -250px -200px
        }
        76.66667% {
            background-position: -300px -200px
        }
        78.33333% {
            background-position: -350px -200px
        }
        80% {
            background-position: -400px -200px
        }
        81.66667% {
            background-position: -450px -200px
        }
        83.33333% {
            background-position: 0px -250px
        }
        85% {
            background-position: -50px -250px
        }
        86.66667% {
            background-position: -100px -250px
        }
        88.33333% {
            background-position: -150px -250px
        }
        90% {
            background-position: -200px -250px
        }
        91.66667% {
            background-position: -250px -250px
        }
        93.33333% {
            background-position: -300px -250px
        }
        95% {
            background-position: -350px -250px
        }
        96.66667% {
            background-position: -400px -250px
        }
        98.33333% {
            background-position: -450px -250px
        }
        100% {
            background-position: -450px -250px
        }
    }
    html.no-overview-enhanced .section-ipados .image-snipe-adapts.animation-trigger .image-sprite, html.no-js .section-ipados .image-snipe-adapts.animation-trigger .image-sprite, html.no-overview-enhanced .section-ipados .image-snipe-adapts.animation-trigger .image-sprite, html.no-js .section-ipados .image-snipe-adapts.animation-trigger .image-sprite, html.no-overview-enhanced .section-ipados .image-snipe-edits.animation-trigger .image-sprite, html.no-js .section-ipados .image-snipe-edits.animation-trigger .image-sprite, html.no-overview-enhanced .section-ipados .image-snipe-edits.animation-trigger .image-sprite, html.no-js .section-ipados .image-snipe-edits.animation-trigger .image-sprite {
        -webkit-animation: none;
        animation: none;
        background-position: -450px -250px
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-sprite {
        visibility: hidden
    }
}

.section-ipados .image-snipe-works {
    width: 230px;
    height: 22px;
    background-size: 230px 22px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_works_with__ezystndeokuq_large.png");
    margin-top: 11px
}

@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) {
    .section-ipados .image-snipe-works {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_works_with__ezystndeokuq_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-snipe-works {
        width: 223px;
        height: 18px;
        background-size: 223px 18px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_works_with__ezystndeokuq_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-ipados .image-snipe-works {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_works_with__ezystndeokuq_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    html.overview-enhanced .section-ipados .image-snipe-works {
        margin-top: 8px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .image-snipe-works, html.no-js .section-ipados .image-snipe-works, html.no-overview-enhanced .section-ipados .image-snipe-works, html.no-js .section-ipados .image-snipe-works {
        margin-top: 8px
    }
}

.section-ipados .device-container {
    position: relative;
    width: 1436px;
    height: 1132px
}

@media only screen and (max-width: 1068px) {
    .section-ipados .device-container {
        width: 886px;
        height: 698px
    }
}

.section-ipados .gradient-overlay {
    display: none
}

@media only screen and (max-width: 734px) {
    .section-ipados .gradient-overlay {
        display: block;
        position: absolute;
        top: -10%;
        left: -50%;
        width: 200%;
        height: 110%;
        background: -webkit-gradient(linear, left bottom, left top, from(#f5f5f7), color-stop(90%, #f5f5f7), to(rgba(245, 245, 247, 0)));
        background: -webkit-linear-gradient(bottom, #f5f5f7 0%, #f5f5f7 90%, rgba(245, 245, 247, 0));
        background: linear-gradient(to top, #f5f5f7 0%, #f5f5f7 90%, rgba(245, 245, 247, 0))
    }
}

.section-ipados .height-container {
    position: absolute;
    top: 0
}

@media only screen and (max-width: 734px) {
    .section-ipados .height-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
}

.section-ipados .screen-container, .section-ipados .bg-container {
    position: absolute;
    width: 1172px;
    height: 880px;
    overflow: hidden;
    top: 42px;
    left: 132px
}

@media only screen and (max-width: 1068px) {
    .section-ipados .screen-container, .section-ipados .bg-container {
        width: 720px;
        height: 540px;
        top: 28px;
        left: 83px
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .screen-container, .section-ipados .bg-container {
        width: 720px;
        height: 540px
    }
}

.section-ipados .image-screen-calendar {
    width: 1172px;
    height: 880px;
    background-size: 1172px 880px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_large.jpg");
    position: absolute;
    top: 43px;
    right: 117px
}

@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) {
    .section-ipados .image-screen-calendar {
        background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-screen-calendar {
        width: 720px;
        height: 540px;
        background-size: 720px 540px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_medium.jpg");
        top: 27px;
        right: 73px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-ipados .image-screen-calendar {
        background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-screen-calendar {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_small.jpg");
        background-size: cover;
        width: 83%;
        height: auto;
        top: 11px;
        right: 29px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-ipados .image-screen-calendar {
        background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-screen-calendar::after {
        content: '';
        display: block;
        padding-bottom: 74.87923%
    }
}

.section-ipados .image-screen-pages {
    width: 1172px;
    height: 880px;
    background-size: 1172px 880px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_large.jpg");
    position: absolute;
    top: 43px;
    left: 124px
}

@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) {
    .section-ipados .image-screen-pages {
        background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-screen-pages {
        width: 720px;
        height: 540px;
        background-size: 720px 540px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-ipados .image-screen-pages {
        background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .image-screen-pages {
        width: 828px;
        height: 620px;
        background-size: 828px 620px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-ipados .image-screen-pages {
        background-image: url("/v/ipad-pro/ac/images/overview/cursor/pages_static__fl7kbnjia32i_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-ipados .image-screen-pages {
        top: 27px;
        left: 76px
    }
}

.section-ipados .screen-video-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section-ipados .screen-video-container .inline-video {
    position: relative;
    width: 100%
}

.section-ipados .screen-video-container .inline-video-screen.right {
    position: absolute;
    right: 0;
    width: 582px
}

@media only screen and (max-width: 1068px) {
    .section-ipados .screen-video-container .inline-video-screen.right {
        width: 356px
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .screen-video-container .inline-video-screen.right {
        width: 356.5px
    }
}

.section-ipados .screen-video-container .hide {
    visibility: hidden
}

.section-ipados .dock {
    position: absolute;
    width: 737px;
    height: 108px;
    bottom: 15px
}

@media only screen and (max-width: 1068px) {
    .section-ipados .dock {
        width: 578px;
        height: 85px
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .dock {
        width: 282px;
        height: 67px
    }
}

.section-ipados .dock.hide {
    visibility: hidden
}

.section-ipados .intro-copyblock {
    position: relative;
    text-align: center;
    padding-bottom: 0
}

.section-ipados .intro-copyblock h2, .section-ipados .intro-copyblock h3 {
    color: #fff
}

.section-ipados .cursor {
    margin: 0;
    position: fixed;
    width: 13px;
    height: 13px;
    top: 0;
    left: 0;
    background: white;
    border-radius: 50%;
    will-change: transform
}

@media only screen and (max-width: 1068px) {
    .section-ipados .cursor {
        width: 10px;
        height: 10px
    }
}

@media only screen and (max-width: 734px) {
    .section-ipados .cursor {
        width: 8px;
        height: 8px
    }
}

.section-ipados .cursor.hide {
    display: none
}

.section-ipados .shadow {
    -webkit-box-shadow: 0 0 5px 0 white;
    box-shadow: 0 0 5px 0 white
}

.section-ipados svg {
    position: fixed;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #1d1d1f
}

.section-ipados svg.hide {
    display: none
}

.section-ipados .static-content {
    display: none
}

.section-ipados .period {
    display: none
}

html.no-overview-enhanced .section-ipados, html.no-js .section-ipados, html.no-overview-enhanced .section-ipados, html.no-js .section-ipados {
    margin-top: 0;
    padding: 63px 0 0
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-ipados, html.no-js .section-ipados, html.no-overview-enhanced .section-ipados, html.no-js .section-ipados {
        margin-top: -22px;
        padding: 96px 0
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados, html.no-js .section-ipados, html.no-overview-enhanced .section-ipados, html.no-js .section-ipados {
        margin-top: -45px;
        padding-bottom: 30px
    }
}

html.no-overview-enhanced .section-ipados .period, html.no-js .section-ipados .period, html.no-overview-enhanced .section-ipados .period, html.no-js .section-ipados .period {
    display: inline-block
}

html.no-overview-enhanced .section-ipados .image-screen-static, html.no-js .section-ipados .image-screen-static, html.no-overview-enhanced .section-ipados .image-screen-static, html.no-js .section-ipados .image-screen-static {
    width: 1436px;
    height: 1132px;
    background-size: 1436px 1132px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/ipados_cursor_static__fzvuvh3mm9im_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-ipados .image-screen-static, html.no-js .section-ipados .image-screen-static, html.no-overview-enhanced .section-ipados .image-screen-static, html.no-js .section-ipados .image-screen-static {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_cursor_static__fzvuvh3mm9im_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-ipados .image-screen-static, html.no-js .section-ipados .image-screen-static, html.no-overview-enhanced .section-ipados .image-screen-static, html.no-js .section-ipados .image-screen-static {
        width: 886px;
        height: 698px;
        background-size: 886px 698px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_cursor_static__fzvuvh3mm9im_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-ipados .image-screen-static, html.no-js .section-ipados .image-screen-static, html.no-overview-enhanced .section-ipados .image-screen-static, html.no-js .section-ipados .image-screen-static {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_cursor_static__fzvuvh3mm9im_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .image-screen-static, html.no-js .section-ipados .image-screen-static, html.no-overview-enhanced .section-ipados .image-screen-static, html.no-js .section-ipados .image-screen-static {
        width: 621px;
        height: 489px;
        background-size: 621px 489px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_cursor_static__fzvuvh3mm9im_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-ipados .image-screen-static, html.no-js .section-ipados .image-screen-static, html.no-overview-enhanced .section-ipados .image-screen-static, html.no-js .section-ipados .image-screen-static {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_cursor_static__fzvuvh3mm9im_small_2x.jpg")
    }
}

html.no-overview-enhanced .section-ipados .static-content, html.no-js .section-ipados .static-content, html.no-overview-enhanced .section-ipados .static-content, html.no-js .section-ipados .static-content {
    display: block
}

html.no-overview-enhanced .section-ipados .static-content.calendar, html.no-js .section-ipados .static-content.calendar, html.no-overview-enhanced .section-ipados .static-content.calendar, html.no-js .section-ipados .static-content.calendar {
    position: relative;
    width: 70%
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-ipados .static-content.calendar, html.no-js .section-ipados .static-content.calendar, html.no-overview-enhanced .section-ipados .static-content.calendar, html.no-js .section-ipados .static-content.calendar {
        width: 60%
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .static-content.calendar, html.no-js .section-ipados .static-content.calendar, html.no-overview-enhanced .section-ipados .static-content.calendar, html.no-js .section-ipados .static-content.calendar {
        width: 360px;
        -ms-flex-item-align: center;
        align-self: center;
        padding-bottom: 54px
    }
}

html.no-overview-enhanced .section-ipados .static-content.calendar .image-screen-static, html.no-js .section-ipados .static-content.calendar .image-screen-static, html.no-overview-enhanced .section-ipados .static-content.calendar .image-screen-static, html.no-js .section-ipados .static-content.calendar .image-screen-static {
    position: relative;
    left: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

html.no-overview-enhanced .section-ipados .static-content.calendar .image-snipe-works, html.no-js .section-ipados .static-content.calendar .image-snipe-works, html.no-overview-enhanced .section-ipados .static-content.calendar .image-snipe-works, html.no-js .section-ipados .static-content.calendar .image-snipe-works {
    display: none
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .static-content.calendar .image-snipe-works, html.no-js .section-ipados .static-content.calendar .image-snipe-works, html.no-overview-enhanced .section-ipados .static-content.calendar .image-snipe-works, html.no-js .section-ipados .static-content.calendar .image-snipe-works {
        display: block;
        position: relative;
        top: -36px;
        left: 332px
    }
}

html.no-overview-enhanced .section-ipados .static-content.pages, html.no-js .section-ipados .static-content.pages, html.no-overview-enhanced .section-ipados .static-content.pages, html.no-js .section-ipados .static-content.pages {
    padding-top: 140px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-ipados .static-content.pages, html.no-js .section-ipados .static-content.pages, html.no-overview-enhanced .section-ipados .static-content.pages, html.no-js .section-ipados .static-content.pages {
        padding-top: 128px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .static-content.pages, html.no-js .section-ipados .static-content.pages, html.no-overview-enhanced .section-ipados .static-content.pages, html.no-js .section-ipados .static-content.pages {
        margin: 0 auto;
        width: 360px;
        padding-top: 0
    }
}

html.no-overview-enhanced .section-ipados .image-snipe-appears, html.no-js .section-ipados .image-snipe-appears, html.no-overview-enhanced .section-ipados .image-snipe-appears, html.no-js .section-ipados .image-snipe-appears {
    position: relative;
    top: 0;
    right: 0
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .image-snipe-appears, html.no-js .section-ipados .image-snipe-appears, html.no-overview-enhanced .section-ipados .image-snipe-appears, html.no-js .section-ipados .image-snipe-appears {
        width: 183px;
        height: 22px;
        background-size: 183px 22px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_static_appears__11yj0pvj8hu2_small.png");
        margin-top: 6px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-ipados .image-snipe-appears, html.no-js .section-ipados .image-snipe-appears, html.no-overview-enhanced .section-ipados .image-snipe-appears, html.no-js .section-ipados .image-snipe-appears {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_static_appears__11yj0pvj8hu2_small_2x.png")
    }
}

html.no-overview-enhanced .section-ipados .image-snipe-adapts, html.no-js .section-ipados .image-snipe-adapts, html.no-overview-enhanced .section-ipados .image-snipe-adapts, html.no-js .section-ipados .image-snipe-adapts {
    position: relative;
    top: 0;
    left: 0
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .image-snipe-adapts, html.no-js .section-ipados .image-snipe-adapts, html.no-overview-enhanced .section-ipados .image-snipe-adapts, html.no-js .section-ipados .image-snipe-adapts {
        width: 219px;
        height: 20px;
        background-size: 219px 20px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_static_adapts__cauzc7slxwya_small.png");
        margin-top: 14px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-ipados .image-snipe-adapts, html.no-js .section-ipados .image-snipe-adapts, html.no-overview-enhanced .section-ipados .image-snipe-adapts, html.no-js .section-ipados .image-snipe-adapts {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_static_adapts__cauzc7slxwya_small_2x.png")
    }
}

html.no-overview-enhanced .section-ipados .image-snipe-edits, html.no-js .section-ipados .image-snipe-edits, html.no-overview-enhanced .section-ipados .image-snipe-edits, html.no-js .section-ipados .image-snipe-edits {
    position: relative;
    top: 0;
    left: 0
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .image-snipe-edits, html.no-js .section-ipados .image-snipe-edits, html.no-overview-enhanced .section-ipados .image-snipe-edits, html.no-js .section-ipados .image-snipe-edits {
        width: 197px;
        height: 20px;
        background-size: 197px 20px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_static_edits__d0lttpalg7e6_small.png");
        margin-top: 14px;
        margin-bottom: -13px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-ipados .image-snipe-edits, html.no-js .section-ipados .image-snipe-edits, html.no-overview-enhanced .section-ipados .image-snipe-edits, html.no-js .section-ipados .image-snipe-edits {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_snipe_static_edits__d0lttpalg7e6_small_2x.png")
    }
}

html.no-overview-enhanced .section-ipados .image-cursor-adapts, html.no-js .section-ipados .image-cursor-adapts, html.no-overview-enhanced .section-ipados .image-cursor-adapts, html.no-js .section-ipados .image-cursor-adapts {
    position: relative
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .image-cursor-adapts, html.no-js .section-ipados .image-cursor-adapts, html.no-overview-enhanced .section-ipados .image-cursor-adapts, html.no-js .section-ipados .image-cursor-adapts {
        width: 350px;
        height: 346px;
        background-size: 350px 346px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_cursor_adapts__dgxejiru3b2a_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-ipados .image-cursor-adapts, html.no-js .section-ipados .image-cursor-adapts, html.no-overview-enhanced .section-ipados .image-cursor-adapts, html.no-js .section-ipados .image-cursor-adapts {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_cursor_adapts__dgxejiru3b2a_small_2x.jpg")
    }
}

html.no-overview-enhanced .section-ipados .image-cursor-edits, html.no-js .section-ipados .image-cursor-edits, html.no-overview-enhanced .section-ipados .image-cursor-edits, html.no-js .section-ipados .image-cursor-edits {
    position: relative
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .image-cursor-edits, html.no-js .section-ipados .image-cursor-edits, html.no-overview-enhanced .section-ipados .image-cursor-edits, html.no-js .section-ipados .image-cursor-edits {
        width: 350px;
        height: 341px;
        background-size: 350px 341px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_cursor_edit__ccf7yj06qryu_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-ipados .image-cursor-edits, html.no-js .section-ipados .image-cursor-edits, html.no-overview-enhanced .section-ipados .image-cursor-edits, html.no-js .section-ipados .image-cursor-edits {
        background-image: url("/v/ipad-pro/ac/images/overview/ipados_cursor_edit__ccf7yj06qryu_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .image-cursor-edits, html.no-js .section-ipados .image-cursor-edits, html.no-overview-enhanced .section-ipados .image-cursor-edits, html.no-js .section-ipados .image-cursor-edits {
        margin-top: 95px
    }
}

html.no-overview-enhanced .section-ipados .static-snipes, html.no-js .section-ipados .static-snipes, html.no-overview-enhanced .section-ipados .static-snipes, html.no-js .section-ipados .static-snipes {
    position: absolute;
    left: -120px;
    top: 0;
    height: 960px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-ipados .static-snipes, html.no-js .section-ipados .static-snipes, html.no-overview-enhanced .section-ipados .static-snipes, html.no-js .section-ipados .static-snipes {
        left: -90px;
        height: 590px
    }
}

html.no-overview-enhanced .section-ipados .small-snipes, html.no-js .section-ipados .small-snipes, html.no-overview-enhanced .section-ipados .small-snipes, html.no-js .section-ipados .small-snipes {
    display: none
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .small-snipes, html.no-js .section-ipados .small-snipes, html.no-overview-enhanced .section-ipados .small-snipes, html.no-js .section-ipados .small-snipes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 20px;
        width: 320px
    }
}

html.no-overview-enhanced .section-ipados .sticky, html.no-js .section-ipados .sticky, html.no-overview-enhanced .section-ipados .sticky, html.no-js .section-ipados .sticky {
    position: relative;
    height: auto
}

html.no-overview-enhanced .section-ipados .cursor-headline, html.no-js .section-ipados .cursor-headline, html.no-overview-enhanced .section-ipados .cursor-headline, html.no-js .section-ipados .cursor-headline {
    position: relative
}

html.no-overview-enhanced .section-ipados .cursor-copy, html.no-js .section-ipados .cursor-copy, html.no-overview-enhanced .section-ipados .cursor-copy, html.no-js .section-ipados .cursor-copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 113px;
    padding-bottom: 0
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-ipados .cursor-copy, html.no-js .section-ipados .cursor-copy, html.no-overview-enhanced .section-ipados .cursor-copy, html.no-js .section-ipados .cursor-copy {
        padding-top: 82px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .cursor-copy, html.no-js .section-ipados .cursor-copy, html.no-overview-enhanced .section-ipados .cursor-copy, html.no-js .section-ipados .cursor-copy {
        padding: 82px 0 60px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

html.no-overview-enhanced .section-ipados .cursor-copy .feature-copyblock, html.no-js .section-ipados .cursor-copy .feature-copyblock, html.no-overview-enhanced .section-ipados .cursor-copy .feature-copyblock, html.no-js .section-ipados .cursor-copy .feature-copyblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 170px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-ipados .cursor-copy .feature-copyblock, html.no-js .section-ipados .cursor-copy .feature-copyblock, html.no-overview-enhanced .section-ipados .cursor-copy .feature-copyblock, html.no-js .section-ipados .cursor-copy .feature-copyblock {
        margin-bottom: 110px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .cursor-copy .feature-copyblock, html.no-js .section-ipados .cursor-copy .feature-copyblock, html.no-overview-enhanced .section-ipados .cursor-copy .feature-copyblock, html.no-js .section-ipados .cursor-copy .feature-copyblock {
        margin-bottom: 0
    }
}

html.no-overview-enhanced .section-ipados .cursor-copy .row, html.no-js .section-ipados .cursor-copy .row, html.no-overview-enhanced .section-ipados .cursor-copy .row, html.no-js .section-ipados .cursor-copy .row {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

html.no-overview-enhanced .section-ipados .cursor-copy .row.snipes, html.no-js .section-ipados .cursor-copy .row.snipes, html.no-overview-enhanced .section-ipados .cursor-copy .row.snipes, html.no-js .section-ipados .cursor-copy .row.snipes {
    top: 0
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .cursor-copy .row.snipes, html.no-js .section-ipados .cursor-copy .row.snipes, html.no-overview-enhanced .section-ipados .cursor-copy .row.snipes, html.no-js .section-ipados .cursor-copy .row.snipes {
        display: none
    }
}

html.no-overview-enhanced .section-ipados .cursor-copy .row .large-5, html.no-overview-enhanced .section-ipados .cursor-copy .row .large-7, html.no-js .section-ipados .cursor-copy .row .large-5, html.no-js .section-ipados .cursor-copy .row .large-7, html.no-overview-enhanced .section-ipados .cursor-copy .row .large-5, html.no-overview-enhanced .section-ipados .cursor-copy .row .large-7, html.no-js .section-ipados .cursor-copy .row .large-5, html.no-js .section-ipados .cursor-copy .row .large-7 {
    max-width: 100%
}

html.no-overview-enhanced .section-ipados .height-container, html.no-js .section-ipados .height-container, html.no-overview-enhanced .section-ipados .height-container, html.no-js .section-ipados .height-container {
    position: relative
}

html.no-overview-enhanced .section-ipados .hardware-container, html.no-js .section-ipados .hardware-container, html.no-overview-enhanced .section-ipados .hardware-container, html.no-js .section-ipados .hardware-container {
    position: relative;
    left: 30%
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-ipados .hardware-container, html.no-js .section-ipados .hardware-container, html.no-overview-enhanced .section-ipados .hardware-container, html.no-js .section-ipados .hardware-container {
        left: 40%
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-ipados .hardware-container, html.no-js .section-ipados .hardware-container, html.no-overview-enhanced .section-ipados .hardware-container, html.no-js .section-ipados .hardware-container {
        left: 0
    }
    html.no-overview-enhanced .section-ipados .hardware-container .static-snipes, html.no-js .section-ipados .hardware-container .static-snipes, html.no-overview-enhanced .section-ipados .hardware-container .static-snipes, html.no-js .section-ipados .hardware-container .static-snipes {
        display: none
    }
}

html.no-overview-enhanced .section-ipados .device-container, html.no-js .section-ipados .device-container, html.no-overview-enhanced .section-ipados .device-container, html.no-js .section-ipados .device-container {
    display: none
}

html.no-overview-enhanced .section-ipados .intro-copyblock h2, html.no-overview-enhanced .section-ipados .intro-copyblock h3, html.no-js .section-ipados .intro-copyblock h2, html.no-js .section-ipados .intro-copyblock h3, html.no-overview-enhanced .section-ipados .intro-copyblock h2, html.no-overview-enhanced .section-ipados .intro-copyblock h3, html.no-js .section-ipados .intro-copyblock h2, html.no-js .section-ipados .intro-copyblock h3 {
    color: #1d1d1f
}

html.no-overview-enhanced .section-ipados .dock, html.no-js .section-ipados .dock, html.no-overview-enhanced .section-ipados .dock, html.no-js .section-ipados .dock {
    display: none
}

.section-apple-pencil {
    position: relative
}

.section-apple-pencil .content-timeline {
    height: 160vh
}

.section-apple-pencil .sticky-overflow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-apple-pencil .intro-copyblock {
    pointer-events: auto;
    position: absolute;
    text-align: center;
    z-index: 5
}

.section-apple-pencil .intro-copyblock.build-in {
    -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
    transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out, opacity 0.2s ease-out;
    transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.section-apple-pencil .image-pencil {
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_perspective__dziurg8m1dw2_large.png");
    width: 300px;
    height: 86px;
    background-size: 300px 86px;
    -webkit-transform-origin: 0 89%;
    transform-origin: 0 89%
}

.section-apple-pencil .image-hw {
    background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_large.png");
    width: 969px;
    height: 743px;
    background-size: 969px 743px;
    position: relative;
    z-index: 2
}

@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) {
    html.no-overview-enhanced .section-apple-pencil .image-hw, html.no-js .section-apple-pencil .image-hw, html.no-overview-enhanced .section-apple-pencil .image-hw, html.no-js .section-apple-pencil .image-hw {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-hw {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_medium.png");
        width: 625px;
        height: 479px;
        background-size: 625px 479px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-apple-pencil .image-hw, html.no-js .section-apple-pencil .image-hw, html.no-overview-enhanced .section-apple-pencil .image-hw, html.no-js .section-apple-pencil .image-hw {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-hw {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_large.png");
        background-size: cover;
        width: 100%;
        height: 100%
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-hw {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_large_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-hw::after {
        content: '';
        display: block;
        padding-bottom: 76.67699%
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) {
    .section-apple-pencil .image-hw {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_medium.png");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-hw {
        background-image: url("/v/ipad-pro/ac/images/overview/horizontal_ipad_pro_13_hw__blhsxr6ksmr6_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) {
    .section-apple-pencil .image-hw::after {
        content: '';
        display: block;
        padding-bottom: 76.64%
    }
}

.section-apple-pencil .image-artwork-bg {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_bg__bhp4jizseuwi_large.jpg");
    background-size: cover
}

.section-apple-pencil .image-artwork-bg::after {
    content: '';
    display: block;
    padding-bottom: 74.89583%
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-artwork-bg {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_bg__bhp4jizseuwi_medium.jpg");
        background-size: cover
    }
    .section-apple-pencil .image-artwork-bg::after {
        content: '';
        display: block;
        padding-bottom: 74.90637%
    }
}

.section-apple-pencil .image-artwork-gondola {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_gondola__fv0a3zeuyn2i_large.png");
    background-size: cover;
    position: relative;
    top: -6px;
    -webkit-transform-origin: 45% 0;
    transform-origin: 45% 0
}

.section-apple-pencil .image-artwork-gondola::after {
    content: '';
    display: block;
    padding-bottom: 79.32692%
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-artwork-gondola {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_gondola__fv0a3zeuyn2i_medium.png");
        background-size: cover
    }
    .section-apple-pencil .image-artwork-gondola::after {
        content: '';
        display: block;
        padding-bottom: 79.48718%
    }
}

.section-apple-pencil .image-artwork-gondola-bar {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_gondola_bar__dv7e195vq466_large.png");
    background-size: cover;
    width: 50%;
    margin: 0 auto
}

.section-apple-pencil .image-artwork-gondola-bar::after {
    content: '';
    display: block;
    padding-bottom: 112.61261%
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-artwork-gondola-bar {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_gondola_bar__dv7e195vq466_medium.png");
        background-size: cover
    }
    .section-apple-pencil .image-artwork-gondola-bar::after {
        content: '';
        display: block;
        padding-bottom: 112.69841%
    }
}

.section-apple-pencil .image-artwork-tree-front {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_tree_front__fgju49gcxgi2_large.png");
    background-size: cover;
    position: absolute;
    width: 80%;
    bottom: 0
}

.section-apple-pencil .image-artwork-tree-front::after {
    content: '';
    display: block;
    padding-bottom: 33.20413%
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-artwork-tree-front {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_tree_front__fgju49gcxgi2_medium.png");
        background-size: cover
    }
    .section-apple-pencil .image-artwork-tree-front::after {
        content: '';
        display: block;
        padding-bottom: 33.41067%
    }
}

.section-apple-pencil .image-artwork-tree-back {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_tree_back__fvhheg4r4muu_large.png");
    background-size: cover;
    position: absolute;
    width: 68%;
    bottom: 0
}

.section-apple-pencil .image-artwork-tree-back::after {
    content: '';
    display: block;
    padding-bottom: 42.72588%
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-artwork-tree-back {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_tree_back__fvhheg4r4muu_medium.png");
        background-size: cover
    }
    .section-apple-pencil .image-artwork-tree-back::after {
        content: '';
        display: block;
        padding-bottom: 42.85714%
    }
}

.section-apple-pencil .image-artwork-mountain-front {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_mountain_front__fe8ital76qie_large.png");
    background-size: cover;
    position: absolute;
    width: 71%;
    bottom: 0;
    right: 0
}

.section-apple-pencil .image-artwork-mountain-front::after {
    content: '';
    display: block;
    padding-bottom: 59.31953%
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-artwork-mountain-front {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_mountain_front__fe8ital76qie_medium.png");
        background-size: cover
    }
    .section-apple-pencil .image-artwork-mountain-front::after {
        content: '';
        display: block;
        padding-bottom: 59.41645%
    }
}

.section-apple-pencil .image-artwork-mountain-back {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_mountain_back__c9x07kar9sk2_large.png");
    background-size: cover;
    position: absolute;
    width: 46%;
    bottom: 0;
    right: 0
}

.section-apple-pencil .image-artwork-mountain-back::after {
    content: '';
    display: block;
    padding-bottom: 120.36199%
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-artwork-mountain-back {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_mountain_back__c9x07kar9sk2_medium.png");
        background-size: cover
    }
    .section-apple-pencil .image-artwork-mountain-back::after {
        content: '';
        display: block;
        padding-bottom: 120.24291%
    }
}

.section-apple-pencil .image-artwork-clouds-front {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_clouds_front__dhqkyu3y53ee_large.png");
    background-size: cover;
    position: absolute;
    width: 100%;
    bottom: 21%
}

.section-apple-pencil .image-artwork-clouds-front::after {
    content: '';
    display: block;
    padding-bottom: 16.97917%
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-artwork-clouds-front {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_clouds_front__dhqkyu3y53ee_medium.png");
        background-size: cover
    }
    .section-apple-pencil .image-artwork-clouds-front::after {
        content: '';
        display: block;
        padding-bottom: 17.22846%
    }
}

.section-apple-pencil .image-artwork-clouds-mid {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_clouds_mid__d56zfndsxcae_large.png");
    background-size: cover;
    position: absolute;
    width: 62.5%;
    bottom: 26%;
    right: 0
}

.section-apple-pencil .image-artwork-clouds-mid::after {
    content: '';
    display: block;
    padding-bottom: 22.01987%
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-artwork-clouds-mid {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_clouds_mid__d56zfndsxcae_medium.png");
        background-size: cover
    }
    .section-apple-pencil .image-artwork-clouds-mid::after {
        content: '';
        display: block;
        padding-bottom: 21.95846%
    }
}

.section-apple-pencil .image-artwork-clouds-back {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_clouds_back__f7p2c8jw04mu_large.png");
    background-size: cover;
    position: absolute;
    width: 100%;
    top: 9%
}

.section-apple-pencil .image-artwork-clouds-back::after {
    content: '';
    display: block;
    padding-bottom: 33.02083%
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-artwork-clouds-back {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_clouds_back__f7p2c8jw04mu_medium.png");
        background-size: cover
    }
    .section-apple-pencil .image-artwork-clouds-back::after {
        content: '';
        display: block;
        padding-bottom: 33.33333%
    }
}

.section-apple-pencil .image-artwork-birds {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_birds__iftgicuoi0ae_large.png");
    background-size: cover;
    position: absolute;
    width: 36%;
    top: 23.5%;
    left: 3%
}

.section-apple-pencil .image-artwork-birds::after {
    content: '';
    display: block;
    padding-bottom: 77.61628%
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-artwork-birds {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_birds__iftgicuoi0ae_medium.png");
        background-size: cover
    }
    .section-apple-pencil .image-artwork-birds::after {
        content: '';
        display: block;
        padding-bottom: 77.20207%
    }
}

.section-apple-pencil .image-artwork-ui {
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_ui__e1g1y475t4gi_large.png");
    background-size: cover;
    position: absolute;
    width: 100%;
    top: 0
}

.section-apple-pencil .image-artwork-ui::after {
    content: '';
    display: block;
    padding-bottom: 74.89583%
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-artwork-ui {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_ui__e1g1y475t4gi_medium.png");
        background-size: cover
    }
    .section-apple-pencil .image-artwork-ui::after {
        content: '';
        display: block;
        padding-bottom: 74.90637%
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-artwork-ui {
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_ui__e1g1y475t4gi_small.png");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-artwork-ui {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/artwork_ui__e1g1y475t4gi_small_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-artwork-ui::after {
        content: '';
        display: block;
        padding-bottom: 75%
    }
}

.section-apple-pencil .device-ui {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.section-apple-pencil .artwork {
    position: absolute;
    width: 100%;
    overflow: hidden
}

.section-apple-pencil .artwork .gondola {
    position: absolute;
    top: 10px;
    width: 23%;
    z-index: 2
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .artwork .gondola {
        top: 6px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .artwork .gondola {
        top: 1px
    }
}

.section-apple-pencil .gradient-overlay {
    display: none
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .gradient-overlay {
        display: block;
        position: absolute;
        top: -10%;
        left: -50%;
        width: 200%;
        height: 110%;
        background: -webkit-gradient(linear, left bottom, left top, from(#f5f5f7), color-stop(90%, #f5f5f7), to(rgba(245, 245, 247, 0)));
        background: -webkit-linear-gradient(bottom, #f5f5f7 0%, #f5f5f7 90%, rgba(245, 245, 247, 0));
        background: linear-gradient(to top, #f5f5f7 0%, #f5f5f7 90%, rgba(245, 245, 247, 0))
    }
}

.section-apple-pencil .pencil-holder {
    position: absolute;
    -webkit-transform-origin: 1px 75px;
    transform-origin: 1px 75px;
    left: 0;
    bottom: calc(100% + 3px);
    will-change: transform;
    z-index: 3
}

.section-apple-pencil .image-pencil-pill {
    width: 125px;
    height: 37px;
    background-size: 125px 37px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_pill__fmaf5ve1xquu_large.png");
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(-50%, -200%);
    transform: translate(-50%, -200%)
}

@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) {
    .section-apple-pencil .image-pencil-pill {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_pill__fmaf5ve1xquu_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-pencil-pill {
        width: 81px;
        height: 24px;
        background-size: 81px 24px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_pill__fmaf5ve1xquu_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-pencil-pill {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_pill__fmaf5ve1xquu_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-pencil-pill {
        width: 54px;
        height: 16px;
        background-size: 54px 16px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_pill__fmaf5ve1xquu_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-pencil-pill {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_pill__fmaf5ve1xquu_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-pencil-pill {
        top: 6px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-pencil-pill {
        top: 4px
    }
}

.section-apple-pencil .image-pencil-pill.show {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.section-apple-pencil .image-snipe-magnet {
    width: 197px;
    height: 28px;
    background-size: 197px 28px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/applepencil_snipe_magnet__fz5lqet3q3qu_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-apple-pencil .image-snipe-magnet {
        background-image: url("/v/ipad-pro/ac/images/overview/applepencil_snipe_magnet__fz5lqet3q3qu_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-snipe-magnet {
        width: 179px;
        height: 24px;
        background-size: 179px 24px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/applepencil_snipe_magnet__fz5lqet3q3qu_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-snipe-magnet {
        background-image: url("/v/ipad-pro/ac/images/overview/applepencil_snipe_magnet__fz5lqet3q3qu_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-snipe-magnet {
        width: 181px;
        height: 26px;
        background-size: 181px 26px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/applepencil_snipe_magnet__fz5lqet3q3qu_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-snipe-magnet {
        background-image: url("/v/ipad-pro/ac/images/overview/applepencil_snipe_magnet__fz5lqet3q3qu_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-snipe-magnet {
        margin-right: 65px
    }
}

.section-apple-pencil .image-snipe-wireless {
    width: 263px;
    height: 28px;
    background-size: 263px 28px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/applepencil_snipe_wireless__elw703d95rma_large.png");
    margin-left: 25px
}

@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) {
    .section-apple-pencil .image-snipe-wireless {
        background-image: url("/v/ipad-pro/ac/images/overview/applepencil_snipe_wireless__elw703d95rma_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-snipe-wireless {
        width: 241px;
        height: 19px;
        background-size: 241px 19px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/applepencil_snipe_wireless__elw703d95rma_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-snipe-wireless {
        background-image: url("/v/ipad-pro/ac/images/overview/applepencil_snipe_wireless__elw703d95rma_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-snipe-wireless {
        width: 241px;
        height: 19px;
        background-size: 241px 19px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/applepencil_snipe_wireless__elw703d95rma_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-snipe-wireless {
        background-image: url("/v/ipad-pro/ac/images/overview/applepencil_snipe_wireless__elw703d95rma_small_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-snipe-wireless {
        margin-left: 0;
        margin-top: 28px
    }
}

.section-apple-pencil .pencil-snipes {
    position: absolute;
    left: 382px;
    bottom: 68px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .pencil-snipes {
        left: 51px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .pencil-snipes {
        left: 0;
        bottom: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }
    .section-apple-pencil .pencil-snipes .image-snipe-magnet {
        margin-top: 25px
    }
    .section-apple-pencil .pencil-snipes .image-snipe-wireless {
        margin-top: 23px
    }
}

.section-apple-pencil .height-container {
    position: absolute;
    top: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-apple-pencil .height-container .feature-copyblock {
    padding: 100px 0 50px
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .height-container .feature-copyblock {
        padding: 100px 0 0
    }
}

.section-apple-pencil .device-container {
    position: relative;
    width: 969px;
    height: 743px
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .device-container {
        width: 625px;
        height: 479px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .device-container {
        width: 420px;
        height: auto
    }
}

.section-apple-pencil .device-container.will-change {
    will-change: transform
}

.section-apple-pencil .device-container.will-change .gondola {
    will-change: transform
}

.section-apple-pencil .device-container.will-change .artwork * {
    will-change: transform, opacity
}

.section-apple-pencil .screen-container {
    position: absolute;
    top: 34px;
    left: 34px;
    width: 93.3%;
    height: 91.3%;
    overflow: hidden
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .screen-container {
        top: 21px;
        left: 21px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .screen-container {
        top: 15px;
        left: 15px;
        width: 391px
    }
}

.section-apple-pencil .app-label {
    position: absolute;
    bottom: -30px;
    left: 34px;
    z-index: 1
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .app-label {
        left: 25px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .app-label {
        left: 0
    }
}

.section-apple-pencil svg {
    position: absolute;
    top: -3px;
    fill: none;
    stroke: #000;
    stroke: url(#line-pattern);
    stroke-width: 5;
    stroke-linecap: round;
    z-index: 2;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil svg {
        left: 5px;
        width: 100%;
        height: 100%
    }
}

.section-apple-pencil svg.hide {
    visibility: hidden
}

.section-apple-pencil .canvas-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-apple-pencil canvas {
    visibility: hidden
}

.section-apple-pencil canvas.show {
    visibility: visible
}

.section-apple-pencil .create-copy {
    position: relative;
    padding-bottom: 72px
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .create-copy .row>* {
        margin: 0 auto
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .create-copy {
        padding-bottom: 50px
    }
}

.section-apple-pencil .create-copy .feature-copyblock-subhead {
    text-align: right
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .create-copy .feature-copyblock-subhead {
        text-align: left
    }
}

.section-apple-pencil .create-copy .feature-copyblock-content {
    margin-left: 55px
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .create-copy .feature-copyblock-content {
        margin-left: 0
    }
}

.section-apple-pencil .image-pencil-static {
    width: 576px;
    height: 72px;
    background-size: 576px 72px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_static__b2sv8qgpprci_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-apple-pencil .image-pencil-static {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_static__b2sv8qgpprci_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-pencil-static {
        width: 376px;
        height: 48px;
        background-size: 376px 48px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_static__b2sv8qgpprci_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-pencil-static {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_static__b2sv8qgpprci_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-pencil-static {
        width: 248px;
        height: 32px;
        background-size: 248px 32px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_static__b2sv8qgpprci_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-pencil-static {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_static__b2sv8qgpprci_small_2x.jpg")
    }
}

.section-apple-pencil .image-pencil-static.hide {
    visibility: hidden
}

.section-apple-pencil .pencil-video-container {
    position: absolute;
    top: -141px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .pencil-video-container {
        top: -94px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .pencil-video-container {
        top: -62px
    }
}

.section-apple-pencil .pencil-video-container .flow-container {
    position: relative
}

.section-apple-pencil .pencil-video-container .flow-container canvas {
    position: relative
}

.section-apple-pencil .pencil-content {
    overflow: hidden
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .pencil-content .feature-copyblock-subhead, .section-apple-pencil .pencil-content .feature-copyblock-copy, .section-apple-pencil .pencil-content .feature-copyblock-cta {
        -webkit-transform: none !important;
        transform: none !important
    }
}

html.no-overview-enhanced .section-apple-pencil {
    margin-top: 0
}

.section-apple-pencil .static-content {
    display: none
}

.section-apple-pencil .image-screen-create {
    width: 966px;
    height: 770px;
    background-size: 966px 770px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_hero_static__b42n8ny29o82_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-apple-pencil .image-screen-create {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_hero_static__b42n8ny29o82_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-screen-create {
        width: 624px;
        height: 498px;
        background-size: 624px 498px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_hero_static__b42n8ny29o82_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-screen-create {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_hero_static__b42n8ny29o82_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-screen-create {
        width: 421px;
        height: 336px;
        background-size: 421px 336px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_hero_static__b42n8ny29o82_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-screen-create {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/pencil_hero_static__b42n8ny29o82_small_2x.jpg")
    }
}

.section-apple-pencil .image-pencil-create-small {
    width: 421px;
    height: 529px;
    background-size: 421px 529px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_everyone__ehjc85q2dm6a_small.jpg");
    display: none
}

@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) {
    .section-apple-pencil .image-pencil-create-small {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_everyone__ehjc85q2dm6a_small_2x.jpg")
    }
}

html.no-overview-enhanced .section-apple-pencil, html.no-js .section-apple-pencil, html.no-overview-enhanced .section-apple-pencil, html.no-js .section-apple-pencil {
    margin-top: 0;
    padding: 150px 0 0;
    padding-top: 210px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-apple-pencil, html.no-js .section-apple-pencil, html.no-overview-enhanced .section-apple-pencil, html.no-js .section-apple-pencil {
        padding-top: 73px;
        margin-bottom: -140px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-apple-pencil, html.no-js .section-apple-pencil, html.no-overview-enhanced .section-apple-pencil, html.no-js .section-apple-pencil {
        padding-top: 95.5px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-apple-pencil .image-pencil-create-small, html.no-js .section-apple-pencil .image-pencil-create-small, html.no-overview-enhanced .section-apple-pencil .image-pencil-create-small, html.no-js .section-apple-pencil .image-pencil-create-small {
        left: 50%;
        margin-left: -270.5px;
        position: relative;
        position: relative;
        display: block;
        margin-top: 35px
    }
}

html.no-overview-enhanced .section-apple-pencil .static-content, html.no-js .section-apple-pencil .static-content, html.no-overview-enhanced .section-apple-pencil .static-content, html.no-js .section-apple-pencil .static-content {
    display: block
}

html.no-overview-enhanced .section-apple-pencil .static-content .pencil-snipes, html.no-js .section-apple-pencil .static-content .pencil-snipes, html.no-overview-enhanced .section-apple-pencil .static-content .pencil-snipes, html.no-js .section-apple-pencil .static-content .pencil-snipes {
    position: relative;
    left: 0;
    top: 0;
    padding: 120px 0 20px
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-apple-pencil .static-content .pencil-snipes, html.no-js .section-apple-pencil .static-content .pencil-snipes, html.no-overview-enhanced .section-apple-pencil .static-content .pencil-snipes, html.no-js .section-apple-pencil .static-content .pencil-snipes {
        display: none
    }
}

html.no-overview-enhanced .section-apple-pencil .sticky, html.no-js .section-apple-pencil .sticky, html.no-overview-enhanced .section-apple-pencil .sticky, html.no-js .section-apple-pencil .sticky {
    position: relative;
    height: auto
}

html.no-overview-enhanced .section-apple-pencil .sticky-overflow, html.no-js .section-apple-pencil .sticky-overflow, html.no-overview-enhanced .section-apple-pencil .sticky-overflow, html.no-js .section-apple-pencil .sticky-overflow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

html.no-overview-enhanced .section-apple-pencil .intro-copyblock, html.no-js .section-apple-pencil .intro-copyblock, html.no-overview-enhanced .section-apple-pencil .intro-copyblock, html.no-js .section-apple-pencil .intro-copyblock {
    position: relative;
    pointer-events: auto
}

html.no-overview-enhanced .section-apple-pencil .height-container, html.no-js .section-apple-pencil .height-container, html.no-overview-enhanced .section-apple-pencil .height-container, html.no-js .section-apple-pencil .height-container {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

html.no-overview-enhanced .section-apple-pencil .device-container, html.no-js .section-apple-pencil .device-container, html.no-overview-enhanced .section-apple-pencil .device-container, html.no-js .section-apple-pencil .device-container {
    display: none
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-apple-pencil .create-copy, html.no-js .section-apple-pencil .create-copy, html.no-overview-enhanced .section-apple-pencil .create-copy, html.no-js .section-apple-pencil .create-copy {
        padding-bottom: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-transform: none !important;
        transform: none !important
    }
}

html.no-overview-enhanced .section-apple-pencil .create-copy .pencil-snipes, html.no-js .section-apple-pencil .create-copy .pencil-snipes, html.no-overview-enhanced .section-apple-pencil .create-copy .pencil-snipes, html.no-js .section-apple-pencil .create-copy .pencil-snipes {
    display: none
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-apple-pencil .create-copy .pencil-snipes, html.no-js .section-apple-pencil .create-copy .pencil-snipes, html.no-overview-enhanced .section-apple-pencil .create-copy .pencil-snipes, html.no-js .section-apple-pencil .create-copy .pencil-snipes {
        display: block;
        bottom: 0
    }
}

html.no-overview-enhanced .section-apple-pencil .image-screen-create, html.no-js .section-apple-pencil .image-screen-create, html.no-overview-enhanced .section-apple-pencil .image-screen-create, html.no-js .section-apple-pencil .image-screen-create {
    position: relative;
    margin-bottom: 22px
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-apple-pencil .image-screen-create, html.no-js .section-apple-pencil .image-screen-create, html.no-overview-enhanced .section-apple-pencil .image-screen-create, html.no-js .section-apple-pencil .image-screen-create {
        margin-top: 45px
    }
}

html.no-overview-enhanced .section-apple-pencil .feature-copyblock, html.no-js .section-apple-pencil .feature-copyblock, html.no-overview-enhanced .section-apple-pencil .feature-copyblock, html.no-js .section-apple-pencil .feature-copyblock {
    padding: 50px 0
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-apple-pencil .feature-copyblock, html.no-js .section-apple-pencil .feature-copyblock, html.no-overview-enhanced .section-apple-pencil .feature-copyblock, html.no-js .section-apple-pencil .feature-copyblock {
        padding-bottom: 80px
    }
}

html.no-overview-enhanced .section-apple-pencil .height-container .section-content .feature-copyblock, html.no-js .section-apple-pencil .height-container .section-content .feature-copyblock, html.no-overview-enhanced .section-apple-pencil .height-container .section-content .feature-copyblock, html.no-js .section-apple-pencil .height-container .section-content .feature-copyblock {
    padding-top: 18px;
    padding-bottom: 101px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-apple-pencil .height-container .section-content .feature-copyblock, html.no-js .section-apple-pencil .height-container .section-content .feature-copyblock, html.no-overview-enhanced .section-apple-pencil .height-container .section-content .feature-copyblock, html.no-js .section-apple-pencil .height-container .section-content .feature-copyblock {
        padding-bottom: 51.5px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-apple-pencil .height-container .section-content .feature-copyblock, html.no-js .section-apple-pencil .height-container .section-content .feature-copyblock, html.no-overview-enhanced .section-apple-pencil .height-container .section-content .feature-copyblock, html.no-js .section-apple-pencil .height-container .section-content .feature-copyblock {
        padding-top: 94px;
        padding-bottom: 0
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-apple-pencil .height-container .static-content, html.no-js .section-apple-pencil .height-container .static-content, html.no-overview-enhanced .section-apple-pencil .height-container .static-content, html.no-js .section-apple-pencil .height-container .static-content {
        width: 93.75%;
        margin-left: 6.25%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

html.no-overview-enhanced .section-apple-pencil .row-mark-up, html.no-js .section-apple-pencil .row-mark-up, html.no-overview-enhanced .section-apple-pencil .row-mark-up, html.no-js .section-apple-pencil .row-mark-up {
    margin-top: 145px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-apple-pencil .row-mark-up, html.no-js .section-apple-pencil .row-mark-up, html.no-overview-enhanced .section-apple-pencil .row-mark-up, html.no-js .section-apple-pencil .row-mark-up {
        margin-top: 150px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-apple-pencil .row-mark-up, html.no-js .section-apple-pencil .row-mark-up, html.no-overview-enhanced .section-apple-pencil .row-mark-up, html.no-js .section-apple-pencil .row-mark-up {
        margin-top: 0px
    }
}

html.no-overview-enhanced .section-apple-pencil .row-mark-up .column-copy, html.no-js .section-apple-pencil .row-mark-up .column-copy, html.no-overview-enhanced .section-apple-pencil .row-mark-up .column-copy, html.no-js .section-apple-pencil .row-mark-up .column-copy {
    padding-top: 384px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-apple-pencil .row-mark-up .column-copy, html.no-js .section-apple-pencil .row-mark-up .column-copy, html.no-overview-enhanced .section-apple-pencil .row-mark-up .column-copy, html.no-js .section-apple-pencil .row-mark-up .column-copy {
        padding-top: 278px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-apple-pencil .row-mark-up .column-copy, html.no-js .section-apple-pencil .row-mark-up .column-copy, html.no-overview-enhanced .section-apple-pencil .row-mark-up .column-copy, html.no-js .section-apple-pencil .row-mark-up .column-copy {
        padding-top: 77px
    }
}

html.no-overview-enhanced .section-apple-pencil .row-mark-up .feature-copyblock, html.no-js .section-apple-pencil .row-mark-up .feature-copyblock, html.no-overview-enhanced .section-apple-pencil .row-mark-up .feature-copyblock, html.no-js .section-apple-pencil .row-mark-up .feature-copyblock {
    padding-top: 80;
    padding-bottom: 160px
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-apple-pencil .row-mark-up .feature-copyblock, html.no-js .section-apple-pencil .row-mark-up .feature-copyblock, html.no-overview-enhanced .section-apple-pencil .row-mark-up .feature-copyblock, html.no-js .section-apple-pencil .row-mark-up .feature-copyblock {
        padding-top: 0;
        padding-bottom: 1px
    }
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-apple-pencil .row-take-notes .column-copy, html.no-js .section-apple-pencil .row-take-notes .column-copy, html.no-overview-enhanced .section-apple-pencil .row-take-notes .column-copy, html.no-js .section-apple-pencil .row-take-notes .column-copy {
        padding-top: 350px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-apple-pencil .row-take-notes .column-copy, html.no-js .section-apple-pencil .row-take-notes .column-copy, html.no-overview-enhanced .section-apple-pencil .row-take-notes .column-copy, html.no-js .section-apple-pencil .row-take-notes .column-copy {
        padding-top: 72px
    }
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-apple-pencil .row-take-notes .column-copy .feature-copyblock, html.no-js .section-apple-pencil .row-take-notes .column-copy .feature-copyblock, html.no-overview-enhanced .section-apple-pencil .row-take-notes .column-copy .feature-copyblock, html.no-js .section-apple-pencil .row-take-notes .column-copy .feature-copyblock {
        padding-bottom: 0px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-apple-pencil .row-take-notes .column-copy .feature-copyblock, html.no-js .section-apple-pencil .row-take-notes .column-copy .feature-copyblock, html.no-overview-enhanced .section-apple-pencil .row-take-notes .column-copy .feature-copyblock, html.no-js .section-apple-pencil .row-take-notes .column-copy .feature-copyblock {
        padding-top: 0px
    }
}

html.no-overview-enhanced .section-apple-pencil .app-label, html.no-js .section-apple-pencil .app-label, html.no-overview-enhanced .section-apple-pencil .app-label, html.no-js .section-apple-pencil .app-label {
    top: calc(100% + 10px);
    left: 36px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-apple-pencil .app-label, html.no-js .section-apple-pencil .app-label, html.no-overview-enhanced .section-apple-pencil .app-label, html.no-js .section-apple-pencil .app-label {
        left: 22px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-apple-pencil .app-label, html.no-js .section-apple-pencil .app-label, html.no-overview-enhanced .section-apple-pencil .app-label, html.no-js .section-apple-pencil .app-label {
        top: calc(100% + 8px);
        left: 18px
    }
}

html.no-overview-enhanced .section-apple-pencil .app-label.procreate, html.no-js .section-apple-pencil .app-label.procreate, html.no-overview-enhanced .section-apple-pencil .app-label.procreate, html.no-js .section-apple-pencil .app-label.procreate {
    left: auto;
    right: 36px
}

.section-apple-pencil .image-applepencil-notes {
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_notes__geajnw611fau_large.jpg");
    width: 2164px;
    height: 1012px;
    background-size: 2164px 1012px;
    position: relative;
    z-index: 5;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

html.css-mask .section-apple-pencil .image-applepencil-notes {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_notes_mask__bqt49va8taly_large.svg");
    mask-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_notes_mask__bqt49va8taly_large.svg")
}

@media only screen and (max-width: 1068px) {
    html.css-mask .section-apple-pencil .image-applepencil-notes {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_notes_mask__bqt49va8taly_medium.svg");
        mask-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_notes_mask__bqt49va8taly_medium.svg")
    }
}

@media only screen and (max-width: 734px) {
    html.css-mask .section-apple-pencil .image-applepencil-notes {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_notes_mask__bqt49va8taly_small.svg");
        mask-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_notes_mask__bqt49va8taly_small.svg")
    }
}

@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) {
    html.no-overview-enhanced .section-apple-pencil .image-applepencil-notes, html.no-js .section-apple-pencil .image-applepencil-notes, html.no-overview-enhanced .section-apple-pencil .image-applepencil-notes, html.no-js .section-apple-pencil .image-applepencil-notes {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_notes__geajnw611fau_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-applepencil-notes {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_notes__geajnw611fau_medium.jpg");
        width: 1012px;
        height: 624px;
        background-size: 1012px 624px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-apple-pencil .image-applepencil-notes, html.no-js .section-apple-pencil .image-applepencil-notes, html.no-overview-enhanced .section-apple-pencil .image-applepencil-notes, html.no-js .section-apple-pencil .image-applepencil-notes {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_notes__geajnw611fau_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-applepencil-notes {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_notes__geajnw611fau_small.jpg");
        width: 548px;
        height: 436px;
        background-size: 548px 436px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-applepencil-notes {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_notes__geajnw611fau_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-apple-pencil .image-applepencil-notes, html.no-js .section-apple-pencil .image-applepencil-notes, html.no-overview-enhanced .section-apple-pencil .image-applepencil-notes, html.no-js .section-apple-pencil .image-applepencil-notes {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_notes__geajnw611fau_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-applepencil-notes {
        float: right;
        margin-right: -228px
    }
}

.section-apple-pencil .row-take-notes {
    position: relative;
    z-index: 1;
    min-height: 1012px
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .row-take-notes {
        min-height: 624px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .row-take-notes {
        min-height: 436px
    }
}

.section-apple-pencil .row-take-notes .column-image {
    height: 1012px;
    position: absolute;
    left: 50%;
    margin-left: -656px
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .row-take-notes .column-image {
        height: 624px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .row-take-notes .column-image {
        height: 436px
    }
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .row-take-notes .column-image {
        left: 50%;
        margin-left: -478px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .row-take-notes .column-image {
        left: 50%;
        margin-left: -274px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .row-take-notes .column-image {
        position: relative;
        left: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 45px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 318px
    }
}

.section-apple-pencil .row-take-notes .app-label {
    position: absolute;
    top: calc(100% + 10px);
    left: 680px;
    z-index: 1
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .row-take-notes .app-label {
        left: 394px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .row-take-notes .app-label {
        left: 0
    }
}

.section-apple-pencil .row-take-notes .column-copy {
    position: relative;
    z-index: 5;
    padding-top: 612px
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .row-take-notes .column-copy {
        padding-top: 424px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .row-take-notes .column-copy {
        padding-top: 0
    }
}

.section-apple-pencil .row-take-notes .feature-copyblock-cta {
    position: relative;
    z-index: 5
}

.section-apple-pencil .image-applepencil-markup {
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_markup__e4yeywf8lwya_large.jpg");
    width: 2318px;
    height: 776px;
    background-size: 2318px 776px;
    position: relative;
    z-index: 5;
    -webkit-transform-origin: top right;
    transform-origin: top right
}

html.css-mask .section-apple-pencil .image-applepencil-markup {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_markup_mask__e4dgcaqrs62q_large.svg");
    mask-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_markup_mask__e4dgcaqrs62q_large.svg")
}

@media only screen and (max-width: 1068px) {
    html.css-mask .section-apple-pencil .image-applepencil-markup {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_markup_mask__e4dgcaqrs62q_medium.svg");
        mask-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_markup_mask__e4dgcaqrs62q_medium.svg")
    }
}

@media only screen and (max-width: 734px) {
    html.css-mask .section-apple-pencil .image-applepencil-markup {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_markup_mask__e4dgcaqrs62q_small.svg");
        mask-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_markup_mask__e4dgcaqrs62q_small.svg")
    }
}

@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) {
    html.no-overview-enhanced .section-apple-pencil .image-applepencil-markup, html.no-js .section-apple-pencil .image-applepencil-markup, html.no-overview-enhanced .section-apple-pencil .image-applepencil-markup, html.no-js .section-apple-pencil .image-applepencil-markup {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_markup__e4yeywf8lwya_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-applepencil-markup {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_markup__e4yeywf8lwya_medium.jpg");
        width: 1158px;
        height: 480px;
        background-size: 1158px 480px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-apple-pencil .image-applepencil-markup, html.no-js .section-apple-pencil .image-applepencil-markup, html.no-overview-enhanced .section-apple-pencil .image-applepencil-markup, html.no-js .section-apple-pencil .image-applepencil-markup {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_markup__e4yeywf8lwya_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-applepencil-markup {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_markup__e4yeywf8lwya_small.jpg");
        width: 644px;
        height: 322px;
        background-size: 644px 322px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-applepencil-markup {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_markup__e4yeywf8lwya_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-apple-pencil .image-applepencil-markup, html.no-js .section-apple-pencil .image-applepencil-markup, html.no-overview-enhanced .section-apple-pencil .image-applepencil-markup, html.no-js .section-apple-pencil .image-applepencil-markup {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_markup__e4yeywf8lwya_small_2x.jpg")
    }
}

html.no-overview-enhanced .section-apple-pencil .image-applepencil-markup, html.no-js .section-apple-pencil .image-applepencil-markup, html.no-overview-enhanced .section-apple-pencil .image-applepencil-markup, html.no-js .section-apple-pencil .image-applepencil-markup {
    z-index: 0
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-applepencil-markup {
        margin-left: -229px
    }
}

.section-apple-pencil .image-snipe-tap {
    width: 106px;
    height: 37px;
    background-size: 106px 37px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_snipe_tap__bsuazp8x3e1y_large.png");
    position: absolute;
    top: 112px;
    left: 1013px;
    z-index: 1
}

@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) {
    .section-apple-pencil .image-snipe-tap {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_snipe_tap__bsuazp8x3e1y_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-snipe-tap {
        width: 175px;
        height: 18px;
        background-size: 175px 18px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_snipe_tap__bsuazp8x3e1y_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-apple-pencil .image-snipe-tap {
        background-image: url("/v/ipad-pro/ac/images/overview/pencil/applepencil_snipe_tap__bsuazp8x3e1y_medium_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .image-snipe-tap {
        top: -35px;
        left: 595px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .image-snipe-tap {
        top: 21px;
        left: 0;
        position: relative
    }
}

.section-apple-pencil .row-mark-up {
    position: relative;
    z-index: 1;
    margin-top: 146px;
    min-height: 776px
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .row-mark-up {
        margin-top: 126px;
        min-height: 480px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .row-mark-up {
        margin-top: 108px;
        padding-bottom: 10vh;
        min-height: 322px
    }
}

.section-apple-pencil .row-mark-up .column-image {
    height: 776px;
    position: absolute;
    left: 50%;
    margin-left: -1503px
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .row-mark-up .column-image {
        height: 480px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .row-mark-up .column-image {
        height: 322px
    }
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .row-mark-up .column-image {
        left: 50%;
        margin-left: -537px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .row-mark-up .column-image {
        left: 50%;
        margin-left: -322px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .row-mark-up .column-image {
        position: relative;
        left: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 410px;
        padding-top: 60px
    }
}

.section-apple-pencil .row-mark-up .column-copy {
    padding-top: 456px;
    position: relative;
    z-index: 5
}

@media only screen and (max-width: 1068px) {
    .section-apple-pencil .row-mark-up .column-copy {
        padding-top: 348px;
        padding-bottom: 50px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-pencil .row-mark-up .column-copy {
        padding-top: 0;
        padding-bottom: 0
    }
}

.image-overview-portability-connectivity {
    background-image: url("/v/ipad-pro/ac/images/overview/portability_connectivity__f7rgrqhdqwqe_large.jpg");
    width: 1081px;
    height: 915px;
    background-size: 1081px 915px
}

@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) {
    html.no-overview-enhanced .image-overview-portability-connectivity, html.no-js .image-overview-portability-connectivity, html.no-overview-enhanced .image-overview-portability-connectivity, html.no-js .image-overview-portability-connectivity {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_connectivity__f7rgrqhdqwqe_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-portability-connectivity {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_connectivity__f7rgrqhdqwqe_medium.jpg");
        width: 716px;
        height: 606px;
        background-size: 716px 606px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-portability-connectivity, html.no-js .image-overview-portability-connectivity, html.no-overview-enhanced .image-overview-portability-connectivity, html.no-js .image-overview-portability-connectivity {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_connectivity__f7rgrqhdqwqe_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-portability-connectivity {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_connectivity__f7rgrqhdqwqe_small.jpg");
        width: 339px;
        height: 287px;
        background-size: 339px 287px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-portability-connectivity {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_connectivity__f7rgrqhdqwqe_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-portability-connectivity, html.no-js .image-overview-portability-connectivity, html.no-overview-enhanced .image-overview-portability-connectivity, html.no-js .image-overview-portability-connectivity {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_connectivity__f7rgrqhdqwqe_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-portability-side {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_side__c8e9kr37xd26_small.jpg");
        width: 16px;
        height: 484px;
        background-size: 16px 484px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-portability-side {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_side__c8e9kr37xd26_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .image-overview-portability-side, html.no-js .image-overview-portability-side, html.no-overview-enhanced .image-overview-portability-side, html.no-js .image-overview-portability-side {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_side__c8e9kr37xd26_small_2x.jpg")
    }
}

.section-portability {
    --intro-y-start: 0px;
    --intro-y-end: -160px;
    --hero-x-start: 0;
    --hero-x-end: 0
}

@media only screen and (max-width: 1068px) {
    .section-portability {
        --intro-y-start: 40px;
        --intro-y-end: -120px
    }
}

@media only screen and (max-width: 734px) {
    .section-portability {
        --intro-y-start: 80px;
        --intro-y-end: -80px;
        --hero-x-start: 0;
        --hero-x-end: 30px
    }
}

.section-portability {
    position: relative
}

.section-portability.will-change .portability-intro, .section-portability.will-change .portability-hero {
    will-change: transform
}

.section-portability .timeline-portability {
    height: 75vh
}

.section-portability .sticky-wrapper-portability {
    margin-top: -10vh
}

.section-portability .portability-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-portability .portability-hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 224px;
    left: calc((100% - 1048px + 180px) / 2)
}

@media only screen and (max-width: 1068px) {
    .section-portability .portability-hero {
        margin-top: 160px;
        left: calc((100% - 578px) / 2)
    }
}

@media only screen and (max-width: 734px) {
    .section-portability .portability-hero {
        margin-top: 140px;
        left: initial;
        padding-left: 7.5%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.section-portability .portability-hero .image-overview-portability-hero {
    background-image: url("/v/ipad-pro/ac/images/overview/portability_hero__baahm9lj7w36_large.jpg");
    width: 1942px;
    height: 350px;
    background-size: 1942px 350px
}

html.css-mask .section-portability .portability-hero .image-overview-portability-hero {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/portability_hero_mask__eqclnap3j2wm_large.svg");
    mask-image: url("/v/ipad-pro/ac/images/overview/portability_hero_mask__eqclnap3j2wm_large.svg")
}

@media only screen and (max-width: 1068px) {
    html.css-mask .section-portability .portability-hero .image-overview-portability-hero {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/portability_hero_mask__eqclnap3j2wm_medium.svg");
        mask-image: url("/v/ipad-pro/ac/images/overview/portability_hero_mask__eqclnap3j2wm_medium.svg")
    }
}

@media only screen and (max-width: 734px) {
    html.css-mask .section-portability .portability-hero .image-overview-portability-hero {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/v/ipad-pro/ac/images/overview/portability_hero_mask__eqclnap3j2wm_small.svg");
        mask-image: url("/v/ipad-pro/ac/images/overview/portability_hero_mask__eqclnap3j2wm_small.svg")
    }
}

@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) {
    html.no-overview-enhanced .section-portability .portability-hero .image-overview-portability-hero, html.no-js .section-portability .portability-hero .image-overview-portability-hero, html.no-overview-enhanced .section-portability .portability-hero .image-overview-portability-hero, html.no-js .section-portability .portability-hero .image-overview-portability-hero {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_hero__baahm9lj7w36_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-portability .portability-hero .image-overview-portability-hero {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_hero__baahm9lj7w36_medium.jpg");
        width: 1056px;
        height: 192px;
        background-size: 1056px 192px
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-portability .portability-hero .image-overview-portability-hero, html.no-js .section-portability .portability-hero .image-overview-portability-hero, html.no-overview-enhanced .section-portability .portability-hero .image-overview-portability-hero, html.no-js .section-portability .portability-hero .image-overview-portability-hero {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_hero__baahm9lj7w36_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-portability .portability-hero .image-overview-portability-hero {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_hero__baahm9lj7w36_small.jpg");
        width: 510px;
        height: 92px;
        background-size: 510px 92px
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-portability .portability-hero .image-overview-portability-hero {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_hero__baahm9lj7w36_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    html.no-overview-enhanced .section-portability .portability-hero .image-overview-portability-hero, html.no-js .section-portability .portability-hero .image-overview-portability-hero, html.no-overview-enhanced .section-portability .portability-hero .image-overview-portability-hero, html.no-js .section-portability .portability-hero .image-overview-portability-hero {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_hero__baahm9lj7w36_small_2x.jpg")
    }
}

.section-portability .portability-copyblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50vh;
    margin-top: 40px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.section-portability .portability-snipes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50vh;
    top: 50vh;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width: 734px) {
    .section-portability .portability-snipes {
        top: 54vh
    }
}

.section-portability .hardware-side-view {
    display: none
}

.section-portability .hardware-side-view .image-overview-portability-side {
    position: relative
}

@media only screen and (max-width: 734px) {
    .section-portability .hardware-side-view .image-overview-portability-side {
        left: 50%;
        margin-left: -8px
    }
}

.section-portability .timeline-connectivity {
    height: auto
}

.section-portability .connectivity-wrapper {
    overflow: hidden;
    margin-top: -20vh
}

@media only screen and (max-width: 1068px) {
    .section-portability .connectivity-wrapper {
        margin-top: -30vh
    }
}

.section-portability .connectivity-copyblock {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 100px
}

@media only screen and (max-width: 1068px) {
    .section-portability .connectivity-copyblock {
        padding-top: 140px
    }
}

@media only screen and (max-width: 734px) {
    .section-portability .connectivity-copyblock {
        padding-top: 70px
    }
}

.section-portability .connectivity-snipes {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 100px
}

@media only screen and (max-width: 1068px) {
    .section-portability .connectivity-snipes {
        margin-top: 50px
    }
}

@media only screen and (max-width: 734px) {
    .section-portability .connectivity-snipes {
        margin-top: 24px
    }
}

.section-portability .connectivity-snipes .connectivity-snipes-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 734px) {
    .section-portability .connectivity-snipes .connectivity-snipes-wrapper {
        width: 87.5%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (max-width: 734px) {
    .section-portability .connectivity-snipes .connectivity-snipes-wrapper .portability-snipe {
        width: 50%;
        height: 32px
    }
}

.section-portability .connectivity-hardware {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

@media only screen and (max-width: 1068px) {
    .section-portability .connectivity-hardware {
        padding-bottom: 60px
    }
}

.section-portability .portability-snipe {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.section-portability .portability-snipe-weight[data-anim-fade-in], .section-portability .portability-snipe-battery[data-anim-fade-in], .section-portability .portability-snipe-wifi[data-anim-fade-in], .section-portability .portability-snipe-lte[data-anim-fade-in], .section-portability .portability-snipe-usbc[data-anim-fade-in], .section-portability .portability-snipe-audio[data-anim-fade-in] {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.3s ease-in;
    transition: opacity 0.2s ease-out, -webkit-transform 0.3s ease-in;
    transition: opacity 0.2s ease-out, transform 0.3s ease-in;
    transition: opacity 0.2s ease-out, transform 0.3s ease-in, -webkit-transform 0.3s ease-in
}

html.no-overview-enhanced .section-portability .portability-snipe-weight[data-anim-fade-in], html.no-js .section-portability .portability-snipe-weight[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-weight[data-anim-fade-in], html.no-js .section-portability .portability-snipe-weight[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-battery[data-anim-fade-in], html.no-js .section-portability .portability-snipe-battery[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-battery[data-anim-fade-in], html.no-js .section-portability .portability-snipe-battery[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-wifi[data-anim-fade-in], html.no-js .section-portability .portability-snipe-wifi[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-wifi[data-anim-fade-in], html.no-js .section-portability .portability-snipe-wifi[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-lte[data-anim-fade-in], html.no-js .section-portability .portability-snipe-lte[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-lte[data-anim-fade-in], html.no-js .section-portability .portability-snipe-lte[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-usbc[data-anim-fade-in], html.no-js .section-portability .portability-snipe-usbc[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-usbc[data-anim-fade-in], html.no-js .section-portability .portability-snipe-usbc[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-audio[data-anim-fade-in], html.no-js .section-portability .portability-snipe-audio[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-audio[data-anim-fade-in], html.no-js .section-portability .portability-snipe-audio[data-anim-fade-in] {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-portability .portability-snipe-weight[data-anim-fade-in], html.no-js .section-portability .portability-snipe-weight[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-weight[data-anim-fade-in], html.no-js .section-portability .portability-snipe-weight[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-battery[data-anim-fade-in], html.no-js .section-portability .portability-snipe-battery[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-battery[data-anim-fade-in], html.no-js .section-portability .portability-snipe-battery[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-wifi[data-anim-fade-in], html.no-js .section-portability .portability-snipe-wifi[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-wifi[data-anim-fade-in], html.no-js .section-portability .portability-snipe-wifi[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-lte[data-anim-fade-in], html.no-js .section-portability .portability-snipe-lte[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-lte[data-anim-fade-in], html.no-js .section-portability .portability-snipe-lte[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-usbc[data-anim-fade-in], html.no-js .section-portability .portability-snipe-usbc[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-usbc[data-anim-fade-in], html.no-js .section-portability .portability-snipe-usbc[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-audio[data-anim-fade-in], html.no-js .section-portability .portability-snipe-audio[data-anim-fade-in], html.no-overview-enhanced .section-portability .portability-snipe-audio[data-anim-fade-in], html.no-js .section-portability .portability-snipe-audio[data-anim-fade-in] {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.section-portability .portability-snipe-weight[data-anim-fade-in].fade-in, .section-portability .portability-snipe-battery[data-anim-fade-in].fade-in, .section-portability .portability-snipe-wifi[data-anim-fade-in].fade-in, .section-portability .portability-snipe-lte[data-anim-fade-in].fade-in, .section-portability .portability-snipe-usbc[data-anim-fade-in].fade-in, .section-portability .portability-snipe-audio[data-anim-fade-in].fade-in {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.2s ease-in, -webkit-transform 0.3s ease-out;
    transition: opacity 0.2s ease-in, -webkit-transform 0.3s ease-out;
    transition: opacity 0.2s ease-in, transform 0.3s ease-out;
    transition: opacity 0.2s ease-in, transform 0.3s ease-out, -webkit-transform 0.3s ease-out
}

@media only screen and (max-width: 734px) {
    .section-portability .portability-snipe-wifi[data-anim-fade-in], .section-portability .portability-snipe-lte[data-anim-fade-in], .section-portability .portability-snipe-usbc[data-anim-fade-in], .section-portability .portability-snipe-audio[data-anim-fade-in] {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.section-portability .portability-snipe-weight {
    width: 123px;
    height: 23px;
    background-size: 123px 23px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_weight__egnzh5qm81ea_large.png");
    top: 74px;
    left: 0
}

@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) {
    .section-portability .portability-snipe-weight {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_weight__egnzh5qm81ea_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-portability .portability-snipe-weight {
        width: 113px;
        height: 16px;
        background-size: 113px 16px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_weight__egnzh5qm81ea_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-portability .portability-snipe-weight {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_weight__egnzh5qm81ea_medium_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-portability .portability-snipe-weight {
        top: 72px;
        left: 58px
    }
}

@media only screen and (max-width: 734px) {
    .section-portability .portability-snipe-weight {
        top: 50px;
        left: 0
    }
}

.section-portability .portability-snipe-weight[data-anim-fade-in] {
    -webkit-transition-delay: 0.075s;
    transition-delay: 0.075s
}

.section-portability .portability-snipe-weight[data-anim-fade-in].fade-in {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.section-portability .portability-snipe-battery {
    width: 121px;
    height: 23px;
    background-size: 121px 23px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_battery__d5ifjssv198i_large.png");
    top: 74px;
    left: 100px
}

@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) {
    .section-portability .portability-snipe-battery {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_battery__d5ifjssv198i_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-portability .portability-snipe-battery {
        width: 106px;
        height: 20px;
        background-size: 106px 20px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_battery__d5ifjssv198i_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-portability .portability-snipe-battery {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_battery__d5ifjssv198i_medium_2x.png")
    }
}

.section-portability .portability-snipe-battery[data-anim-fade-in] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.section-portability .portability-snipe-battery[data-anim-fade-in].fade-in {
    -webkit-transition-delay: 0.075s;
    transition-delay: 0.075s
}

@media only screen and (max-width: 734px) {
    .section-portability .portability-snipe-battery {
        top: 52px;
        left: 40px
    }
}

.section-portability .portability-snipe-wifi {
    width: 55px;
    height: 19px;
    background-size: 55px 19px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_wifi__c2nag7o8itg2_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-portability .portability-snipe-wifi {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_wifi__c2nag7o8itg2_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-portability .portability-snipe-wifi {
        width: 51px;
        height: 17px;
        background-size: 51px 17px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_wifi__c2nag7o8itg2_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-portability .portability-snipe-wifi {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_wifi__c2nag7o8itg2_medium_2x.png")
    }
}

.section-portability .portability-snipe-wifi[data-anim-fade-in] {
    -webkit-transition-delay: 0.225s;
    transition-delay: 0.225s
}

.section-portability .portability-snipe-wifi[data-anim-fade-in].fade-in {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.section-portability .portability-snipe-lte {
    width: 131px;
    height: 19px;
    background-size: 131px 19px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_lte__b95xfcmlo9py_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-portability .portability-snipe-lte {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_lte__b95xfcmlo9py_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-portability .portability-snipe-lte {
        width: 117px;
        height: 17px;
        background-size: 117px 17px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_lte__b95xfcmlo9py_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-portability .portability-snipe-lte {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_lte__b95xfcmlo9py_medium_2x.png")
    }
}

.section-portability .portability-snipe-lte[data-anim-fade-in] {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}

.section-portability .portability-snipe-lte[data-anim-fade-in].fade-in {
    -webkit-transition-delay: 0.075s;
    transition-delay: 0.075s
}

.section-portability .portability-snipe-usbc {
    width: 73px;
    height: 19px;
    background-size: 73px 19px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_usbc__fllasdlx7926_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-portability .portability-snipe-usbc {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_usbc__fllasdlx7926_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-portability .portability-snipe-usbc {
        width: 68px;
        height: 17px;
        background-size: 68px 17px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_usbc__fllasdlx7926_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-portability .portability-snipe-usbc {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_usbc__fllasdlx7926_medium_2x.png")
    }
}

.section-portability .portability-snipe-usbc[data-anim-fade-in] {
    -webkit-transition-delay: 0.075s;
    transition-delay: 0.075s
}

.section-portability .portability-snipe-usbc[data-anim-fade-in].fade-in {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}

.section-portability .portability-snipe-audio {
    width: 153px;
    height: 21px;
    background-size: 153px 21px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_audio__c3i8hnblfyie_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-portability .portability-snipe-audio {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_audio__c3i8hnblfyie_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-portability .portability-snipe-audio {
        width: 130px;
        height: 18px;
        background-size: 130px 18px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_audio__c3i8hnblfyie_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-portability .portability-snipe-audio {
        background-image: url("/v/ipad-pro/ac/images/overview/portability_snipe_audio__c3i8hnblfyie_medium_2x.png")
    }
}

.section-portability .portability-snipe-audio[data-anim-fade-in] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.section-portability .portability-snipe-audio[data-anim-fade-in].fade-in {
    -webkit-transition-delay: 0.225s;
    transition-delay: 0.225s
}

@media only screen and (max-width: 734px) {
    .section-portability .portability-snipe-audio {
        left: -11px
    }
}

html.no-overview-enhanced .section-portability .sticky-wrapper-portability, html.no-overview-enhanced .section-portability .connectivity-wrapper, html.no-js .section-portability .sticky-wrapper-portability, html.no-js .section-portability .connectivity-wrapper, html.no-overview-enhanced .section-portability .sticky-wrapper-portability, html.no-overview-enhanced .section-portability .connectivity-wrapper, html.no-js .section-portability .sticky-wrapper-portability, html.no-js .section-portability .connectivity-wrapper {
    margin-top: 0
}

html.no-overview-enhanced .section-portability .sticky-wrapper-portability, html.no-js .section-portability .sticky-wrapper-portability, html.no-overview-enhanced .section-portability .sticky-wrapper-portability, html.no-js .section-portability .sticky-wrapper-portability {
    padding-top: 105px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-portability .sticky-wrapper-portability, html.no-js .section-portability .sticky-wrapper-portability, html.no-overview-enhanced .section-portability .sticky-wrapper-portability, html.no-js .section-portability .sticky-wrapper-portability {
        padding-top: 100px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-portability .sticky-wrapper-portability, html.no-js .section-portability .sticky-wrapper-portability, html.no-overview-enhanced .section-portability .sticky-wrapper-portability, html.no-js .section-portability .sticky-wrapper-portability {
        padding-top: 203px
    }
}

html.no-overview-enhanced .section-portability .portability-hero, html.no-js .section-portability .portability-hero, html.no-overview-enhanced .section-portability .portability-hero, html.no-js .section-portability .portability-hero {
    margin-top: 140px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-portability .portability-hero, html.no-js .section-portability .portability-hero, html.no-overview-enhanced .section-portability .portability-hero, html.no-js .section-portability .portability-hero {
        margin-top: 145px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-portability .portability-hero, html.no-js .section-portability .portability-hero, html.no-overview-enhanced .section-portability .portability-hero, html.no-js .section-portability .portability-hero {
        margin-top: 46px
    }
}

html.no-overview-enhanced .section-portability .portability-snipes, html.no-js .section-portability .portability-snipes, html.no-overview-enhanced .section-portability .portability-snipes, html.no-js .section-portability .portability-snipes {
    left: 60px;
    top: -297px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-portability .portability-snipes, html.no-js .section-portability .portability-snipes, html.no-overview-enhanced .section-portability .portability-snipes, html.no-js .section-portability .portability-snipes {
        top: -198px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-portability .portability-snipes, html.no-js .section-portability .portability-snipes, html.no-overview-enhanced .section-portability .portability-snipes, html.no-js .section-portability .portability-snipes {
        display: none
    }
}

html.no-overview-enhanced .section-portability .portability-copyblock, html.no-js .section-portability .portability-copyblock, html.no-overview-enhanced .section-portability .portability-copyblock, html.no-js .section-portability .portability-copyblock {
    margin-top: -95px;
    margin-bottom: 20px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-portability .portability-copyblock, html.no-js .section-portability .portability-copyblock, html.no-overview-enhanced .section-portability .portability-copyblock, html.no-js .section-portability .portability-copyblock {
        margin-top: -10px;
        margin-bottom: 11.1px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-portability .portability-copyblock, html.no-js .section-portability .portability-copyblock, html.no-overview-enhanced .section-portability .portability-copyblock, html.no-js .section-portability .portability-copyblock {
        margin-top: 0;
        margin-bottom: 11.2px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-portability .portability-copyblock, html.no-js .section-portability .portability-copyblock, html.no-overview-enhanced .section-portability .portability-copyblock, html.no-js .section-portability .portability-copyblock {
        margin-top: 70px
    }
}

html.no-overview-enhanced .section-portability .portability-copyblock .feature-copyblock, html.no-js .section-portability .portability-copyblock .feature-copyblock, html.no-overview-enhanced .section-portability .portability-copyblock .feature-copyblock, html.no-js .section-portability .portability-copyblock .feature-copyblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-preferred-size: 85.33%;
    flex-basis: 85.33%;
    max-width: 85.33%;
    margin: 0 auto
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-portability .portability-copyblock .feature-copyblock, html.no-js .section-portability .portability-copyblock .feature-copyblock, html.no-overview-enhanced .section-portability .portability-copyblock .feature-copyblock, html.no-js .section-portability .portability-copyblock .feature-copyblock {
        display: block;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 1003%
    }
}

html.no-overview-enhanced .section-portability .portability-copyblock .feature-copyblock-subhead, html.no-js .section-portability .portability-copyblock .feature-copyblock-subhead, html.no-overview-enhanced .section-portability .portability-copyblock .feature-copyblock-subhead, html.no-js .section-portability .portability-copyblock .feature-copyblock-subhead {
    padding-right: 60px
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-portability .portability-copyblock .feature-copyblock-subhead, html.no-js .section-portability .portability-copyblock .feature-copyblock-subhead, html.no-overview-enhanced .section-portability .portability-copyblock .feature-copyblock-subhead, html.no-js .section-portability .portability-copyblock .feature-copyblock-subhead {
        padding-right: 0
    }
}

html.no-overview-enhanced .section-portability .portability-copyblock .feature-copyblock-content, html.no-js .section-portability .portability-copyblock .feature-copyblock-content, html.no-overview-enhanced .section-portability .portability-copyblock .feature-copyblock-content, html.no-js .section-portability .portability-copyblock .feature-copyblock-content {
    margin-top: -.58824em
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-portability .portability-copyblock .feature-copyblock-content, html.no-js .section-portability .portability-copyblock .feature-copyblock-content, html.no-overview-enhanced .section-portability .portability-copyblock .feature-copyblock-content, html.no-js .section-portability .portability-copyblock .feature-copyblock-content {
        margin-top: initial
    }
}

html.no-overview-enhanced.no-js .section-portability .portability-copyblock .feature-copyblock-content, html.no-js .section-portability .portability-copyblock .feature-copyblock-content, html.no-overview-enhanced.no-js .section-portability .portability-copyblock .feature-copyblock-content, html.no-js .section-portability .portability-copyblock .feature-copyblock-content {
    margin-top: -2px
}

html.no-overview-enhanced .section-portability .hardware-side-view, html.no-js .section-portability .hardware-side-view, html.no-overview-enhanced .section-portability .hardware-side-view, html.no-js .section-portability .hardware-side-view {
    display: none
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-portability .hardware-side-view, html.no-js .section-portability .hardware-side-view, html.no-overview-enhanced .section-portability .hardware-side-view, html.no-js .section-portability .hardware-side-view {
        display: block;
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-portability .hardware-side-view .portability-snipe-weight, html.no-js .section-portability .hardware-side-view .portability-snipe-weight, html.no-overview-enhanced .section-portability .hardware-side-view .portability-snipe-weight, html.no-js .section-portability .hardware-side-view .portability-snipe-weight {
        top: 130px;
        left: 30px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-portability .hardware-side-view .portability-snipe-battery, html.no-js .section-portability .hardware-side-view .portability-snipe-battery, html.no-overview-enhanced .section-portability .hardware-side-view .portability-snipe-battery, html.no-js .section-portability .hardware-side-view .portability-snipe-battery {
        top: 306px;
        left: 30px
    }
}

html.no-overview-enhanced .section-portability .connectivity-wrapper, html.no-js .section-portability .connectivity-wrapper, html.no-overview-enhanced .section-portability .connectivity-wrapper, html.no-js .section-portability .connectivity-wrapper {
    padding-top: 40px;
    padding-bottom: 110px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-portability .connectivity-wrapper, html.no-js .section-portability .connectivity-wrapper, html.no-overview-enhanced .section-portability .connectivity-wrapper, html.no-js .section-portability .connectivity-wrapper {
        padding-top: 24px;
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-portability .connectivity-wrapper, html.no-js .section-portability .connectivity-wrapper, html.no-overview-enhanced .section-portability .connectivity-wrapper, html.no-js .section-portability .connectivity-wrapper {
        padding-top: 0px;
        padding-bottom: 50px
    }
}

html.no-overview-enhanced .section-portability .connectivity-copyblock, html.no-overview-enhanced .section-portability .connectivity-snipes, html.no-js .section-portability .connectivity-copyblock, html.no-js .section-portability .connectivity-snipes, html.no-overview-enhanced .section-portability .connectivity-copyblock, html.no-overview-enhanced .section-portability .connectivity-snipes, html.no-js .section-portability .connectivity-copyblock, html.no-js .section-portability .connectivity-snipes {
    padding-top: 0
}

html.no-overview-enhanced .section-portability .connectivity-copyblock, html.no-js .section-portability .connectivity-copyblock, html.no-overview-enhanced .section-portability .connectivity-copyblock, html.no-js .section-portability .connectivity-copyblock {
    top: 1080px
}

@media only screen and (max-width: 1068px) {
    html.no-overview-enhanced .section-portability .connectivity-copyblock, html.no-js .section-portability .connectivity-copyblock, html.no-overview-enhanced .section-portability .connectivity-copyblock, html.no-js .section-portability .connectivity-copyblock {
        top: 750px
    }
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-portability .connectivity-copyblock, html.no-js .section-portability .connectivity-copyblock, html.no-overview-enhanced .section-portability .connectivity-copyblock, html.no-js .section-portability .connectivity-copyblock {
        top: 0px
    }
}

html.no-overview-enhanced .section-portability .connectivity-snipes, html.no-overview-enhanced .section-portability .connectivity-hardware, html.no-js .section-portability .connectivity-snipes, html.no-js .section-portability .connectivity-hardware, html.no-overview-enhanced .section-portability .connectivity-snipes, html.no-overview-enhanced .section-portability .connectivity-hardware, html.no-js .section-portability .connectivity-snipes, html.no-js .section-portability .connectivity-hardware {
    top: -180px
}

@media only screen and (max-width: 734px) {
    html.no-overview-enhanced .section-portability .connectivity-snipes, html.no-overview-enhanced .section-portability .connectivity-hardware, html.no-js .section-portability .connectivity-snipes, html.no-js .section-portability .connectivity-hardware, html.no-overview-enhanced .section-portability .connectivity-snipes, html.no-overview-enhanced .section-portability .connectivity-hardware, html.no-js .section-portability .connectivity-snipes, html.no-js .section-portability .connectivity-hardware {
        top: 0
    }
}

.image-overview-ar-icon {
    width: 55px;
    height: 62px;
    background-size: 55px 62px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/ar_icon__epwva992z4ae_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image-overview-ar-icon {
        background-image: url("/v/ipad-pro/ac/images/overview/ar_icon__epwva992z4ae_large_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-ar-icon {
        width: 44px;
        height: 50px;
        background-size: 44px 50px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ar_icon__epwva992z4ae_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-ar-icon {
        background-image: url("/v/ipad-pro/ac/images/overview/ar_icon__epwva992z4ae_small_2x.png")
    }
}

.image-overview-ar-ipad {
    width: 386px;
    height: 523px;
    background-size: 386px 523px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/ar_ipad__ewe3f5rzs1m6_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image-overview-ar-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/ar_ipad__ewe3f5rzs1m6_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-ar-ipad {
        width: 337px;
        height: 455px;
        background-size: 337px 455px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ar_ipad__ewe3f5rzs1m6_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-overview-ar-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/ar_ipad__ewe3f5rzs1m6_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-overview-ar-ipad {
        width: 253px;
        height: 322px;
        background-size: 253px 322px;
        background-repeat: no-repeat;
        background-image: url("/v/ipad-pro/ac/images/overview/ar_ipad__ewe3f5rzs1m6_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-overview-ar-ipad {
        background-image: url("/v/ipad-pro/ac/images/overview/ar_ipad__ewe3f5rzs1m6_small_2x.jpg")
    }
}

.section-augmented-reality {
    max-width: 1440px;
    background-color: #fff;
    margin-right: auto;
    margin-left: auto
}

.section-augmented-reality .section-content {
    padding-top: 0;
    padding-bottom: 0
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-augmented-reality .image-overview-ar-ipad {
        position: relative;
        left: -8px
    }
}

.section-augmented-reality .ar-quicklook {
    overflow: hidden;
    background-color: #fff
}

.section-augmented-reality .ar-quicklook .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 734px) {
    .section-augmented-reality .ar-quicklook .row {
        display: block
    }
}

.section-augmented-reality .ar-quicklook .column-copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 35.29412em;
    padding: 80px 0
}

@media only screen and (max-width: 1068px) {
    .section-augmented-reality .ar-quicklook .column-copy {
        min-height: 23.52941em;
        padding: 59px 0
    }
}

@media only screen and (max-width: 734px) {
    .section-augmented-reality .ar-quicklook .column-copy {
        margin: 0 auto;
        min-height: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

html.quick-look .section-augmented-reality .ar-quicklook .column-copy .section-paragraph {
    display: none
}

.section-augmented-reality .ar-quicklook .column-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 35.29412em;
    padding-top: 80px
}

@media only screen and (max-width: 1068px) {
    .section-augmented-reality .ar-quicklook .column-image {
        min-height: 23.52941em;
        padding-top: 59px
    }
}

@media only screen and (max-width: 734px) {
    .section-augmented-reality .ar-quicklook .column-image {
        min-height: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        padding-top: 0
    }
}

.section-augmented-reality .ar-quicklook .quicklook-icon {
    padding-bottom: 20px
}

@media only screen and (max-width: 734px) {
    .section-augmented-reality .ar-quicklook .quicklook-icon {
        padding-bottom: 16px
    }
}

.section-augmented-reality .ar-quicklook .quicklook-headline {
    padding-bottom: 8px
}

@media only screen and (max-width: 1068px) {
    .section-augmented-reality .ar-quicklook .quicklook-headline {
        padding-bottom: 4px
    }
}

@media only screen and (max-width: 734px) {
    .section-augmented-reality .ar-quicklook .quicklook-headline {
        padding-bottom: 0
    }
}

@media only screen and (max-width: 734px) {
    .section-augmented-reality .ar-quicklook .quicklook-headline {
        max-width: 310px
    }
}

.section-augmented-reality .ar-quicklook .quicklook-paragraph {
    max-width: 380px
}

@media only screen and (max-width: 734px) {
    .section-augmented-reality .ar-quicklook .quicklook-paragraph {
        max-width: 100%
    }
}

.section-augmented-reality .ar-quicklook figure.recap-augmented-reality {
    position: relative;
    top: -8px
}

@media only screen and (max-width: 1068px) {
    .section-augmented-reality .ar-quicklook figure.recap-augmented-reality {
        left: -6px
    }
}

@media only screen and (max-width: 734px) {
    .section-augmented-reality .ar-quicklook figure.recap-augmented-reality {
        left: 0
    }
}

html.text-zoom .section-augmented-reality .recap-features, html.text-zoom .section-augmented-reality .quicklook-headline {
    max-width: 100%
}

html.text-zoom .section-augmented-reality .recap-feature-headline {
    padding-right: 10px
}

.image-overview-privacy-icon {
    width: 40px;
    height: 52px;
    background-size: 40px 52px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/privacy_icon__cm4yiyzavemq_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image-overview-privacy-icon {
        background-image: url("/v/ipad-pro/ac/images/overview/privacy_icon__cm4yiyzavemq_large_2x.png")
    }
}

.image-overview-accessibility-icon {
    width: 53px;
    height: 53px;
    background-size: 53px 53px;
    background-repeat: no-repeat;
    background-image: url("/v/ipad-pro/ac/images/overview/accessibility_icon__c5za4ebplfau_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .image-overview-accessibility-icon {
        background-image: url("/v/ipad-pro/ac/images/overview/accessibility_icon__c5za4ebplfau_large_2x.png")
    }
}

.section-privacy-accessibility {
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: #f5f5f7
}

@media only screen and (max-width: 1068px) {
    .section-privacy-accessibility {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 734px) {
    .section-privacy-accessibility {
        padding-top: 89px;
        padding-bottom: 84px;
        text-align: center
    }
}

.section-privacy-accessibility .privacy .image-overview-privacy-icon {
    padding-bottom: 16px
}

@media only screen and (max-width: 734px) {
    .section-privacy-accessibility .privacy .image-overview-privacy-icon {
        position: relative;
        left: 50%;
        margin-left: -20px;
        padding-bottom: 12px
    }
}

@media only screen and (max-width: 734px) {
    .section-privacy-accessibility .privacy {
        margin-bottom: 67px
    }
}

.section-privacy-accessibility .accessibility {
    padding-left: 24px
}

@media only screen and (max-width: 1068px) {
    .section-privacy-accessibility .accessibility {
        padding-left: 0px
    }
}

.section-privacy-accessibility .accessibility .image-overview-accessibility-icon {
    padding-bottom: 16px
}

@media only screen and (max-width: 734px) {
    .section-privacy-accessibility .accessibility .image-overview-accessibility-icon {
        position: relative;
        left: 50%;
        margin-left: -26.5px;
        padding-bottom: 12px
    }
}

:root {
    --globalnav-height: 44px;
    --localnav-height: 52px;
    --ribbon-height: 46px;
    --totalnav-height: calc(var(--globalnav-height) + var(--localnav-height));
    --main-ipad-top: 74px;
    --main-ipad-height: 426px
}

@media only screen and (max-width: 734px) {
    :root {
        --globalnav-height: 48px;
        --localnav-height: 48px;
        --ribbon-height: 66px;
        --totalnav-height: calc(var(--globalnav-height) + var(--localnav-height))
    }
}

@media only screen and (max-width: 349px) {
    :root {
        --ribbon-height: 86px;
        --totalnav-height: calc(var(--globalnav-height) + var(--localnav-height))
    }
}

@media only screen and (max-width: 1068px) {
    :root {
        --main-ipad-top: 75px
    }
}

@media only screen and (max-width: 734px) {
    :root {
        --main-ipad-top: 59px
    }
}

@media only screen and (max-width: 1068px) {
    :root {
        --main-ipad-height: 368px
    }
}

@media only screen and (max-width: 734px) {
    :root {
        --main-ipad-height: 181px
    }
}

:root {
    --tile-border-radius: 30px;
    --tile-padding: 30px;
    --tile-content-margin: 52px;
    --grid-gutter: 30px;
    --tile-copy-margin-top: 0.77em
}

@media only screen and (max-width: 1068px) {
    :root {
        --tile-border-radius: 25px;
        --tile-padding: 30px;
        --tile-content-margin: 33px;
        --tile-copy-margin-top: 1em;
        --grid-gutter: 30px
    }
}

@media only screen and (max-width: 734px) {
    :root {
        --tile-border-radius: 20px;
        --tile-content-margin: 43px;
        --tile-padding: 4%;
        --tile-copy-margin-top: 0.85em;
        --grid-gutter: 20px
    }
}

@media only screen and (max-width: 374px) {
    :root {
        --tile-border-radius: 0
    }
}

.grid-container {
    max-width: 1360px;
    display: grid;
    grid-gap: var(--grid-gutter);
    margin: var(--grid-gutter) auto;
    grid-template-columns: repeat(12, 1fr);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.grid-container.limit-to-viewport {
    padding: 0
}

@media only screen and (max-width: 1068px) {
    .grid-container.limit-to-viewport {
        padding: 0 var(--tile-padding);
        width: auto
    }
}

@media only screen and (max-width: 734px) {
    .grid-container.is-router {
        max-width: none
    }
}

.grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    /* background-color: #333336 */
}

.grid-item.span-4-col {
    grid-column: span 4
}

.grid-item.span-5-col {
    grid-column: span 5
}

.grid-item.span-6-col {
    grid-column: span 6
}

.grid-item.span-7-col {
    grid-column: span 7
}

.grid-item.span-8-col {
    grid-column: span 8
}

.grid-item.span-12-col {
    grid-column: span 12
}

.grid-item.span-2-row {
    grid-row: span 2
}

@media only screen and (max-width: 1068px) {
    .grid-item.span-2-row {
        grid-row: span 1
    }
}

html.text-zoom .grid-item.span-4-col, html.text-zoom .grid-item.span-5-col, html.text-zoom .grid-item.span-6-col, html.text-zoom .grid-item.span-7-col, html.text-zoom .grid-item.span-8-col, html.text-zoom .grid-item.span-12-col, html.text-zoom .grid-item.span-2-row {
    grid-column: span 12
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .grid-item.span-6-col-medium {
        grid-column: span 6
    }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .grid-item.span-12-col-medium {
        grid-column: span 12
    }
}

@media only screen and (max-width: 734px) {
    .grid-item.span-12-col-small {
        grid-column: span 12
    }
}

.page-overview .grid-container .grid-item {
    background-color: #1d1d1f
}

.page-overview .grid-container .grid-item .tile-content {
    padding: 80px 15%
}

@media only screen and (max-width: 1068px) {
    .page-overview .grid-container .grid-item .tile-content {
        padding: 100px 15%
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .grid-container .grid-item .tile-content {
        padding: 80px 12%
    }
}

.page-overview .section-hero-poster-background {
    margin-top: 300px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero-poster-background {
        margin-top: 200px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero-poster-background {
        margin-top: 130px
    }
}

.page-overview .section-hero-poster-background .hero-poster-copy-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 200px 12.5%
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero-poster-background .hero-poster-copy-block {
        padding: 170px 12.5%
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero-poster-background .hero-poster-copy-block {
        padding: 100px 12%
    }
}

.page-overview .section-hero-poster-background .hero-poster-copy-block.router {
    padding: 135px 12.5%
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero-poster-background .hero-poster-copy-block.router {
        padding: 100px 12.5%
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero-poster-background .hero-poster-copy-block.router {
        padding: 125px 12%
    }
}

.page-overview .section-hero-poster-background .hero-poster-copy-block .hero-poster-copy {
    margin-top: 30px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero-poster-background .hero-poster-copy-block .hero-poster-copy {
        margin-top: 25px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero-poster-background .hero-poster-copy-block .hero-poster-copy {
        margin-top: 20px
    }
}

.page-overview .section-hero-poster-no-background {
    margin-top: 300px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero-poster-no-background {
        margin-top: 200px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero-poster-no-background {
        margin-top: 130px
    }
}

.page-overview .section-hero-poster-no-background .image-hero-poster {
    margin-top: 100px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero-poster-no-background .image-hero-poster {
        margin-top: 100px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero-poster-no-background .image-hero-poster {
        margin-top: 80px
    }
}

.page-overview .section-success-story {
    margin-top: 170px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-success-story {
        margin-top: 150px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-success-story {
        margin-top: 100px
    }
}

.page-overview .section-success-story .headline-success-story {
    margin-top: 30px;
    color: #a1a1a6
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-success-story .headline-success-story {
        margin-top: 20px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-success-story .headline-success-story {
        margin-top: 20px
    }
}

.page-overview .section-success-story .headline-success-story .highlight {
    color: #f5f5f7
}

.page-overview .success-story {
    margin-top: 100px
}

@media only screen and (max-width: 1068px) {
    .page-overview .success-story {
        margin-top: 100px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .success-story {
        margin-top: 60px
    }
}

.page-overview .success-story .success-story-copy {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 160px 15%
}

@media only screen and (max-width: 1068px) {
    .page-overview .success-story .success-story-copy {
        padding: 100px 15%
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .success-story .success-story-copy {
        padding: 80px 12%
    }
}

.page-overview .success-story .success-story-copy .badges-success-stories {
    margin-top: 75px
}

@media only screen and (max-width: 1068px) {
    .page-overview .success-story .success-story-copy .badges-success-stories {
        margin-top: 50px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .success-story .success-story-copy .badges-success-stories {
        margin-top: 40px
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .success-story .success-story-copy .badges-success-stories .badge-column:nth-child(n+2) {
        margin-top: 25px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .success-story .success-story-copy .badges-success-stories .badge-column:nth-child(n+2) {
        margin-top: 0px
    }
}

@media only screen and (max-width: 414px) {
    .page-overview .success-story .success-story-copy .badges-success-stories .badge-column:nth-child(n+2) {
        margin-top: 40px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .success-story .success-story-copy .badges-success-stories .badge-column {
        max-width: 170px
    }
}

@media only screen and (max-width: 414px) {
    .page-overview .success-story .success-story-copy .badges-success-stories .badge-column {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-left: 0
    }
}

.page-overview .success-story .badge {
    min-width: 8em
}

.page-overview .success-story .badge .badge-content {
    padding: 0;
    margin: 0
}

.page-overview .success-story .badge .badge-content .badge-value {
    font-weight: 600;
    font-size: 80px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family:Aeonikpro, sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

.page-overview .success-story .badge .badge-content .badge-value:lang(ko) {
    line-height: 1.15;
    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
}

.page-overview .success-story .badge .badge-content .badge-value:lang(zh) {
    letter-spacing: 0em
}

.page-overview .success-story .badge .badge-content .badge-value:lang(th) {
    line-height: 1.35;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .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
}

.page-overview .success-story .badge .badge-content .badge-value:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .page-overview .success-story .badge .badge-content .badge-value {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 600;
        letter-spacing: -.009em;
        font-family:Aeonikpro, sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value:lang(ja) {
        line-height: 1.10938;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value:lang(ko) {
        line-height: 1.17188;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .page-overview .success-story .badge .badge-content .badge-value:lang(th) {
        line-height: 1.34375;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .page-overview .success-story .badge .badge-content .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
    }
    .page-overview .success-story .badge .badge-content .badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .success-story .badge .badge-content .badge-value {
        font-size: 48px;
        line-height: 1.08349;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value: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
    }
    .page-overview .success-story .badge .badge-content .badge-value:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .page-overview .success-story .badge .badge-content .badge-value:lang(th) {
        line-height: 1.33349;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .page-overview .success-story .badge .badge-content .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
    }
    .page-overview .success-story .badge .badge-content .badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit {
    font-size: 48px;
    line-height: 1.08349;
    font-weight: 600;
    letter-spacing: -.003em;
    font-family:Aeonikpro, sans-serif;
    margin-left: 5px
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit: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
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit: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
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh) {
    letter-spacing: 0em
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(th) {
    line-height: 1.33349;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit: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
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit: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) {
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family:Aeonikpro, sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit: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
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit: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
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(th) {
        line-height: 1.35;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit: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
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit: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) {
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family:Aeonikpro, sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit: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
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit: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
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit: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
    }
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.page-overview .success-story .badge .badge-content .badge-caption {
    position: relative;
    font-size: 14px;
    line-height: 1.28577;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family:Aeonikpro, sans-serif;
    color: #a1a1a6;
    width: 90%
}

.page-overview .success-story .badge .badge-content .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.page-overview .success-story .badge .badge-content .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
}

.page-overview .success-story .badge .badge-content .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
}

.page-overview .success-story .badge .badge-content .badge-caption:lang(zh) {
    letter-spacing: 0em
}

.page-overview .success-story .badge .badge-content .badge-caption:lang(th) {
    line-height: 1.35718;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.page-overview .success-story .badge .badge-content .badge-caption:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-caption:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .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
}

.page-overview .success-story .badge .badge-content .badge-caption: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) {
    .page-overview .success-story .badge .badge-content .badge-caption {
        width: 80%
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .success-story .badge .badge-content .badge-caption {
        font-size: 17px;
        line-height: 1.23536;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family:Aeonikpro, sans-serif;
        width: 100%
    }
    .page-overview .success-story .badge .badge-content .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .page-overview .success-story .badge .badge-content .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
    }
    .page-overview .success-story .badge .badge-content .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
    }
    .page-overview .success-story .badge .badge-content .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .page-overview .success-story .badge .badge-content .badge-caption:lang(th) {
        line-height: 1.35296;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-caption:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .page-overview .success-story .badge .badge-content .badge-caption:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .page-overview .success-story .badge .badge-content .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
    }
    .page-overview .success-story .badge .badge-content .badge-caption:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.page-overview .success-story .color-secondary-alt {
    color: #a1a1a6
}

.page-overview .success-story .color-secondary-alt .quote-copy, .page-overview .success-story .color-secondary-alt .quote-credit, .page-overview .success-story .color-secondary-alt .quote-subcredit {
    color: #a1a1a6
}

.page-overview .ribbon {
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 3;
    margin-top: 96px
}

html.text-zoom .page-overview .ribbon {
    margin-top: 156px
}

@media only screen and (max-width: 734px) {
    html.text-zoom .page-overview .ribbon {
        margin-top: 96px
    }
}

.page-overview .ribbon-wrapper {
    width: 100%;
    padding: 13px 0;
    text-align: center;
    color: #1d1d1f;
    background-color: #282829;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: background-color 1s ease-in-out 1.8s, color 1s ease-in-out 1.8s, -webkit-transform .8s ease-in-out;
    transition: background-color 1s ease-in-out 1.8s, color 1s ease-in-out 1.8s, -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out, background-color 1s ease-in-out 1.8s, color 1s ease-in-out 1.8s;
    transition: transform .8s ease-in-out, background-color 1s ease-in-out 1.8s, color 1s ease-in-out 1.8s, -webkit-transform .8s ease-in-out
}

.page-overview .ribbon-content {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    display: block;
    color: #ffffff
}

@media only screen and (min-width: 1441px) {
    .page-overview .ribbon-content {
        margin-left: auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .ribbon-content {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .ribbon-content {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .ribbon-content {
        margin-left: auto;
        margin-right: auto;
        max-width: 320px
    }
}

.page-overview .ribbon .icon-wrapper, .page-overview .ribbon .icon-copy {
    color: #2997ff;
    -webkit-transition: color 1s ease-in-out 1.8s;
    transition: color 1s ease-in-out 1.8s
}

.page-overview .ribbon .will-change {
    will-change: transform
}

html.js.no-reduced-motion .page-overview .ribbon.ribbon-hide .ribbon-wrapper {
    color: #f5f5f7;
    background-color: #338dd4;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

html.js.no-reduced-motion.aow .page-overview .ribbon.ribbon-hide .ribbon-wrapper {
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

html.js.no-reduced-motion .page-overview .ribbon.ribbon-hide .icon-wrapper, html.js.no-reduced-motion .page-overview .ribbon.ribbon-hide .icon-copy {
    color: #f5f5f7
}

.page-overview .ribbon+.section-content {
    padding-top: auto;
    margin-top: 46px
}

@media only screen and (max-width: 1068px) {
    .page-overview .ribbon+.section-content {
        padding-top: auto
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .ribbon+.section-content {
        padding-top: 66px
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .ribbon+.section-content {
        margin-top: 46px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .ribbon+.section-content {
        margin-top: auto
    }
}

.page-overview .section-hero {
    position: relative;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page-overview .section-hero .hero-headline, .page-overview .section-hero .hero-eyebrow, .page-overview .section-hero .hero-intro {
    will-change: opacity
}

.page-overview .section-hero .hw-image {
    will-change: opacity, transform
}

.page-overview .section-hero .intro-container {
    height: 225vh;
    position: relative;
    z-index: 1;
    margin-top: calc( 0px - var(--localnav-height) - var(--globalnav-height));
    -webkit-transition: 0.9s opacity 0.5s;
    transition: 0.9s opacity 0.5s;
    opacity: 0;
    min-height: 2763px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .intro-container {
        min-height: 2383px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .intro-container {
        min-height: 1807px
    }
}

.page-overview .section-hero .intro-container.js-opacity-fade {
    opacity: 1
}

.page-overview .section-hero .sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 0;
    width: 100%;
    overflow: hidden;
    min-height: 100vh
}

.page-overview .section-hero .section-content-container {
    position: relative;
    margin-top: var(--localnav-height)
}

.page-overview .section-hero .hero-copy-wrap {
    padding-top: 524px;
    padding-bottom: 300px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .hero-copy-wrap {
        padding-top: 481px;
        padding-bottom: 200px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .hero-copy-wrap {
        padding-top: 254px;
        padding-bottom: 130px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .hero-copy-wrap {
        max-width: 440px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .hero-copy-wrap .hero-headline, .page-overview .section-hero .hero-copy-wrap .hero-eyebrow {
        margin-left: auto;
        margin-right: auto;
        max-width: 300px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .hero-copy-wrap .hero-headline {
        margin-top: 10px
    }
}

.page-overview .section-hero .hero-copy-wrap .hero-intro {
    margin-top: 40px;
    padding: 0px 30px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .hero-copy-wrap .hero-intro {
        margin-top: 30px;
        padding: 0px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .hero-copy-wrap .hero-intro {
        margin-top: 44px
    }
}

.page-overview .section-hero .hw-image {
    position: absolute;
    left: 50%;
    top: 0
}

.page-overview .section-hero .image-ipad-center1 {
    z-index: 8;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 556px;
    height: 426px;
    background-size: 556px 426px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/hero_ipad_center1__bqw6pm8pobhy_large.png");
    margin-left: -278px
}

@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) {
    .page-overview .section-hero .image-ipad-center1 {
        background-image: url("/v/business/f/images/overview/hero_ipad_center1__bqw6pm8pobhy_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-ipad-center1 {
        width: 479px;
        height: 368px;
        background-size: 479px 368px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_ipad_center1__bqw6pm8pobhy_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-ipad-center1 {
        background-image: url("/v/business/f/images/overview/hero_ipad_center1__bqw6pm8pobhy_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-center1 {
        width: 235px;
        height: 181px;
        background-size: 235px 181px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_ipad_center1__bqw6pm8pobhy_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-ipad-center1 {
        background-image: url("/v/business/f/images/overview/hero_ipad_center1__bqw6pm8pobhy_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-ipad-center1 {
        margin-left: -239.5px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-center1 {
        margin-left: -117.5px
    }
}

.page-overview .section-hero .image-ipad-center2 {
    z-index: 10;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 1554px;
    height: 1190px;
    background-size: 1554px 1190px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/hero_ipad_center2__blnaudgipxzm_large.jpg");
    margin-left: -777px
}

@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) {
    .page-overview .section-hero .image-ipad-center2 {
        background-image: url("/v/business/f/images/overview/hero_ipad_center2__blnaudgipxzm_large_2x.jpg")
    }
}

@media only screen and (min-width: 1441px) {
    .page-overview .section-hero .image-ipad-center2 {
        width: 3240px;
        height: 2482px;
        background-size: 3240px 2482px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_ipad_center2__blnaudgipxzm_xlarge.jpg")
    }
}

@media only screen and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) and (min-resolution: 1.5dppx), only screen and (min-width: 1441px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-ipad-center2 {
        background-image: url("/v/business/f/images/overview/hero_ipad_center2__blnaudgipxzm_xlarge_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-ipad-center2 {
        width: 1032px;
        height: 792px;
        background-size: 1032px 792px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_ipad_center2__blnaudgipxzm_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-ipad-center2 {
        background-image: url("/v/business/f/images/overview/hero_ipad_center2__blnaudgipxzm_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-center2 {
        width: 736px;
        height: 564px;
        background-size: 736px 564px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_ipad_center2__blnaudgipxzm_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-ipad-center2 {
        background-image: url("/v/business/f/images/overview/hero_ipad_center2__blnaudgipxzm_small_2x.jpg")
    }
}

@media only screen and (min-width: 1441px) {
    .page-overview .section-hero .image-ipad-center2 {
        margin-left: -1620px
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-ipad-center2 {
        margin-left: -516px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-center2 {
        margin-left: -368px
    }
}

.page-overview .section-hero .image-ipad-center3 {
    z-index: 9;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    display: none
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-center3 {
        display: block;
        margin-left: -368px
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-center3 {
        width: 736px;
        height: 564px;
        background-size: 736px 564px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_ipad_center3__3ubl5b5yioia_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-ipad-center3 {
        background-image: url("/v/business/f/images/overview/hero_ipad_center3__3ubl5b5yioia_small_2x.jpg")
    }
}

.page-overview .section-hero .image-ipad-top {
    width: 489px;
    height: 354px;
    background-size: 489px 354px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/hero_ipad_top__krdx784b6oyi_large.jpg");
    margin-top: -317px;
    margin-left: -278px
}

@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) {
    .page-overview .section-hero .image-ipad-top {
        background-image: url("/v/business/f/images/overview/hero_ipad_top__krdx784b6oyi_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-ipad-top {
        width: 422px;
        height: 305px;
        background-size: 422px 305px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_ipad_top__krdx784b6oyi_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-ipad-top {
        background-image: url("/v/business/f/images/overview/hero_ipad_top__krdx784b6oyi_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-top {
        width: 206px;
        height: 149px;
        background-size: 206px 149px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_ipad_top__krdx784b6oyi_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-ipad-top {
        background-image: url("/v/business/f/images/overview/hero_ipad_top__krdx784b6oyi_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-ipad-top {
        margin-top: -273px;
        margin-left: -241px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-top {
        margin-top: -117px;
        margin-left: -117px
    }
}

.page-overview .section-hero .image-ipad-right {
    width: 555px;
    height: 426px;
    background-size: 555px 426px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/hero_ipad_right__ep3wbete6viq_large.jpg");
    margin-top: -88px;
    margin-left: 360px
}

@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) {
    .page-overview .section-hero .image-ipad-right {
        background-image: url("/v/business/f/images/overview/hero_ipad_right__ep3wbete6viq_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-ipad-right {
        width: 242px;
        height: 389px;
        background-size: 242px 389px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_ipad_right__ep3wbete6viq_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-ipad-right {
        background-image: url("/v/business/f/images/overview/hero_ipad_right__ep3wbete6viq_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-right {
        width: 235px;
        height: 181px;
        background-size: 235px 181px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_ipad_right__ep3wbete6viq_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-ipad-right {
        background-image: url("/v/business/f/images/overview/hero_ipad_right__ep3wbete6viq_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-ipad-right {
        margin-top: -88px;
        margin-left: 291px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-right {
        margin-top: -51px;
        margin-left: 136px
    }
}

.page-overview .section-hero .image-iphone {
    z-index: -1;
    width: 154px;
    height: 302px;
    background-size: 154px 302px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/hero_iphone__fazvfacwr16q_large.jpg");
    margin-top: 428px;
    margin-left: 390px
}

@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) {
    .page-overview .section-hero .image-iphone {
        background-image: url("/v/business/f/images/overview/hero_iphone__fazvfacwr16q_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-iphone {
        width: 125px;
        height: 244px;
        background-size: 125px 244px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_iphone__fazvfacwr16q_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-iphone {
        background-image: url("/v/business/f/images/overview/hero_iphone__fazvfacwr16q_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-iphone {
        width: 65px;
        height: 127px;
        background-size: 65px 127px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_iphone__fazvfacwr16q_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-iphone {
        background-image: url("/v/business/f/images/overview/hero_iphone__fazvfacwr16q_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-iphone {
        margin-top: 352px;
        margin-left: 305px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-iphone {
        margin-top: 163px;
        margin-left: 136px
    }
}

.page-overview .section-hero .image-macbook {
    z-index: -1;
    width: 690px;
    height: 646px;
    background-size: 690px 646px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/hero_macbook__duj8q2u6a04m_large.jpg");
    margin-top: 242px;
    margin-left: -1035px
}

@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) {
    .page-overview .section-hero .image-macbook {
        background-image: url("/v/business/f/images/overview/hero_macbook__duj8q2u6a04m_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-macbook {
        width: 261px;
        height: 559px;
        background-size: 261px 559px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_macbook__duj8q2u6a04m_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-macbook {
        background-image: url("/v/business/f/images/overview/hero_macbook__duj8q2u6a04m_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-macbook {
        width: 245px;
        height: 273px;
        background-size: 245px 273px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_macbook__duj8q2u6a04m_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-macbook {
        background-image: url("/v/business/f/images/overview/hero_macbook__duj8q2u6a04m_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-macbook {
        margin-top: 244px;
        margin-left: -540px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-macbook {
        margin-top: 141px;
        margin-left: -370px
    }
}

.page-overview .section-hero .image-watch {
    width: 81px;
    height: 135px;
    background-size: 81px 135px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/hero_watch__eh2r2x6u9oa6_large.jpg");
    margin-top: 80px;
    margin-left: -420px
}

@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) {
    .page-overview .section-hero .image-watch {
        background-image: url("/v/business/f/images/overview/hero_watch__eh2r2x6u9oa6_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-watch {
        width: 69px;
        height: 116px;
        background-size: 69px 116px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_watch__eh2r2x6u9oa6_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-watch {
        background-image: url("/v/business/f/images/overview/hero_watch__eh2r2x6u9oa6_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-watch {
        width: 35px;
        height: 57px;
        background-size: 35px 57px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/hero_watch__eh2r2x6u9oa6_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-watch {
        background-image: url("/v/business/f/images/overview/hero_watch__eh2r2x6u9oa6_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-watch {
        margin-top: 76px;
        margin-left: -345px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-watch {
        margin-top: 54px;
        margin-left: -163px
    }
}

html.no-js .page-overview .section-hero .intro-container, html.reduced-motion .page-overview .section-hero .intro-container, html.hero-fallback .page-overview .section-hero .intro-container, html.no-js .page-overview .section-hero .intro-container, html.reduced-motion .page-overview .section-hero .intro-container, html.hero-fallback .page-overview .section-hero .intro-container, html.no-js .page-overview .section-hero .intro-container, html.reduced-motion .page-overview .section-hero .intro-container, html.hero-fallback .page-overview .section-hero .intro-container {
    height: auto;
    opacity: 1;
    -webkit-transition: 0s opacity 0s;
    transition: 0s opacity 0s;
    min-height: 0
}

html.no-js .page-overview .section-hero .sticky, html.reduced-motion .page-overview .section-hero .sticky, html.hero-fallback .page-overview .section-hero .sticky, html.no-js .page-overview .section-hero .sticky, html.reduced-motion .page-overview .section-hero .sticky, html.hero-fallback .page-overview .section-hero .sticky, html.no-js .page-overview .section-hero .sticky, html.reduced-motion .page-overview .section-hero .sticky, html.hero-fallback .page-overview .section-hero .sticky {
    position: relative;
    min-height: 0
}

html.no-js .page-overview .section-hero .section-content-container, html.reduced-motion .page-overview .section-hero .section-content-container, html.hero-fallback .page-overview .section-hero .section-content-container, html.no-js .page-overview .section-hero .section-content-container, html.reduced-motion .page-overview .section-hero .section-content-container, html.hero-fallback .page-overview .section-hero .section-content-container, html.no-js .page-overview .section-hero .section-content-container, html.reduced-motion .page-overview .section-hero .section-content-container, html.hero-fallback .page-overview .section-hero .section-content-container {
    margin-top: calc( var(--ribbon-height) + var(--localnav-height) + var(--globalnav-height))
}

html.no-js.text-zoom .page-overview .section-hero .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero .section-content-container, html.hero-fallback.text-zoom .page-overview .section-hero .section-content-container, html.no-js.text-zoom .page-overview .section-hero .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero .section-content-container, html.hero-fallback.text-zoom .page-overview .section-hero .section-content-container, html.no-js.text-zoom .page-overview .section-hero .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero .section-content-container, html.hero-fallback.text-zoom .page-overview .section-hero .section-content-container {
    margin-top: 264px
}

@media only screen and (max-width: 734px) {
    html.no-js.text-zoom .page-overview .section-hero .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero .section-content-container, html.hero-fallback.text-zoom .page-overview .section-hero .section-content-container, html.no-js.text-zoom .page-overview .section-hero .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero .section-content-container, html.hero-fallback.text-zoom .page-overview .section-hero .section-content-container, html.no-js.text-zoom .page-overview .section-hero .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero .section-content-container, html.hero-fallback.text-zoom .page-overview .section-hero .section-content-container {
        margin-top: 286px
    }
}

html.no-js .page-overview .section-hero .image-ipad-center1, html.reduced-motion .page-overview .section-hero .image-ipad-center1, html.hero-fallback .page-overview .section-hero .image-ipad-center1, html.no-js .page-overview .section-hero .image-ipad-center1, html.reduced-motion .page-overview .section-hero .image-ipad-center1, html.hero-fallback .page-overview .section-hero .image-ipad-center1, html.no-js .page-overview .section-hero .image-ipad-center1, html.reduced-motion .page-overview .section-hero .image-ipad-center1, html.hero-fallback .page-overview .section-hero .image-ipad-center1 {
    margin-top: var(--main-ipad-top)
}

html.no-js .page-overview .section-hero .image-ipad-center2, html.no-js .page-overview .section-hero .image-ipad-center3, html.reduced-motion .page-overview .section-hero .image-ipad-center2, html.reduced-motion .page-overview .section-hero .image-ipad-center3, html.hero-fallback .page-overview .section-hero .image-ipad-center2, html.hero-fallback .page-overview .section-hero .image-ipad-center3, html.no-js .page-overview .section-hero .image-ipad-center2, html.no-js .page-overview .section-hero .image-ipad-center3, html.reduced-motion .page-overview .section-hero .image-ipad-center2, html.reduced-motion .page-overview .section-hero .image-ipad-center3, html.hero-fallback .page-overview .section-hero .image-ipad-center2, html.hero-fallback .page-overview .section-hero .image-ipad-center3, html.no-js .page-overview .section-hero .image-ipad-center2, html.no-js .page-overview .section-hero .image-ipad-center3, html.reduced-motion .page-overview .section-hero .image-ipad-center2, html.reduced-motion .page-overview .section-hero .image-ipad-center3, html.hero-fallback .page-overview .section-hero .image-ipad-center2, html.hero-fallback .page-overview .section-hero .image-ipad-center3 {
    display: none
}

.page-overview .section-productivity .hero-poster-copy {
    padding-right: 4px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .hero-poster-copy {
        padding-right: 0
    }
}

.page-overview .section-productivity.section-hero-poster-background {
    margin-top: 0
}

.page-overview .section-productivity .tile-vertical .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-overview .section-productivity .tile-horizontal-large .tile-content {
    padding: 0;
    height: 100%
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .tile-horizontal-large .tile-content {
        padding: 100px 15%;
        height: auto
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .tile-horizontal-large .tile-content {
        padding: 80px 12%;
        height: auto
    }
}

.page-overview .section-productivity .tile-horizontal-large .tile-content .tile-copy {
    padding-right: 14%
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .tile-horizontal-large .tile-content .tile-copy {
        padding-right: 0px
    }
}

.page-overview .section-productivity .tile-horizontal-large .column {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .tile-horizontal-large .column {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.page-overview .section-productivity .tile-horizontal-large .column.tile-copy {
    margin-top: 0
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .tile-horizontal-large .column.tile-copy {
        margin-top: 60px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .tile-horizontal-large .column.tile-copy {
        margin-top: 48px
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .tile-tile4 .tile-image {
        height: 311px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .tile-tile4 .tile-image {
        height: auto
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .tile-tile4 .tile-image figure {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .tile-tile4 .tile-image figure {
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.page-overview .section-productivity .tile-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .tile-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.page-overview .section-productivity .tile-content .tile-image {
    width: 100%
}

.page-overview .section-productivity .tile-content .tile-copy {
    margin-top: 60px
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .tile-content .tile-copy {
        margin-top: 48px
    }
}

.page-overview .section-productivity .image-tile-hero {
    width: 100%;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/productivity_hero__fdu46vjvj9u2_large.jpg");
    background-size: cover;
    background-position: center center
}

@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) {
    .page-overview .section-productivity .image-tile-hero {
        background-image: url("/v/business/f/images/overview/productivity_hero__fdu46vjvj9u2_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile-hero {
        width: 100%;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_hero__fdu46vjvj9u2_medium.jpg");
        background-size: cover;
        background-position: center center
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile-hero {
        background-image: url("/v/business/f/images/overview/productivity_hero__fdu46vjvj9u2_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile-hero {
        width: 100%;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_hero__fdu46vjvj9u2_small.jpg");
        background-size: cover;
        background-position: center center
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile-hero {
        background-image: url("/v/business/f/images/overview/productivity_hero__fdu46vjvj9u2_small_2x.jpg")
    }
}

.page-overview .section-productivity .image-tile1 {
    width: 562px;
    height: 322px;
    background-size: 562px 322px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/productivity_macos__n12a0rxneluq_large.jpg");
    position: relative;
    left: 50%;
    margin-left: -281px
}

@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) {
    .page-overview .section-productivity .image-tile1 {
        background-image: url("/v/business/f/images/overview/productivity_macos__n12a0rxneluq_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile1 {
        width: 355px;
        height: 204px;
        background-size: 355px 204px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_macos__n12a0rxneluq_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile1 {
        background-image: url("/v/business/f/images/overview/productivity_macos__n12a0rxneluq_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile1 {
        width: 404px;
        height: 232px;
        background-size: 404px 232px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_macos__n12a0rxneluq_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile1 {
        background-image: url("/v/business/f/images/overview/productivity_macos__n12a0rxneluq_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile1 {
        left: 50%;
        margin-left: -177.5px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile1 {
        left: 50%;
        margin-left: -202px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile1-small {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_macos__n12a0rxneluq_large.jpg");
        background-size: cover;
        width: 122%;
        margin-left: -11%
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile1-small {
        background-image: url("/v/business/f/images/overview/productivity_macos__n12a0rxneluq_large_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile1-small::after {
        content: '';
        display: block;
        padding-bottom: 57.29537%
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile1-small {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_macos__n12a0rxneluq_medium.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile1-small {
        background-image: url("/v/business/f/images/overview/productivity_macos__n12a0rxneluq_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile1-small::after {
        content: '';
        display: block;
        padding-bottom: 57.46479%
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .page-overview .section-productivity .image-tile1-small {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_macos__n12a0rxneluq_small.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile1-small {
        background-image: url("/v/business/f/images/overview/productivity_macos__n12a0rxneluq_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .page-overview .section-productivity .image-tile1-small::after {
        content: '';
        display: block;
        padding-bottom: 57.42574%
    }
}

.page-overview .section-productivity .image-tile2 {
    width: 447px;
    height: 323px;
    background-size: 447px 323px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/productivity_ipados__c760lao1b0ia_large.jpg");
    position: relative;
    left: 50%;
    margin-left: -223.5px
}

@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) {
    .page-overview .section-productivity .image-tile2 {
        background-image: url("/v/business/f/images/overview/productivity_ipados__c760lao1b0ia_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile2 {
        width: 281px;
        height: 203px;
        background-size: 281px 203px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_ipados__c760lao1b0ia_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile2 {
        background-image: url("/v/business/f/images/overview/productivity_ipados__c760lao1b0ia_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile2 {
        width: 327px;
        height: 236px;
        background-size: 327px 236px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_ipados__c760lao1b0ia_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile2 {
        background-image: url("/v/business/f/images/overview/productivity_ipados__c760lao1b0ia_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile2 {
        left: 50%;
        margin-left: -140.5px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile2 {
        left: 50%;
        margin-left: -163.5px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile2-small {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_ipados__c760lao1b0ia_large.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile2-small {
        background-image: url("/v/business/f/images/overview/productivity_ipados__c760lao1b0ia_large_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile2-small::after {
        content: '';
        display: block;
        padding-bottom: 72.25951%
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile2-small {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_ipados__c760lao1b0ia_medium.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile2-small {
        background-image: url("/v/business/f/images/overview/productivity_ipados__c760lao1b0ia_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile2-small::after {
        content: '';
        display: block;
        padding-bottom: 72.24199%
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .page-overview .section-productivity .image-tile2-small {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_ipados__c760lao1b0ia_small.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile2-small {
        background-image: url("/v/business/f/images/overview/productivity_ipados__c760lao1b0ia_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .page-overview .section-productivity .image-tile2-small::after {
        content: '';
        display: block;
        padding-bottom: 72.17125%
    }
}

.page-overview .section-productivity .image-tile3 {
    width: 197px;
    height: 386px;
    background-size: 197px 386px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/productivity_ios__geprj2n8keuu_large.jpg");
    position: relative;
    left: 50%;
    margin-left: -98.5px
}

@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) {
    .page-overview .section-productivity .image-tile3 {
        background-image: url("/v/business/f/images/overview/productivity_ios__geprj2n8keuu_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile3 {
        width: 159px;
        height: 311px;
        background-size: 159px 311px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_ios__geprj2n8keuu_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile3 {
        background-image: url("/v/business/f/images/overview/productivity_ios__geprj2n8keuu_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile3 {
        width: 189px;
        height: 370px;
        background-size: 189px 370px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_ios__geprj2n8keuu_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile3 {
        background-image: url("/v/business/f/images/overview/productivity_ios__geprj2n8keuu_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile3 {
        left: 50%;
        margin-left: -79.5px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile3 {
        left: 50%;
        margin-left: -94.5px
    }
}

.page-overview .section-productivity .image-tile4 {
    width: 130px;
    height: 220px;
    background-size: 130px 220px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/productivity_watchos__fbcu0f92ujyq_large.jpg");
    position: relative;
    left: 50%;
    margin-left: -65px
}

@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) {
    .page-overview .section-productivity .image-tile4 {
        background-image: url("/v/business/f/images/overview/productivity_watchos__fbcu0f92ujyq_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile4 {
        width: 130px;
        height: 219px;
        background-size: 130px 219px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_watchos__fbcu0f92ujyq_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile4 {
        background-image: url("/v/business/f/images/overview/productivity_watchos__fbcu0f92ujyq_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile4 {
        width: 164px;
        height: 278px;
        background-size: 164px 278px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_watchos__fbcu0f92ujyq_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile4 {
        background-image: url("/v/business/f/images/overview/productivity_watchos__fbcu0f92ujyq_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile4 {
        left: 50%;
        margin-left: -65px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile4 {
        left: 50%;
        margin-left: -82px
    }
}

.page-overview .section-productivity .image-tile5 {
    width: 258px;
    height: 220px;
    background-size: 258px 220px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/productivity_tvos__b1mktmalk0ya_large.jpg");
    position: relative;
    left: 50%;
    margin-left: -129px
}

@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) {
    .page-overview .section-productivity .image-tile5 {
        background-image: url("/v/business/f/images/overview/productivity_tvos__b1mktmalk0ya_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile5 {
        width: 258px;
        height: 220px;
        background-size: 258px 220px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_tvos__b1mktmalk0ya_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile5 {
        background-image: url("/v/business/f/images/overview/productivity_tvos__b1mktmalk0ya_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile5 {
        width: 329px;
        height: 281px;
        background-size: 329px 281px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_tvos__b1mktmalk0ya_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile5 {
        background-image: url("/v/business/f/images/overview/productivity_tvos__b1mktmalk0ya_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile5 {
        left: 50%;
        margin-left: -129px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile5 {
        left: 50%;
        margin-left: -164.5px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile5-small {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_tvos__b1mktmalk0ya_large.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile5-small {
        background-image: url("/v/business/f/images/overview/productivity_tvos__b1mktmalk0ya_large_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile5-small::after {
        content: '';
        display: block;
        padding-bottom: 85.27132%
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile5-small {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_tvos__b1mktmalk0ya_medium.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile5-small {
        background-image: url("/v/business/f/images/overview/productivity_tvos__b1mktmalk0ya_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile5-small::after {
        content: '';
        display: block;
        padding-bottom: 85.27132%
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .page-overview .section-productivity .image-tile5-small {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/productivity_tvos__b1mktmalk0ya_small.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile5-small {
        background-image: url("/v/business/f/images/overview/productivity_tvos__b1mktmalk0ya_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .page-overview .section-productivity .image-tile5-small::after {
        content: '';
        display: block;
        padding-bottom: 85.41033%
    }
}

.page-overview .section-success-story-capital-one .image-success-story-capital-one {
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/ss_capitalone__bhh90nopxes2_large.jpg");
    background-size: cover;
    background-position: center center;
    height: 100%
}

@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) {
    .page-overview .section-success-story-capital-one .image-success-story-capital-one {
        background-image: url("/v/business/f/images/overview/ss_capitalone__bhh90nopxes2_large_2x.jpg")
    }
}

.page-overview .section-success-story-capital-one .image-success-story-capital-one::after {
    content: '';
    display: block;
    padding-bottom: 114.96063%
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-success-story-capital-one .image-success-story-capital-one {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/ss_capitalone__bhh90nopxes2_medium.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-success-story-capital-one .image-success-story-capital-one {
        background-image: url("/v/business/f/images/overview/ss_capitalone__bhh90nopxes2_medium_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-success-story-capital-one .image-success-story-capital-one::after {
        content: '';
        display: block;
        padding-bottom: 150.90909%
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-success-story-capital-one .image-success-story-capital-one {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/ss_capitalone__bhh90nopxes2_small.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-success-story-capital-one .image-success-story-capital-one {
        background-image: url("/v/business/f/images/overview/ss_capitalone__bhh90nopxes2_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-success-story-capital-one .image-success-story-capital-one::after {
        content: '';
        display: block;
        padding-bottom: 65.14658%
    }
}

.page-overview .section-anythings-possible .tile-content .tile-copy {
    margin-top: 60px
}

@media only screen and (max-width: 734px) {
    .page-overview .section-anythings-possible .tile-content .tile-copy {
        margin-top: 48px
    }
}

.page-overview .section-anythings-possible .image-tile-hero {
    width: 100%;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/apps_hero__el979n1bm38m_large.jpg");
    background-size: cover;
    background-position: center center
}

@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) {
    .page-overview .section-anythings-possible .image-tile-hero {
        background-image: url("/v/business/f/images/overview/apps_hero__el979n1bm38m_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-anythings-possible .image-tile-hero {
        width: 100%;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/apps_hero__el979n1bm38m_medium.jpg");
        background-size: cover;
        background-position: center center
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-anythings-possible .image-tile-hero {
        background-image: url("/v/business/f/images/overview/apps_hero__el979n1bm38m_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-anythings-possible .image-tile-hero {
        width: 100%;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/apps_hero__el979n1bm38m_small.jpg");
        background-size: cover;
        background-position: center center
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-anythings-possible .image-tile-hero {
        background-image: url("/v/business/f/images/overview/apps_hero__el979n1bm38m_small_2x.jpg")
    }
}

.page-overview .section-anythings-possible .image-tile1 {
    width: 216px;
    height: 422px;
    background-size: 216px 422px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/apps_builtin__00lcgj5wfv66_large.jpg");
    position: relative;
    left: 50%;
    margin-left: -108px
}

@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) {
    .page-overview .section-anythings-possible .image-tile1 {
        background-image: url("/v/business/f/images/overview/apps_builtin__00lcgj5wfv66_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-anythings-possible .image-tile1 {
        width: 159px;
        height: 311px;
        background-size: 159px 311px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/apps_builtin__00lcgj5wfv66_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-anythings-possible .image-tile1 {
        background-image: url("/v/business/f/images/overview/apps_builtin__00lcgj5wfv66_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-anythings-possible .image-tile1 {
        width: 189px;
        height: 370px;
        background-size: 189px 370px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/apps_builtin__00lcgj5wfv66_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-anythings-possible .image-tile1 {
        background-image: url("/v/business/f/images/overview/apps_builtin__00lcgj5wfv66_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-anythings-possible .image-tile1 {
        left: 50%;
        margin-left: -79.5px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-anythings-possible .image-tile1 {
        left: 50%;
        margin-left: -94.5px
    }
}

.page-overview .section-anythings-possible .image-tile2 {
    width: 216px;
    height: 422px;
    background-size: 216px 422px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/apps_store__bchtkvzilavm_large.jpg");
    position: relative;
    left: 50%;
    margin-left: -108px
}

@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) {
    .page-overview .section-anythings-possible .image-tile2 {
        background-image: url("/v/business/f/images/overview/apps_store__bchtkvzilavm_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-anythings-possible .image-tile2 {
        width: 159px;
        height: 311px;
        background-size: 159px 311px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/apps_store__bchtkvzilavm_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-anythings-possible .image-tile2 {
        background-image: url("/v/business/f/images/overview/apps_store__bchtkvzilavm_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-anythings-possible .image-tile2 {
        width: 189px;
        height: 370px;
        background-size: 189px 370px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/apps_store__bchtkvzilavm_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-anythings-possible .image-tile2 {
        background-image: url("/v/business/f/images/overview/apps_store__bchtkvzilavm_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-anythings-possible .image-tile2 {
        left: 50%;
        margin-left: -79.5px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-anythings-possible .image-tile2 {
        left: 50%;
        margin-left: -94.5px
    }
}

.page-overview .section-anythings-possible .image-tile3 {
    width: 216px;
    height: 422px;
    background-size: 216px 422px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/apps_custom__cdwfdck6wawi_large.jpg");
    position: relative;
    left: 50%;
    margin-left: -108px
}

@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) {
    .page-overview .section-anythings-possible .image-tile3 {
        background-image: url("/v/business/f/images/overview/apps_custom__cdwfdck6wawi_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-anythings-possible .image-tile3 {
        width: 159px;
        height: 311px;
        background-size: 159px 311px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/apps_custom__cdwfdck6wawi_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-anythings-possible .image-tile3 {
        background-image: url("/v/business/f/images/overview/apps_custom__cdwfdck6wawi_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-anythings-possible .image-tile3 {
        width: 189px;
        height: 370px;
        background-size: 189px 370px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/apps_custom__cdwfdck6wawi_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-anythings-possible .image-tile3 {
        background-image: url("/v/business/f/images/overview/apps_custom__cdwfdck6wawi_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-anythings-possible .image-tile3 {
        left: 50%;
        margin-left: -79.5px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-anythings-possible .image-tile3 {
        left: 50%;
        margin-left: -94.5px
    }
}

.page-overview .section-success-story-bsh .image-success-story-bsh {
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/ss_bsh__dby9xu8z70q6_large.jpg");
    background-size: cover;
    background-position: center center;
    height: 100%
}

@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) {
    .page-overview .section-success-story-bsh .image-success-story-bsh {
        background-image: url("/v/business/f/images/overview/ss_bsh__dby9xu8z70q6_large_2x.jpg")
    }
}

.page-overview .section-success-story-bsh .image-success-story-bsh::after {
    content: '';
    display: block;
    padding-bottom: 114.96063%
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-success-story-bsh .image-success-story-bsh {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/ss_bsh__dby9xu8z70q6_medium.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-success-story-bsh .image-success-story-bsh {
        background-image: url("/v/business/f/images/overview/ss_bsh__dby9xu8z70q6_medium_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-success-story-bsh .image-success-story-bsh::after {
        content: '';
        display: block;
        padding-bottom: 150.90909%
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-success-story-bsh .image-success-story-bsh {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/ss_bsh__dby9xu8z70q6_small.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-success-story-bsh .image-success-story-bsh {
        background-image: url("/v/business/f/images/overview/ss_bsh__dby9xu8z70q6_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-success-story-bsh .image-success-story-bsh::after {
        content: '';
        display: block;
        padding-bottom: 65.14658%
    }
}

.page-overview .section-zero-touch .image-tile-hero {
    width: 100%;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/it_hero__bfuv3fwanp42_large.jpg");
    background-size: cover;
    background-position: center center
}

@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) {
    .page-overview .section-zero-touch .image-tile-hero {
        background-image: url("/v/business/f/images/overview/it_hero__bfuv3fwanp42_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-zero-touch .image-tile-hero {
        width: 100%;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/it_hero__bfuv3fwanp42_medium.jpg");
        background-size: cover;
        background-position: center center
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-zero-touch .image-tile-hero {
        background-image: url("/v/business/f/images/overview/it_hero__bfuv3fwanp42_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-zero-touch .image-tile-hero {
        width: 100%;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/it_hero__bfuv3fwanp42_small.jpg");
        background-size: cover;
        background-position: center center
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-zero-touch .image-tile-hero {
        background-image: url("/v/business/f/images/overview/it_hero__bfuv3fwanp42_small_2x.jpg")
    }
}

.page-overview .section-security {
    overflow: hidden;
    margin-top: 200px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-security {
        margin-top: 150px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-security {
        margin-top: 100px
    }
}

.page-overview .section-security .copy-block {
    padding-right: 60px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-security .copy-block {
        padding-right: 0px
    }
}

.page-overview .section-security .image-security {
    margin-top: 100px;
    width: 983px;
    height: 897px;
    background-size: 983px 897px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/it_security__cwmkjygni2ye_large.jpg");
    position: relative;
    left: 50%;
    margin-left: -491.5px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-security .image-security {
        margin-top: 100px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-security .image-security {
        margin-top: 50px
    }
}

@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) {
    .page-overview .section-security .image-security {
        background-image: url("/v/business/f/images/overview/it_security__cwmkjygni2ye_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-security .image-security {
        width: 731px;
        height: 668px;
        background-size: 731px 668px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/it_security__cwmkjygni2ye_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-security .image-security {
        background-image: url("/v/business/f/images/overview/it_security__cwmkjygni2ye_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-security .image-security {
        width: 465px;
        height: 441px;
        background-size: 465px 441px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/it_security__cwmkjygni2ye_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-security .image-security {
        background-image: url("/v/business/f/images/overview/it_security__cwmkjygni2ye_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-security .image-security {
        left: 50%;
        margin-left: -365.5px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-security .image-security {
        left: 50%;
        margin-left: -232.5px
    }
}

@media only screen and (max-width: 544px) {
    .page-overview .section-security .image-security {
        left: 0px;
        margin-left: 0
    }
}

.page-overview .section-success-story-bdc .image-success-story-bdc {
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/ss_bdc__8czukp1gbtum_large.jpg");
    background-size: cover;
    background-position: center center;
    height: 100%
}

@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) {
    .page-overview .section-success-story-bdc .image-success-story-bdc {
        background-image: url("/v/business/f/images/overview/ss_bdc__8czukp1gbtum_large_2x.jpg")
    }
}

.page-overview .section-success-story-bdc .image-success-story-bdc::after {
    content: '';
    display: block;
    padding-bottom: 114.96063%
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-success-story-bdc .image-success-story-bdc {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/ss_bdc__8czukp1gbtum_medium.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-success-story-bdc .image-success-story-bdc {
        background-image: url("/v/business/f/images/overview/ss_bdc__8czukp1gbtum_medium_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-success-story-bdc .image-success-story-bdc::after {
        content: '';
        display: block;
        padding-bottom: 150.90909%
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-success-story-bdc .image-success-story-bdc {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/ss_bdc__8czukp1gbtum_small.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-success-story-bdc .image-success-story-bdc {
        background-image: url("/v/business/f/images/overview/ss_bdc__8czukp1gbtum_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-success-story-bdc .image-success-story-bdc::after {
        content: '';
        display: block;
        padding-bottom: 65.14658%
    }
}

.page-overview .section-apple-at-work {
    margin-top: 200px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-apple-at-work {
        margin-top: 150px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-apple-at-work {
        margin-top: 100px
    }
}

.page-overview .section-apple-at-work .tiles-full-width .flex-column .flex-content {
    padding: 150px 15% 150px 15%
}

.page-overview .section-apple-at-work .image-tile-hero {
    width: 100%;
    background-repeat: no-repeat;
    background-image: url("../../images/overview/tedxme1-Recovered.jpg");
    background-size: cover;
    background-position: center center;
    background-position: top center;
      filter: grayscale(100%);
}

@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) {
    .page-overview .section-apple-at-work .image-tile-hero {
        background-image: url("../../images/overview/tedxme1-Recovered.jpg");
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-apple-at-work .image-tile-hero {
        width: 100%;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/tedxme1-Recovered.jpg");
        background-size: cover;
        background-position: center center
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-apple-at-work .image-tile-hero {
        background-image: url("../../images/overview/tedxme1-Recovered.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-apple-at-work .image-tile-hero {
        width: 100%;
        background-repeat: no-repeat;
        background-image: url("../../images/overview/tedxme1-Recovered.jpg");
        background-size: cover;
        background-position: center center
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-apple-at-work .image-tile-hero {
        background-image: url("../../images/overview/tedxme1-Recovered.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-apple-at-work .image-tile-hero {
        background-position: top center
    }
}

.page-overview .section-at-your-service {
    margin-top: 300px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-at-your-service {
        overflow: hidden
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-at-your-service {
        margin-top: 200px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-at-your-service {
        margin-top: 130px
    }
}

.page-overview .section-at-your-service .callout-column {
    margin-top: 50px;
    padding-right: 60px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-at-your-service .callout-column {
        margin-top: 70px;
        padding-right: 0px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-at-your-service .callout-column {
        margin-top: 50px;
        padding-right: 0px
    }
}

.page-overview .section-at-your-service .callout-column .callout-body-copy {
    color: #a1a1a6
}

.page-overview .section-at-your-service .callout-column:nth-child(3n-1) {
    padding-left: 30px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-at-your-service .callout-column:nth-child(3n-1) {
        padding-left: 0
    }
}

.page-overview .section-at-your-service .callout-column:nth-child(3n) {
    padding-left: 60px;
    padding-right: 20px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-at-your-service .callout-column:nth-child(3n) {
        padding-left: 0
    }
}

.page-overview .section-at-your-service .image-at-your-service {
    margin-top: 100px;
    margin-bottom: 50px;
    width: 984px;
    height: 441px;
    background-size: 984px 441px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/manager__d789yie4m066_large.jpg");
    position: relative;
    left: 50%;
    margin-left: -492px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-at-your-service .image-at-your-service {
        margin-top: 100px;
        margin-bottom: 20px
    }
}

@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) {
    .page-overview .section-at-your-service .image-at-your-service {
        background-image: url("/v/business/f/images/overview/manager__d789yie4m066_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-at-your-service .image-at-your-service {
        width: 767px;
        height: 344px;
        background-size: 767px 344px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/manager__d789yie4m066_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-at-your-service .image-at-your-service {
        background-image: url("/v/business/f/images/overview/manager__d789yie4m066_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-at-your-service .image-at-your-service {
        width: 615px;
        height: 276px;
        background-size: 615px 276px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/manager__d789yie4m066_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-at-your-service .image-at-your-service {
        background-image: url("/v/business/f/images/overview/manager__d789yie4m066_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-at-your-service .image-at-your-service {
        left: 50%;
        margin-left: -383.5px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-at-your-service .image-at-your-service {
        left: 50%;
        margin-left: -307.5px
    }
}

.page-overview .section-at-your-service .image-at-your-service-small {
    margin-top: 80px;
    margin-bottom: 10px
}

@media only screen and (max-width: 734px) {
    .page-overview .section-at-your-service .image-at-your-service-small {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/manager__d789yie4m066_large.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-at-your-service .image-at-your-service-small {
        background-image: url("/v/business/f/images/overview/manager__d789yie4m066_large_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-at-your-service .image-at-your-service-small::after {
        content: '';
        display: block;
        padding-bottom: 44.81707%
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) {
    .page-overview .section-at-your-service .image-at-your-service-small {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/manager__d789yie4m066_medium.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-at-your-service .image-at-your-service-small {
        background-image: url("/v/business/f/images/overview/manager__d789yie4m066_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) {
    .page-overview .section-at-your-service .image-at-your-service-small::after {
        content: '';
        display: block;
        padding-bottom: 44.85007%
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .page-overview .section-at-your-service .image-at-your-service-small {
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/manager__d789yie4m066_small.jpg");
        background-size: cover
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-at-your-service .image-at-your-service-small {
        background-image: url("/v/business/f/images/overview/manager__d789yie4m066_small_2x.jpg")
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .page-overview .section-at-your-service .image-at-your-service-small::after {
        content: '';
        display: block;
        padding-bottom: 44.87805%
    }
}

.page-overview .section-make-world-better {
    margin-top: 300px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-make-world-better {
        margin-top: 200px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-make-world-better {
        margin-top: 130px
    }
}

.page-overview .section-make-world-better .grid-container {
    margin-top: 100px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-make-world-better .grid-container {
        margin-top: 100px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-make-world-better .grid-container {
        margin-top: 80px
    }
}

.page-overview .section-make-world-better .tile-content .tile-copy {
    margin-top: 40px;
    color: #a1a1a6
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-make-world-better .tile-content .tile-copy {
        margin-top: 25px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-make-world-better .tile-content .tile-copy {
        margin-top: 25px
    }
}

.page-overview .section-make-world-better .tile-center {
    text-align: center
}

@media only screen and (max-width: 734px) {
    .page-overview .section-make-world-better .tile-center {
        text-align: left
    }
}

.page-overview .section-make-world-better .image-tile1 {
    width: 68px;
    height: 91px;
    background-size: 68px 91px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/icon_privacy__ftf4bnwdgwqe_large.png");
    left: 50%;
    margin-left: -34px;
    position: relative
}

@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) {
    .page-overview .section-make-world-better .image-tile1 {
        background-image: url("/v/business/f/images/overview/icon_privacy__ftf4bnwdgwqe_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-make-world-better .image-tile1 {
        width: 57px;
        height: 76px;
        background-size: 57px 76px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/icon_privacy__ftf4bnwdgwqe_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-make-world-better .image-tile1 {
        background-image: url("/v/business/f/images/overview/icon_privacy__ftf4bnwdgwqe_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-make-world-better .image-tile1 {
        width: 56px;
        height: 76px;
        background-size: 56px 76px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/icon_privacy__ftf4bnwdgwqe_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-make-world-better .image-tile1 {
        background-image: url("/v/business/f/images/overview/icon_privacy__ftf4bnwdgwqe_small_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-make-world-better .image-tile1 {
        left: unset;
        margin-left: unset
    }
}

.page-overview .section-make-world-better .image-tile2 {
    width: 60px;
    height: 91px;
    background-size: 60px 91px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/icon_environment__dh6nj4fbrjma_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .page-overview .section-make-world-better .image-tile2 {
        background-image: url("/v/business/f/images/overview/icon_environment__dh6nj4fbrjma_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-make-world-better .image-tile2 {
        width: 52px;
        height: 76px;
        background-size: 52px 76px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/icon_environment__dh6nj4fbrjma_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-make-world-better .image-tile2 {
        background-image: url("/v/business/f/images/overview/icon_environment__dh6nj4fbrjma_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-make-world-better .image-tile2 {
        width: 52px;
        height: 76px;
        background-size: 52px 76px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/icon_environment__dh6nj4fbrjma_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-make-world-better .image-tile2 {
        background-image: url("/v/business/f/images/overview/icon_environment__dh6nj4fbrjma_small_2x.png")
    }
}

.page-overview .section-make-world-better .image-tile3 {
    width: 73px;
    height: 91px;
    background-size: 73px 91px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/icon_accessibility__efpc2b1xoyi6_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .page-overview .section-make-world-better .image-tile3 {
        background-image: url("/v/business/f/images/overview/icon_accessibility__efpc2b1xoyi6_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-make-world-better .image-tile3 {
        width: 62px;
        height: 76px;
        background-size: 62px 76px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/icon_accessibility__efpc2b1xoyi6_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-make-world-better .image-tile3 {
        background-image: url("/v/business/f/images/overview/icon_accessibility__efpc2b1xoyi6_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-make-world-better .image-tile3 {
        width: 62px;
        height: 76px;
        background-size: 62px 76px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/icon_accessibility__efpc2b1xoyi6_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-make-world-better .image-tile3 {
        background-image: url("/v/business/f/images/overview/icon_accessibility__efpc2b1xoyi6_small_2x.png")
    }
}

.page-overview .section-how-to-buy {
    overflow: hidden
}

.page-overview .section-how-to-buy .copy-block {
    padding-right: 60px
}

@media only screen and (max-width: 734px) {
    .page-overview .section-how-to-buy .copy-block {
        padding-right: 0px
    }
}

.page-overview .section-how-to-buy .image-hero-poster {
    width: 994px;
    height: 455px;
    background-size: 994px 455px;
    background-repeat: no-repeat;
    background-image: url("/v/business/f/images/overview/howtobuy__btueg1blyety_large.jpg");
    position: relative;
    left: 50%;
    margin-left: -497px
}

@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) {
    .page-overview .section-how-to-buy .image-hero-poster {
        background-image: url("/v/business/f/images/overview/howtobuy__btueg1blyety_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-how-to-buy .image-hero-poster {
        width: 798px;
        height: 365px;
        background-size: 798px 365px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/howtobuy__btueg1blyety_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-overview .section-how-to-buy .image-hero-poster {
        background-image: url("/v/business/f/images/overview/howtobuy__btueg1blyety_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-how-to-buy .image-hero-poster {
        width: 338px;
        height: 576px;
        background-size: 338px 576px;
        background-repeat: no-repeat;
        background-image: url("/v/business/f/images/overview/howtobuy__btueg1blyety_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-how-to-buy .image-hero-poster {
        background-image: url("/v/business/f/images/overview/howtobuy__btueg1blyety_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-how-to-buy .image-hero-poster {
        left: 50%;
        margin-left: -399px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-how-to-buy .image-hero-poster {
        left: 50%;
        margin-left: -169px
    }
}

.page-overview .section-reports-resources {
    margin-top: 200px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-reports-resources {
        margin-top: 150px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-reports-resources {
        margin-top: 100px
    }
}

.page-overview .section-reports-resources .resources-container {
    margin-top: 30px;
    padding-bottom: 200px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-reports-resources .resources-container {
        margin-top: 0px;
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-reports-resources .resources-container {
        margin-top: 10px;
        padding-bottom: 100px
    }
}

.page-overview .section-reports-resources .headline-category {
    margin-top: 50px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-reports-resources .headline-category {
        margin-top: 50px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-reports-resources .headline-category {
        margin-top: 40px
    }
}

.page-overview .section-reports-resources .cta-category {
    margin-top: 0px
}

.page-overview .section-reports-resources .cta-category li {
    margin-top: 14px
}

.page-overview .main {
    background-color: #fff
}

.badge-card {
    box-sizing: border-box;
    margin-bottom: 10px;
    width: 486px;
    padding: 40px 60px 66px;
    border-radius: 10px;
    background: #161617
}

@media only screen and (max-width: 1068px) {
    .badge-card {
        width: 466px;
        padding: 30px 60px 28px
    }
}

@media only screen and (max-width: 734px) {
    .badge-card {
        margin-bottom: 6px;
        width: 100%;
        max-width: 320px;
        padding: 16px 28px 40px
    }
}

.badge-card.large-1-line {
    padding-bottom: 46px
}

.badge-card.large-2-line {
    padding-bottom: 66px
}

.badge-card.large-3-line {
    padding-bottom: 85px
}

@media only screen and (max-width: 1068px) {
    .badge-card.medium-1-line {
        padding-bottom: 28px
    }
    .badge-card.medium-2-line {
        padding-bottom: 50px
    }
    .badge-card.medium-3-line {
        padding-bottom: 66px
    }
}

@media only screen and (max-width: 734px) {
    .badge-card.small-1-line {
        padding-bottom: 20px
    }
    .badge-card.small-2-line {
        padding-bottom: 40px
    }
    .badge-card.small-3-line {
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 734px) {
    .section-display .badges .badge-card {
        margin-left: -20px;
        margin-right: -20px;
        width: 320px
    }
}

@media only screen and (max-width: 1068px) {
    .section-display .badge-card-contrast {
        padding-top: 18px;
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 734px) {
    .section-display .badge-card-contrast {
        padding-top: 2px
    }
}

.badge-gradient .badge-value {
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -.009em;
    font-family:Aeonikpro, sans-serif;
    display: inline-block;
    color: white;
    /* background: linear-gradient(to right, #005e7f, #61b6cd); */
    -webkit-background-clip: text;
    background-clip: text
}

.badge-gradient .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

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

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

.badge-gradient .badge-value:lang(zh) {
    letter-spacing: 0em
}

.badge-gradient .badge-value:lang(th) {
    line-height: 1.34375;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge-gradient .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-gradient .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-gradient .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-gradient .badge-value:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .badge-gradient .badge-value {
        font-size: 56px;
        line-height: 1.07143;
        font-weight: 600;
        letter-spacing: -.005em;
        font-family:Aeonikpro, sans-serif
    }
    .badge-gradient .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .badge-gradient .badge-value:lang(ja) {
        line-height: 1.125;
        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-gradient .badge-value:lang(ko) {
        line-height: 1.17865;
        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-gradient .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .badge-gradient .badge-value:lang(th) {
        line-height: 1.33929;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .badge-gradient .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-gradient .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-gradient .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-gradient .badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .badge-gradient .badge-value {
        font-size: 48px;
        line-height: 1.08349;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family:Aeonikpro, sans-serif
    }
    .badge-gradient .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .badge-gradient .badge-value: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
    }
    .badge-gradient .badge-value:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .badge-gradient .badge-value:lang(zh) {
        letter-spacing: 0em
    }
    .badge-gradient .badge-value:lang(th) {
        line-height: 1.33349;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .badge-gradient .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-gradient .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-gradient .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-gradient .badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

html.text-zoom .badge-gradient .badge-value {
    word-break: break-all;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    white-space: normal
}

.badge-gradient .badge-caption {
    font-size: 17px;
    line-height: 1.23536;
    font-weight: 600;
    letter-spacing: -.022em;
    font-family:Aeonikpro, sans-serif
}

.badge-gradient .badge-caption:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
}

.badge-gradient .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-gradient .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-gradient .badge-caption:lang(zh) {
    letter-spacing: 0em
}

.badge-gradient .badge-caption:lang(th) {
    line-height: 1.35296;
    letter-spacing: 0em;
    font-family: "SF Pro TH",Aeonikpro, sans-serif
}

.badge-gradient .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-gradient .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-gradient .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-gradient .badge-caption: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) {
    .badge-gradient .badge-caption {
        font-size: 14px;
        line-height: 1.42859;
        font-weight: 600;
        letter-spacing: -.016em;
        font-family:Aeonikpro, sans-serif
    }
    .badge-gradient .badge-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf",Aeonikpro, sans-serif
    }
    .badge-gradient .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-gradient .badge-caption: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
    }
    .badge-gradient .badge-caption:lang(zh) {
        letter-spacing: 0em
    }
    .badge-gradient .badge-caption:lang(th) {
        line-height: 1.35718;
        letter-spacing: 0em;
        font-family: "SF Pro TH",Aeonikpro, sans-serif
    }
    .badge-gradient .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-gradient .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-gradient .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-gradient .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-gradient .badge-caption-inline {
    position: relative;
    z-index: 1;
    display: inline
}


.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 {
    top: -0.6em
}

.badge .badge-caption {
    color: #f5f5f7
}

.section-content-weekplan {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
}
.badge-card{
    height: 300px;
}
.prog-navigation{
    background: #202123 !important;
    box-shadow: 1px 1px 8px 2px rgba(0,0,0,.16);
}

li.ac-ln-menu-item a{
    color: white !important;
}