@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

abbr,
blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
input,
legend,
li,
ol,
p,
pre,
ul {
    margin: 0;
    padding: 0
}

address,
caption,
code,
figcaption,
pre,
th {
    font-size: 1em;
    font-weight: 400;
    font-style: normal
}

fieldset,
iframe {
    border: 0
}

caption,
th {
    text-align: left
}

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

details,
main,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    vertical-align: initial
}

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

button:disabled {
    cursor: default
}

:focus-visible {
    outline: 2px solid var(--sk-focus-color, #0071E3);
    outline-offset: var(--sk-focus-offset, 1px)
}

::-moz-focus-inner {
    border: 0;
    padding: 0
}

:root {
    --sk-body-text-color: rgb(29, 29, 31);
    --sk-headline-text-color: rgb(29, 29, 31);
    --sk-body-background-color: rgb(255, 255, 255);
    --sk-body-font-stack: text;
    --sk-default-stacked-margin: 0.4em;
    --sk-paragraph-plus-element-margin: 0.8em;
    --sk-headline-plus-first-element-margin: 0.8em;
    --sk-headline-plus-headline-margin: 0.4em;
    --sk-paragraph-plus-headline-margin: 1.6em
}

html {
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 106.25%;
    quotes: "“" "”";
    height: 100%;
}

[lang]:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

[lang]:lang(ko) {
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

[lang]:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

:lang(cs),
:lang(de) {
    quotes: "„" "“"
}

:lang(de-CH),
:lang(de-LI) {
    quotes: "«" "»"
}

:lang(fr) {
    quotes: "« " " »"
}

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

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

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

:lang(no-NO) {
    quotes: "«" "»"
}

:lang(lt),
:lang(pl) {
    quotes: "„" ""
}

:lang(ru) {
    quotes: "« " " »"
}

:lang(zh) {
    quotes: "「" "」"
}

:lang(zh-CN) {
    quotes: "“" "”"
}

body {
    font-size: 17px;
    line-height: 1.4705882353;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    background-color: var(--sk-body-background-color, rgb(255, 255, 255));
    color: var(--sk-body-text-color, rgb(29, 29, 31));
    font-style: normal
}

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

body:lang(ja) {
    line-height: 1.3529611765;
    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.5882352941;
    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(ko),
body:lang(th),
body:lang(zh) {
    letter-spacing: 0em
}

body:lang(th) {
    line-height: 1.3529611765;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

body,
button,
input,
select,
textarea {
    font-synthesis: none;
    -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    color: var(--sk-headline-text-color, rgb(29, 29, 31))
}

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
    display: block;
    margin: 0
}

h1+*,
h2+*,
h3+*,
h4+*,
h5+*,
h6+* {
    margin-top: var(--sk-headline-plus-first-element-margin, 0.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: var(--sk-headline-plus-headline-margin, 0.4em)
}

ol+h1,
ol+h2,
ol+h3,
ol+h4,
ol+h5,
ol+h6,
p+h1,
p+h2,
p+h3,
p+h4,
p+h5,
p+h6,
ul+h1,
ul+h2,
ul+h3,
ul+h4,
ul+h5,
ul+h6 {
    margin-top: var(--sk-paragraph-plus-headline-margin, 1.6em)
}

.heading-collapsed+* {
    margin-top: 0
}

ol+*,
p+*,
ul+* {
    margin-top: var(--sk-paragraph-plus-element-margin, 0.8em)
}

ol,
ul {
    margin-inline-start: 1.1764705882em
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top: 0;
    margin-bottom: 0
}

nav ol,
nav ul {
    margin: 0;
    list-style: none
}

li li {
    font-size: 1em
}

b,
strong {
    font-weight: 600
}

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

abbr {
    border: 0
}

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

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

:root {
    --sk-body-link-color: rgb(0, 102, 204);
    --sk-link-disabled-opacity: 0.42
}

a {
    color: var(--sk-body-link-color, rgb(0, 102, 204));
    letter-spacing: inherit
}

a:disabled {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a.disabled,
a :disabled {
    opacity: var(--sk-link-disabled-opacity, 0.42)
}

:root {
    --sk-focus-color: #0071E3;
    --sk-focus-color-alt: rgb(0, 0, 0);
    --sk-focus-offset: 1px;
    --sk-focus-offset-container: 3px
}

html:not([dir=rtl]) {
    --r-sk-start: left;
    --r-sk-end: right;
    --r-sk-safe-area-inset-start: env(safe-area-inset-left);
    --r-sk-safe-area-inset-end: env(safe-area-inset-right)
}

html[dir=rtl] {
    --r-sk-start: right;
    --r-sk-end: left;
    --r-sk-safe-area-inset-start: env(safe-area-inset-right);
    --r-sk-safe-area-inset-end: env(safe-area-inset-left)
}

.justify-content-start {
    justify-content: flex-start
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-center {
    justify-content: center
}

.justify-content-spacebetween {
    justify-content: space-between
}

.justify-content-spacearound {
    justify-content: space-around
}

.justify-content-spaceevenly {
    justify-content: space-evenly
}

.align-items-start {
    align-items: flex-start
}

.align-items-center {
    align-items: center
}

.align-items-end {
    align-items: flex-end
}

.align-self-start {
    align-self: flex-start
}

.align-self-center {
    align-self: center
}

.align-self-end {
    align-self: flex-end
}

.large-justify-content-start {
    justify-content: flex-start
}

.large-justify-content-end {
    justify-content: flex-end
}

.large-justify-content-center {
    justify-content: center
}

.large-justify-content-spacebetween {
    justify-content: space-between
}

.large-justify-content-spacearound {
    justify-content: space-around
}

.large-justify-content-spaceevenly {
    justify-content: space-evenly
}

.large-align-items-start {
    align-items: flex-start
}

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

.large-align-items-end {
    align-items: flex-end
}

.large-align-self-start {
    align-self: flex-start
}

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

.large-align-self-end {
    align-self: flex-end
}

@media only screen and (min-width:1441px) {
    .xlarge-justify-content-start {
        justify-content: flex-start
    }

    .xlarge-justify-content-end {
        justify-content: flex-end
    }

    .xlarge-justify-content-center {
        justify-content: center
    }

    .xlarge-justify-content-spacebetween {
        justify-content: space-between
    }

    .xlarge-justify-content-spacearound {
        justify-content: space-around
    }

    .xlarge-justify-content-spaceevenly {
        justify-content: space-evenly
    }

    .xlarge-align-items-start {
        align-items: flex-start
    }

    .xlarge-align-items-center {
        align-items: center
    }

    .xlarge-align-items-end {
        align-items: flex-end
    }

    .xlarge-align-self-start {
        align-self: flex-start
    }

    .xlarge-align-self-center {
        align-self: center
    }

    .xlarge-align-self-end {
        align-self: flex-end
    }
}

@media only screen and (max-width:1068px) {
    .medium-justify-content-start {
        justify-content: flex-start
    }

    .medium-justify-content-end {
        justify-content: flex-end
    }

    .medium-justify-content-center {
        justify-content: center
    }

    .medium-justify-content-spacebetween {
        justify-content: space-between
    }

    .medium-justify-content-spacearound {
        justify-content: space-around
    }

    .medium-justify-content-spaceevenly {
        justify-content: space-evenly
    }

    .medium-align-items-start {
        align-items: flex-start
    }

    .medium-align-items-center {
        align-items: center
    }

    .medium-align-items-end {
        align-items: flex-end
    }

    .medium-align-self-start {
        align-self: flex-start
    }

    .medium-align-self-center {
        align-self: center
    }

    .medium-align-self-end {
        align-self: flex-end
    }
}

@media only screen and (max-width:734px) {
    .small-justify-content-start {
        justify-content: flex-start
    }

    .small-justify-content-end {
        justify-content: flex-end
    }

    .small-justify-content-center {
        justify-content: center
    }

    .small-justify-content-spacebetween {
        justify-content: space-between
    }

    .small-justify-content-spacearound {
        justify-content: space-around
    }

    .small-justify-content-spaceevenly {
        justify-content: space-evenly
    }

    .small-align-items-start {
        align-items: flex-start
    }

    .small-align-items-center {
        align-items: center
    }

    .small-align-items-end {
        align-items: flex-end
    }

    .small-align-self-start {
        align-self: flex-start
    }

    .small-align-self-center {
        align-self: center
    }

    .small-align-self-end {
        align-self: flex-end
    }
}

.selfclear:after,
.selfclear:before {
    content: " ";
    display: table
}

.selfclear:after {
    clear: both
}

.visuallyhidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0 0 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

@media only screen and (inverted-colors) {
    .no-inversion {
        filter: invert(1)
    }
}

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

.clear {
    clear: both
}

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

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

:root {
    --sk-footnote-font-size: 0.6em;
    --sk-footnote-offset-top: -0.5em
}

sub,
sup {
    position: relative;
    font-size: var(--sk-footnote-font-size, 0.6em);
    vertical-align: initial
}

sup {
    top: var(--sk-footnote-offset-top, -0.5em)
}

sub {
    bottom: -0.25em
}

.row {
    display: flex;
    flex-flow: row wrap;
    width: 100%
}

.row-reverse {
    flex-direction: row-reverse
}

.column {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    min-width: 0
}

.large-offset-0 {
    margin-inline-start: 0
}

.large-order-0 {
    order: 0
}

.large-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
}

.large-offset-1 {
    margin-inline-start: 8.3333333333%
}

.large-order-1 {
    order: 1
}

.large-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}

.large-offset-2 {
    margin-inline-start: 16.6666666667%
}

.large-order-2 {
    order: 2
}

.large-3 {
    flex-basis: 25%;
    max-width: 25%
}

.large-offset-3 {
    margin-inline-start: 25%
}

.large-order-3 {
    order: 3
}

.large-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}

.large-offset-4 {
    margin-inline-start: 33.3333333333%
}

.large-order-4 {
    order: 4
}

.large-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%
}

.large-offset-5 {
    margin-inline-start: 41.6666666667%
}

.large-order-5 {
    order: 5
}

.large-6 {
    flex-basis: 50%;
    max-width: 50%
}

.large-offset-6 {
    margin-inline-start: 50%
}

.large-order-6 {
    order: 6
}

.large-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%
}

.large-offset-7 {
    margin-inline-start: 58.3333333333%
}

.large-order-7 {
    order: 7
}

.large-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
}

.large-offset-8 {
    margin-inline-start: 66.6666666667%
}

.large-order-8 {
    order: 8
}

.large-9 {
    flex-basis: 75%;
    max-width: 75%
}

.large-offset-9 {
    margin-inline-start: 75%
}

.large-order-9 {
    order: 9
}

.large-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
}

.large-offset-10 {
    margin-inline-start: 83.3333333333%
}

.large-order-10 {
    order: 10
}

.large-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%
}

.large-offset-11 {
    margin-inline-start: 91.6666666667%
}

.large-order-11 {
    order: 11
}

.large-12 {
    flex-basis: 100%;
    max-width: 100%
}

.large-offset-12 {
    margin-inline-start: 100%
}

.large-order-12 {
    order: 12
}

.large-centered {
    margin-inline-start: auto;
    margin-inline-end: auto
}

.large-uncentered {
    margin-inline-start: 0;
    margin-inline-end: 0
}

.large-last {
    margin-inline-start: auto
}

.large-notlast {
    margin-inline-start: 0
}

.large-grow {
    flex: auto;
    max-width: none
}

.large-ungrow {
    flex: initial;
    max-width: none
}

@media only screen and (min-width:1441px) {
    .xlarge-offset-0 {
        margin-inline-start: 0
    }

    .xlarge-order-0 {
        order: 0
    }

    .xlarge-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .xlarge-offset-1 {
        margin-inline-start: 8.3333333333%
    }

    .xlarge-order-1 {
        order: 1
    }

    .xlarge-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .xlarge-offset-2 {
        margin-inline-start: 16.6666666667%
    }

    .xlarge-order-2 {
        order: 2
    }

    .xlarge-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .xlarge-offset-3 {
        margin-inline-start: 25%
    }

    .xlarge-order-3 {
        order: 3
    }

    .xlarge-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .xlarge-offset-4 {
        margin-inline-start: 33.3333333333%
    }

    .xlarge-order-4 {
        order: 4
    }

    .xlarge-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .xlarge-offset-5 {
        margin-inline-start: 41.6666666667%
    }

    .xlarge-order-5 {
        order: 5
    }

    .xlarge-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .xlarge-offset-6 {
        margin-inline-start: 50%
    }

    .xlarge-order-6 {
        order: 6
    }

    .xlarge-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .xlarge-offset-7 {
        margin-inline-start: 58.3333333333%
    }

    .xlarge-order-7 {
        order: 7
    }

    .xlarge-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .xlarge-offset-8 {
        margin-inline-start: 66.6666666667%
    }

    .xlarge-order-8 {
        order: 8
    }

    .xlarge-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .xlarge-offset-9 {
        margin-inline-start: 75%
    }

    .xlarge-order-9 {
        order: 9
    }

    .xlarge-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .xlarge-offset-10 {
        margin-inline-start: 83.3333333333%
    }

    .xlarge-order-10 {
        order: 10
    }

    .xlarge-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .xlarge-offset-11 {
        margin-inline-start: 91.6666666667%
    }

    .xlarge-order-11 {
        order: 11
    }

    .xlarge-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .xlarge-offset-12 {
        margin-inline-start: 100%
    }

    .xlarge-order-12 {
        order: 12
    }

    .xlarge-centered {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .xlarge-uncentered {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .xlarge-last {
        margin-inline-start: auto
    }

    .xlarge-notlast {
        margin-inline-start: 0
    }

    .xlarge-grow {
        flex: auto;
        max-width: none
    }

    .xlarge-ungrow {
        flex: initial;
        max-width: none
    }
}

@media only screen and (max-width:1068px) {
    .medium-offset-0 {
        margin-inline-start: 0
    }

    .medium-order-0 {
        order: 0
    }

    .medium-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .medium-offset-1 {
        margin-inline-start: 8.3333333333%
    }

    .medium-order-1 {
        order: 1
    }

    .medium-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .medium-offset-2 {
        margin-inline-start: 16.6666666667%
    }

    .medium-order-2 {
        order: 2
    }

    .medium-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .medium-offset-3 {
        margin-inline-start: 25%
    }

    .medium-order-3 {
        order: 3
    }

    .medium-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .medium-offset-4 {
        margin-inline-start: 33.3333333333%
    }

    .medium-order-4 {
        order: 4
    }

    .medium-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .medium-offset-5 {
        margin-inline-start: 41.6666666667%
    }

    .medium-order-5 {
        order: 5
    }

    .medium-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .medium-offset-6 {
        margin-inline-start: 50%
    }

    .medium-order-6 {
        order: 6
    }

    .medium-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .medium-offset-7 {
        margin-inline-start: 58.3333333333%
    }

    .medium-order-7 {
        order: 7
    }

    .medium-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .medium-offset-8 {
        margin-inline-start: 66.6666666667%
    }

    .medium-order-8 {
        order: 8
    }

    .medium-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .medium-offset-9 {
        margin-inline-start: 75%
    }

    .medium-order-9 {
        order: 9
    }

    .medium-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .medium-offset-10 {
        margin-inline-start: 83.3333333333%
    }

    .medium-order-10 {
        order: 10
    }

    .medium-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .medium-offset-11 {
        margin-inline-start: 91.6666666667%
    }

    .medium-order-11 {
        order: 11
    }

    .medium-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .medium-offset-12 {
        margin-inline-start: 100%
    }

    .medium-order-12 {
        order: 12
    }

    .medium-centered {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .medium-uncentered {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .medium-last {
        margin-inline-start: auto
    }

    .medium-notlast {
        margin-inline-start: 0
    }

    .medium-grow {
        flex: auto;
        max-width: none
    }

    .medium-ungrow {
        flex: initial;
        max-width: none
    }
}

@media only screen and (max-width:734px) {
    .small-offset-0 {
        margin-inline-start: 0
    }

    .small-order-0 {
        order: 0
    }

    .small-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .small-offset-1 {
        margin-inline-start: 8.3333333333%
    }

    .small-order-1 {
        order: 1
    }

    .small-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .small-offset-2 {
        margin-inline-start: 16.6666666667%
    }

    .small-order-2 {
        order: 2
    }

    .small-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .small-offset-3 {
        margin-inline-start: 25%
    }

    .small-order-3 {
        order: 3
    }

    .small-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .small-offset-4 {
        margin-inline-start: 33.3333333333%
    }

    .small-order-4 {
        order: 4
    }

    .small-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .small-offset-5 {
        margin-inline-start: 41.6666666667%
    }

    .small-order-5 {
        order: 5
    }

    .small-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .small-offset-6 {
        margin-inline-start: 50%
    }

    .small-order-6 {
        order: 6
    }

    .small-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .small-offset-7 {
        margin-inline-start: 58.3333333333%
    }

    .small-order-7 {
        order: 7
    }

    .small-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .small-offset-8 {
        margin-inline-start: 66.6666666667%
    }

    .small-order-8 {
        order: 8
    }

    .small-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .small-offset-9 {
        margin-inline-start: 75%
    }

    .small-order-9 {
        order: 9
    }

    .small-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .small-offset-10 {
        margin-inline-start: 83.3333333333%
    }

    .small-order-10 {
        order: 10
    }

    .small-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .small-offset-11 {
        margin-inline-start: 91.6666666667%
    }

    .small-order-11 {
        order: 11
    }

    .small-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .small-offset-12 {
        margin-inline-start: 100%
    }

    .small-order-12 {
        order: 12
    }

    .small-centered {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .small-uncentered {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .small-last {
        margin-inline-start: auto
    }

    .small-notlast {
        margin-inline-start: 0
    }

    .small-grow {
        flex: auto;
        max-width: none
    }

    .small-ungrow {
        flex: initial;
        max-width: none
    }
}

.row-reverse .column {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    min-width: 0
}

.row-reverse .large-offset-0 {
    margin-inline-end: 0
}

.row-reverse .large-offset-1 {
    margin-inline-end: 8.3333333333%
}

.row-reverse .large-offset-2 {
    margin-inline-end: 16.6666666667%
}

.row-reverse .large-offset-3 {
    margin-inline-end: 25%
}

.row-reverse .large-offset-4 {
    margin-inline-end: 33.3333333333%
}

.row-reverse .large-offset-5 {
    margin-inline-end: 41.6666666667%
}

.row-reverse .large-offset-6 {
    margin-inline-end: 50%
}

.row-reverse .large-offset-7 {
    margin-inline-end: 58.3333333333%
}

.row-reverse .large-offset-8 {
    margin-inline-end: 66.6666666667%
}

.row-reverse .large-offset-9 {
    margin-inline-end: 75%
}

.row-reverse .large-offset-10 {
    margin-inline-end: 83.3333333333%
}

.row-reverse .large-offset-11 {
    margin-inline-end: 91.6666666667%
}

.row-reverse .large-offset-12 {
    margin-inline-end: 100%
}

.row-reverse .large-last {
    margin-inline-end: auto
}

.row-reverse .large-notlast {
    margin-inline-end: 0
}

@media only screen and (min-width:1441px) {
    .row-reverse .xlarge-offset-0 {
        margin-inline-end: 0
    }

    .row-reverse .xlarge-offset-1 {
        margin-inline-end: 8.3333333333%
    }

    .row-reverse .xlarge-offset-2 {
        margin-inline-end: 16.6666666667%
    }

    .row-reverse .xlarge-offset-3 {
        margin-inline-end: 25%
    }

    .row-reverse .xlarge-offset-4 {
        margin-inline-end: 33.3333333333%
    }

    .row-reverse .xlarge-offset-5 {
        margin-inline-end: 41.6666666667%
    }

    .row-reverse .xlarge-offset-6 {
        margin-inline-end: 50%
    }

    .row-reverse .xlarge-offset-7 {
        margin-inline-end: 58.3333333333%
    }

    .row-reverse .xlarge-offset-8 {
        margin-inline-end: 66.6666666667%
    }

    .row-reverse .xlarge-offset-9 {
        margin-inline-end: 75%
    }

    .row-reverse .xlarge-offset-10 {
        margin-inline-end: 83.3333333333%
    }

    .row-reverse .xlarge-offset-11 {
        margin-inline-end: 91.6666666667%
    }

    .row-reverse .xlarge-offset-12 {
        margin-inline-end: 100%
    }

    .row-reverse .xlarge-last {
        margin-inline-end: auto
    }

    .row-reverse .xlarge-notlast {
        margin-inline-end: 0
    }
}

@media only screen and (max-width:1068px) {
    .row-reverse .medium-offset-0 {
        margin-inline-end: 0
    }

    .row-reverse .medium-offset-1 {
        margin-inline-end: 8.3333333333%
    }

    .row-reverse .medium-offset-2 {
        margin-inline-end: 16.6666666667%
    }

    .row-reverse .medium-offset-3 {
        margin-inline-end: 25%
    }

    .row-reverse .medium-offset-4 {
        margin-inline-end: 33.3333333333%
    }

    .row-reverse .medium-offset-5 {
        margin-inline-end: 41.6666666667%
    }

    .row-reverse .medium-offset-6 {
        margin-inline-end: 50%
    }

    .row-reverse .medium-offset-7 {
        margin-inline-end: 58.3333333333%
    }

    .row-reverse .medium-offset-8 {
        margin-inline-end: 66.6666666667%
    }

    .row-reverse .medium-offset-9 {
        margin-inline-end: 75%
    }

    .row-reverse .medium-offset-10 {
        margin-inline-end: 83.3333333333%
    }

    .row-reverse .medium-offset-11 {
        margin-inline-end: 91.6666666667%
    }

    .row-reverse .medium-offset-12 {
        margin-inline-end: 100%
    }

    .row-reverse .medium-last {
        margin-inline-end: auto
    }

    .row-reverse .medium-notlast {
        margin-inline-end: 0
    }
}

@media only screen and (max-width:734px) {
    .row-reverse .small-offset-0 {
        margin-inline-end: 0
    }

    .row-reverse .small-offset-1 {
        margin-inline-end: 8.3333333333%
    }

    .row-reverse .small-offset-2 {
        margin-inline-end: 16.6666666667%
    }

    .row-reverse .small-offset-3 {
        margin-inline-end: 25%
    }

    .row-reverse .small-offset-4 {
        margin-inline-end: 33.3333333333%
    }

    .row-reverse .small-offset-5 {
        margin-inline-end: 41.6666666667%
    }

    .row-reverse .small-offset-6 {
        margin-inline-end: 50%
    }

    .row-reverse .small-offset-7 {
        margin-inline-end: 58.3333333333%
    }

    .row-reverse .small-offset-8 {
        margin-inline-end: 66.6666666667%
    }

    .row-reverse .small-offset-9 {
        margin-inline-end: 75%
    }

    .row-reverse .small-offset-10 {
        margin-inline-end: 83.3333333333%
    }

    .row-reverse .small-offset-11 {
        margin-inline-end: 91.6666666667%
    }

    .row-reverse .small-offset-12 {
        margin-inline-end: 100%
    }

    .row-reverse .small-last {
        margin-inline-end: auto
    }

    .row-reverse .small-notlast {
        margin-inline-end: 0
    }
}

.grid {
    --sk-cssgrid-columns: 12;
    --sk-cssgrid-column-gutter-inner-large: var(--sk-cssgrid-column-gutter-inner, 24px);
    --sk-cssgrid-column-gutter-inner-xlarge: var(--sk-cssgrid-column-gutter-inner, var(--sk-cssgrid-column-gutter-inner-large));
    --sk-cssgrid-column-gutter-inner-medium: var(--sk-cssgrid-column-gutter-inner, var(--sk-cssgrid-column-gutter-inner-large));
    --sk-cssgrid-column-gutter-inner-small: var(--sk-cssgrid-column-gutter-inner, var(--sk-cssgrid-column-gutter-inner-large));
    grid-column-gap: var(--sk-cssgrid-column-gutter-inner-large);
    --sk-cssgrid-row-gutter-inner-large: var(--sk-cssgrid-row-gutter-inner, 24px);
    --sk-cssgrid-row-gutter-inner-xlarge: var(--sk-cssgrid-row-gutter-inner, var(--sk-cssgrid-row-gutter-inner-large));
    --sk-cssgrid-row-gutter-inner-medium: var(--sk-cssgrid-row-gutter-inner, var(--sk-cssgrid-row-gutter-inner-large));
    --sk-cssgrid-row-gutter-inner-small: var(--sk-cssgrid-row-gutter-inner, var(--sk-cssgrid-row-gutter-inner-large));
    grid-row-gap: var(--sk-cssgrid-row-gutter-inner-large);
    --sk-cssgrid-column-gutter-outer-large: var(--sk-cssgrid-column-gutter-outer, 24px);
    --sk-cssgrid-column-gutter-outer-xlarge: var(--sk-cssgrid-column-gutter-outer, var(--sk-cssgrid-column-gutter-outer-large));
    --sk-cssgrid-column-gutter-outer-medium: var(--sk-cssgrid-column-gutter-outer, var(--sk-cssgrid-column-gutter-outer-large));
    --sk-cssgrid-column-gutter-outer-small: var(--sk-cssgrid-column-gutter-outer, var(--sk-cssgrid-column-gutter-outer-large));
    --sk-cssgrid-row-gutter-outer-large: var(--sk-cssgrid-row-gutter-outer, 0);
    --sk-cssgrid-row-gutter-outer-xlarge: var(--sk-cssgrid-row-gutter-outer, var(--sk-cssgrid-row-gutter-outer-large));
    --sk-cssgrid-row-gutter-outer-medium: var(--sk-cssgrid-row-gutter-outer, var(--sk-cssgrid-row-gutter-outer-large));
    --sk-cssgrid-row-gutter-outer-small: var(--sk-cssgrid-row-gutter-outer, var(--sk-cssgrid-row-gutter-outer-large));
    padding: var(--sk-cssgrid-row-gutter-outer-large) var(--sk-cssgrid-column-gutter-outer-large);
    margin-inline-start: auto;
    margin-inline-end: auto;
    display: grid;
    grid-template-columns: repeat(var(--sk-cssgrid-columns), minmax(0, 1fr))
}

@media only screen and (min-width:1441px) {
    .grid {
        grid-column-gap: var(--sk-cssgrid-column-gutter-inner-xlarge)
    }
}

@media only screen and (max-width:1068px) {
    .grid {
        grid-column-gap: var(--sk-cssgrid-column-gutter-inner-medium)
    }
}

@media only screen and (max-width:734px) {
    .grid {
        grid-column-gap: var(--sk-cssgrid-column-gutter-inner-small)
    }
}

@media only screen and (min-width:1441px) {
    .grid {
        grid-row-gap: var(--sk-cssgrid-row-gutter-inner-xlarge)
    }
}

@media only screen and (max-width:1068px) {
    .grid {
        grid-row-gap: var(--sk-cssgrid-row-gutter-inner-medium)
    }
}

@media only screen and (max-width:734px) {
    .grid {
        grid-row-gap: var(--sk-cssgrid-row-gutter-inner-small)
    }
}

@media only screen and (min-width:1441px) {
    .grid {
        padding-left: var(--sk-cssgrid-column-gutter-outer-xlarge)
    }
}

@media only screen and (max-width:1068px) {
    .grid {
        padding-left: var(--sk-cssgrid-column-gutter-outer-medium)
    }
}

@media only screen and (max-width:734px) {
    .grid {
        padding-left: var(--sk-cssgrid-column-gutter-outer-small)
    }
}

@media only screen and (min-width:1441px) {
    .grid {
        padding-right: var(--sk-cssgrid-column-gutter-outer-xlarge)
    }
}

@media only screen and (max-width:1068px) {
    .grid {
        padding-right: var(--sk-cssgrid-column-gutter-outer-medium)
    }
}

@media only screen and (max-width:734px) {
    .grid {
        padding-right: var(--sk-cssgrid-column-gutter-outer-small)
    }
}

@media only screen and (min-width:1441px) {
    .grid {
        padding-top: var(--sk-cssgrid-row-gutter-outer-xlarge)
    }
}

@media only screen and (max-width:1068px) {
    .grid {
        padding-top: var(--sk-cssgrid-row-gutter-outer-medium)
    }
}

@media only screen and (max-width:734px) {
    .grid {
        padding-top: var(--sk-cssgrid-row-gutter-outer-small)
    }
}

@media only screen and (min-width:1441px) {
    .grid {
        padding-bottom: var(--sk-cssgrid-row-gutter-outer-xlarge)
    }
}

@media only screen and (max-width:1068px) {
    .grid {
        padding-bottom: var(--sk-cssgrid-row-gutter-outer-medium)
    }
}

@media only screen and (max-width:734px) {
    .grid {
        padding-bottom: var(--sk-cssgrid-row-gutter-outer-small)
    }
}

.grid .grid {
    height: 100%;
    padding-left: 0;
    padding-right: 0
}

.grid-item {
    position: relative;
    box-sizing: border-box
}

.large-span-0 {
    grid-column: span 0
}

.large-span-1 {
    grid-column: span 1
}

.large-span-2 {
    grid-column: span 2
}

.large-span-3 {
    grid-column: span 3
}

.large-span-4 {
    grid-column: span 4
}

.large-span-5 {
    grid-column: span 5
}

.large-span-6 {
    grid-column: span 6
}

.large-span-7 {
    grid-column: span 7
}

.large-span-8 {
    grid-column: span 8
}

.large-span-9 {
    grid-column: span 9
}

.large-span-10 {
    grid-column: span 10
}

.large-span-11 {
    grid-column: span 11
}

.large-span-12 {
    grid-column: span 12
}

@media only screen and (min-width:1441px) {
    .xlarge-span-0 {
        grid-column: span 0
    }

    .xlarge-span-1 {
        grid-column: span 1
    }

    .xlarge-span-2 {
        grid-column: span 2
    }

    .xlarge-span-3 {
        grid-column: span 3
    }

    .xlarge-span-4 {
        grid-column: span 4
    }

    .xlarge-span-5 {
        grid-column: span 5
    }

    .xlarge-span-6 {
        grid-column: span 6
    }

    .xlarge-span-7 {
        grid-column: span 7
    }

    .xlarge-span-8 {
        grid-column: span 8
    }

    .xlarge-span-9 {
        grid-column: span 9
    }

    .xlarge-span-10 {
        grid-column: span 10
    }

    .xlarge-span-11 {
        grid-column: span 11
    }

    .xlarge-span-12 {
        grid-column: span 12
    }
}

@media only screen and (max-width:1068px) {
    .medium-span-0 {
        grid-column: span 0
    }

    .medium-span-1 {
        grid-column: span 1
    }

    .medium-span-2 {
        grid-column: span 2
    }

    .medium-span-3 {
        grid-column: span 3
    }

    .medium-span-4 {
        grid-column: span 4
    }

    .medium-span-5 {
        grid-column: span 5
    }

    .medium-span-6 {
        grid-column: span 6
    }

    .medium-span-7 {
        grid-column: span 7
    }

    .medium-span-8 {
        grid-column: span 8
    }

    .medium-span-9 {
        grid-column: span 9
    }

    .medium-span-10 {
        grid-column: span 10
    }

    .medium-span-11 {
        grid-column: span 11
    }

    .medium-span-12 {
        grid-column: span 12
    }
}

@media only screen and (max-width:734px) {
    .small-span-0 {
        grid-column: span 0
    }

    .small-span-1 {
        grid-column: span 1
    }

    .small-span-2 {
        grid-column: span 2
    }

    .small-span-3 {
        grid-column: span 3
    }

    .small-span-4 {
        grid-column: span 4
    }

    .small-span-5 {
        grid-column: span 5
    }

    .small-span-6 {
        grid-column: span 6
    }

    .small-span-7 {
        grid-column: span 7
    }

    .small-span-8 {
        grid-column: span 8
    }

    .small-span-9 {
        grid-column: span 9
    }

    .small-span-10 {
        grid-column: span 10
    }

    .small-span-11 {
        grid-column: span 11
    }

    .small-span-12 {
        grid-column: span 12
    }
}

.icon:after,
.icon:before,
.more:after,
.more:before {
    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: "";
    text-decoration: none
}

.icon:before,
.more:before {
    display: none
}

.icon-after:after,
.more:after {
    padding-inline-start: .3em;
    top: 0
}

.icon-before:before {
    padding-inline-end: .3em;
    display: inline-block;
    top: 0
}

.icon-before:after {
    display: none
}

.icon-before.icon-apple:before {
    padding-inline-end: 0;
    display: inline-block;
    top: 0
}

.icon-before.icon-apple:after {
    display: none
}

.icon-apple:after,
.icon-apple:before {
    content: ""
}

.icon-chevrondown:after,
.icon-chevrondown:before {
    content: ""
}

.icon-chevrondowncircle:after,
.icon-chevrondowncircle:before {
    content: ""
}

.icon-chevronleft:after,
.icon-chevronleft:before {
    content: ""
}

.icon-chevronleftcircle:after,
.icon-chevronleftcircle:before {
    content: ""
}

.icon-chevronright:after,
.icon-chevronright:before {
    content: ""
}

.icon-chevronrightcircle:after,
.icon-chevronrightcircle:before {
    content: ""
}

.icon-chevronup:after,
.icon-chevronup:before {
    content: ""
}

.icon-chevronupcircle:after,
.icon-chevronupcircle:before {
    content: ""
}

.icon-arrowdowncircle:after,
.icon-arrowdowncircle:before {
    content: ""
}

.icon-arrowupcircle:after,
.icon-arrowupcircle:before {
    content: ""
}

.icon-external:after,
.icon-external:before {
    content: ""
}

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

.icon-search:after,
.icon-search:before {
    content: ""
}

.icon-arkit:after,
.icon-arkit:before {
    content: ""
}

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

.icon-pausesolid:after,
.icon-pausesolid:before {
    content: ""
}

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

.icon-playsolid:after,
.icon-playsolid:before {
    content: ""
}

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

.icon-stopcircle:after,
.icon-stopcircle:before {
    content: ""
}

.icon-stopsolid:after,
.icon-stopsolid:before {
    content: ""
}

.icon-circle:after,
.icon-circle:before {
    content: ""
}

.icon-check:after,
.icon-check:before {
    content: ""
}

.icon-checkcircle:after,
.icon-checkcircle:before {
    content: ""
}

.icon-checksolid:after,
.icon-checksolid:before {
    content: ""
}

.icon-reset:after,
.icon-reset:before {
    content: ""
}

.icon-resetcircle:after,
.icon-resetcircle:before {
    content: ""
}

.icon-resetsolid:after,
.icon-resetsolid:before {
    content: ""
}

.icon-ellipsiscircle:after,
.icon-ellipsiscircle:before {
    content: ""
}

.icon-ellipsissolid:after,
.icon-ellipsissolid:before {
    content: "􀍢"
}

.icon-exclamation:after,
.icon-exclamation:before {
    content: ""
}

.icon-exclamationcircle:after,
.icon-exclamationcircle:before {
    content: ""
}

.icon-exclamationsolid:after,
.icon-exclamationsolid:before {
    content: ""
}

.icon-exclamationtriangle:after,
.icon-exclamationtriangle:before {
    content: ""
}

.icon-exclamationtrianglesolid:after,
.icon-exclamationtrianglesolid:before {
    content: ""
}

.icon-infocircle:after,
.icon-infocircle:before {
    content: ""
}

.icon-infosolid:after,
.icon-infosolid:before {
    content: ""
}

.icon-question:after,
.icon-question:before {
    content: ""
}

.icon-questioncircle:after,
.icon-questioncircle:before {
    content: ""
}

.icon-questionsolid:after,
.icon-questionsolid:before {
    content: ""
}

.icon-plus:after,
.icon-plus:before {
    content: ""
}

.icon-pluscircle:after,
.icon-pluscircle:before {
    content: ""
}

.icon-plussolid:after,
.icon-plussolid:before {
    content: ""
}

.icon-minus:after,
.icon-minus:before {
    content: ""
}

.icon-minuscircle:after,
.icon-minuscircle:before {
    content: ""
}

.icon-minussolid:after,
.icon-minussolid:before {
    content: ""
}

.icon-1circle:after,
.icon-1circle:before {
    content: ""
}

.icon-2circle:after,
.icon-2circle:before {
    content: ""
}

.icon-3circle:after,
.icon-3circle:before {
    content: ""
}

.icon-4circle:after,
.icon-4circle:before {
    content: ""
}

.icon-5circle:after,
.icon-5circle:before {
    content: ""
}

.icon-6circle:after,
.icon-6circle:before {
    content: ""
}

.icon-7circle:after,
.icon-7circle:before {
    content: ""
}

.icon-8circle:after,
.icon-8circle:before {
    content: ""
}

.icon-9circle:after,
.icon-9circle:before {
    content: ""
}

.icon-10circle:after,
.icon-10circle:before {
    content: ""
}

.icon-11circle:after,
.icon-11circle:before {
    content: ""
}

.icon-12circle:after,
.icon-12circle:before {
    content: ""
}

.icon-13circle:after,
.icon-13circle:before {
    content: ""
}

.icon-14circle:after,
.icon-14circle:before {
    content: ""
}

.icon-15circle:after,
.icon-15circle:before {
    content: ""
}

.icon-16circle:after,
.icon-16circle:before {
    content: ""
}

.icon-17circle:after,
.icon-17circle:before {
    content: ""
}

.icon-18circle:after,
.icon-18circle:before {
    content: ""
}

.icon-19circle:after,
.icon-19circle:before {
    content: ""
}

.icon-20circle:after,
.icon-20circle:before {
    content: ""
}

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

.icon-closecompact:after,
.icon-closecompact:before {
    content: ""
}

.icon-paddleleft:after,
.icon-paddleleft:before {
    content: ""
}

.icon-paddleleftcompact:after,
.icon-paddleleftcompact:before {
    content: ""
}

.icon-paddleright:after,
.icon-paddleright:before {
    content: ""
}

.icon-paddlerightcompact:after,
.icon-paddlerightcompact:before {
    content: ""
}

.icon-paddleup:after,
.icon-paddleup:before {
    content: ""
}

.icon-paddleupcompact:after,
.icon-paddleupcompact:before {
    content: ""
}

.icon-paddledown:after,
.icon-paddledown:before {
    content: ""
}

.icon-paddledowncompact:after,
.icon-paddledowncompact:before {
    content: ""
}

.icon-thumbnailreplay:after,
.icon-thumbnailreplay:before {
    content: ""
}

.icon-thumbnailpause:after,
.icon-thumbnailpause:before {
    content: ""
}

.icon-thumbnailplay:after,
.icon-thumbnailplay:before {
    content: ""
}

.icon-externalrtl:after,
.icon-externalrtl:before {
    content: ""
}

.icon-questionrtl:after,
.icon-questionrtl:before {
    content: ""
}

.icon-questioncirclertl:after,
.icon-questioncirclertl:before {
    content: ""
}

.icon-questionsolidrtl:after,
.icon-questionsolidrtl:before {
    content: ""
}

a.icon {
    text-decoration: none
}

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

html:not([dir=rtl]) .more:after,
html:not([dir=rtl]) .more:before {
    content: ""
}

html[dir=rtl] .more:after,
html[dir=rtl] .more:before {
    content: ""
}

.more-block {
    margin-top: .5em
}

a.more {
    text-decoration: none
}

a.more:hover {
    text-decoration: underline
}

html:not([dir=rtl]) .icon-chevronstart:after,
html:not([dir=rtl]) .icon-chevronstart:before {
    content: ""
}

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

html:not([dir=rtl]) .icon-chevronstartcircle:after,
html:not([dir=rtl]) .icon-chevronstartcircle:before {
    content: ""
}

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

html:not([dir=rtl]) .icon-chevronend:after,
html:not([dir=rtl]) .icon-chevronend:before {
    content: ""
}

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

html:not([dir=rtl]) .icon-chevronendcircle:after,
html:not([dir=rtl]) .icon-chevronendcircle:before {
    content: ""
}

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

.icon-wrapper .icon,
.icon-wrapper .icon-after:after,
.icon-wrapper .icon-before:before,
.icon-wrapper .more:not(.icon-before):after {
    display: inline;
    position: static
}

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

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

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

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

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

:lang(ar) .icon-question:after,
:lang(ar) .icon-question:before {
    content: ""
}

:lang(ar) .icon-questioncircle:after,
:lang(ar) .icon-questioncircle:before {
    content: ""
}

:lang(ar) .icon-questionsolid:after,
:lang(ar) .icon-questionsolid:before {
    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
    }
}

:root {
    --sk-glyph: rgb(0, 0, 0);
    --sk-glyph-gray: rgb(29, 29, 31);
    --sk-glyph-gray-alpha: rgba(0, 0, 0, 0.88);
    --sk-glyph-gray-secondary: rgb(110, 110, 115);
    --sk-glyph-gray-secondary-alpha: rgba(0, 0, 0, 0.56);
    --sk-glyph-gray-secondary-alt: rgb(66, 66, 69);
    --sk-glyph-gray-secondary-alt-alpha: rgba(0, 0, 0, 0.72);
    --sk-glyph-gray-tertiary: rgb(134, 134, 139);
    --sk-glyph-gray-tertiary-alpha: rgba(0, 0, 0, 0.48);
    --sk-glyph-blue: rgb(0, 102, 204);
    --sk-glyph-orange: rgb(182, 68, 0);
    --sk-glyph-green: rgb(0, 128, 9);
    --sk-glyph-red: rgb(227, 0, 0);
    --sk-fill: rgb(255, 255, 255);
    --sk-fill-secondary: rgb(250, 250, 252);
    --sk-fill-tertiary: rgb(245, 245, 247);
    --sk-fill-gray: rgb(29, 29, 31);
    --sk-fill-gray-alpha: rgba(0, 0, 0, 0.88);
    --sk-fill-gray-secondary: rgb(134, 134, 139);
    --sk-fill-gray-secondary-alpha: rgba(0, 0, 0, 0.48);
    --sk-fill-gray-tertiary: rgb(210, 210, 215);
    --sk-fill-gray-tertiary-alpha: rgba(0, 0, 0, 0.16);
    --sk-fill-gray-quaternary: rgb(232, 232, 237);
    --sk-fill-gray-quaternary-alpha: rgba(0, 0, 0, 0.08);
    --sk-fill-blue: rgb(0, 113, 227);
    --sk-fill-orange: rgb(245, 99, 0);
    --sk-fill-orange-secondary: rgb(255, 249, 244);
    --sk-fill-green: rgb(3, 161, 14);
    --sk-fill-green-secondary: rgb(245, 255, 246);
    --sk-fill-red: rgb(227, 0, 0);
    --sk-fill-red-secondary: rgb(255, 242, 244);
    --sk-fill-yellow: rgb(255, 224, 69);
    --sk-fill-yellow-secondary: rgb(255, 254, 242);
    --sk-productred: rgb(175, 30, 45);
    --sk-enviro-green: rgb(0, 217, 89);
    --sk-enviro-neutral: rgb(232, 232, 237)
}

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

:root {
    --sk-footnote-reduced-font-size: 0.45em;
    --sk-footnote-reduced-offset-top: -0.86em
}

.footnote a {
    vertical-align: inherit
}

.footnote-reduced {
    font-size: .45em
}

sup.footnote-reduced {
    top: -0.86em
}

sub.footnote-reduced {
    bottom: -0.36em
}

.footnote-supglyph {
    position: relative;
    vertical-align: initial;
    text-underline-offset: -0.28em
}

.footnote-supglyph.footnote-reduced {
    font-size: .9em;
    top: -0.09em
}

.footnote-diamond {
    position: relative;
    vertical-align: initial;
    text-underline-offset: -0.28em;
    font-feature-settings: "numr";
    font-size: 1em
}

sup.footnote-diamond {
    top: auto
}

sub.footnote-diamond {
    bottom: -0.5em
}

.footnote-diamond.footnote-reduced {
    font-size: .9em;
    top: -0.09em
}

sub.footnote-diamond.footnote-reduced {
    top: auto;
    bottom: -0.52em
}

.footnote-number {
    position: relative;
    vertical-align: initial;
    text-underline-offset: -0.28em;
    font-feature-settings: "numr";
    font-size: 1em
}

sup.footnote-number {
    top: auto
}

sub.footnote-number {
    bottom: -0.5em
}

.footnote-number.footnote-reduced {
    font-size: .9em;
    top: -0.09em
}

sub.footnote-number.footnote-reduced {
    top: auto;
    bottom: -0.52em
}

.footnote-comma {
    font-size: .55em;
    line-height: 0;
    vertical-align: super;
    margin-inline-end: .12em;
    margin-inline-start: .03em
}

.footnote-comma.footnote-reduced {
    font-size: .65em
}

.paddlenav {
    --sk-paddlenav-diameter: 36px;
    --sk-paddlenav-arrow-color: rgba(0, 0, 0, 0.56);
    --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-background: transparent;
    --sk-paddlenav-background-hover: transparent;
    --sk-paddlenav-background-active: transparent
}

.paddlenav,
.paddlenav ul {
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center
}

.paddlenav .paddlenav-arrow {
    background: var(--sk-paddlenav-background);
    color: var(--sk-paddlenav-arrow-color);
    display: block;
    width: var(--sk-paddlenav-diameter);
    height: var(--sk-paddlenav-diameter);
    border-radius: var(--sk-paddlenav-diameter);
    font-style: normal;
    overflow: hidden;
    position: absolute;
    text-align: center;
    line-height: 1;
    transition: background 100ms linear, color 100ms linear, opacity 100ms linear
}

.paddlenav .paddlenav-arrow-next,
.paddlenav .paddlenav-arrow-previous {
    margin-top: calc(var(--sk-paddlenav-diameter)*-0.5)
}

.paddlenav .paddlenav-arrow-down,
.paddlenav .paddlenav-arrow-up {
    margin-left: calc(var(--sk-paddlenav-diameter)*-0.5)
}

.paddlenav .paddlenav-arrow-next,
.paddlenav .paddlenav-arrow-previous {
    top: 50%
}

.paddlenav .paddlenav-arrow-down,
.paddlenav .paddlenav-arrow-up {
    left: 50%
}

.paddlenav .paddlenav-arrow svg path {
    fill: var(--sk-paddlenav-arrow-color);
    transition: fill 100ms linear
}

.paddlenav .paddlenav-arrow:hover {
    background: var(--sk-paddlenav-background-hover);
    color: var(--sk-paddlenav-arrow-color-hover);
    text-decoration: none
}

.paddlenav .paddlenav-arrow:hover svg path {
    fill: var(--sk-paddlenav-arrow-color-hover)
}

.paddlenav .paddlenav-arrow:active {
    background: var(--sk-paddlenav-background-active);
    color: var(--sk-paddlenav-arrow-color-active)
}

.paddlenav .paddlenav-arrow:active svg path {
    fill: var(--sk-paddlenav-arrow-color-active)
}

.paddlenav .paddlenav-arrow:focus-visible {
    outline: 2px solid var(--sk-focus-color, #0071E3);
    outline-offset: var(--sk-focus-offset-container, 3px)
}

.paddlenav .paddlenav-arrow.disabled,
.paddlenav .paddlenav-arrow:disabled {
    pointer-events: none;
    opacity: var(--sk-link-disabled-opacity, 0.42)
}

.paddlenav .paddlenav-arrow-previous {
    inset-inline-start: 18px
}

.paddlenav .paddlenav-arrow-next {
    inset-inline-end: 18px
}

.paddlenav .paddlenav-arrow-up {
    top: 18px
}

.paddlenav .paddlenav-arrow-down {
    bottom: 18px
}

.paddlenav-elevated {
    --sk-paddlenav-diameter: 56px
}

.paddlenav-super {
    --sk-paddlenav-diameter: 90px
}

.paddlenav-alpha {
    --sk-paddlenav-background: rgba(210, 210, 215, 0.64);
    --sk-paddlenav-background-hover: rgba(223, 223, 227, 0.6976);
    --sk-paddlenav-background-active: rgba(193, 193, 198, 0.6544)
}

.paddlenav-solid {
    --sk-paddlenav-background: rgb(232, 232, 237);
    --sk-paddlenav-background-hover: #ececf0;
    --sk-paddlenav-background-active: #dfdfe4
}

html:not([dir=rtl]) .paddlenav-justified.paddlenav-outside .paddlenav-arrow-previous {
    left: 18px;
    left: calc(var(--sk-paddlenav-diameter)*-1 + -18px)
}

html:not([dir=rtl]) .paddlenav-justified.paddlenav-outside .paddlenav-arrow-next,
html[dir=rtl] .paddlenav-justified.paddlenav-outside .paddlenav-arrow-previous {
    right: 18px;
    right: calc(var(--sk-paddlenav-diameter)*-1 + -18px)
}

html[dir=rtl] .paddlenav-justified.paddlenav-outside .paddlenav-arrow-next {
    left: 18px;
    left: calc(var(--sk-paddlenav-diameter)*-1 + -18px)
}

.paddlenav-side-aligned .paddlenav-arrow-next,
.paddlenav-side-aligned .paddlenav-arrow-previous {
    top: 100%;
    margin-top: calc(var(--sk-paddlenav-diameter)*-1 + -18px)
}

html:not([dir=rtl]) .paddlenav-side-aligned .paddlenav-arrow-previous {
    left: auto;
    right: calc(var(--sk-paddlenav-diameter) + 36px)
}

html[dir=rtl] .paddlenav-side-aligned .paddlenav-arrow-previous {
    left: calc(var(--sk-paddlenav-diameter) + 36px);
    right: auto
}

html:not([dir=rtl]) .paddlenav-side-aligned .paddlenav-arrow-next {
    right: 18px
}

html[dir=rtl] .paddlenav-side-aligned .paddlenav-arrow-next {
    left: 18px
}

.paddlenav-side-aligned.paddlenav-outside .paddlenav-arrow-next,
.paddlenav-side-aligned.paddlenav-outside .paddlenav-arrow-previous {
    top: 100%;
    margin-top: 18px
}

html:not([dir=rtl]) .paddlenav-side-aligned.paddlenav-outside .paddlenav-arrow-previous {
    left: auto;
    right: calc(var(--sk-paddlenav-diameter) + 36px);
    right: calc(var(--sk-paddlenav-diameter) + 18px)
}

html[dir=rtl] .paddlenav-side-aligned.paddlenav-outside .paddlenav-arrow-previous {
    left: calc(var(--sk-paddlenav-diameter) + 36px);
    right: auto;
    left: calc(var(--sk-paddlenav-diameter) + 18px)
}

html:not([dir=rtl]) .paddlenav-side-aligned.paddlenav-outside .paddlenav-arrow-next {
    right: 18px;
    right: 0
}

html[dir=rtl] .paddlenav-side-aligned.paddlenav-outside .paddlenav-arrow-next {
    left: 18px;
    left: 0
}

.paddlenav-centered .paddlenav-arrow-next,
.paddlenav-centered .paddlenav-arrow-previous {
    top: 100%;
    margin-top: calc(var(--sk-paddlenav-diameter)*-1 + -18px)
}

.paddlenav-centered .paddlenav-arrow-previous {
    margin-inline-start: calc(var(--sk-paddlenav-diameter)*-1 + -9px)
}

html:not([dir=rtl]) .paddlenav-centered .paddlenav-arrow-previous {
    left: auto
}

html[dir=rtl] .paddlenav-centered .paddlenav-arrow-previous {
    right: auto
}

.paddlenav-centered .paddlenav-arrow-next {
    margin-inline-start: 9px
}

html:not([dir=rtl]) .paddlenav-centered .paddlenav-arrow-next {
    right: auto
}

html[dir=rtl] .paddlenav-centered .paddlenav-arrow-next {
    left: auto
}

.paddlenav-centered.paddlenav-outside .paddlenav-arrow-next,
.paddlenav-centered.paddlenav-outside .paddlenav-arrow-previous {
    top: 100%;
    margin-top: 18px
}

.paddlenav-centered.paddlenav-outside .paddlenav-arrow-previous {
    margin-inline-start: calc(var(--sk-paddlenav-diameter)*-1 + -9px)
}

html:not([dir=rtl]) .paddlenav-centered.paddlenav-outside .paddlenav-arrow-previous {
    left: auto
}

html[dir=rtl] .paddlenav-centered.paddlenav-outside .paddlenav-arrow-previous {
    right: auto
}

.paddlenav-centered.paddlenav-outside .paddlenav-arrow-next {
    margin-inline-start: 9px
}

html:not([dir=rtl]) .paddlenav-centered.paddlenav-outside .paddlenav-arrow-next {
    right: auto
}

html[dir=rtl] .paddlenav-centered.paddlenav-outside .paddlenav-arrow-next {
    left: auto
}

.with-paddlenav {
    position: relative
}

html.no-touch .with-paddlenav-onhover .paddlenav-arrow {
    opacity: 0;
    transition: background 100ms linear, color 100ms linear, opacity 100ms linear
}

html.no-touch .with-paddlenav-onhover .paddlenav-arrow:focus-visible,
html.no-touch .with-paddlenav-onhover:hover .paddlenav-arrow {
    opacity: 1
}

html.no-touch .with-paddlenav-onhover .paddlenav-arrow.disabled,
html.no-touch .with-paddlenav-onhover .paddlenav-arrow:disabled {
    opacity: 0
}

.with-paddlenav-visuallyhidden .paddlenav-arrow {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0 0 99.9% 99.9%)
}

.with-paddlenav-visuallyhidden .paddlenav-arrow:focus-visible,
.with-paddlenav-visuallyhidden .paddlenav-arrow:hover {
    clip: auto;
    clip-path: none
}

.viewport-content {
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 980px
}

@media only screen and (min-width:1441px) {
    .viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 980px
    }
}

@media only screen and (max-width:1068px) {
    .viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 692px
    }
}

@media only screen and (max-width:734px) {
    .viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 87.5%
    }
}

.theme-dark {
    --sk-glyph: rgb(255, 255, 255);
    --sk-glyph-gray: rgb(245, 245, 247);
    --sk-glyph-gray-alpha: rgba(255, 255, 255, 0.92);
    --sk-glyph-gray-secondary: rgb(134, 134, 139);
    --sk-glyph-gray-secondary-alpha: rgba(255, 255, 255, 0.56);
    --sk-glyph-gray-secondary-alt: rgb(210, 210, 215);
    --sk-glyph-gray-secondary-alt-alpha: rgba(255, 255, 255, 0.8);
    --sk-glyph-gray-tertiary: rgb(110, 110, 115);
    --sk-glyph-gray-tertiary-alpha: rgba(255, 255, 255, 0.4);
    --sk-glyph-blue: rgb(41, 151, 255);
    --sk-glyph-orange: rgb(255, 121, 27);
    --sk-glyph-green: rgb(3, 161, 14);
    --sk-glyph-red: rgb(255, 48, 55);
    --sk-fill: rgb(0, 0, 0);
    --sk-fill-secondary: rgb(22, 22, 23);
    --sk-fill-tertiary: rgb(29, 29, 31);
    --sk-fill-gray: rgb(245, 245, 247);
    --sk-fill-gray-alpha: rgba(255, 255, 255, 0.92);
    --sk-fill-gray-secondary: rgb(110, 110, 115);
    --sk-fill-gray-secondary-alpha: rgba(255, 255, 255, 0.4);
    --sk-fill-gray-tertiary: rgb(66, 66, 69);
    --sk-fill-gray-tertiary-alpha: rgba(255, 255, 255, 0.24);
    --sk-fill-gray-quaternary: rgb(51, 51, 54);
    --sk-fill-gray-quaternary-alpha: rgba(255, 255, 255, 0.2);
    --sk-fill-orange-secondary: rgb(41, 13, 0);
    --sk-fill-green-secondary: rgb(0, 43, 3);
    --sk-fill-red: rgb(255, 48, 55);
    --sk-fill-red-secondary: rgb(51, 0, 0);
    --sk-fill-yellow: rgb(173, 130, 0);
    --sk-fill-yellow-secondary: rgb(43, 32, 0);
    --sk-enviro-neutral: rgb(0, 0, 0);
    --sk-body-background-color: rgb(0, 0, 0);
    --sk-body-text-color: rgb(245, 245, 247);
    --sk-headline-text-color: rgb(245, 245, 247);
    --sk-body-link-color: rgb(41, 151, 255);
    --sk-link-disabled-opacity: 0.36;
    --sk-focus-color-alt: rgb(255, 255, 255)
}

.theme-dark .badge {
    --sk-badge-background: rgba(245, 99, 0, 0.2);
    --sk-badge-text-color: rgb(255, 121, 27)
}

.theme-dark .badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(255, 121, 27)
}

.theme-dark .badge-neutral {
    --sk-badge-background: rgba(245, 245, 247, 0.14);
    --sk-badge-text-color: rgb(210, 210, 215)
}

.theme-dark .badge-neutral.badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(210, 210, 215)
}

.theme-dark a.block {
    --sk-blocklink-color: rgb(41, 151, 255)
}

.theme-dark .button {
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.36);
    --sk-button-background: rgb(0, 113, 227);
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB
}

.theme-dark .button-neutral {
    --sk-button-background: rgb(245, 245, 247);
    --sk-button-background-hover: rgb(255, 255, 255);
    --sk-button-background-active: #EDEDF2;
    --sk-button-color: rgb(0, 0, 0)
}

.theme-dark .button-secondary {
    --sk-button-background: transparent;
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB;
    --sk-button-color: rgb(41, 151, 255);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(41, 151, 255)
}

.theme-dark .button-secondary-neutral {
    --sk-button-background: transparent;
    --sk-button-background-hover: rgb(255, 255, 255);
    --sk-button-background-active: #EDEDF2;
    --sk-button-color: rgb(245, 245, 247);
    --sk-button-color-hover: rgb(0, 0, 0);
    --sk-button-border-color: rgb(245, 245, 247)
}

.theme-dark .colorindicator {
    --sk-colorindicator-background-color: rgb(29, 29, 31);
    --sk-colorindicator-swatch-border-color: linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.24) 70%, rgba(255, 255, 255, 0.44));
    --sk-colorindicator-label-color: rgb(134, 134, 139)
}

.theme-dark .dotnav {
    --sk-dotnav-background: rgba(255, 255, 255, 0.36);
    --sk-dotnav-background-hover: rgba(255, 255, 255, 0.48);
    --sk-dotnav-background-current: rgba(255, 255, 255, 0.8)
}

.theme-dark .list,
.theme-dark .list-title {
    --sk-list-copy-color: rgb(245, 245, 247);
    --sk-list-title-color: rgb(245, 245, 247)
}

.theme-dark .paddlenav,
.theme-dark .paddlenav-solid {
    --sk-paddlenav-arrow-color: rgba(255, 255, 255, 0.8);
    --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255);
    --sk-paddlenav-arrow-color-active: rgb(255, 255, 255)
}

.theme-dark .paddlenav-solid {
    --sk-paddlenav-background: rgb(51, 51, 54);
    --sk-paddlenav-background-hover: #37373a;
    --sk-paddlenav-background-active: #2f2f32
}

.theme-dark .paddlenav-alpha {
    --sk-paddlenav-arrow-color: rgba(255, 255, 255, 0.8);
    --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255);
    --sk-paddlenav-arrow-color-active: rgb(255, 255, 255);
    --sk-paddlenav-background: rgba(66, 66, 69, 0.72);
    --sk-paddlenav-background-hover: rgba(73, 73, 76, 0.7256);
    --sk-paddlenav-background-active: rgba(57, 57, 60, 0.7424)
}

.theme-dark .pin {
    --sk-pin-color: rgb(110, 110, 115);
    --sk-pin-caption-color: rgb(134, 134, 139)
}

.theme-dark .quote {
    --sk-quote-copy-color: colors.color(quote.$quote-copy-color, $swatch-book);
    --sk-quote-credit-color: colors.color(quote.$quote-credit-color, $swatch-book)
}

.theme-dark .sosumi {
    --sk-sosumi-text-color: rgba(255, 255, 255, 0.56);
    --sk-sosumi-link-color: rgba(255, 255, 255, 0.8)
}

.theme-dark .stat {
    --sk-stat-value-color: rgb(245, 245, 247);
    --sk-stat-caption-color: rgb(245, 245, 247)
}

.theme-dark .thumbnav {
    --sk-thumbnav-image-border-color: rgb(110, 110, 115);
    --sk-thumbnav-image-border-color-hover: rgb(110, 110, 115);
    --sk-thumbnav-image-border-color-current: rgb(0, 113, 227);
    --sk-thumbnav-image-background: rgb(29, 29, 31);
    --sk-thumbnav-copy-color: rgb(134, 134, 139);
    --sk-thumbnav-copy-color-hover: rgb(245, 245, 247)
}

.theme-dark .thumbnav-neutral {
    --sk-thumbnav-image-border-color: rgb(110, 110, 115);
    --sk-thumbnav-image-border-color-hover: rgb(110, 110, 115);
    --sk-thumbnav-image-border-color-current: rgb(245, 245, 247);
    --sk-thumbnav-image-background: rgb(29, 29, 31);
    --sk-thumbnav-copy-color: rgb(134, 134, 139);
    --sk-thumbnav-copy-color-hover: rgb(245, 245, 247)
}

.theme-dark .tile {
    --sk-tile-background: rgb(0, 0, 0);
    --sk-tile-button-icon-color: rgba(255, 255, 255, 0.8);
    --sk-tile-button-background: rgba(66, 66, 69, 0.72);
    --sk-tile-button-icon-color-hover: rgb(255, 255, 255);
    --sk-tile-button-background-hover: rgba(73, 73, 76, 0.7256);
    --sk-tile-button-background-active: rgba(57, 57, 60, 0.7424)
}

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

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

.typography-caption:lang(ja) {
    line-height: 1.4166666667;
    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.4166666667;
    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.3333733333;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

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

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

.typography-poster-card-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-poster-card-body: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-poster-card-body:lang(ko),
.typography-poster-card-body:lang(th),
.typography-poster-card-body:lang(zh) {
    line-height: 1.3529611765;
    letter-spacing: 0em
}

.typography-poster-card-body:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

.typography-poster-card-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-poster-card-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-poster-card-body {
        font-size: 14px;
        line-height: 1.2857742857;
        font-weight: 400;
        letter-spacing: -0.016em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-poster-card-body:lang(ja) {
        line-height: 1.3571828571;
        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-poster-card-body:lang(ko) {
        line-height: 1.4285914286;
        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-poster-card-body:lang(th),
    .typography-poster-card-body:lang(zh) {
        line-height: 1.3571828571;
        letter-spacing: 0em
    }

    .typography-poster-card-body:lang(th) {
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

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

.typography-poster-card-headline {
    font-size: 28px;
    line-height: 1.1428571429;
    font-weight: 600;
    letter-spacing: .007em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

.typography-poster-card-headline:lang(zh) {
    line-height: 1.25
}

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

.typography-poster-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-poster-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-poster-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-poster-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-poster-card-headline {
        font-size: 24px;
        line-height: 1.1666666667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-poster-card-headline: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-poster-card-headline:lang(ko) {
        line-height: 1.2916666667;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-poster-card-headline:lang(zh) {
        line-height: 1.2916666667
    }

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

    .typography-poster-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-poster-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-poster-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-poster-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:734px) {
    .typography-poster-card-headline {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

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

    .typography-poster-card-headline:lang(zh) {
        line-height: 1.3334033333
    }

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

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

.typography-poster-card-label {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 600;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-poster-card-label:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-poster-card-label:lang(ja) {
    line-height: 1.4166666667;
    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-poster-card-label:lang(ko) {
    line-height: 1.4166666667;
    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-poster-card-label:lang(zh) {
    letter-spacing: 0em
}

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

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

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

.typography-poster-card-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
}

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

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

.typography-family-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-family-eyebrow:lang(ko) {
    line-height: 1.2916666667;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.typography-family-eyebrow:lang(zh) {
    line-height: 1.2916666667
}

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

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

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

.typography-family-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-family-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-family-eyebrow {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

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

    .typography-family-eyebrow:lang(zh) {
        line-height: 1.3334033333
    }

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

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

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

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

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

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

.typography-family-headline:lang(ja) {
    line-height: 1.1459933333;
    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-family-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-family-headline:lang(zh) {
    letter-spacing: 0em
}

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

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

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

.typography-family-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-family-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-family-headline {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-family-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-family-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-family-headline:lang(th) {
        line-height: 1.35;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

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

    .typography-family-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-family-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-family-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-family-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-family-headline:lang(ko) {
        line-height: 1.21875;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-family-headline:lang(zh) {
        line-height: 1.21875
    }

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

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

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

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

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

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

.typography-family-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-family-headline-reduced:lang(th) {
    line-height: 1.3928571429;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-family-headline-reduced:lang(zh) {
    line-height: 1.25
}

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

.typography-family-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-family-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-family-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-family-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-family-headline-reduced {
        font-size: 24px;
        line-height: 1.1666666667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-family-headline-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-family-headline-reduced:lang(ko) {
        line-height: 1.2916666667;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-family-headline-reduced:lang(zh) {
        line-height: 1.2916666667
    }

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

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

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

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

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

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

    .typography-family-headline-reduced:lang(zh) {
        line-height: 1.3334033333
    }

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

    .typography-family-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-family-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-family-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-family-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-family-paragraph {
    font-size: 17px;
    line-height: 1.2353641176;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.typography-family-paragraph: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-family-paragraph: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-family-paragraph:lang(ko),
.typography-family-paragraph:lang(th),
.typography-family-paragraph:lang(zh) {
    line-height: 1.3529611765;
    letter-spacing: 0em
}

.typography-family-paragraph:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

.typography-family-paragraph: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-family-paragraph: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-family-paragraph {
        font-size: 14px;
        line-height: 1.2857742857;
        font-weight: 400;
        letter-spacing: -0.016em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-family-paragraph:lang(ja) {
        line-height: 1.3571828571;
        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-family-paragraph:lang(ko) {
        line-height: 1.4285914286;
        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-family-paragraph:lang(th),
    .typography-family-paragraph:lang(zh) {
        line-height: 1.3571828571;
        letter-spacing: 0em
    }

    .typography-family-paragraph:lang(th) {
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

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

.typography-section-headline {
    /* font-size: 56px; */
    font-size: 50px;
    line-height: 1.0714285714;
    font-weight: 600;
    letter-spacing: -0.005em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.typography-section-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-section-headline:lang(ko) {
    line-height: 1.1786514286;
    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.3392857143;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: 48px;
        line-height: 1.0834933333;
        font-weight: 600;
        letter-spacing: -0.003em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-section-headline:lang(ja) {
        line-height: 1.1459933333;
        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.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-section-headline:lang(zh) {
        letter-spacing: 0em
    }

    .typography-section-headline:lang(th) {
        line-height: 1.3334933333;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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: 28px; */
        font-size: 34px;
        line-height: 1.1428571429;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-section-headline:lang(ja) {
        line-height: 1.1786114286;
        font-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.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-headline:lang(th) {
        line-height: 1.3928571429;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-section-headline:lang(zh) {
        line-height: 1.25
    }

    .typography-section-headline:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, 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-section-headline-link {
    font-size: 17px;
    line-height: 1.4705882353;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.typography-section-headline-link:lang(ja) {
    line-height: 1.3529611765;
    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-section-headline-link:lang(ko) {
    line-height: 1.5882352941;
    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-section-headline-link:lang(zh) {
    letter-spacing: 0em
}

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

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

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

.typography-section-headline-link: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-section-headline-link: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-section-headline-link {
        font-size: 14px;
        line-height: 1.4285914286;
        font-weight: 400;
        letter-spacing: -0.016em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-section-headline-link:lang(ja) {
        line-height: 1.4;
        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-section-headline-link:lang(ko) {
        line-height: 1.5714285714;
        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-section-headline-link:lang(zh) {
        line-height: 1.5;
        letter-spacing: 0em
    }

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

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

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

    .typography-section-headline-link: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-section-headline-link: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: 28px;
    line-height: 1.1428571429;
    font-weight: 600;
    letter-spacing: .007em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

.typography-card-headline:lang(zh) {
    line-height: 1.25
}

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

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

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

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

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

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

    .typography-card-headline: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-card-headline:lang(ko) {
        line-height: 1.2916666667;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-card-headline:lang(zh) {
        line-height: 1.2916666667
    }

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

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

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

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

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

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

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

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

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

    .typography-card-headline:lang(zh) {
        line-height: 1.3334033333
    }

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

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

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

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

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

.typography-icon-card-modal-body {
    font-size: 19px;
    line-height: 1.4211026316;
    font-weight: 400;
    letter-spacing: .012em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

.typography-icon-card-modal-body:lang(th) {
    line-height: 1.3684410526;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

.typography-icon-card-modal-body:lang(zh-TW) {
    font-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-icon-card-modal-body {
        font-size: 17px;
        line-height: 1.4705882353;
        font-weight: 400;
        letter-spacing: -0.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-icon-card-modal-body:lang(ja) {
        line-height: 1.3529611765;
        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-icon-card-modal-body:lang(ko) {
        line-height: 1.5882352941;
        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-icon-card-modal-body:lang(zh) {
        letter-spacing: 0em
    }

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

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

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

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

.typography-icon-card-modal-inline-headline {
    font-size: 19px;
    line-height: 1.4211026316;
    font-weight: 600;
    letter-spacing: .012em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

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

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

.typography-icon-card-modal-inline-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-icon-card-modal-inline-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-icon-card-modal-inline-headline {
        font-size: 17px;
        line-height: 1.4705882353;
        font-weight: 600;
        letter-spacing: -0.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-icon-card-modal-inline-headline:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-icon-card-modal-inline-headline:lang(ja) {
        line-height: 1.3529611765;
        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-icon-card-modal-inline-headline:lang(ko) {
        line-height: 1.5882352941;
        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-icon-card-modal-inline-headline:lang(zh) {
        letter-spacing: 0em
    }

    .typography-icon-card-modal-inline-headline:lang(th) {
        line-height: 1.3529611765;
        letter-spacing: 0em;
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

    .typography-icon-card-modal-inline-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-icon-card-modal-inline-headline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

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

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

.typography-modal-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-modal-headline:lang(ko) {
    line-height: 1.1786514286;
    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-modal-headline:lang(zh) {
    letter-spacing: 0em
}

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

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

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

.typography-modal-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-modal-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-modal-headline {
        font-size: 48px;
        line-height: 1.0834933333;
        font-weight: 600;
        letter-spacing: -0.003em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-modal-headline:lang(ja) {
        line-height: 1.1459933333;
        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-modal-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-modal-headline:lang(zh) {
        letter-spacing: 0em
    }

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

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

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

    .typography-modal-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-modal-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-modal-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-modal-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-modal-headline:lang(ko) {
        line-height: 1.21875;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-modal-headline:lang(zh) {
        line-height: 1.21875
    }

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

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

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

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

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

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

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

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

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

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

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

.typography-modal-topic-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-modal-topic-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:734px) {
    .typography-modal-topic-label {
        font-size: 17px;
        line-height: 1.4705882353;
        font-weight: 600;
        letter-spacing: -0.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-modal-topic-label:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-modal-topic-label:lang(ja) {
        line-height: 1.3529611765;
        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-modal-topic-label:lang(ko) {
        line-height: 1.5882352941;
        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-modal-topic-label:lang(zh) {
        letter-spacing: 0em
    }

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

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

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

    .typography-modal-topic-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
    }

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

.typography-modal-table-label {
    font-size: 14px;
    line-height: 1.2857742857;
    font-weight: 600;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-modal-table-label:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-modal-table-label:lang(ja) {
    line-height: 1.3571828571;
    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-modal-table-label:lang(ko) {
    line-height: 1.4285914286;
    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-modal-table-label:lang(th),
.typography-modal-table-label:lang(zh) {
    line-height: 1.3571828571;
    letter-spacing: 0em
}

.typography-modal-table-label:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

.typography-modal-table-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
}

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

.typography-modal-table-copy {
    font-size: 21px;
    line-height: 1.1904761905;
    font-weight: 600;
    letter-spacing: .011em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

.typography-modal-table-copy:lang(th) {
    line-height: 1.381002381;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-modal-table-copy:lang(zh) {
    line-height: 1.3334033333
}

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

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

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

.typography-modal-table-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
}

.typography-modal-table-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:734px) {
    .typography-modal-table-copy {
        font-size: 19px;
        line-height: 1.2105263158;
        font-weight: 600;
        letter-spacing: .012em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-modal-table-copy:lang(ja) {
        line-height: 1.2631578947;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ラギノゴ Pro W3, メイオ, Meiryo, ＭＳ Ｐゴシク, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-modal-table-copy:lang(th) {
        line-height: 1.3684410526;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-modal-table-copy:lang(zh) {
        line-height: 1.3684410526
    }

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

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

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

    .typography-modal-table-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
    }

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

.typography-essential-card-badge {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 600;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-essential-card-badge:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-essential-card-badge:lang(ja) {
    line-height: 1.4166666667;
    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-essential-card-badge:lang(ko) {
    line-height: 1.4166666667;
    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-essential-card-badge:lang(zh) {
    letter-spacing: 0em
}

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

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

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

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

.typography-feature-card-label {
    font-size: 17px;
    line-height: 1.2353641176;
    font-weight: 600;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-feature-card-label:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-feature-card-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
}

.typography-feature-card-label: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-feature-card-label:lang(ko),
.typography-feature-card-label:lang(th),
.typography-feature-card-label:lang(zh) {
    line-height: 1.3529611765;
    letter-spacing: 0em
}

.typography-feature-card-label:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

.typography-feature-card-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
}

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

@media only screen and (max-width:1068px) {
    .typography-feature-card-label {
        font-size: 14px;
        line-height: 1.2857742857;
        font-weight: 600;
        letter-spacing: -0.016em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-feature-card-label:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-feature-card-label:lang(ja) {
        line-height: 1.3571828571;
        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-feature-card-label:lang(ko) {
        line-height: 1.4285914286;
        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-feature-card-label:lang(th),
    .typography-feature-card-label:lang(zh) {
        line-height: 1.3571828571;
        letter-spacing: 0em
    }

    .typography-feature-card-label:lang(th) {
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

    .typography-feature-card-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
    }

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

.typography-feature-card-modal-copy {
    font-size: 28px;
    line-height: 1.1428571429;
    font-weight: 600;
    letter-spacing: .007em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-feature-card-modal-copy:lang(ja) {
    line-height: 1.1786114286;
    font-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-card-modal-copy: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-card-modal-copy:lang(th) {
    line-height: 1.3928571429;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-feature-card-modal-copy:lang(zh) {
    line-height: 1.25
}

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

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

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

.typography-feature-card-modal-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
}

.typography-feature-card-modal-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) {
    .typography-feature-card-modal-copy {
        font-size: 28px;
        line-height: 1.1428571429;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-feature-card-modal-copy:lang(ja) {
        line-height: 1.1786114286;
        font-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-card-modal-copy: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-card-modal-copy:lang(th) {
        line-height: 1.3928571429;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-feature-card-modal-copy:lang(zh) {
        line-height: 1.25
    }

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

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

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

    .typography-feature-card-modal-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
    }

    .typography-feature-card-modal-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:734px) {
    .typography-feature-card-modal-copy {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-feature-card-modal-copy:lang(ja) {
        line-height: 1.2380952381;
        font-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-card-modal-copy:lang(ko) {
        line-height: 1.2858042857;
        font-family: SF 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-card-modal-copy:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-feature-card-modal-copy:lang(zh) {
        line-height: 1.3334033333
    }

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

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

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

    .typography-feature-card-modal-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
    }

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

.typography-feature-card-modal-image-caption {
    font-size: 19px;
    line-height: 1.2105263158;
    font-weight: 400;
    letter-spacing: .012em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-feature-card-modal-image-caption:lang(ja) {
    line-height: 1.2631578947;
    font-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-card-modal-image-caption:lang(ko) {
    line-height: 1.3157894737;
    font-family: SF 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-card-modal-image-caption:lang(th) {
    line-height: 1.3684410526;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-feature-card-modal-image-caption:lang(zh) {
    line-height: 1.3684410526
}

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

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

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

.typography-feature-card-modal-image-caption:lang(zh-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-card-modal-image-caption:lang(zh-TW) {
    font-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-card-modal-image-caption {
        font-size: 14px;
        line-height: 1.2857742857;
        font-weight: 400;
        letter-spacing: -0.016em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-feature-card-modal-image-caption:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-feature-card-modal-image-caption:lang(ja) {
        line-height: 1.3571828571;
        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-feature-card-modal-image-caption:lang(ko) {
        line-height: 1.4285914286;
        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-feature-card-modal-image-caption:lang(zh) {
        line-height: 1.3571828571;
        letter-spacing: 0em
    }

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

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

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

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

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

.typography-stat-caption:lang(ja) {
    line-height: 1.3334033333;
    font-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-caption:lang(ko) {
    line-height: 1.5238095238;
    font-family: SF 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-caption:lang(th) {
    line-height: 1.381002381;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

.typography-stat-caption:lang(zh-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-caption:lang(zh-TW) {
    font-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-stat-caption {
        font-size: 17px;
        line-height: 1.4705882353;
        font-weight: 600;
        letter-spacing: -0.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-stat-caption:lang(ja) {
        line-height: 1.3529611765;
        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-stat-caption:lang(ko) {
        line-height: 1.5882352941;
        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-stat-caption:lang(zh) {
        letter-spacing: 0em
    }

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

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

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

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

.typography-stat-value {
    font-size: 48px;
    line-height: 1.0834933333;
    font-weight: 600;
    letter-spacing: -0.003em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.typography-stat-value:lang(ja) {
    line-height: 1.1459933333;
    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-stat-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
}

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

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

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

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

.typography-stat-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-stat-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-stat-value {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-stat-value: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-stat-value:lang(th) {
        line-height: 1.35;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

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

    .typography-stat-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-stat-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) {
    .typography-stat-value {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-stat-value: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-stat-value: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-stat-value:lang(th) {
        line-height: 1.375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-stat-value:lang(zh) {
        line-height: 1.21875
    }

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

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

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

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

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

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

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

.typography-stat-value-super:lang(zh) {
    line-height: 1.0875;
    letter-spacing: 0em
}

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

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

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

.typography-stat-value-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-stat-value-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-stat-value-super {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 600;
        letter-spacing: -0.009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-stat-value-super:lang(ja) {
        line-height: 1.109375;
        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-stat-value-super:lang(ko) {
        line-height: 1.171875;
        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-stat-value-super:lang(zh) {
        line-height: 1.09375;
        letter-spacing: 0em
    }

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

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

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

    .typography-stat-value-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-stat-value-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:734px) {
    .typography-stat-value-super {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-stat-value-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-stat-value-super: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-stat-value-super:lang(th) {
        line-height: 1.35;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

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

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

.typography-stat-value-elevated {
    font-size: 72px;
    line-height: 1.0555555556;
    font-weight: 600;
    letter-spacing: -0.012em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.typography-stat-value-elevated:lang(ja) {
    line-height: 1.0973822222;
    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-stat-value-elevated:lang(ko) {
    line-height: 1.1527777778;
    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-stat-value-elevated:lang(zh) {
    letter-spacing: 0em
}

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

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

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

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

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

.typography-stat-value-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-stat-value-reduced:lang(ko) {
    line-height: 1.2;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

.typography-stat-value-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-stat-value-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-stat-value-reduced {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-stat-value-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-stat-value-reduced:lang(ko) {
        line-height: 1.21875;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-stat-value-reduced:lang(zh) {
        line-height: 1.21875
    }

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

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

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

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

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

.typography-stat-value-subvalue: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-stat-value-subvalue: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-stat-value-subvalue:lang(th) {
    line-height: 1.35;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

.typography-stat-value-subvalue:lang(zh-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-value-subvalue:lang(zh-TW) {
    font-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-value-subvalue {
        font-size: 28px;
        line-height: 1.2858342857;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-stat-value-subvalue: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-stat-value-subvalue:lang(ko) {
        line-height: 1.3928571429;
        font-family: SF 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-value-subvalue:lang(th) {
        line-height: 1.3928571429;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

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

    .typography-stat-value-subvalue:lang(zh-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-value-subvalue:lang(zh-TW) {
        font-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-stat-value-subvalue {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-stat-value-subvalue:lang(ja) {
        line-height: 1.2380952381;
        font-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-value-subvalue:lang(ko) {
        line-height: 1.2858042857;
        font-family: SF 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-value-subvalue:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-stat-value-subvalue:lang(zh) {
        line-height: 1.3334033333
    }

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

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

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

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

.typography-accordion-title-text {
    font-size: 28px;
    line-height: 1.1428571429;
    font-weight: 600;
    letter-spacing: .007em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.typography-accordion-title-text: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-accordion-title-text:lang(th) {
    line-height: 1.3928571429;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-accordion-title-text:lang(zh) {
    line-height: 1.25
}

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

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

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

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

.typography-accordion-title-text:lang(zh-TW) {
    font-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-accordion-title-text {
        font-size: 24px;
        line-height: 1.1666666667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-accordion-title-text: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-accordion-title-text:lang(ko) {
        line-height: 1.2916666667;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-accordion-title-text:lang(zh) {
        line-height: 1.2916666667
    }

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

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

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

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

    .typography-accordion-title-text:lang(zh-TW) {
        font-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-accordion-title-text {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

    .typography-accordion-title-text:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-accordion-title-text:lang(zh) {
        line-height: 1.3334033333
    }

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

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

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

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

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

.typography-accordion-paragraph-text {
    font-size: 17px;
    line-height: 1.4705882353;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-accordion-paragraph-text:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-accordion-paragraph-text:lang(ja) {
    line-height: 1.3529611765;
    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-accordion-paragraph-text:lang(ko) {
    line-height: 1.5882352941;
    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-accordion-paragraph-text:lang(zh) {
    letter-spacing: 0em
}

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

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

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

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

.typography-accordion-paragraph-text: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-accordion-paragraph-text {
        font-size: 14px;
        line-height: 1.4285914286;
        font-weight: 400;
        letter-spacing: -0.016em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-accordion-paragraph-text:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-accordion-paragraph-text:lang(ja) {
        line-height: 1.4;
        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-accordion-paragraph-text:lang(ko) {
        line-height: 1.5714285714;
        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-accordion-paragraph-text:lang(zh) {
        line-height: 1.5;
        letter-spacing: 0em
    }

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

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

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

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

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

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

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

.typography-index-headline:lang(ja) {
    line-height: 1.1459933333;
    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-index-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-index-headline:lang(zh) {
    letter-spacing: 0em
}

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

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

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

.typography-index-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-index-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-index-headline {
        font-size: 48px;
        line-height: 1.0834933333;
        font-weight: 600;
        letter-spacing: -0.003em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-index-headline:lang(ja) {
        line-height: 1.1459933333;
        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-index-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-index-headline:lang(zh) {
        letter-spacing: 0em
    }

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

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

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

    .typography-index-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-index-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-index-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-index-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-index-headline:lang(ko) {
        line-height: 1.21875;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .typography-index-headline:lang(zh) {
        line-height: 1.21875
    }

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

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

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

    .typography-index-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-index-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-eyebrow] {
    display: block;
    margin-bottom: .4em
}

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

.typography-headline+.typography-intro {
    --sk-headline-plus-first-element-margin: 1.2em
}

.typography-headline-super+.typography-intro-elevated {
    --sk-headline-plus-first-element-margin: 1.6em
}

.typography-headline-elevated+.typography-intro-elevated {
    --sk-headline-plus-first-element-margin: 1.4em
}

.typography-headline-reduced+.typography-body,
.typography-headline-reduced+p,
.typography-headline-reduced+ul {
    --sk-headline-plus-first-element-margin: 1em
}

.chapternav {
    --chapternav-padding: 16px;
    --chapternav-height: 60px;
    background: var(--chapternav-background);
    box-sizing: border-box;
    height: var(--chapternav-height);
    padding-top: var(--chapternav-padding);
    padding-bottom: var(--chapternav-padding);
    text-align: center;
    z-index: 9987;
    --chapternav-paddle-width: 34px;
    --chapternav-paddle-chevron-color: rgb(29, 29, 31);
    --chapternav-border-color: rgb(210, 210, 215);
    --chapternav-paddle-opacity: 0.8;
    --chapternav-paddle-hover-opacity: 1;
    --chapternav-paddle-hover-duration: 200ms;
    --chapternav-paddle-fade-duration: 150ms;
    --chapternav-paddle-horizontal-offset: -0.5px;
    --chapternav-border-width: 1px;
    --chapternav-safearea-offset: -10px;
    width: 100%;
    overflow: hidden
}

.chapternav.chapternav-dark,
.theme-dark .chapternav {
    --chapternav-border-color: rgb(66, 66, 69);
    --chapternav-paddle-chevron-color: rgb(245, 245, 247)
}

.chapternav-paddle {
    border: 0 solid var(--chapternav-border-color);
    border-radius: 0;
    color: var(--chapternav-paddle-chevron-color);
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
    width: calc(var(--chapternav-paddle-width) - 1px);
    transition: opacity var(--chapternav-paddle-fade-duration) ease-out
}

.chapternav-paddle-left-icon,
.chapternav-paddle-right-icon {
    opacity: var(--chapternav-paddle-opacity);
    transition: opacity var(--chapternav-paddle-hover-duration) linear;
    will-change: opacity
}

.chapternav-paddle:disabled {
    opacity: 0
}

.chapternav-paddle:hover .chapternav-paddle-left-icon,
.chapternav-paddle:hover .chapternav-paddle-right-icon {
    opacity: var(--chapternav-paddle-hover-opacity)
}

.chapternav-paddle:focus,
.chapternav-paddle:focus-visible {
    outline: none
}

.chapternav-paddle:focus-visible .chapternav-paddle-left-icon,
.chapternav-paddle:focus-visible .chapternav-paddle-right-icon {
    outline: 2px solid var(--sk-focus-color, #0071E3);
    outline-offset: 3px;
    opacity: 1
}

.chapternav-paddle:active {
    outline: none
}

.chapternav-paddle:active .chapternav-paddle-left-icon,
.chapternav-paddle:active .chapternav-paddle-right-icon {
    outline: none;
    opacity: var(--chapternav-paddle-hover-opacity)
}

.chapternav-paddle-left {
    border-right-width: var(--chapternav-border-width);
    left: 0
}

.chapternav-paddle-left-icon {
    margin-left: var(--chapternav-paddle-horizontal-offset)
}

@supports(left:max(calc(0px))) {
    .chapternav-paddle-left {
        left: max(env(safe-area-inset-left) + var(--chapternav-safearea-offset), 0px)
    }
}

.chapternav-paddle-right {
    border-left-width: var(--chapternav-border-width);
    right: 0
}

.chapternav-paddle-right-icon {
    margin-right: var(--chapternav-paddle-horizontal-offset)
}

@supports(right:max(calc(0px))) {
    .chapternav-paddle-right {
        right: max(env(safe-area-inset-right) + var(--chapternav-safearea-offset), 0px)
    }
}

.ac-nav-overlap .chapternav,
.chapternav-overlap .chapternav {
    position: absolute;
    top: 0;
    left: 0
}

.ac-nav-overlap .chapternav {
    margin-top: var(--r-globalnav-height, 44px)
}

@media only screen and (max-width:767px) {
    .ac-nav-overlap .chapternav {
        margin-top: var(--r-globalnav-height, 48px)
    }
}

.chapternav-wrapper {
    position: relative;
    height: 100%;
    z-index: 1
}

.chapternav-tall {
    --chapternav-height: 148px
}

.chapternav-scrim {
    --chapternav-background: rgba(250, 250, 252, 0.92)
}

@supports((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)) {
    .chapternav-scrim.chapternav-blur {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        --chapternav-background: rgba(250, 250, 252, 0.8)
    }
}

.chapternav {
    --chapternav-link-color: rgba(0, 0, 0, 0.8);
    --chapternav-link-color-hover: rgb(0, 0, 0);
    --chapternav-new-color: rgb(182, 68, 0)

}

.chapternav-items {
    margin-inline: var(--chapternav-paddle-width);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    list-style: none;
    /* padding-bottom: 50px; */
    padding-bottom: 20px;
    /* padding-top: 4px */
    /* padding-top: 20px; */
    padding-top: 40px;
}

@supports(margin:calc(max(0px))) {
    html:not([dir=rtl]) .chapternav-items {
        margin-inline: max(env(safe-area-inset-left) + var(--chapternav-paddle-width) + var(--chapternav-safearea-offset), var(--chapternav-paddle-width))
    }

    html[dir=rtl] .chapternav-items {
        margin-inline: max(env(safe-area-inset-right) + var(--chapternav-paddle-width) + var(--chapternav-safearea-offset), var(--chapternav-paddle-width))
    }
}

@media only screen and (orientation:landscape) {
    .chapternav-items {
        /* padding-bottom: 49px */
        padding-bottom: 8px;
    }
}

.chapternav-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 -.1176470588em;
    padding: 0 20px;
}

.chapternav-item:first-child {
    margin-inline-start: 0;
    padding-inline-start: 4px
}

.chapternav-item:last-child {
    margin-inline-end: 0;
    padding-inline-end: 4px
}

.chapternav-icon {
    background: bottom no-repeat;
    display: flex;
    justify-content: center;
    align-items: end;
    margin: 0 auto 4px;
    height: 56px
}

.chapternav-label {
    /* font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400; */
    font-size: 13px;
    line-height: 1.3333733333;
    font-weight: 600;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: block;
    margin: 0;

    

}

.chapternav-label:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

.chapternav-label:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

.chapternav-new {
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -0.008em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: var(--chapternav-new-color);
    display: block
}

.chapternav-new:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

.chapternav-new:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

.chapternav-link {
    color: var(--chapternav-link-color);
    display: block;
    padding: 0;
    position: relative;
    text-decoration: none;
    z-index: 1;
    /* padding: 0px 20px; */
    min-width: 55px;
}

.product-category-link:hover {
    color: var(--chapternav-link-color-hover);
    text-decoration: none !important;
    background: rgb(4, 10, 50, 0.1);
    border-radius: 15%;
}


.chapternav-link:focus-visible {
    outline: 2px solid var(--sk-focus-color, #0071E3);
    outline-offset: var(--sk-focus-offset, 1px)
}

.theme-dark .chapternav-link {
    color: var(--chapternav-link-color)
}

.theme-dark .chapternav-link:hover {
    color: var(--chapternav-link-color-hover)
}

.chapternav-link a:focus,  a:hover {
    /* color: #23527c; */
    /* text-decoration: underline; */
    color: #022078;
    text-decoration: none !important;
}



@keyframes chapternav-slidein {
    0% {
        opacity: 0
    }

    1% {
        transform: translateX(160px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.chapternav-item {
    animation: chapternav-slidein 350ms backwards;
    cursor: pointer;
}

.theme-dark .chapternav {
    --chapternav-link-color: rgba(255, 255, 255, 0.8);
    --chapternav-link-color-hover: rgb(255, 255, 255);
    --chapternav-new-color: rgb(255, 121, 27)
}

.theme-dark .chapternav-scrim {
    --chapternav-background: rgba(22, 22, 23, 0.88)
}

@supports((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)) {
    .theme-dark .chapternav-scrim.chapternav-blur {
        --chapternav-background: rgba(22, 22, 23, 0.8)
    }
}

.chapternav-dark.chapternav {
    --chapternav-link-color: rgba(255, 255, 255, 0.8);
    --chapternav-link-color-hover: rgb(255, 255, 255);
    --chapternav-new-color: rgb(255, 121, 27)
}

.chapternav-dark.chapternav-scrim {
    --chapternav-background: rgba(22, 22, 23, 0.88)
}

@supports((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)) {
    .chapternav-dark.chapternav-scrim.chapternav-blur {
        --chapternav-background: rgba(22, 22, 23, 0.8)
    }
}

.theme-light .chapternav.chapternav-dark {
    --chapternav-link-color: rgba(255, 255, 255, 0.8);
    --chapternav-link-color-hover: rgb(255, 255, 255);
    --chapternav-new-color: rgb(255, 121, 27)
}

.theme-light .chapternav.chapternav-dark-scrim {
    --chapternav-background: rgba(22, 22, 23, 0.88)
}

@supports((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)) {
    .theme-light .chapternav.chapternav-dark-scrim.chapternav-blur {
        --chapternav-background: rgba(22, 22, 23, 0.8)
    }
}

.theme-light .chapternav {
    --chapternav-link-color: rgba(0, 0, 0, 0.8);
    --chapternav-link-color-hover: rgb(0, 0, 0);
    --chapternav-new-color: rgb(182, 68, 0)
}

.theme-light .chapternav-scrim {
    --chapternav-background: rgba(250, 250, 252, 0.92)
}

@supports((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)) {
    .theme-light .chapternav-scrim.chapternav-blur {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        --chapternav-background: rgba(250, 250, 252, 0.8)
    }
}

.chapternav-light .chapternav {
    --chapternav-link-color: rgba(0, 0, 0, 0.8);
    --chapternav-link-color-hover: rgb(0, 0, 0);
    --chapternav-new-color: rgb(182, 68, 0)
}

.chapternav-light .chapternav-scrim {
    --chapternav-background: rgba(250, 250, 252, 0.92)
}

@supports((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)) {
    .chapternav-light .chapternav-scrim.chapternav-blur {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        --chapternav-background: rgba(250, 250, 252, 0.8)
    }
}

.theme-dark .chapternav-light.chapternav {
    --chapternav-link-color: rgba(0, 0, 0, 0.8);
    --chapternav-link-color-hover: rgb(0, 0, 0);
    --chapternav-new-color: rgb(182, 68, 0)
}

.theme-dark .chapternav-light.chapternav-scrim {
    --chapternav-background: rgba(250, 250, 252, 0.92)
}

@supports((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)) {
    .theme-dark .chapternav-light.chapternav-scrim.chapternav-blur {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        --chapternav-background: rgba(250, 250, 252, 0.8)
    }
}

.modal-dark.modal,
.theme-dark .modal,
.theme-light .modal.modal-dark {
    --modal-overlay-background: rgb(29, 29, 31);
    --modal-close-background: rgb(51, 51, 54);
    --modal-close-background-hover: #37373a;
    --modal-close-background-active: #2f2f32;
    --modal-close-color: rgba(255, 255, 255, 0.8);
    --modal-close-color-hover: rgb(255, 255, 255)
}

.modal-light.modal,
.theme-dark .modal.modal-light {
    --modal-overlay-background: rgb(255, 255, 255);
    --modal-close-background: rgb(232, 232, 237);
    --modal-close-background-hover: #ececf0;
    --modal-close-background-active: #dfdfe4;
    --modal-close-color: rgba(0, 0, 0, 0.56);
    --modal-close-color-hover: rgba(0, 0, 0, 0.72)
}

.modal-close-button {
    cursor: auto;
    position: var(--modal-close-button-position);
    order: 1;
    display: flex;
    align-self: flex-end;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    height: var(--modal-close-button-size);
    width: var(--modal-close-button-size);
    margin: 0;
    padding: 0;
    border: 0;
    margin-inline-end: var(--modal-close-button-offset-inline-start);
    margin-top: var(--modal-close-button-offset-top);
    top: var(--modal-close-button-offset-top)
}

html.has-modal .modal-close-button {
    cursor: pointer
}

.modal-close-button:focus-visible {
    outline: none
}

.modal-close-button:focus-visible .modal-close-icon {
    outline: 2px solid var(--sk-focus-color, #0071E3);
    outline-offset: 3px
}

.modal-close-button:hover .modal-close-icon {
    background: var(--modal-close-background-hover);
    color: var(--modal-close-color-hover)
}

.modal-close-button:active .modal-close-icon {
    background: var(--modal-close-background-active)
}

.modal-close-button .modal-close-icon {
    background: var(--modal-close-background);
    border-radius: var(--modal-close-border-radius);
    color: var(--modal-close-color);
    display: flex;
    align-items: center;
    height: var(--modal-close-icon-size);
    width: var(--modal-close-icon-size);
    outline: none;
    transition: color 100ms linear, background 100ms linear;
    position: relative
}

.modal-close-button .modal-close-icon svg {
    fill: currentColor;
    position: absolute;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    height: var(--modal-close-icon-svg-size);
    width: var(--modal-close-icon-svg-size)
}

.modal-close-button .modal-close-icon * {
    pointer-events: none
}

.modal {
    --modal-overlay-background: rgb(255, 255, 255);
    --modal-overlay-padding-top: 76px;
    --modal-overlay-padding-bottom: 76px;
    --modal-overlay-padding-inline: 76px;
    --modal-close-button-offset-top: 16px;
    --modal-close-button-offset-inline-start: 16px;
    --modal-close-button-size: 44px;
    --modal-close-background: rgb(232, 232, 237);
    --modal-close-background-hover: #ececf0;
    --modal-close-background-active: #dfdfe4;
    --modal-close-color: rgba(0, 0, 0, 0.56);
    --modal-close-color-hover: rgba(0, 0, 0, 0.72);
    --modal-close-border-radius: 50%;
    --modal-close-button-position: sticky;
    --modal-close-icon-size: 36px;
    --modal-close-icon-svg-size: 20px;
    background: var(--modal-scrim-background, var(--modal-overlay-background));
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    overflow: auto
}

@media only screen and (max-width:480px) {
    .modal {
        --modal-overlay-padding-inline: 6.25%
    }
}

.modal .modal-overlay-container {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 100%
}

.modal .modal-overlay {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column
}

.modal .modal-content-container {
    background: var(--modal-overlay-background);
    order: 2;
    box-sizing: border-box;
    padding-inline-start: var(--modal-overlay-padding-inline);
    padding-inline-end: var(--modal-overlay-padding-inline);
    padding-top: var(--modal-overlay-padding-top);
    padding-bottom: var(--modal-overlay-padding-bottom);
    margin-top: calc(-44px + var(--modal-close-button-offset-top)*-1)
}

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

.modal-touch-lock {
    touch-action: none
}

.has-modal {
    overflow: hidden
}

.has-modal body {
    padding-inline-end: var(--modal-scrollbar-buffer)
}

.modal-full-bleed {
    --modal-scrim-background: var(--modal-overlay-background);
    --modal-overlay-padding-top: 96px;
    --modal-overlay-padding-bottom: 96px;
    --modal-close-button-offset-top: max(16px, env(safe-area-inset-top))
}

html:not([dir=rtl]) .modal-full-bleed {
    --modal-close-button-offset-inline-start: max(16px, env(safe-area-inset-left))
}

html[dir=rtl] .modal-full-bleed {
    --modal-close-button-offset-inline-start: max(16px, env(safe-area-inset-right))
}

@media only screen and (max-width:1068px) {
    .modal-full-bleed {
        --modal-overlay-padding-top: 76px;
        --modal-overlay-padding-bottom: 76px
    }
}

.modal-full-bleed .modal-overlay-container {
    flex-direction: column
}

.modal-full-bleed .modal-overlay {
    flex-grow: 1;
    width: 100%
}

.modal-full-bleed .modal-overlay:focus {
    outline-offset: -4px
}

.modal-full-bleed .modal-content-container {
    flex-grow: 1
}

.modal-page-overlay {
    --modal-scrim-background: rgba(0, 0, 0, 0.48);
    --modal-overlay-margin-top: 40px;
    --modal-overlay-margin-bottom: var(--modal-overlay-margin-top);
    --modal-overlay-border-radius-top: 18px;
    --modal-overlay-border-radius-bottom: var(--modal-overlay-border-radius-top);
    --modal-overlay-width: 816.6666666667px
}

@media only screen and (max-width:1068px) {
    .modal-page-overlay {
        --modal-overlay-width: 692px
    }
}

@media only screen and (max-width:734px) {
    .modal-page-overlay {
        --modal-overlay-width: max(87.5%, 480px);
        --modal-overlay-padding-bottom: 60px
    }
}

@media only screen and (max-width:480px) {
    .modal-page-overlay {
        --modal-overlay-border-radius-bottom: 0;
        --modal-overlay-width: 100%;
        --modal-close-button-offset-top: max(16px, env(safe-area-inset-top))
    }

    html:not([dir=rtl]) .modal-page-overlay {
        --modal-close-button-offset-inline-start: max(16px, env(safe-area-inset-left))
    }

    html[dir=rtl] .modal-page-overlay {
        --modal-close-button-offset-inline-start: max(16px, env(safe-area-inset-right))
    }
}

@media only screen and (max-width:480px) {
    .modal-page-overlay .modal-overlay-container {
        flex-direction: column
    }
}

.modal-page-overlay .modal-overlay {
    margin-inline-start: auto;
    margin-inline-end: auto;
    box-sizing: border-box;
    border-radius: var(--modal-overlay-border-radius-top) var(--modal-overlay-border-radius-top) var(--modal-overlay-border-radius-bottom) var(--modal-overlay-border-radius-bottom);
    width: var(--modal-overlay-width);
    margin-top: var(--modal-overlay-margin-top);
    margin-bottom: var(--modal-overlay-margin-bottom)
}

.modal-page-overlay .modal-overlay:focus-visible {
    outline: 2px solid var(--sk-focus-color, #0071E3);
    outline-offset: 0
}

@media only screen and (max-width:480px) {
    .modal-page-overlay .modal-overlay {
        --modal-overlay-margin-top: 20px;
        --modal-overlay-margin-bottom: 0;
        flex-grow: 1
    }

    .modal-page-overlay .modal-overlay .modal-content-container {
        flex-grow: 1
    }
}

.modal-page-overlay .modal-overlay .modal-content-container {
    border-radius: inherit;
    mask-image: radial-gradient(white, black)
}

@media only screen and (min-width:1069px) {
    .modal-wide {
        --modal-overlay-width: 1029px
    }
}

.modal-crossfade {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: opacity .4s ease, visibility 0s linear .4s, z-index 0s linear .4s
}

@media(prefers-reduced-motion) {
    .modal-crossfade {
        transition: none
    }
}

.modal-crossfade.modal-open {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s
}

.modal-fixed-height {
    overflow: initial;
    --modal-close-button-position: static
}

.modal-curtain-light {
    --modal-scrim-background: rgba(232, 232, 237, 0.48)
}

.modal-curtain-blur {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.modal-close-button-static {
    --modal-close-button-position: static
}

.accordion {
    --accordion-button-padding-top: 1em;
    --accordion-button-padding-bottom: 1em;
    --accordion-border-color: rgb(210, 210, 215);
    --accordion-border-width: 1px;
    --accordion-content-padding-top: 0;
    --accordion-content-padding-bottom: 1em;
    --accordion-content-paragraph-max-width: 83.3333333333%;
    --accordion-content-paragraph-padding-top: 0;
    --accordion-content-paragraph-padding-bottom: 0.8em;
    --accordion-icon-color: rgb(134, 134, 139);
    --accordion-icon-color-hover: rgb(110, 110, 115);
    --accordion-icon-width: 1em;
    --accordion-icon-height: auto;
    --accordion-icon-stroke-width: 2.25;
    --accordion-icon-svg-width: 1em;
    --accordion-title-max-width: 83.3333333333%;
    --accordion-transition-duration: 400ms;
    margin: 0;
    list-style: none
}

.accordion-item {
    font-size: 19px;
    line-height: 1.1666666667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    border-color: var(--accordion-border-color);
    border-top: var(--accordion-border-width) solid var(--accordion-border-color)
}

.accordion-item: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
}

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

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

.accordion-item:lang(zh) {
    line-height: 1.2916666667
}

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

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

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

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

.accordion-item:lang(zh-TW) {
    font-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) {
    .accordion-item {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

    .accordion-item:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion-item:lang(zh) {
        line-height: 1.3334033333
    }

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

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

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

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

    .accordion-item:lang(zh-TW) {
        font-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) {
    .accordion-item {
        font-size: 19px;
        line-height: 1.2105263158;
        font-weight: 600;
        letter-spacing: .012em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

    .accordion-item:lang(th) {
        line-height: 1.3684410526;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion-item:lang(zh) {
        line-height: 1.3684410526
    }

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

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

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

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

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

.accordion-item:first-child {
    --accordion-border-width: 0
}

.accordion-title {
    /* font-size: 19px; */
    line-height: inherit;
    letter-spacing: inherit;
    margin-top: 10px;
}

.accordion-title .accordion-title-text {
    max-width: var(--accordion-title-max-width)
}

.accordion-button {
    letter-spacing: inherit;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    position: relative;
    padding-top: var(--accordion-button-padding-top);
    padding-bottom: var(--accordion-button-padding-bottom)
}

.accordion-button:focus-visible {
    outline: none
}

.accordion-button:focus-visible:after {
    outline: 2px solid var(--sk-focus-color, #0071E3);
    outline-offset: var(--sk-focus-offset, 1px)
}

.accordion-button:after {
    content: "";
    display: block;
    width: 100%;
    top: .6em;
    height: calc(100% - 1.2em);
    position: absolute
}

.accordion-icon {
    margin: 0;
    transition: color 100ms linear;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--accordion-icon-color);
    width: var(--accordion-icon-width);
    height: var(--accordion-icon-height);
    stroke-width: var(--accordion-icon-stroke-width)
}

.accordion-icon .accordion-icon-svg {
    overflow: visible
}

.accordion-button:hover .accordion-icon {
    color: var(--accordion-icon-color-hover)
}

.accordion-icon .accordion-icon-svg {
    width: var(--accordion-icon-svg-width)
}

.accordion-tray {
    margin: 0;
    transition: height ease-in-out;
    transition-duration: var(--accordion-transition-duration)
}

html.js .accordion-item.collapsed>.accordion-tray {
    height: 0
}

.accordion-item.expanded>.accordion-tray {
    overflow: visible
}

.accordion-item.animating>.accordion-tray,
.accordion-item.collapsed>.accordion-tray,
.accordion-tray {
    overflow: hidden
}

@media(prefers-reduced-motion) {
    .accordion-tray {
        transition: none
    }
}

.accordion-content {
    padding-top: var(--accordion-content-padding-top);
    padding-bottom: var(--accordion-content-padding-bottom)
}

.accordion-content .accordion-content-paragraph {
    font-size: 17px;
    line-height: 1.4705882353;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    max-width: var(--accordion-content-paragraph-max-width);
    padding-top: var(--accordion-content-paragraph-padding-top);
    padding-bottom: var(--accordion-content-paragraph-padding-bottom)
}

.accordion-content .accordion-content-paragraph:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion-content .accordion-content-paragraph:lang(ja) {
    line-height: 1.3529611765;
    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
}

.accordion-content .accordion-content-paragraph:lang(ko) {
    line-height: 1.5882352941;
    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
}

.accordion-content .accordion-content-paragraph:lang(zh) {
    letter-spacing: 0em
}

.accordion-content .accordion-content-paragraph:lang(th) {
    line-height: 1.3529611765;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.accordion-content .accordion-content-paragraph:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion-content .accordion-content-paragraph: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
}

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

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

.accordion-elevated .accordion-item: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
}

.accordion-elevated .accordion-item: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
}

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

.accordion-elevated .accordion-item:lang(zh) {
    line-height: 1.21875
}

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

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

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

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

.accordion-elevated .accordion-item:lang(zh-TW) {
    font-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) {
    .accordion-elevated .accordion-item {
        font-size: 28px;
        line-height: 1.1428571429;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .accordion-elevated .accordion-item: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
    }

    .accordion-elevated .accordion-item:lang(th) {
        line-height: 1.3928571429;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion-elevated .accordion-item:lang(zh) {
        line-height: 1.25
    }

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

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

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

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

    .accordion-elevated .accordion-item:lang(zh-TW) {
        font-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) {
    .accordion-elevated .accordion-item {
        font-size: 24px;
        line-height: 1.1666666667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion-elevated .accordion-item: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
    }

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

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

    .accordion-elevated .accordion-item:lang(zh) {
        line-height: 1.2916666667
    }

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

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

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

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

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

.accordion-reduced .accordion-item {
    font-size: 17px;
    line-height: 1.2353641176;
    font-weight: 600;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion-reduced .accordion-item:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.accordion-reduced .accordion-item:lang(ko) {
    line-height: 1.3529611765;
    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
}

.accordion-reduced .accordion-item:lang(zh) {
    line-height: 1.3529611765;
    letter-spacing: 0em
}

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

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

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

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

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

@media only screen and (max-width:1068px) {
    .accordion-reduced .accordion-item {
        font-size: 17px;
        line-height: 1.2353641176;
        font-weight: 600;
        letter-spacing: -0.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion-reduced .accordion-item:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .accordion-reduced .accordion-item:lang(ko) {
        line-height: 1.3529611765;
        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
    }

    .accordion-reduced .accordion-item:lang(zh) {
        line-height: 1.3529611765;
        letter-spacing: 0em
    }

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

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

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

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

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

@media only screen and (max-width:734px) {
    .accordion-reduced .accordion-item {
        font-size: 14px;
        line-height: 1.2857742857;
        font-weight: 600;
        letter-spacing: -0.016em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion-reduced .accordion-item:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion-reduced .accordion-item:lang(ja) {
        line-height: 1.3571828571;
        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
    }

    .accordion-reduced .accordion-item:lang(ko) {
        line-height: 1.4285914286;
        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
    }

    .accordion-reduced .accordion-item:lang(zh) {
        line-height: 1.3571828571;
        letter-spacing: 0em
    }

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

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

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

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

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

.accordion-reduced .accordion-content .accordion-content-paragraph {
    font-size: 14px;
    line-height: 1.4285914286;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion-reduced .accordion-content .accordion-content-paragraph:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion-reduced .accordion-content .accordion-content-paragraph:lang(ja) {
    line-height: 1.4;
    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
}

.accordion-reduced .accordion-content .accordion-content-paragraph:lang(ko) {
    line-height: 1.5714285714;
    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
}

.accordion-reduced .accordion-content .accordion-content-paragraph:lang(zh) {
    line-height: 1.5;
    letter-spacing: 0em
}

.accordion-reduced .accordion-content .accordion-content-paragraph:lang(th) {
    line-height: 1.3571828571;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

.accordion-reduced .accordion-content .accordion-content-paragraph: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
}

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

.accordion-numbered {
    --accordion-number-side-padding: 0.4em;
    --accordion-number-icon-display: inline-block
}

.accordion-numbered .accordion-title-text {
    display: flex;
    align-items: baseline
}

.accordion-numbered .accordion-title-text:after,
.accordion-numbered .accordion-title-text:before {
    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: "";
    text-decoration: none
}

.accordion-numbered .accordion-title-text:before {
    display: none
}

.accordion-numbered .accordion-title-text:after,
.accordion-numbered .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-title-text:before {
    padding-inline-end: var(--accordion-number-side-padding);
    display: inline-block;
    top: 0
}

.accordion-numbered .accordion-title-text:after {
    display: none
}

.accordion-numbered .accordion-title-text:before {
    display: var(--accordion-number-icon-display)
}

.accordion-numbered .accordion-item:nth-child(2) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(2) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(3) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(3) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(4) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(4) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(5) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(5) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(6) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(6) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(7) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(7) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(8) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(8) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(9) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(9) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(10) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(10) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(11) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(11) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(12) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(12) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(13) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(13) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(14) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(14) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(15) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(15) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(16) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(16) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(17) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(17) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(18) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(18) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(19) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(19) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(20) .accordion-title-text:after,
.accordion-numbered .accordion-item:nth-child(20) .accordion-title-text:before {
    content: ""
}

.accordion-numbered .accordion-nested:not(.accordion-numbered) .accordion-title-text {
    --accordion-number-icon-display: none
}

.accordion-inset {
    --accordion-number-icon-width: 1.1875em;
    --accordion-number-side-padding: 0.4em
}

.accordion-inset .accordion-content {
    padding-inline-start: calc(var(--accordion-number-icon-width) + var(--accordion-number-side-padding))
}

.accordion-inset .accordion-nested:not(.accordion-inset) .accordion-content {
    --accordion-number-icon-width: 0;
    --accordion-number-side-padding: 0
}

.accordion-nested .accordion-icon {
    --accordion-icon-stroke-width: 2.75
}

.accordion-reduced .accordion-nested .accordion-icon {
    --accordion-icon-stroke-width: 2.25
}

.accordion-toggle-all {
    display: flex;
    justify-content: flex-end
}

.accordion-toggle-all .accordion-toggle-all-button {
    font-size: 14px;
    line-height: 1.4285914286;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin-bottom: 12px
}

.accordion-toggle-all .accordion-toggle-all-button:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion-toggle-all .accordion-toggle-all-button:lang(ja) {
    line-height: 1.4;
    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
}

.accordion-toggle-all .accordion-toggle-all-button:lang(ko) {
    line-height: 1.5714285714;
    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
}

.accordion-toggle-all .accordion-toggle-all-button:lang(zh) {
    line-height: 1.5;
    letter-spacing: 0em
}

.accordion-toggle-all .accordion-toggle-all-button:lang(th) {
    line-height: 1.3571828571;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion-toggle-all .accordion-toggle-all-button:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion-toggle-all .accordion-toggle-all-button:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion-toggle-all .accordion-toggle-all-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
}

.accordion-toggle-all .accordion-toggle-all-button:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion-toggle-all .accordion-toggle-all-collapse.hidden,
.accordion-toggle-all .accordion-toggle-all-expand.hidden {
    display: none
}

.accordion-dark,
.theme-dark .accordion,
.theme-light .accordion-dark {
    --accordion-border-color: rgb(66, 66, 69);
    --accordion-icon-color: rgb(110, 110, 115);
    --accordion-icon-color-hover: rgb(134, 134, 139)
}

.accordion-light,
.theme-dark .accordion-light,
.theme-light .accordion {
    --accordion-border-color: rgb(210, 210, 215);
    --accordion-icon-color: rgb(134, 134, 139);
    --accordion-icon-color-hover: rgb(110, 110, 115)
}

.ribbon {
    --ribbon-link-inline-color: inherit;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.4285914286;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --ribbon-link-color: rgb(0, 102, 204);
    --ribbon-focus-color: #0071E3;
    --ribbon-text-color: rgb(29, 29, 31);
    --ribbon-background-color: rgb(245, 245, 247);
    --ribbon-content-padding-top: 16px;
    --ribbon-content-padding-bottom: var(--ribbon-content-padding-top);
    --ribbon-content-width: 83.33333%;
    --ribbon-content-minimum-width: 320px;
    width: var(--ribbon-width);
    padding-top: var(--ribbon-padding-top);
    padding-bottom: var(--ribbon-padding-bottom)
}

.ribbon-content-wrapper {
    text-align: center
}

.ribbon-content {
    margin-left: auto;
    margin-right: auto;
    width: var(--ribbon-content-width);
    min-width: var(--ribbon-content-minimum-width)
}

.ribbon-link {
    white-space: nowrap
}

.ribbon-link:focus {
    outline: 2px solid var(--sk-focus-color, #0071E3);
    outline-offset: var(--sk-focus-offset, 1px)
}

.ribbon-link-inline {
    color: var(--ribbon-link-inline-color)
}

.ribbon-link-inline,
.ribbon-link-inline:link {
    text-decoration: underline
}

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

.ribbon:lang(ja) {
    line-height: 1.4;
    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
}

.ribbon:lang(ko) {
    line-height: 1.5714285714;
    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
}

.ribbon:lang(zh) {
    line-height: 1.5;
    letter-spacing: 0em
}

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

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

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

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

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

.ribbon-content-wrapper {
    background-color: var(--ribbon-background-color);
    -webkit-backdrop-filter: blur(var(--ribbon-background-blur));
    backdrop-filter: blur(var(--ribbon-background-blur));
    padding-top: var(--ribbon-content-padding-top);
    padding-bottom: var(--ribbon-content-padding-bottom);
    border-radius: var(--ribbon-border-radius)
}

.ribbon-content {
    color: var(--ribbon-text-color)
}

.ribbon-link {
    color: var(--ribbon-link-color)
}

.ribbon-link:focus {
    outline-color: var(--ribbon-focus-color)
}

.ribbon-elevated {
    font-size: 17px;
    line-height: 1.4705882353;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --ribbon-content-padding-top: 24px
}

.ribbon-elevated:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon-elevated:lang(ja) {
    line-height: 1.3529611765;
    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
}

.ribbon-elevated:lang(ko) {
    line-height: 1.5882352941;
    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
}

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

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

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

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

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

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

.ribbon-elevated.ribbon-inset {
    --ribbon-border-radius: 12px
}

.ribbon-blue {
    --ribbon-background-color: rgb(0, 113, 227);
    --ribbon-text-color: rgb(255, 255, 255);
    --ribbon-link-color: rgb(255, 255, 255);
    --ribbon-focus-color: rgb(0, 0, 0)
}

.ribbon-variant-neutral-alpha {
    --ribbon-background-color: rgba(245, 245, 247, 0.8)
}

.ribbon-variant-neutral-alt {
    --ribbon-background-color: rgb(255, 255, 255)
}

.ribbon-blue-to-default {
    --ribbon-background-color: rgb(245, 245, 247);
    --ribbon-background-color-initial: rgb(0, 113, 227);
    --ribbon-text-color: rgb(29, 29, 31);
    --ribbon-text-color-initial: rgb(255, 255, 255);
    --ribbon-link-color: rgb(0, 102, 204);
    --ribbon-link-color-initial: rgb(255, 255, 255)
}

@keyframes ribbon-animate-background {
    0% {
        background-color: var(--ribbon-background-color-initial)
    }

    to {
        background-color: var(--ribbon-background-color)
    }
}

.ribbon-animate-color .ribbon-content-wrapper {
    background-color: var(--ribbon-background-color-initial);
    animation: ribbon-animate-background .8s ease-in-out 1.6s forwards
}

@media(prefers-reduced-motion) {
    .ribbon-animate-color .ribbon-content-wrapper {
        background-color: var(--ribbon-background-color);
        animation: none
    }
}

@keyframes ribbon-animate-text-color {
    0% {
        color: var(--ribbon-text-color-initial)
    }

    to {
        color: var(--ribbon-text-color)
    }
}

.ribbon-animate-color .ribbon-content {
    color: var(--ribbon-text-color-initial);
    animation: ribbon-animate-text-color .8s ease-in-out 1.6s forwards
}

@media(prefers-reduced-motion) {
    .ribbon-animate-color .ribbon-content {
        color: var(--ribbon-text-color);
        animation: none
    }
}

@keyframes ribbon-animate-link-color {
    0% {
        color: var(--ribbon-link-color-initial)
    }

    to {
        color: var(--ribbon-link-color)
    }
}

.ribbon-animate-color .ribbon-link {
    color: var(--ribbon-link-color-initial);
    animation: ribbon-animate-link-color .8s ease-in-out 1.6s forwards
}

@media(prefers-reduced-motion) {
    .ribbon-animate-color .ribbon-link {
        color: var(--ribbon-link-color);
        animation: none
    }
}

.ribbon-drop-wrapper {
    animation: ribbon-drop .8s ease-in-out forwards
}

@media(prefers-reduced-motion) {
    .ribbon-drop-wrapper {
        animation: none
    }
}

.ribbon-inset {
    --ribbon-width: 83.33333%;
    --ribbon-padding-top: 16px;
    --ribbon-border-radius: 10px;
    margin: 0 auto
}

.ribbon-inset .ribbon-content {
    width: var(--ribbon-width)
}

@media only screen and (max-width:734px) {
    .ribbon-inset {
        --ribbon-width: 87.5%
    }

    .ribbon-inset .ribbon-content {
        min-width: var(--ribbon-width)
    }
}

.ribbon-blur {
    --ribbon-background-blur: 20px
}

.theme-dark.ribbon,
.theme-dark .ribbon {
    --ribbon-text-color: rgb(245, 245, 247);
    --ribbon-background-color: rgb(29, 29, 31);
    --ribbon-link-color: rgb(41, 151, 255);
    --ribbon-focus-color: utilities.$ribbon-focus-color
}

.theme-dark.ribbon-blue,
.theme-dark .ribbon-blue {
    --ribbon-background-color: rgb(0, 113, 227);
    --ribbon-text-color: rgb(255, 255, 255);
    --ribbon-link-color: rgb(255, 255, 255);
    --ribbon-focus-color: rgb(0, 0, 0)
}

.theme-dark.ribbon-variant-neutral-alpha,
.theme-dark .ribbon-variant-neutral-alpha {
    --ribbon-background-color: rgba(29, 29, 31, 0.8)
}

.theme-dark.ribbon-variant-neutral-alt,
.theme-dark .ribbon-variant-neutral-alt {
    --ribbon-background-color: rgb(0, 0, 0)
}

.theme-dark.ribbon-blue-to-default,
.theme-dark .ribbon-blue-to-default {
    --ribbon-background-color: rgb(29, 29, 31);
    --ribbon-text-color: rgb(245, 245, 247);
    --ribbon-link-color: rgb(41, 151, 255)
}

@keyframes ribbon-drop {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.theme-light.ribbon,
.theme-light .ribbon {
    --ribbon-text-color: rgb(29, 29, 31);
    --ribbon-background-color: rgb(245, 245, 247);
    --ribbon-link-color: rgb(0, 102, 204);
    --ribbon-focus-color: utilities.$ribbon-focus-color
}

.theme-light.ribbon-blue,
.theme-light .ribbon-blue {
    --ribbon-background-color: rgb(0, 113, 227);
    --ribbon-text-color: rgb(255, 255, 255);
    --ribbon-link-color: rgb(255, 255, 255);
    --ribbon-focus-color: rgb(0, 0, 0)
}

.theme-light.ribbon-variant-neutral-alpha,
.theme-light .ribbon-variant-neutral-alpha {
    --ribbon-background-color: rgba(245, 245, 247, 0.8)
}

.theme-light.ribbon-variant-neutral-alt,
.theme-light .ribbon-variant-neutral-alt {
    --ribbon-background-color: rgb(255, 255, 255)
}

.theme-light.ribbon-blue-to-default,
.theme-light .ribbon-blue-to-default {
    --ribbon-background-color: rgb(245, 245, 247);
    --ribbon-text-color: rgb(29, 29, 31);
    --ribbon-link-color: rgb(0, 102, 204)
}

:root {
    --global-card-corner-radius: 28px;
    --global-card-padding: 32px;
    --global-section-padding: 150px;
    --global-section-background-color: rgb(255, 255, 255);
    --global-section-background-color-dark: rgb(0, 0, 0);
    --global-section-background-color-alt: rgb(245, 245, 247);
    --global-section-background-color-alt-dark: #101010;
    --global-scrim-background-color: rgb(250, 250, 252);
    --global-scrim-background-color-dark: rgb(22, 22, 23);
    --global-scrim-background-color-alt: rgb(255, 255, 255);
    --global-scrim-background-color-alt-dark: rgb(0, 0, 0);
    --global-spacing-img-to-headline: 100px;
    --global-staggered-delay: 0.15;
    --global-staggered-opacity-duration: 0.9;
    --global-staggered-translate-y: 30px;
    --global-staggered-translate-y-duration: 0.7;
    --global-viewport-content-responsive: 87.5vw;
    --global-animation-easing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    --global-select-column-space: 20px
}

@media only screen and (max-width:1068px) {
    :root {
        --global-card-padding: 28px;
        --global-section-padding: 50px;
        /* before section padding bottom was 120px */
    }
}

@media only screen and (max-width:734px) {
    :root {
        --global-card-padding: 24px;
        --global-section-padding: 90px
    }
}

.section {
    padding-top: var(--global-section-padding);
    padding-bottom: var(--global-section-padding)
}

.section.no-pad-top {
    padding-top: 0
}

.section.no-pad,
.section.no-pad-bottom {
    padding-bottom: 0
}

.section.no-pad {
    padding-top: 0
}

.section.background-alt {
    background-color: var(--global-section-background-color-alt)
}

.section.background-alt.theme-dark,
.theme-dark .section.background-alt {
    background-color: var(--global-section-background-color-alt-dark)
}

.section-content-responsive {
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 87.5vw;
    max-width: 1680px
}

.finish-dual-tone-green {
    background: linear-gradient(90deg, var(--finish-green) 50%, var(--finish-green-light) 0)
}

.finish-dual-tone-yellow {
    background: linear-gradient(90deg, var(--finish-yellow) 50%, var(--finish-yellow-light) 0)
}

.finish-dual-tone-orange {
    background: linear-gradient(90deg, var(--finish-orange) 50%, var(--finish-orange-light) 0)
}

.finish-dual-tone-pink {
    background: linear-gradient(90deg, var(--finish-pink) 50%, var(--finish-pink-light) 0)
}

.finish-dual-tone-purple {
    background: linear-gradient(90deg, var(--finish-purple) 50%, var(--finish-purple-light) 0)
}

.finish-dual-tone-imac-silver {
    background: linear-gradient(90deg, var(--finish-imac-silver) 50%, var(--finish-imac-silver-light) 0)
}

.finish-dual-tone-blue {
    background: linear-gradient(90deg, var(--finish-blue) 50%, var(--finish-blue-light) 0)
}

.finish-white-titanium {
    background-color: var(--finish-white-titanium)
}

.finish-natural-titanium {
    background-color: var(--finish-natural-titanium)
}

.finish-blue-titanium {
    background-color: var(--finish-blue-titanium)
}

.finish-black-titanium {
    background-color: var(--finish-black-titanium)
}

.finish-black {
    background-color: var(--finish-black)
}

.finish-alpine-green {
    background-color: var(--finish-alpine-green)
}

.finish-blue {
    background-color: var(--finish-blue)
}

.finish-deep-purple {
    background-color: var(--finish-deep-purple)
}

.finish-gold {
    background-color: var(--finish-gold)
}

.finish-graphite {
    background-color: var(--finish-graphite)
}

.finish-green {
    background-color: var(--finish-green)
}

.finish-midnight {
    background-color: var(--finish-midnight)
}

.finish-pink {
    background-color: var(--finish-pink)
}

.finish-product-red {
    background-color: var(--finish-product-red)
}

.finish-purple {
    background-color: var(--finish-purple)
}

.finish-sierra-blue {
    background-color: var(--finish-sierra-blue)
}

.finish-silver {
    background-color: var(--finish-silver)
}

.finish-space-black {
    background-color: var(--finish-space-black)
}

.finish-space-gray {
    background-color: var(--finish-space-gray)
}

.finish-starlight {
    background-color: var(--finish-starlight)
}

.finish-yellow {
    background-color: var(--finish-yellow)
}

.finish-iphone-15-blue {
    background-color: var(--finish-iphone-15-blue)
}

.finish-iphone-15-green {
    background-color: var(--finish-iphone-15-green)
}

.finish-iphone-15-yellow {
    background-color: var(--finish-iphone-15-yellow)
}

.finish-iphone-15-pink {
    background-color: var(--finish-iphone-15-pink)
}

.finish-iphone-13-pro-gold {
    background-color: var(--finish-iphone-13-pro-gold)
}

.finish-iphone-13-pro-silver {
    background-color: var(--finish-iphone-13-pro-silver)
}

.finish-iphone-13-blue {
    background-color: var(--finish-iphone-13-blue)
}

.finish-iphone-13-midnight {
    background-color: var(--finish-iphone-13-midnight)
}

.finish-iphone-13-product-red {
    background-color: var(--finish-iphone-13-product-red)
}

.finish-iphone-se-3-midnight {
    background-color: var(--finish-iphone-se-3-midnight)
}

.finish-iphone-se-3-product-red {
    background-color: var(--finish-iphone-se-3-product-red)
}

:root {
    --finish-white-titanium: #f2f1eb;
    --finish-natural-titanium: #bab4a9;
    --finish-blue-titanium: #3d4555;
    --finish-black-titanium: #3f4042;
    --finish-black: #3c4042;
    --finish-alpine-green: #576856;
    --finish-blue: #a0b4c7;
    --finish-deep-purple: #594f63;
    --finish-gold: #f4e8ce;
    --finish-graphite: #54524f;
    --finish-green: #394c38;
    --finish-midnight: #222930;
    --finish-pink: #faddd7;
    --finish-product-red: #fc0324;
    --finish-purple: #e6ddeb;
    --finish-sierra-blue: #a7c1d9;
    --finish-silver: #f0f2f2;
    --finish-space-black: #403e3d;
    --finish-space-gray: #555;
    --finish-starlight: #faf6f2;
    --finish-yellow: #f9e479;
    --finish-iphone-15-blue: #d5dde0;
    --finish-iphone-15-green: #cfd9c9;
    --finish-iphone-15-yellow: #ece6c6;
    --finish-iphone-15-pink: #ebd0d2;
    --finish-iphone-13-pro-gold: #fae7cf;
    --finish-iphone-13-pro-silver: #f1f2ed;
    --finish-iphone-13-blue: #276787;
    --finish-iphone-13-midnight: #232a31;
    --finish-iphone-13-product-red: #bf0013;
    --finish-iphone-se-3-midnight: #232a31;
    --finish-iphone-se-3-product-red: #bf0013
}

.section-header {
    display: flex;
    /* justify-content: space-between; */
    justify-content: center;
    grid-gap: 28px;
    gap: 28px;
    padding-bottom: 55px;
    margin-top: -10px
}

/* .section-header::after{
    content: "";
    position: absolute;
    display: block;
    width: 60px;
    height: 3px;
    bottom: 0;
    left: calc(50% - 25px);
    background: linear-gradient(90deg, #cfac42 0%, #ffd865 50%, #cfac42 100%);
    animation: scroll 10s linear infinite;
} */

 .section-header-headline::after {
            content: "";
            position: relative;
            display: block;
            width: 60px;
            height: 3px;
            margin-top: 5px;
            bottom: 0;
            left: calc(50% - 25px);
            /* background: linear-gradient(90deg, #cfac42 0%, #ffd865 50%, #cfac42 100%); */
            background: rgb(184, 145, 74);
            background: -moz-linear-gradient(97deg, rgba(184, 145, 74, 1) 0%, rgba(188, 151, 85, 1) 42%, rgba(190, 153, 89, 1) 69%, rgba(206, 179, 130, 1) 100%, rgba(197, 165, 107, 1) 100%, rgba(255, 255, 255, 1) 100%);
            background: -webkit-linear-gradient(97deg, rgba(184, 145, 74, 1) 0%, rgba(188, 151, 85, 1) 42%, rgba(190, 153, 89, 1) 69%, rgba(206, 179, 130, 1) 100%, rgba(197, 165, 107, 1) 100%, rgba(255, 255, 255, 1) 100%);
            background: linear-gradient(97deg, rgba(184, 145, 74, 1) 0%, rgba(188, 151, 85, 1) 42%, rgba(190, 153, 89, 1) 69%, rgba(206, 179, 130, 1) 100%, rgba(197, 165, 107, 1) 100%, rgba(255, 255, 255, 1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8914a", endColorstr="#ffffff", GradientType=1);
            animation: scroll-title 10s linear infinite;
        }

        @keyframes scroll-title{
            100% {
                background-position: 500px 0;
            }
        }

@media only screen and (min-width:735px) {
    .section-header {
        align-items: flex-end
    }
}

@media only screen and (max-width:1068px) {
    .section-header {
        grid-gap: 24px;
        gap: 24px;
        padding-bottom: 64px
    }
}

@media only screen and (max-width:734px) {
    .section-header {
        flex-direction: column;
        padding-bottom: 48px;
        align-content: flex-start;
        grid-gap: 17px;
        gap: 17px;
        margin-top: -6px
    }
}

.section-header .section-header-cta-container {
    position: relative;
    top: -4px
}

@media only screen and (max-width:1068px) {
    .section-header .section-header-cta-container {
        top: -2px
    }
}

@media only screen and (max-width:734px) {
    .section-header .section-header-cta-container {
        top: 0
    }
}

@media only screen and (min-width:735px) {
    .section-header .section-header-headline {
        max-width: 75%
    }
}

.section-header .visuallyhidden+.section-header-headline {
    margin-top: 0
}

.section-header-cta-list-wrapper {
    display: inline-block;
    flex-shrink: 0
}

.section-header-cta-list {
    margin-inline-start: 0;
    display: flex;
    grid-gap: 28px;
    gap: 28px
}

@media only screen and (max-width:1068px) {
    .section-header-cta-list {
        grid-gap: 24px;
        gap: 24px
    }
}

@media only screen and (max-width:734px) {
    .section-header-cta-list {
        flex-wrap: wrap;
        grid-row-gap: 10px
    }
}

.section-header-cta-item {
    list-style-type: none;
    display: inline
}

.stat {
    --above-offset: 1.4em;
    position: relative
}

.stat strong {
    font-size: 48px;
    line-height: 1.0834933333;
    font-weight: 600;
    letter-spacing: -0.003em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: block;
    margin: 4px 0
}

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

.stat strong:lang(ja) {
    line-height: 1.1459933333;
    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
}

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

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

.stat strong:lang(th) {
    line-height: 1.3334933333;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

.stat strong:lang(zh-TW) {
    font-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) {
    .stat strong {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

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

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

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

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

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

    .stat strong:lang(zh-TW) {
        font-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) {
    .stat strong {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

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

    .stat strong:lang(zh) {
        line-height: 1.21875
    }

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

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

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

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

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

.stat strong .subvalue {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: block
}

.stat strong .subvalue: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
}

.stat strong .subvalue: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
}

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

.stat strong .subvalue:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

.stat strong .subvalue:lang(zh-TW) {
    font-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) {
    .stat strong .subvalue {
        font-size: 28px;
        line-height: 1.2858342857;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .stat strong .subvalue: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
    }

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

    .stat strong .subvalue:lang(th) {
        line-height: 1.3928571429;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .stat strong .subvalue:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

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

    .stat strong .subvalue:lang(zh-TW) {
        font-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) {
    .stat strong .subvalue {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .stat strong .subvalue:lang(ja) {
        line-height: 1.2380952381;
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ラギ角 Pro W3, メイリ, Meiryo, ＭＳ Ｐゴシッ, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .stat strong .subvalue:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .stat strong .subvalue:lang(zh) {
        line-height: 1.3334033333
    }

    .stat strong .subvalue:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

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

    .stat strong .subvalue:lang(zh-TW) {
        font-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) {
    .stat strong .subvalue {
        margin-top: 6px
    }
}

.stat .stat-above {
    position: absolute;
    top: calc(var(--above-offset)*-1);
    left: 0;
    right: 0
}

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

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

.stat-super strong: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
}

.stat-super strong: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
}

.stat-super strong:lang(zh) {
    line-height: 1.0875;
    letter-spacing: 0em
}

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

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

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

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

.stat-super strong:lang(zh-TW) {
    font-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) {
    .stat-super strong {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 600;
        letter-spacing: -0.009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .stat-super strong:lang(ja) {
        line-height: 1.109375;
        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
    }

    .stat-super strong:lang(ko) {
        line-height: 1.171875;
        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
    }

    .stat-super strong:lang(zh) {
        line-height: 1.09375;
        letter-spacing: 0em
    }

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

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

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

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

    .stat-super strong:lang(zh-TW) {
        font-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) {
    .stat-super strong {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .stat-super strong: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
    }

    .stat-super strong: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
    }

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

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

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

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

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

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

.stat-elevated strong {
    font-size: 72px;
    line-height: 1.0555555556;
    font-weight: 600;
    letter-spacing: -0.012em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.stat-elevated strong:lang(ja) {
    line-height: 1.0973822222;
    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
}

.stat-elevated strong:lang(ko) {
    line-height: 1.1527777778;
    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
}

.stat-elevated strong:lang(zh) {
    letter-spacing: 0em
}

.stat-elevated strong:lang(th) {
    line-height: 1.3473822222;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

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

.stat-reduced strong: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
}

.stat-reduced strong: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
}

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

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

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

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

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

.stat-reduced strong:lang(zh-TW) {
    font-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) {
    .stat-reduced strong {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .stat-reduced strong: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
    }

    .stat-reduced strong: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
    }

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

    .stat-reduced strong:lang(zh) {
        line-height: 1.21875
    }

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

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

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

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

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

.modal-topic-label+.modal-headline {
    margin-top: 12px
}

@media only screen and (max-width:734px) {
    .modal-topic-label+.modal-headline {
        margin-top: 8px
    }
}

.section-welcome {
    padding-top: 90px
}

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

@media only screen and (max-width:734px) {
    .section-welcome {
        padding-top: 59px
    }
}

.section-welcome .section-header {
    padding-bottom: 80px
}

@media only screen and (max-width:1068px) {
    .section-welcome .section-header {
        padding-bottom: 72px
    }
}

@media only screen and (max-width:734px) {
    .section-welcome .section-header {
        grid-gap: 0;
        gap: 0;
        padding-bottom: 56px
    }
}

.section-welcome .section-header-copy-container {
    margin: 0;
    position: relative;
    top: -8px
}

@media only screen and (max-width:1068px) {
    .section-welcome .section-header-copy-container {
        top: -5px
    }
}

@media only screen and (max-width:734px) {
    .section-welcome .section-header-copy-container {
        top: 0;
        margin-top: 8px
    }
}

html.enhanced .section-welcome .section-header-copy-container,
html.enhanced .section-welcome .section-header-headline,
html.enhanced .section-welcome .welcome-video-wall-container {
    animation-name: welcomeFadeIn, welcomeMoveIn;
    animation-duration: calc(var(--global-staggered-opacity-duration)*1s), calc(var(--global-staggered-translate-y-duration)*1s);
    animation-timing-function: var(--global-animation-easing-function);
    animation-fill-mode: both
}

.section-welcome .section-header-headline {
    font-size: 80px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -0.015em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.section-welcome .section-header-headline: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
}

.section-welcome .section-header-headline: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
}

.section-welcome .section-header-headline:lang(zh) {
    line-height: 1.0875;
    letter-spacing: 0em
}

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

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

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

.section-welcome .section-header-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
}

.section-welcome .section-header-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) {
    .section-welcome .section-header-headline {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 600;
        letter-spacing: -0.009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .section-welcome .section-header-headline:lang(ja) {
        line-height: 1.109375;
        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-welcome .section-header-headline:lang(ko) {
        line-height: 1.171875;
        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-welcome .section-header-headline:lang(zh) {
        line-height: 1.09375;
        letter-spacing: 0em
    }

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

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

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

    .section-welcome .section-header-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
    }

    .section-welcome .section-header-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) {
    .section-welcome .section-header-headline {
        font-size: 48px;
        line-height: 1.0834933333;
        font-weight: 600;
        letter-spacing: -0.003em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .section-welcome .section-header-headline:lang(ja) {
        line-height: 1.1459933333;
        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-welcome .section-header-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
    }

    .section-welcome .section-header-headline:lang(zh) {
        letter-spacing: 0em
    }

    .section-welcome .section-header-headline:lang(th) {
        line-height: 1.3334933333;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

    .section-welcome .section-header-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
    }

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

.section-welcome .section-header-copy-container {
    font-size: 28px;
    line-height: 1.1428571429;
    font-weight: 600;
    letter-spacing: .007em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-welcome .section-header-copy-container:lang(ja) {
    line-height: 1.1786114286;
    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-welcome .section-header-copy-container:lang(ko) {
    line-height: 1.25;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-welcome .section-header-copy-container:lang(th) {
    line-height: 1.3928571429;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-welcome .section-header-copy-container:lang(zh) {
    line-height: 1.25
}

.section-welcome .section-header-copy-container:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

.section-welcome .section-header-copy-container:lang(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-welcome .section-header-copy-container:lang(zh-TW) {
    font-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-welcome .section-header-copy-container {
        font-size: 24px;
        line-height: 1.1666666667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-welcome .section-header-copy-container: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-welcome .section-header-copy-container:lang(ko) {
        line-height: 1.2916666667;
        font-family: 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-welcome .section-header-copy-container:lang(th) {
        line-height: 1.375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-welcome .section-header-copy-container:lang(zh) {
        line-height: 1.2916666667
    }

    .section-welcome .section-header-copy-container:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

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

@media only screen and (max-width:734px) {
    .section-welcome .section-header-copy-container {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-welcome .section-header-copy-container:lang(ja) {
        line-height: 1.2380952381;
        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-welcome .section-header-copy-container:lang(ko) {
        line-height: 1.2858042857;
        font-family: 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-welcome .section-header-copy-container:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-welcome .section-header-copy-container:lang(zh) {
        line-height: 1.3334033333
    }

    .section-welcome .section-header-copy-container:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

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

html.enhanced .section-welcome .section-header-copy-container {
    animation-delay: calc(var(--global-staggered-delay)*1s)
}

html.enhanced .section-welcome .welcome-video-wall-container {
    animation-delay: calc(var(--global-staggered-delay)*3s)
}

@keyframes welcomeFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes welcomeMoveIn {
    0% {
        transform: translateY(var(--global-staggered-translate-y))
    }

    to {
        transform: translateY(0)
    }
}

.welcome-video-wall-container {
    --corner-radius: 40px;
    height: 80vh;
    min-height: 680px;
    max-width: 1920px;
    max-height: 1260px;
    margin: 0 auto;
    width: 87.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

@media only screen and (min-width:1441px) {
    .welcome-video-wall-container {
        --corner-radius: 44px
    }
}

@media only screen and (max-width:1068px) {
    .welcome-video-wall-container {
        --corner-radius: 36px
    }
}

@media only screen and (max-width:734px) {
    .welcome-video-wall-container {
        --corner-radius: 28px;
        max-height: 960px
    }
}

html.enhanced .welcome-video-wall-container {
    clip-path: inset(0px 0% 0px 0% round 0px);
    width: 100%
}

.welcome-video-content-container {
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    border-radius: var(--corner-radius);
    position: relative
}

html.safari .welcome-video-content-container {
    clip-path: inset(1px round var(--corner-radius))
}

html.safari.enhanced .welcome-video-content-container {
    clip-path: none
}

html.enhanced .welcome-video-content-container {
    transform: scale(1);
    border-radius: unset
}

.welcome-video-start-frame {
    position: absolute;
    height: 100%
}

.welcome-video-start-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.loaded .welcome-video-start-frame {
    visibility: hidden
}

.welcome-video-start-frame,
.welcome-video-video {
    top: 60%;
    transform: translateY(-50%);
    width: calc(100% + 2px);
    left: -1px
}

.welcome-video-video {
    object-fit: cover;
    position: relative;
    left: 0
}

.welcome-video-scrim {
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.42) 40%, rgba(0, 0, 0, 0.56));
    height: 100%;
    width: 100%;
    transition: opacity 100ms linear;
    pointer-events: none
}

.welcome-video-scrim-clear {
    opacity: 0
}

.welcome-video-controls-container {
    --button-v-position: 40px;
    --button-movement: -40px;
    --button-size: 36px;
    --scrim-background-color: rgb(51, 51, 54);
    --icon-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    bottom: var(--button-v-position);
    right: 40px;
    height: calc(100% - var(--button-v-position));
    display: flex;
    align-items: flex-end
}

@media only screen and (max-width:734px) {
    .welcome-video-controls-container {
        --button-movement: -28px;
        --button-v-position: 28px;
        right: 28px
    }
}

html.enhanced .welcome-video-controls-container {
    opacity: 0
}

.timedout .welcome-video-controls-container {
    display: none
}

.welcome-video-control-item {
    --scrim-background-color: rgb(232, 232, 237);
    --scrim-hover-background-color: #ececf0;
    --scrim-active-background-color: #dfdfe4;
    --icon-color: rgba(0, 0, 0, 0.56);
    --icon-interaction-color: rgba(0, 0, 0, 0.5952);
    position: sticky;
    bottom: var(--button-v-position);
    border-radius: 50%;
    display: flex;
    align-items: center;
    height: 36px;
    width: 36px;
    outline: none;
    margin: var(--button-v-position) 0 0 0;
    padding: 0;
    border: 0;
    justify-content: center;
    cursor: pointer;
    transition: background-color 100ms linear, color 100ms linear;
    background-color: var(--scrim-background-color);
    color: var(--icon-color)
}

.theme-dark .welcome-video-control-item {
    --scrim-background-color: rgb(51, 51, 54);
    --scrim-hover-background-color: #37373a;
    --scrim-active-background-color: #2f2f32;
    --icon-color: rgba(255, 255, 255, 0.8);
    --icon-interaction-color: rgb(255, 255, 255)
}

.welcome-video-control-item:focus {
    box-shadow: 0px 0px 0px 3px #fff, 0px 0px 0px 5px #0071e3;
    outline: none
}

.welcome-video-control-item:hover {
    background-color: var(--scrim-hover-background-color);
    color: var(--icon-interaction-color)
}

.welcome-video-control-item svg {
    fill: currentColor;
    pointer-events: none
}

.welcome-video-control-item .control-centered-small-icon {
    height: 20px;
    width: 20px
}

.playing .welcome-video-control-item .control-icon-play {
    display: none
}

.paused .welcome-video-control-item .control-icon-play {
    display: block
}

.paused .welcome-video-control-item .control-icon-pause {
    display: none
}

html.text-zoom .card {
    -webkit-nbsp-mode: space;
    word-break: break-word
}

.card .card-modifier {
    background: #f5f5f7;
    border-radius: var(--global-card-corner-radius);
    box-sizing: border-box;
    clip-path: inset(1px 1px 1px 1px round var(--global-card-corner-radius));
    height: 100%;
    min-height: 560px;
    overflow: hidden;
    position: relative;
    will-change: transform
}


.card .aboutcard{
    background: #f5f5f7;
    border-radius: var(--global-card-corner-radius);
    box-sizing: border-box;
    clip-path: inset(1px 1px 1px 1px round var(--global-card-corner-radius));
    height: 100%;
    min-height: 241px !important;
    overflow: hidden;
    position: relative;
    will-change: transform;
}

@media only screen and (min-width:1441px) {
    .card .card-modifier {
        min-height: 620px
    }
    .card .aboutcard{ 
        min-height: 250px;
    }
}

@media only screen and (max-width:734px) {
    .card .card-modifier {
        /* min-width: 260px; */
        min-width: 290px;
    }
    .card .aboutcard{ 
        min-height: 250px;
    }
}

.card .card-modifier.card-padding {
    padding: var(--global-card-padding)
}

.card .aboutcard .card-padding{ 
    padding: var(--global-card-padding)
}

@media only screen and (max-width:734px) {
    .card .card-modifier.full-bleed-small {
        border-radius: 0;
        padding-left: 0;
        padding-right: 0
    }

    .card .aboutcard .full-bleed-small{ 
        border-radius: 0;
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:734px) {
    .card .card-modifier.full-bleed-small .card-viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 980px
    }

    .card .aboutcard .full-bleed-small .card-viewport-content{ 
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 980px
    }
}

@media only screen and (max-width:734px)and (min-width:1441px) {
    .card .card-modifier.full-bleed-small .card-viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 980px
    }
    .card .aboutcard .full-bleed-small .card-viewport-content{ 
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 980px
    }
}

@media only screen and (max-width:734px)and (max-width:1068px) {
    .card .card-modifier.full-bleed-small .card-viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 692px
    }
    .card .aboutcard .full-bleed-small .card-viewport-content{ 
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 692px
    }

}

@media only screen and (max-width:734px)and (max-width:734px) {
    .card .card-modifier.full-bleed-small .card-viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 87.5%
    }
    .card .aboutcard .full-bleed-small .card-viewport-content{ 
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 87.5%
    }
}

.card .card-modifier.theme-dark,
.theme-dark .card .card-modifier {
    background: #242426
}

.card .card-modifier.theme-dark p,
.theme-dark .card .card-modifier p {
    color: #f5f5f7
}

.background-alt .card .card-modifier {
    background: #fff
}

.background-alt .card .card-modifier.theme-dark,
.theme-dark .background-alt .card .card-modifier {
    background: #000
}

.background-alt .card .card-modifier.theme-dark p,
.theme-dark .background-alt .card .card-modifier p {
    color: #f5f5f7
}

.card .card-modifier.fixed-width {
    width: 372px
}

@media only screen and (min-width:1441px) {
    .card .card-modifier.fixed-width {
        width: 405px
    }
}

@media only screen and (max-width:1068px) {
    .card .card-modifier.fixed-width {
        width: 344px
    }
}

@media only screen and (max-width:734px) {
    .card .card-modifier.fixed-width {
        width: 260px
    }
}

.card .card-modifier.has-trigger-button {
    padding-inline-end: 77px;
    /* padding-bottom: 57px; */
    padding-bottom: 41px;
}

@media only screen and (max-width:1068px) {
    .card .card-modifier.has-trigger-button {
        padding-inline-end: 73px
    }
}

.gallery .card-set {
    display: grid;
    grid-template-rows: repeat(1, auto);
    grid-template-columns: max-content;
    grid-auto-flow: column;
    grid-column-gap: var(--gallery-column-gap);
    column-gap: var(--gallery-column-gap);
    grid-row-gap: 0px;
    row-gap: 0px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    list-style: none
}

.gallery .card-set .card,
.gallery .card-set .card-container {
    height: 100%
}

.badge {
    --sk-badge-background: rgba(245, 99, 0, 0.1);
    --sk-badge-text-color: rgb(182, 68, 0);
    --sk-badge-border-radius: 6px;
    --sk-badge-horizontal-padding: 9px;
    --sk-badge-vertical-padding: 6px;
    --sk-badge-margin: 0;
    --sk-badge-display: initial;
    box-sizing: border-box;
    white-space: nowrap;
    color: var(--sk-badge-text-color);
    background-color: var(--sk-badge-background);
    border-radius: var(--sk-badge-border-radius);
    padding: var(--sk-badge-vertical-padding) var(--sk-badge-horizontal-padding);
    margin-inline-start: var(--sk-badge-margin);
    display: var(--sk-badge-display);
    font-size: 17px;
    line-height: 1.1764805882;
    font-weight: 600;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

.badge:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

.badge-inline {
    --sk-badge-margin: 8px;
    --sk-badge-display: inline-block
}

.badge-neutral {
    --sk-badge-background: rgba(29, 29, 31, 0.07);
    --sk-badge-text-color: rgb(66, 66, 69)
}

.badge-reduced {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 600;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --sk-badge-border-radius: 5px;
    --sk-badge-horizontal-padding: 6px;
    --sk-badge-vertical-padding: 4px
}

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

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

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

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

.badge-reduced:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

.badge-reduced: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-inline {
    --sk-badge-margin: 8px;
    --sk-badge-display: inline-block
}

.badge-tiny {
    font-size: 10px;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -0.006em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --sk-badge-border-radius: 3px;
    --sk-badge-horizontal-padding: 3px;
    --sk-badge-vertical-padding: 2px
}

.badge-tiny:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge-tiny: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-tiny: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-tiny:lang(zh) {
    letter-spacing: 0em
}

.badge-tiny:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

.badge-tiny.badge-inline {
    --sk-badge-margin: 8px;
    --sk-badge-display: inline-block
}

.badge-no-scrim {
    --sk-badge-border-radius: 0;
    --sk-badge-horizontal-padding: 0;
    --sk-badge-vertical-padding: 0;
    --sk-badge-background: transparent
}

.badge-dark {
    --sk-badge-background: rgba(245, 99, 0, 0.2);
    --sk-badge-text-color: rgb(255, 121, 27)
}

.badge-dark.badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(255, 121, 27)
}

.badge-dark.badge-neutral {
    --sk-badge-background: rgba(245, 245, 247, 0.14);
    --sk-badge-text-color: rgb(210, 210, 215)
}

.theme-light .badge.badge-dark {
    --sk-badge-background: rgba(245, 99, 0, 0.2);
    --sk-badge-text-color: rgb(255, 121, 27)
}

.theme-light .badge.badge-dark.badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(255, 121, 27)
}

.theme-light .badge.badge-dark.badge-neutral {
    --sk-badge-background: rgba(245, 245, 247, 0.14);
    --sk-badge-text-color: rgb(210, 210, 215)
}

.badge-light {
    --sk-badge-background: rgba(245, 99, 0, 0.2);
    --sk-badge-text-color: rgb(255, 121, 27)
}

.badge-light.badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(255, 121, 27)
}

.badge-light.badge-neutral {
    --sk-badge-background: rgba(29, 29, 31, 0.07);
    --sk-badge-text-color: rgb(66, 66, 69)
}

.theme-dark .badge.badge-light {
    --sk-badge-background: rgba(245, 99, 0, 0.1);
    --sk-badge-text-color: rgb(182, 68, 0)
}

.theme-dark .badge.badge-light.badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(182, 68, 0)
}

.theme-dark .badge.badge-light.badge-neutral {
    --sk-badge-background: rgba(29, 29, 31, 0.07);
    --sk-badge-text-color: rgb(66, 66, 69)
}

.grid-item .essential-card .card-modifier {
    --gallery-side-padding: calc(50vw - min(1680px, var(--global-viewport-content-responsive))/2);
    width: calc(50vw - var(--gallery-column-gap)*0.5 - var(--gallery-side-padding))
}

@media only screen and (max-width:734px) {
    .essential-card .card-modifier {
        width: 260px;
        min-height: 480px
    }
}

.card-viewport-content {
    height: 100%
}

.essential-card-content {
    /* padding-top: 24px; */
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box
}

@media only screen and (max-width:1068px) {
    .essential-card-content {
        padding-top: var(--global-card-padding)
    }
}

@media only screen and (max-width:734px) {
    .essential-card-content {
        padding-top: var(--global-card-padding)
    }
}

.essential-card-content.text-bottom {
    padding-bottom: 24px;
    padding-top: 0;
    flex-direction: column-reverse
}

@media only screen and (max-width:1068px) {
    .essential-card-content.text-bottom {
        padding-bottom: var(--global-card-padding)
    }
}

@media only screen and (max-width:734px) {
    .essential-card-content.text-bottom {
        padding-bottom: var(--global-card-padding)
    }
}

.essential-card-content .essential-card-block-link {
    color: inherit;
    height: 100%;
    left: 0;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%;
    z-index: 2
}

.essential-card-content .essential-card-text-container {
    position: relative;
    z-index: 2
}

.essential-card-content .essential-card-badge {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 600;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin-bottom: 8px;
    padding-bottom: 0;
    padding-top: 0;
    display: block
}

.essential-card-content .essential-card-badge:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.essential-card-content .essential-card-badge:lang(ja) {
    line-height: 1.4166666667;
    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
}

.essential-card-content .essential-card-badge:lang(ko) {
    line-height: 1.4166666667;
    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
}

.essential-card-content .essential-card-badge:lang(zh) {
    letter-spacing: 0em
}

.essential-card-content .essential-card-badge:lang(th) {
    line-height: 1.3333733333;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.essential-card-content .essential-card-badge:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.essential-card-content .essential-card-badge:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.essential-card-content .essential-card-badge: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
}

.essential-card-content .essential-card-badge:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.essential-card-content .essential-card-header {
    margin-bottom: 12px
}

.essential-card-content .essential-card-copy {
    margin: 20px 0 0 0px;
}

.essential-card-content .essential-card-image {
    position: relative;
    z-index: 1
}

.essential-card-content .essential-card-image.image-top-left {
    left: calc(var(--global-card-padding)*-1);
    top: calc(var(--global-card-padding)*-1);
    align-self: start
}

.essential-card-content .essential-card-image.image-top-center {
    top: calc(var(--global-card-padding)*-1)
}

.essential-card-content .essential-card-image.image-top-right {
    right: calc(var(--global-card-padding)*-1);
    top: calc(var(--global-card-padding)*-1);
    align-self: end
}

.essential-card-content .essential-card-image.image-bottom-left {
    bottom: calc(var(--global-card-padding)*-1);
    left: calc(var(--global-card-padding)*-1);
    align-self: start
}

.essential-card-content .essential-card-image.image-bottom-center {
    /* bottom: calc(var(--global-card-padding)*-1) */
}

.essential-card-content .essential-card-image.image-bottom-right {
    bottom: calc(var(--global-card-padding)*-1);
    right: calc(var(--global-card-padding)*-1);
    align-self: end
}

.essential-card-content .responsive-image {
    position: relative;
    display: flex;
    margin-bottom: 20px;
}

.icon-card {
    transition: transform .3s cubic-bezier(0, 0, 0.5, 1)
}

@media only screen and (min-width:1441px) {
    html.no-touch .icon-card:hover {
        transform: scale(1.0148148148)
    }
}

html.no-touch .icon-card:hover {
    transform: scale(1.0161290323)
}

@media only screen and (max-width:1068px) {
    html.no-touch .icon-card:hover {
        transform: scale(1.0174418605)
    }
}

@media only screen and (max-width:734px) {
    html.no-touch .icon-card:hover {
        transform: scale(1.0230769231)
    }
}

.card.theme-dark .icon-card .icon-card-container .icon-card-image,
.theme-dark .icon-card .icon-card-container .icon-card-image {
    filter: invert(100%)
}

.icon-card .card-modifier {
    min-height: 217px
}

@media only screen and (max-width:1068px) {
    .icon-card .card-modifier {
        min-height: 213px
    }
}

@media only screen and (max-width:734px) {
    .icon-card .card-modifier {
        min-height: 199px
    }
}

.icon-card-content .copy-container {
    z-index: 2;
    position: relative
}

.icon-card-content .icon-container {
    padding-bottom: 9px
}

@media only screen and (max-width:734px) {
    .icon-card-modal .modal-content-container {
        --modal-overlay-padding-inline: 60px;
        --modal-overlay-padding-top: 60px;
        --modal-overlay-padding-bottom: 60px
    }
}

@media only screen and (max-width:480px) {
    .icon-card-modal .modal-content-container {
        --modal-overlay-padding-inline: 20px
    }
}

@media only screen and (max-width:480px) {
    .icon-card-modal .modal-content-container .modal-content-wrapper {
        max-width: 420px;
        margin: 0 auto
    }
}

.icon-card-modal-content {
    position: relative;
    height: 100%;
    display: none
}

.family-modal .icon-card-modal-content,
.no-js .icon-card-modal-content {
    display: block
}

.icon-card-modal-content .image-container {
    margin-top: 64px;
    display: grid;
    justify-content: center
}

@media only screen and (max-width:734px) {
    .icon-card-modal-content .image-container {
        margin-top: 40px
    }
}

.icon-card-modal-content .image-container img {
    max-width: 100%
}

.icon-card-modal-content .icon-card-modal-inline-headline {
    margin-top: 20px
}

@media only screen and (max-width:734px) {
    .icon-card-modal-content .icon-card-modal-inline-headline {
        margin-top: 16px
    }
}

.icon-card-modal-content .modal-ctas-container {
    margin-top: 40px
}

@media only screen and (max-width:734px) {
    .icon-card-modal-content .modal-ctas-container {
        margin-top: 32px
    }
}

.icon-card-modal-content .modal-items-body .icon-card-modal-inline-headline {
    margin-top: 40px
}

@media only screen and (max-width:734px) {
    .icon-card-modal-content .modal-items-body .icon-card-modal-inline-headline {
        margin-top: 32px
    }
}

.icon-card-modal-content .modal-items-body .icon-card-modal-inline-headline+.modal-body {
    margin-top: 0
}

.icon-card-modal-content .modal-table-body {
    margin-top: 64px
}

.icon-card-modal-content .modal-table-body .modal-table-copy-leading,
.icon-card-modal-content .modal-table-body .modal-table-label-leading {
    padding-right: 40px
}

.icon-card-modal-content .modal-table-body .modal-table-copy-trailing,
.icon-card-modal-content .modal-table-body .modal-table-label-trailing {
    text-align: right;
    padding-left: 40px
}

.icon-card-modal-content .modal-table-body thead th {
    padding-bottom: 4px
}

.icon-card-modal-content .modal-table-body tbody tr {
    border-bottom: 1px solid #d2d2d7
}

.icon-card-modal-content .modal-table-body tbody tr td {
    padding: 20px 0
}

.icon-card-modal-content .modal-table-body tbody tr:last-child {
    border: 0
}

.icon-card-modal-content .modal-table-body tbody tr:last-child td {
    padding-bottom: 0
}

.feature-card {
    transition: transform .3s cubic-bezier(0, 0, 0.5, 1)
}

@media only screen and (min-width:1441px) {
    html.no-touch .feature-card:hover {
        transform: scale(1.0148148148)
    }
}

html.no-touch .feature-card:hover {
    transform: scale(1.0161290323)
}

@media only screen and (max-width:1068px) {
    html.no-touch .feature-card:hover {
        transform: scale(1.0174418605)
    }
}

@media only screen and (max-width:734px) {
    html.no-touch .feature-card:hover {
        transform: scale(1.0230769231)
    }
}

.feature-card .card-modifier {
    max-height: 744px;
    min-height: 680px
}

@media only screen and (min-width:1441px) {
    .feature-card .card-modifier {
        max-height: 804px;
        min-height: 740px
    }
}

@media only screen and (max-width:1068px) {
    .feature-card .card-modifier {
        max-height: 684px;
        min-height: 628px
    }
}

@media only screen and (max-width:734px) {
    .feature-card .card-modifier {
        max-height: 630px;
        min-height: 480px
    }
}

.feature-card .feature-card-copy {
    padding-bottom: 523px
}

@media only screen and (min-width:1441px) {
    .feature-card .feature-card-copy {
        padding-bottom: 583px
    }
}

@media only screen and (max-width:1068px) {
    .feature-card .feature-card-copy {
        padding-bottom: 490px
    }
}

@media only screen and (max-width:734px) {
    .feature-card .feature-card-copy {
        padding-bottom: 356px
    }
}

.feature-card-content .feature-card-image-container {
    position: absolute;
    margin: 0
}

.feature-card-content .feature-card-image-container.image-top-left {
    left: 0;
    top: 0
}

.feature-card-content .feature-card-image-container.image-top-center {
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.feature-card-content .feature-card-image-container.image-top-right {
    right: 0;
    top: 0
}

.feature-card-content .feature-card-image-container.image-bottom-left {
    bottom: 0;
    left: 0
}

.feature-card-content .feature-card-image-container.image-bottom-center {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.feature-card-content .feature-card-image-container.image-bottom-right {
    bottom: 0;
    right: 0
}

.feature-card-content .feature-card-image-container.image-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.feature-card-content .feature-card-image-container .feature-card-image {
    position: relative;
    display: flex
}

.feature-card-content .feature-card-copy {
    position: relative;
    z-index: 2
}

.feature-card-content .feature-card-label+.feature-card-headline {
    margin-top: 8px
}

.feature-card-modal.modal-page-overlay .modal-overlay-container {
    justify-content: center
}

.feature-card-modal.modal-page-overlay .modal-overlay {
    width: 88.71%;
    max-width: 1260px
}

@media only screen and (max-width:1068px) {
    .feature-card-modal.modal-page-overlay .modal-overlay {
        max-width: 934px;
        width: 89.3%
    }
}

@media only screen and (max-width:734px) {
    .feature-card-modal.modal-page-overlay .modal-overlay {
        max-width: 642px;
        width: 90.35%
    }
}

@media only screen and (max-width:480px) {
    .feature-card-modal.modal-page-overlay .modal-overlay {
        width: 100%
    }
}

.feature-card-modal.modal-page-overlay .modal-overlay .modal-content-container {
    mask-image: none
}

@media only screen and (max-width:734px) {
    .feature-card-modal.modal-page-overlay .modal-overlay .modal-content-container {
        --modal-overlay-padding-inline: 0px
    }
}

@media only screen and (max-width:734px) {
    .feature-card-modal.modal-page-overlay .modal-content-wrapper {
        max-width: 562px;
        margin: 0 auto;
        padding-inline-start: 26px;
        padding-inline-end: 26px
    }
}

@media only screen and (max-width:480px) {
    .feature-card-modal.modal-page-overlay .modal-content-wrapper {
        max-width: 420px;
        padding-inline-start: 20px;
        padding-inline-end: 20px
    }
}

.feature-card-modal-content {
    display: none
}

.family-modal .feature-card-modal-content,
.no-js .feature-card-modal-content {
    display: block
}

.feature-card-modal-tile {
    --tile-card-vertical-space: 64px;
    margin-top: var(--tile-card-vertical-space)
}

@media only screen and (max-width:734px) {
    .feature-card-modal-tile {
        margin-top: 48px
    }
}

.feature-card-modal-tile+.feature-card-modal-tile {
    margin-top: 20px
}

.feature-card-modal-tile.bleed-bottom .card .card-modifier {
    padding: var(--tile-card-vertical-space) 0 0
}

.feature-card-modal-tile .card .card-modifier {
    min-height: auto;
    padding: var(--tile-card-vertical-space) 0
}

.theme-dark .feature-card-modal-tile .card {
    background: #242426
}

.feature-card-modal-tile .card .image-container {
    margin-top: 32px;
    position: relative
}

@media only screen and (max-width:1068px) {
    .feature-card-modal-tile .card .image-container {
        margin-top: 32px
    }
}

.feature-card-modal-tile .card .image-container .responsive-image {
    position: relative;
    display: flex
}

.feature-card-modal-tile .card .image-container .responsive-image img {
    width: 100%;
    height: auto
}

.feature-card-modal-tile .card .image-container .feature-card-modal-absolute-caption {
    color: #6e6e73
}

.feature-card-modal-tile .card .feature-card-modal-image-caption {
    color: #6e6e73;
    position: relative;
    margin-top: 26px
}

.feature-card-modal-tile .feature-card-modal-content {
    padding-inline-start: 111px;
    padding-inline-end: 111px;
    margin: 0 auto
}

@media only screen and (max-width:1068px) {
    .feature-card-modal-tile .feature-card-modal-content {
        max-width: 560px;
        padding-inline-start: 40px;
        padding-inline-end: 40px
    }
}

@media only screen and (max-width:734px) {
    .feature-card-modal-tile .feature-card-modal-content {
        max-width: 400px;
        padding-inline-start: 24px;
        padding-inline-end: 24px
    }
}

.feature-card-modal-tile .feature-card-modal-copyblock .feature-card-modal-copy,
.feature-card-modal-tile .feature-card-modal-copyblock .feature-card-modal-copy-highlight {
    display: inline
}

.feature-card-modal-tile .feature-card-modal-copyblock .feature-card-modal-copy {
    color: #6e6e73
}

.feature-card-modal-tile .feature-card-modal-copyblock .feature-card-modal-cta {
    margin-top: 15px
}

@media only screen and (max-width:734px) {
    .feature-card-modal-tile .feature-card-modal-copyblock .feature-card-modal-cta {
        margin-top: 12px
    }
}

@media only screen and (min-width:1069px) {
    .feature-card-modal-tile.tile-horizontal-layout .card .card-modifier {
        padding: 0
    }

    .feature-card-modal-tile.tile-horizontal-layout .card-viewport-content {
        display: flex;
        align-items: center;
        min-height: 720px
    }

    .feature-card-modal-tile.tile-horizontal-layout .card-viewport-content .feature-card-modal-copyblock {
        width: 336px;
        flex-shrink: 0;
        padding-top: var(--tile-card-vertical-space);
        padding-bottom: var(--tile-card-vertical-space)
    }

    .feature-card-modal-tile.tile-horizontal-layout .card-viewport-content .feature-card-modal-content {
        padding-inline-start: 56px;
        padding-inline-end: 0;
        margin: 0
    }

    .feature-card-modal-tile.tile-horizontal-layout .card-viewport-content .image-container {
        position: relative;
        margin-top: 0;
        margin-inline-start: auto;
        margin-inline-end: 0
    }

    .feature-card-modal-tile.tile-horizontal-layout .card-viewport-content .image-container.pin-middle-center {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .feature-card-modal-tile.tile-horizontal-layout .card-viewport-content .image-container img {
        width: auto
    }

    .feature-card-modal-tile.tile-horizontal-layout.image-first .card-viewport-content {
        flex-direction: row-reverse
    }

    .feature-card-modal-tile.tile-horizontal-layout.image-first .card-viewport-content .feature-card-modal-content {
        padding-inline-start: 0;
        padding-inline-end: 56px
    }

    .feature-card-modal-tile.tile-horizontal-layout.image-first .card-viewport-content .image-container {
        margin-inline-start: 0;
        margin-inline-end: auto
    }

    .feature-card-modal-tile.tile-horizontal-layout.image-first .card-viewport-content .image-container.pin-middle-center {
        margin-inline-start: auto;
        margin-inline-end: auto
    }
}

.card-cta-modal-button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    border-radius: var(--global-card-corner-radius);
    z-index: 1;
    width: 100%;
    height: 100%
}

.card-cta-modal-button .card-cta-modal-button-icon {
    --scrim-background-color: rgb(51, 51, 54);
    --scrim-hover-background-color: #37373a;
    --scrim-active-background-color: #2f2f32;
    --icon-color: #d6d6d7;
    --icon-interaction-color: rgb(255, 255, 255);
    border-radius: 50%;
    display: flex;
    align-items: center;
    height: 36px;
    width: 36px;
    outline: none;
    position: absolute;
    z-index: 1;
    right: 20px;
    bottom: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    justify-content: center;
    cursor: pointer;
    transition: background-color 100ms linear, color 100ms linear;
    background-color: var(--scrim-background-color);
    color: var(--icon-color)
}

.card-cta-modal-button .card-cta-modal-button-icon:hover {
    background-color: var(--scrim-hover-background-color);
    color: var(--icon-interaction-color)
}

.card-cta-modal-button .card-cta-modal-button-icon:active {
    background-color: var(--scrim-active-background-color);
    color: var(--icon-interaction-color)
}

.card-cta-modal-button .card-cta-modal-button-icon .card-cta-modal-button-small-icon {
    fill: currentColor;
    pointer-events: none
}

.card-cta-modal-button .card-modal-button-small-icon {
    width: 18px;
    height: 18px
}

.card-cta-modal-button .card-cta-button-small-icon {
    width: 36px;
    height: 36px
}

.modal {
    --caption-scale-ratio: 1
}

.modal-page-overlay {
    --modal-close-timeout: 400ms;
    color: var(--sk-body-text-color);
    transition: opacity var(--modal-close-timeout) ease;
    opacity: 0
}

@media only screen and (min-width:1069px) {
    .modal-page-overlay {
        --modal-overlay-width: 816px
    }
}

@media only screen and (max-width:734px) {
    .modal-page-overlay {
        --modal-overlay-width: 87.5%
    }
}

@media only screen and (max-width:480px) {
    .modal-page-overlay {
        --modal-overlay-width: 100%
    }
}

.modal-page-overlay:not(.modal-scrim-no-blur) {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.modal-page-overlay.visually-visiable {
    opacity: 1
}

.modal-page-overlay .modal-close-button .modal-close-icon {
    pointer-events: none;
    --scrim-background-color: rgb(51, 51, 54);
    --scrim-hover-background-color: #37373a;
    --scrim-active-background-color: #2f2f32;
    --icon-color: rgba(255, 255, 255, 0.8);
    --icon-interaction-color: rgb(255, 255, 255);
    transition: background-color 100ms linear, color 100ms linear;
    background-color: var(--scrim-background-color);
    color: var(--icon-color)
}

.modal-page-overlay .modal-close-button:hover .modal-close-icon {
    background-color: var(--scrim-hover-background-color);
    color: var(--icon-interaction-color)
}

.modal-page-overlay .modal-close-button:active .modal-close-icon {
    background-color: var(--scrim-active-background-color);
    color: var(--icon-interaction-color)
}

.tabnav {
    --tabnav-link-color: rgb(110, 110, 115);
    --tabnav-link-color-hover: rgb(66, 66, 69);
    --tabnav-bottom-border: rgb(210, 210, 215);
    --tabnav-current-link-color: rgb(29, 29, 31);
    --tabnav-current-bottom-border: rgb(29, 29, 31);
    --chapternav-paddle-width: 34px;
    --chapternav-paddle-chevron-color: rgb(29, 29, 31);
    --chapternav-border-color: rgb(210, 210, 215);
    --chapternav-paddle-opacity: 0.8;
    --chapternav-paddle-hover-opacity: 1;
    --chapternav-paddle-hover-duration: 200ms;
    --chapternav-paddle-fade-duration: 150ms;
    --chapternav-paddle-horizontal-offset: -0.5px;
    --chapternav-border-width: 1px;
    --chapternav-safearea-offset: -10px;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 3.1764705882em;
    font-size: 17px;
    text-align: center;
    z-index: 1
}

.tabnav.chapternav-dark,
.theme-dark .tabnav {
    --chapternav-border-color: rgb(66, 66, 69);
    --chapternav-paddle-chevron-color: rgb(245, 245, 247)
}

.tabnav-paddle {
    border: 0 solid var(--chapternav-border-color);
    border-radius: 0;
    color: var(--chapternav-paddle-chevron-color);
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
    width: calc(var(--chapternav-paddle-width) - 1px);
    transition: opacity var(--chapternav-paddle-fade-duration) ease-out
}

.tabnav-paddle-left-icon,
.tabnav-paddle-right-icon {
    opacity: var(--chapternav-paddle-opacity);
    transition: opacity var(--chapternav-paddle-hover-duration) linear;
    will-change: opacity
}

.tabnav-paddle:disabled {
    opacity: 0
}

.tabnav-paddle:hover .tabnav-paddle-left-icon,
.tabnav-paddle:hover .tabnav-paddle-right-icon {
    opacity: var(--chapternav-paddle-hover-opacity)
}

.tabnav-paddle:focus,
.tabnav-paddle:focus-visible {
    outline: none
}

.tabnav-paddle:focus-visible .tabnav-paddle-left-icon,
.tabnav-paddle:focus-visible .tabnav-paddle-right-icon {
    outline: 2px solid var(--sk-focus-color, #0071E3);
    outline-offset: 3px;
    opacity: 1
}

.tabnav-paddle:active {
    outline: none
}

.tabnav-paddle:active .tabnav-paddle-left-icon,
.tabnav-paddle:active .tabnav-paddle-right-icon {
    outline: none;
    opacity: var(--chapternav-paddle-hover-opacity)
}

.tabnav-paddle-left {
    border-right-width: var(--chapternav-border-width);
    left: 0
}

.tabnav-paddle-left-icon {
    margin-left: var(--chapternav-paddle-horizontal-offset)
}

@supports(left:max(calc(0px))) {
    .tabnav-paddle-left {
        left: max(env(safe-area-inset-left) + var(--chapternav-safearea-offset), 0px)
    }
}

.tabnav-paddle-right {
    border-left-width: var(--chapternav-border-width);
    right: 0
}

.tabnav-paddle-right-icon {
    margin-right: var(--chapternav-paddle-horizontal-offset)
}

@supports(right:max(calc(0px))) {
    .tabnav-paddle-right {
        right: max(env(safe-area-inset-right) + var(--chapternav-safearea-offset), 0px)
    }
}

.tabnav-items {
    margin-inline: var(--chapternav-paddle-width);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    padding: 0 0 3.1764705882em
}

@supports(margin:calc(max(0px))) {
    html:not([dir=rtl]) .tabnav-items {
        margin-inline: max(env(safe-area-inset-left) + var(--chapternav-paddle-width) + var(--chapternav-safearea-offset), var(--chapternav-paddle-width))
    }

    html[dir=rtl] .tabnav-items {
        margin-inline: max(env(safe-area-inset-right) + var(--chapternav-paddle-width) + var(--chapternav-safearea-offset), var(--chapternav-paddle-width))
    }
}

.tabnav-item {
    display: inline-block;
    padding-left: 60px;
    border-bottom: 1px solid var(--tabnav-bottom-border);
    list-style: none;
    outline: none
}

@media only screen and (max-width:1068px) {
    .tabnav-item {
        padding-left: 50px
    }
}

@media only screen and (max-width:734px) {
    .tabnav-item {
        padding-left: 30px
    }
}

.tabnav-item:first-child {
    padding-left: 0
}

.tabnav.with-icons {
    height: 7.5294117647em
}

.tabnav.with-icons .tabnav-icon {
    margin: .3529411765em auto 1.6470588235em
}

.tabnav-link {
    font-size: 17px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -0.021em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 9px 0 11px;
    margin-top: 2px;
    margin-bottom: 4px;
    color: var(--tabnav-link-color);
    text-align: left;
    text-decoration: none;
    display: block;
    position: relative;
    z-index: 0
}

.tabnav-link:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tabnav-link: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
}

.tabnav-link: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
}

.tabnav-link:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

.tabnav-link: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
}

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

.with-paddles .tabnav-link {
    text-align: center
}

.tabnav-link:focus {
    outline-offset: -1px
}

.tabnav-link:after {
    position: absolute;
    bottom: -5px;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    content: ""
}

html:not([dir=rtl]) .tabnav-link:after {
    left: 0
}

html[dir=rtl] .tabnav-link:after {
    right: 0
}

.tabnav .tabnav-link {
    color: var(--tabnav-link-color)
}

.tabnav .tabnav-link:hover {
    color: var(--tabnav-link-color-hover);
    text-decoration: none
}

.tabnav .tabnav-link.current {
    pointer-events: none;
    color: var(--tabnav-current-link-color);
    text-decoration: none;
    cursor: default;
    z-index: 10
}

.tabnav .tabnav-link.current:after {
    border-bottom-color: var(--tabnav-current-bottom-border)
}

.theme-dark .tabnav {
    --tabnav-link-color: rgb(134, 134, 139);
    --tabnav-link-color-hover: rgb(210, 210, 215);
    --tabnav-bottom-border: rgb(66, 66, 69);
    --tabnav-current-link-color: rgb(245, 245, 247);
    --tabnav-current-bottom-border: rgb(245, 245, 247)
}

.select-gallery-container {
    --gallery-side-padding: calc(50vw - min(1680px, var(--global-viewport-content-responsive))/2);
    margin-top: 0px;
    margin-bottom: 0px
}

.select-gallery-container .tabnav {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-left: var(--gallery-side-padding);
    margin-bottom: 80px;
    border-radius: 32px
}

@media only screen and (max-width:1068px) {
    .select-gallery-container .tabnav {
        margin-bottom: 115px
    }
}

@media only screen and (max-width:734px) {
    .select-gallery-container .tabnav {
        width: max-content;
        margin-bottom: 55px
    }
}

.select-gallery-container .tabnav .tabnav-items {
    scrollbar-width: none
}

.select-gallery-container .tabnav .tabnav-items::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width:734px) {
    .select-gallery-container .tabnav .tabnav-items {
        max-width: 87.5vw
    }
}

.select-gallery-container .tabnav .tabnav-paddle {
    border: none;
    width: 40px;
    box-sizing: border-box
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-left:after,
.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-left:before {
    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: "";
    text-decoration: none
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-left:before {
    display: none
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-left:after,
.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-left:before {
    content: ""
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-left:after {
    padding-inline-start: .3em;
    top: 0
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-right:after,
.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-right:before {
    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: "";
    text-decoration: none
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-right:before {
    display: none
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-right:after,
.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-right:before {
    content: ""
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-right:after {
    padding-inline-start: .3em;
    top: 0
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-left:after,
.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-right:after {
    opacity: .64;
    font-weight: 400;
    font-size: 34px;
    padding-inline-start: 0
}

.select-gallery-container .tabnav .tabnav-paddle:disabled {
    pointer-events: none
}

.select-gallery-container .tabnav .tabnav-paddles {
    margin: 0
}

.select-gallery-container .tabnav .tabnav-paddle-right {
    background: linear-gradient(270deg, var(--global-section-background-color) 70%, transparent)
}

.select-gallery-container .tabnav .tabnav-paddle-left {
    background: linear-gradient(90deg, var(--global-section-background-color) 70%, transparent)
}

.select-gallery-container .toggle-gallery-wrapper {
    display: flex;
    list-style: none;
    padding: 5px;
    width: 100%
}

.select-gallery-container .toggle-gallery-wrapper.tabnav-items {
    margin: 0
}

@media only screen and (max-width:734px) {
    .select-gallery-container .toggle-gallery-wrapper {
        padding: 4px
    }
}

.select-gallery-container .toggle-gallery-wrapper li+li {
    margin-left: 15px
}

@media only screen and (max-width:734px) {
    .select-gallery-container .toggle-gallery-wrapper li+li {
        margin-left: 0px
    }
}

.select-gallery-container .toggle-gallery-wrapper li.tabnav-item {
    border: none;
    padding: 0
}

.select-gallery-container .toggle-gallery-wrapper li .tabnav-button {
    cursor: pointer;
    border: none;
    padding: 10px 24px;
    border-radius: 32px;
    transform: translateZ(0);
    transition: transform .1s linear
}

@media only screen and (max-width:734px) {
    .select-gallery-container .toggle-gallery-wrapper li .tabnav-button {
        padding: 10px 18px
    }
}

.select-gallery-container .toggle-gallery-wrapper li .tabnav-button.active {
    transform: translateZ(1px);
    background-color: #1d1d1f;
    color: #fff;
    pointer-events: none
}

.select-gallery-container .galleries-container {
    position: relative;
    --select-gallery-height: auto;
    height: var(--select-gallery-height);
    transition: height calc(var(--global-staggered-opacity-duration)*1s) var(--global-animation-easing-function)
}

.select-gallery-container .galleries-container .gallery {
    --sticky-item-bottom-offset: 36px;
    margin-top: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    visibility: hidden;
    z-index: 0;
    padding-bottom: 104px
}

.select-gallery-container .galleries-container .gallery .item-container .product-tile:not(:first-child) {
    margin-inline-start: var(--global-select-column-space)
}

@media only screen and (max-width:734px) {
    .select-gallery-container .galleries-container .gallery .item-container .product-tile:not(:first-child) {
        margin-inline-start: 0
    }
}

.select-gallery-container .galleries-container .gallery.no-paddlenav {
    padding-bottom: 104px
}

.select-gallery-container .galleries-container .gallery.active {
    position: relative;
    visibility: visible;
    z-index: 2
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.select-gallery-container .galleries-container .gallery.active.staggered-animation .item-container .grid-item[data-staggered-item] {
    animation: fadeIn calc(var(--global-staggered-opacity-duration)*0.5s) var(--global-animation-easing-function) both;
    animation-delay: calc(var(--global-staggered-delay)*1s)
}

html.reduced-motion .select-gallery-container .galleries-container .gallery.active.staggered-animation .item-container .grid-item[data-staggered-item] {
    animation: none
}

.select-gallery-container .galleries-container .gallery .paddlenav {
    --scrim-height: 104px;
    top: var(--select-sticky-offset, 0px);
    height: calc(100% - var(--select-sticky-offset, 0px))
}

.select-gallery-container .galleries-container .gallery .paddlenav .sticky-element {
    position: sticky;
    height: var(--sticky-height, 60px);
    top: calc(100% - var(--sticky-height, 60px))
}

.select-gallery-container .galleries-container .gallery .paddlenav .left-item,
.select-gallery-container .galleries-container .gallery .paddlenav .right-item {
    bottom: var(--sticky-item-bottom-offset)
}

.select-gallery-container .galleries-container .gallery .paddlenav .scrim {
    display: block;
    position: absolute;
    width: 100vw;
    height: var(--scrim-height);
    bottom: 0px;
    left: calc(-100vw + var(--gallery-side-padding));
    z-index: -1
}

@media only screen and (max-width:320px) {
    .select-gallery-container .galleries-container .gallery .paddlenav .scrim {
        width: 320px;
        left: calc(-320px + var(--gallery-side-padding))
    }
}

.staggered-start .active .grid-item[data-staggered-item] .product-tile-plus:before {
    animation: none;
    opacity: 0
}

.staggered-end .active .grid-item[data-staggered-item] .product-tile-plus:before {
    animation: fadeIn calc(var(--global-staggered-opacity-duration)*1s) var(--global-animation-easing-function) both;
    animation-delay: calc(var(--global-staggered-delay)*1s)
}

html.reduced-motion .staggered-end .active .grid-item[data-staggered-item] .product-tile-plus:before {
    animation: none
}

.toggle-gallery-wrapper {
    background-color: #f5f5f7;
    background-color: var(--global-section-background-color-alt)
}

.tabnav .tabnav-paddle-right {
    background: linear-gradient(270deg, var(--global-section-background-color-alt) 70%, transparent)
}

.tabnav .tabnav-paddle-left {
    background: linear-gradient(90deg, var(--global-section-background-color-alt) 70%, transparent)
}

.tabnav.hidden {
    display: none
}

.paddlenav .scrim {
    background: linear-gradient(0deg, var(--global-section-background-color), var(--global-section-background-color) 50%, transparent)
}

.background-alt .toggle-gallery-wrapper {
    background-color: var(--global-section-background-color)
}

.background-alt .tabnav .tabnav-paddle-right {
    background: linear-gradient(270deg, var(--global-section-background-color) 70%, transparent)
}

.background-alt .tabnav .tabnav-paddle-left {
    background: linear-gradient(90deg, var(--global-section-background-color) 70%, transparent)
}

.background-alt .paddlenav .scrim {
    background: linear-gradient(0deg, var(--global-section-background-color-alt), var(--global-section-background-color-alt) 50%, transparent)
}

.theme-dark .toggle-gallery-wrapper {
    background-color: var(--global-section-background-color-alt-dark)
}

.theme-dark .toggle-gallery-wrapper li.active {
    background-color: #f5f5f7;
    color: #000
}

.theme-dark .tabnav .tabnav-paddle:after {
    opacity: 1
}

.theme-dark .tabnav .tabnav-paddle-right {
    background: linear-gradient(270deg, var(--global-section-background-color-alt-dark) 70%, transparent)
}

.theme-dark .tabnav .tabnav-paddle-left {
    background: linear-gradient(90deg, var(--global-section-background-color-alt-dark) 70%, transparent)
}

.theme-dark .tabnav .paddlenav .scrim {
    background: linear-gradient(0deg, var(--global-section-background-color-alt-dark), var(--global-section-background-color-alt-dark) 50%, transparent)
}

.theme-dark .paddlenav .scrim {
    background: linear-gradient(0deg, var(--global-section-background-color-dark), var(--global-section-background-color-dark) 50%, transparent)
}

.theme-dark .background-alt .toggle-gallery-wrapper {
    background-color: var(--global-section-background-color-dark)
}

.theme-dark .background-alt .tabnav .tabnav-paddle-right {
    background: linear-gradient(270deg, var(--global-section-background-color-dark) 70%, transparent)
}

.theme-dark .background-alt .tabnav .tabnav-paddle-left {
    background: linear-gradient(90deg, var(--global-section-background-color-dark) 70%, transparent)
}

.theme-dark .background-alt .paddlenav .scrim {
    background: linear-gradient(0deg, var(--global-section-background-color-alt-dark), var(--global-section-background-color-alt-dark) 50%, transparent)
}

.gallery {
    position: relative;
    margin-top: 0;
    padding-bottom: 83px;
    --gallery-side-padding: calc(50vw - min(1680px, var(--global-viewport-content-responsive))/2)
}

@media only screen and (max-width:734px) {
    .gallery {
        padding-bottom: 78px
    }
}

.gallery.no-paddlenav {
    padding-bottom: 0px
}

.gallery ::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: rgba(0, 0, 0, 0)
}

.gallery.gallery-align-center .scroll-container {
    scroll-padding: var(--gallery-side-padding)
}

.gallery.gallery-align-center .item-container {
    padding: 0 var(--gallery-side-padding)
}

.gallery.gallery-align-center .gallery-item {
    scroll-snap-align: center
}

.gallery.gallery-align-start .scroll-container {
    scroll-padding: var(--gallery-side-padding)
}

.gallery.gallery-align-start .item-container {
    padding: 0 var(--gallery-side-padding)
}

.gallery.gallery-align-start .gallery-item {
    scroll-snap-align: start
}

.gallery-item img:hover{
    transform: scale(1.05);
}

.gallery-item img{
    transition: all 0.3s ease;
}

.gallery .scroll-container {
    position: relative;
    /* overflow-x: scroll; */
    overflow-x: hidden;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    padding: 10px 0;
    margin: -10px 0;
    padding-bottom: 40px;
}

.gallery .scroll-container::-webkit-scrollbar {
    display: none
}

.gallery .item-container {
    --gallery-column-gap: 45px;
    display: grid;
    grid-template-rows: repeat(1, auto);
    grid-template-columns: max-content;
    grid-auto-flow: column;
    grid-column-gap: var(--gallery-column-gap);
    column-gap: var(--gallery-column-gap);
    grid-row-gap: 0px;
    row-gap: 0px;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (min-width:1441px) {
    .gallery .item-container {
        --gallery-column-gap: 72px
    }
}

@media only screen and (max-width:1068px) {
    .gallery .item-container {
        --gallery-column-gap: 72px
    }
}

@media only screen and (max-width:734px) {
    .gallery .item-container {
        --gallery-column-gap: 45px
    }
}

.gallery.spec-rows-8 .item-container {
    grid-template-rows: repeat(16, auto)
}

.gallery.spec-rows-7 .item-container {
    grid-template-rows: repeat(15, auto)
}

.gallery.spec-rows-6 .item-container {
    grid-template-rows: repeat(14, auto)
}

.gallery.spec-rows-5 .item-container {
    grid-template-rows: repeat(13, auto)
}

.gallery.spec-rows-4 .item-container {
    grid-template-rows: repeat(12, auto)
}

.gallery.spec-rows-3 .item-container {
    grid-template-rows: repeat(11, auto)
}

.gallery.spec-rows-2 .item-container {
    grid-template-rows: repeat(10, auto)
}

.gallery.spec-rows-1 .item-container {
    grid-template-rows: repeat(9, auto)
}

.gallery .paddlenav {
    --sk-paddlenav-arrow-color: rgba(0, 0, 0, 0.56);
    --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-background: rgba(210, 210, 215, 0.64);
    --sk-paddlenav-background-hover: rgba(223, 223, 227, 0.6976);
    --sk-paddlenav-background-active: rgba(193, 193, 198, 0.6544);
    --paddlenav-offset: 60px;
    position: absolute;
    top: calc(100% - var(--paddlenav-offset));
    right: var(--gallery-side-padding);
    height: 100%;
    visibility: inherit
}

html[dir=rtl] .gallery .paddlenav {
    display: flex;
    justify-content: flex-end;
    right: auto;
    left: var(--gallery-side-padding)
}

@media only screen and (max-width:1068px) {
    .gallery .paddlenav {
        --paddlenav-offset: 59px
    }
}

@media only screen and (max-width:734px) {
    .gallery .paddlenav {
        --paddlenav-offset: 63px
    }
}

.gallery .paddlenav.hide {
    visibility: hidden
}

.gallery .paddlenav .sticky-element {
    --sticky-height: 20px;
    --paddlenav-arrow-height: 36px;
    --paddlenav-arrows-offset: 128px;
    --paddlenav-right-offset: calc(var(--paddlenav-arrow-height)*-0.5);
    position: relative;
    width: 0px;
    height: var(--sticky-height);
    z-index: 2
}

.gallery .paddlenav .sticky-element .left-item {
    position: absolute;
    right: calc(var(--paddlenav-arrows-offset) + var(--paddlenav-right-offset));
    bottom: calc(var(--paddlenav-arrow-height)*0.5)
}

html[dir=rtl] .gallery .paddlenav .sticky-element .left-item {
    right: auto;
    left: calc(var(--paddlenav-arrows-offset) + var(--paddlenav-right-offset))
}

.gallery .paddlenav .sticky-element .right-item {
    position: absolute;
    right: var(--paddlenav-right-offset);
    bottom: calc(var(--paddlenav-arrow-height)*0.5)
}

html[dir=rtl] .gallery .paddlenav .sticky-element .right-item {
    right: auto;
    left: var(--paddlenav-right-offset)
}

html[dir=rtl] .gallery .paddlenav .sticky-element .scrim {
    left: calc(var(--gallery-side-padding)*-1)
}

.gallery .paddlenav .sticky-element .paddlenav-arrow {
    width: var(--paddlenav-arrow-height);
    height: var(--paddlenav-arrow-height);
    display: flex;
    justify-content: center;
    align-items: center
}

html[dir=rtl] .gallery .paddlenav .sticky-element .paddlenav-arrow {
    transform: rotate(180deg)
}

.gallery .paddlenav .sticky-element .paddlenav-arrow svg {
    pointer-events: none;
    width: 100%
}

html.touch .gallery .paddlenav .sticky-element .paddlenav-arrow:disabled {
    opacity: .42
}

html.touch .gallery .paddlenav .sticky-element .paddlenav-arrow:hover {
    --sk-paddlenav-arrow-color-hover: var(--sk-paddlenav-arrow-color);
    --sk-paddlenav-background-hover: var(--sk-paddlenav-background)
}

.gallery .paddlenav .sticky-element .paddlenav-arrow:after {
    font-size: 34px;
    padding-inline-start: 0
}

.gallery .paddlenav .sticky-element .paddlenav-arrow .scrim {
    display: none
}

.staggered-start .gallery .scroll-container {
    overflow: hidden
}

.staggered-start .gallery .paddlenav .paddlenav-arrow {
    pointer-events: none;
    opacity: .42
}

.theme-dark .staggered-start .gallery .paddlenav {
    opacity: .36
}

.staggered-end .gallery .scroll-container {
    overflow: scroll;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-dark .gallery .paddlenav {
    --sk-paddlenav-arrow-color: rgba(255, 255, 255, 0.8);
    --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255);
    --sk-paddlenav-arrow-color-active: rgb(255, 255, 255);
    --sk-paddlenav-background: rgba(66, 66, 69, 0.72);
    --sk-paddlenav-background-hover: rgba(73, 73, 76, 0.7256);
    --sk-paddlenav-background-active: rgba(57, 57, 60, 0.7424)
}

.theme-dark .gallery .paddlenav .paddlenav-arrow:disabled,
html.touch .theme-dark .gallery .paddlenav .paddlenav-arrow:disabled {
    opacity: .36
}

html.touch .theme-dark .gallery .paddlenav .paddlenav-arrow:hover {
    --sk-paddlenav-arrow-color-hover: var(--sk-paddlenav-arrow-color);
    --sk-paddlenav-background-hover: var(--sk-paddlenav-background)
}

.accordion-wrapper {
    border-radius: var(--global-card-corner-radius);
    /* --accordion-side-padding: 90px; */
    /* --accordion-width: 350px; */
    --accordion-side-padding: 38px;
    /* --accordion-width: 390px; */
    --accordion-width:610px;
    --accordion-content-width: 323px
}

@media only screen and (min-width:1441px) {
    .accordion-wrapper {
        --accordion-side-padding: 120px
    }
}

@media only screen and (max-width:1068px) {
    .accordion-wrapper {
        --accordion-side-padding: 45px
    }
}

@media only screen and (max-width:734px) {
    .accordion-wrapper {
        --accordion-side-padding: 30px
    }
}

.content-container.theme-dark .typography-accordion-copy {
    color: #86868b
}

@media only screen and (min-width:1069px) {
    .content-container {
        display: grid;
        grid-template-columns: calc(var(--accordion-width) + var(--accordion-side-padding)*2) 1fr;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
        min-height: 784px
    }
}

.hidden {
    opacity: 0
}

.accordion {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: var(--accordion-height, auto);
    padding: 120px var(--accordion-side-padding)
}

@media only screen and (min-width:1069px) {
    .accordion {
        width: var(--accordion-width)
    }
}

@media only screen and (max-width:1068px) {
    .accordion {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.accordion.animating {
    pointer-events: none
}

.accordion .accordion-item:first-of-type {
    border-top: none
}

.accordion .accordion-item.expanded .accordion-title {
    pointer-events: none
}

.accordion .accordion-item .accordion-button {
    align-items: center
}

.accordion .accordion-item .accordion-button .accordion-title-text {
    text-align: start
}

.accordion .accordion-item .accordion-icon {
    font-size: 20px
}

.accordion .accordion-item .accordion-title-text {
    /* font-size: 28px; */
    line-height: 1.1428571429;
    font-weight: 600;
    letter-spacing: .007em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion .accordion-item .accordion-title-text:lang(ja) {
    line-height: 1.1786114286;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, リオ, Meiryo, ＭＳ Ｐゴク, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion .accordion-item .accordion-title-text: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
}

.accordion .accordion-item .accordion-title-text:lang(th) {
    line-height: 1.3928571429;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion .accordion-item .accordion-title-text:lang(zh) {
    line-height: 1.25
}

.accordion .accordion-item .accordion-title-text:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion .accordion-item .accordion-title-text:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion .accordion-item .accordion-title-text:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion .accordion-item .accordion-title-text:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion .accordion-item .accordion-title-text:lang(zh-TW) {
    font-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) {
    .accordion .accordion-item .accordion-title-text {
        /* font-size: 24px; */
        font-size: 21px;
        line-height: 1.1666666667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .accordion .accordion-item .accordion-title-text:lang(ko) {
        line-height: 1.2916666667;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-title-text:lang(th) {
        line-height: 1.375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-title-text:lang(zh) {
        line-height: 1.2916666667
    }

    .accordion .accordion-item .accordion-title-text:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-title-text:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-title-text:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-title-text:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-title-text:lang(zh-TW) {
        font-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) {
    .accordion .accordion-item .accordion-title-text {
        font-size: 16px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .accordion .accordion-item .accordion-title-text:lang(ko) {
        line-height: 1.2858042857;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-title-text:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-title-text:lang(zh) {
        line-height: 1.3334033333
    }

    .accordion .accordion-item .accordion-title-text:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-title-text:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-title-text:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-title-text:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-title-text:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.accordion .accordion-item .accordion-paragraph-text {
    font-size: 17px;
    line-height: 1.4705882353;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion .accordion-item .accordion-paragraph-text:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion .accordion-item .accordion-paragraph-text:lang(ja) {
    line-height: 1.3529611765;
    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
}

.accordion .accordion-item .accordion-paragraph-text:lang(ko) {
    line-height: 1.5882352941;
    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
}

.accordion .accordion-item .accordion-paragraph-text:lang(zh) {
    letter-spacing: 0em
}

.accordion .accordion-item .accordion-paragraph-text:lang(th) {
    line-height: 1.3529611765;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion .accordion-item .accordion-paragraph-text:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion .accordion-item .accordion-paragraph-text:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion .accordion-item .accordion-paragraph-text:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.accordion .accordion-item .accordion-paragraph-text: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) {
    .accordion .accordion-item .accordion-paragraph-text {
        font-size: 14px;
        line-height: 1.4285914286;
        font-weight: 400;
        letter-spacing: -0.016em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-paragraph-text:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-paragraph-text:lang(ja) {
        line-height: 1.4;
        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
    }

    .accordion .accordion-item .accordion-paragraph-text:lang(ko) {
        line-height: 1.5714285714;
        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
    }

    .accordion .accordion-item .accordion-paragraph-text:lang(zh) {
        line-height: 1.5;
        letter-spacing: 0em
    }

    .accordion .accordion-item .accordion-paragraph-text:lang(th) {
        line-height: 1.3571828571;
        letter-spacing: 0em;
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-paragraph-text:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-paragraph-text:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-paragraph-text:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .accordion .accordion-item .accordion-paragraph-text:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.accordion .accordion-item .typography-accordion-copy {
    margin-right: 40px
}

@media only screen and (min-width:735px)and (max-width:1068px) {
    .accordion .accordion-item .typography-accordion-copy {
        padding-bottom: 0
    }

    .accordion .accordion-item .image-container {
        margin-top: 40px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:734px) {

    .accordion .accordion-item .typography-site-caption,
    .accordion .accordion-item h4.accordion-title {
        margin-inline-start: 0;
        margin-inline-end: 0;
        width: auto
    }

    .accordion .accordion-item .typography-accordion-copy {
        margin-right: 28px;
        padding-bottom: 0
    }

    .accordion .accordion-item .accordion-icon {
        font-size: 17px
    }
}

.accordion-content {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:1069px) {
    .accordion-content {
        width: var(--accordion-content-width)
    }
}

@media only screen and (max-width:734px) {
    .accordion-content {
        padding-bottom: 40px
    }
}

.accordion-content .image-container {
    display: flex;
    justify-content: center;
    max-width: 100%;
    pointer-events: none
}

@media only screen and (max-width:734px) {
    .accordion-content .image-container {
        padding-top: 30px
    }
}

@media only screen and (min-width:1069px) {
    .accordion-content .image-container {
        display: none
    }
}

.accordion-content .image-container img {
    max-width: 100%
}

.image-container-large {
    display: none;
    pointer-events: none
}

@media only screen and (min-width:1069px) {
    .image-container-large {
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
        margin-top: 0
    }
}

.template-image-large {
    position: absolute
}

@media only screen and (min-width:1069px) {
    .template-image-large:not(.hidden) {
        position: relative
    }
}

.accordion-wrapper {
    background-color: #f5f5f7
}

.background-alt .accordion-wrapper {
    background-color: #fff
}

.theme-dark .accordion-wrapper {
    background-color: #1d1d1f
}

.theme-dark .background-alt .accordion-wrapper {
    background-color: #000
}

@media only screen and (max-width:734px) {
    .card .card-modifier.has-trigger-button {
        padding-inline-end: 24px;
        padding-bottom: 69px
    }
}

.footnote a {
    color: inherit
}

.footnote a:hover {
    color: #06c
}

.theme-dark .footnote a:hover {
    color: #2997ff
}

.section-index .section-index-section {
    padding-top: 0;
    padding-bottom: 0
}

#globalnav {
    --globalnav-background: rgb(250, 250, 252)
}

.ribbon .ribbon-link a {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.ribbon .pricing-fallback {
    display: none
}

.ribbon .pricing-container[style="display: none;"]+.pricing-fallback {
    display: inline
}

@media only screen and (min-width:735px) {
    .ribbon .ribbon-copy.trade-in-2024 {
        max-width: 460px
    }
}

@media only screen and (max-width:734px) {
    .ribbon .ribbon-copy.trade-in-2024 {
        max-width: 100%;
        margin: 0
    }
}

.sosumi-link-follows,
.sosumi-link-follows~.footnote,
.sosumi-link-follows~.product-addition {
    display: none
}

.sosumi-link-follows[data-pricing-loaded],
.sosumi-link-follows[data-pricing-loaded]~.footnote,
.sosumi-link-follows[data-pricing-loaded]~.product-addition {
    display: inline
}

html.no-js #ac-globalfooter .ac-gf-sosumi [data-toggle-footnote=pricing] {
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0
}

html.ac-gn-segmentbar-visible [data-toggle=carriers] {
    display: none
}

html.ac-gn-segmentbar-visible #ac-globalfooter [data-toggle-footnote=carriers] {
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0
}

#ac-globalfooter .ac-gf-sosumi li p:nth-child(n+2) {
    padding-top: .8em
}

#ac-globalfooter .bold {
    color: var(--footer-link-color)
}

#ac-globalfooter .bold.strong {
    font-weight: 500
}

html.hide-acmi [data-toggle=acmi] {
    display: none
}

html.hide-acmi #ac-globalfooter .ac-gf-sosumi [data-toggle-footnote=acmi] {
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0
}

.section-consider-variation,
.section-switch-variation,
html.hide-acmi #ac-globalfooter .ac-gf-sosumi li [data-toggle-footnote=acmi] {
    display: none
}

html.android .section-switch {
    display: block
}

[data-at-ab-esm=v1] #main .section-welcome.no-pad-bottom,
[data-at-ab-esm=v2] #main .section-welcome.no-pad-bottom,
[data-at-ab-esm=v3] #main .section-welcome.no-pad-bottom {
    padding-bottom: 90px
}

@media only screen and (min-width:1441px) {

    [data-at-ab-esm=v1] #main .section-welcome.no-pad-bottom,
    [data-at-ab-esm=v2] #main .section-welcome.no-pad-bottom,
    [data-at-ab-esm=v3] #main .section-welcome.no-pad-bottom {
        padding-bottom: 90px
    }
}

@media only screen and (max-width:1068px) {

    [data-at-ab-esm=v1] #main .section-welcome.no-pad-bottom,
    [data-at-ab-esm=v2] #main .section-welcome.no-pad-bottom,
    [data-at-ab-esm=v3] #main .section-welcome.no-pad-bottom {
        padding-bottom: 82px
    }
}

@media only screen and (max-width:734px) {

    [data-at-ab-esm=v1] #main .section-welcome.no-pad-bottom,
    [data-at-ab-esm=v2] #main .section-welcome.no-pad-bottom,
    [data-at-ab-esm=v3] #main .section-welcome.no-pad-bottom {
        padding-bottom: 59px
    }
}

[data-at-ab-esm=v1] .section-consider,
[data-at-ab-esm=v2] .section-consider,
[data-at-ab-esm=v3] .section-consider {
    display: none
}

[data-at-ab-esm=v1] .section-consider-variation,
[data-at-ab-esm=v2] .section-consider-variation,
[data-at-ab-esm=v3] .section-consider-variation {
    display: block
}

[data-at-ab-esm=v1] .section-essentials,
[data-at-ab-esm=v2] .section-essentials,
[data-at-ab-esm=v3] .section-essentials {
    padding-top: 0
}

html.android [data-at-ab-esm=v1] .section-switch,
html.android [data-at-ab-esm=v2] .section-switch,
html.android [data-at-ab-esm=v3] .section-switch {
    display: none
}

html.android [data-at-ab-esm=v1] .section-switch-variation,
html.android [data-at-ab-esm=v2] .section-switch-variation,
html.android [data-at-ab-esm=v3] .section-switch-variation {
    display: block
}

[data-at-ab-esm=v2] .section-select .product-tile .product-tile-plus,
[data-at-ab-esm=v3] .section-select .product-tile .product-tile-plus {
    display: none
}

[data-at-ab-esm=v2] .section-select .product-tile-ctas,
[data-at-ab-esm=v3] .section-select .product-tile-ctas {
    margin-bottom: 0
}

[data-at-ab-esm=v2] .section-select .product-tile-ctas .button {
    --sk-button-background: transparent;
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(29, 29, 31);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(29, 29, 31)
}

[data-at-ab-esm=v2] .section-select .product-tile-ctas .icon-wrapper {
    color: #1d1d1f
}

[data-at-ab-esm=v3] .section-select .product-tile-ctas .button {
    --sk-button-background: transparent;
    --sk-button-background-hover: transparent;
    --sk-button-background-active: transparent;
    --sk-button-color: rgb(29, 29, 31);
    --sk-button-color-hover: rgb(29, 29, 31);
    --sk-button-border-color: transparent;
    padding: 0
}

[data-at-ab-esm=v3] .section-select .product-tile-ctas .button:hover {
    text-decoration: underline
}

[data-at-ab-esm=v3] .section-select .product-tile-ctas .button:hover:after {
    text-decoration: none
}

[data-at-ab-esm=v3] .section-select .product-tile-ctas .button:after {
    content: "";
    display: inline-block;
    position: static;
    font-family: SF Pro Icons;
    color: inherit;
    padding-inline-start: .3em
}

[data-at-ab-esm=v3] .section-select .product-tile-ctas .icon-wrapper {
    --sk-button-background: transparent;
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(29, 29, 31);
    --sk-button-color-hover: var(--sk-button-color);
    --sk-button-color-active: var(--sk-button-color-hover);
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(29, 29, 31);
    --sk-button-border-radius: 980px;
    --sk-button-margin-horizontal: 14px;
    --sk-button-margin-vertical: 14px;
    --sk-button-min-width-basis: 60px;
    --sk-button-padding-horizontal: 16px;
    --sk-button-padding-vertical: 9px;
    --sk-button-border-width: 1px;
    --sk-button-box-sizing: content-box;
    --sk-button-width: auto;
    --sk-button-display: inline-block;
    color: var(--sk-button-color);
    background: var(--sk-button-background);
    padding-block: calc(var(--sk-button-padding-vertical) - var(--sk-button-border-width));
    padding-inline: calc(var(--sk-button-padding-horizontal) - var(--sk-button-border-width));
    border-radius: var(--sk-button-border-radius);
    border: var(--sk-button-border-width) solid var(--sk-button-border-color);
    width: var(--sk-button-width);
    min-width: calc(var(--sk-button-min-width-basis) - var(--sk-button-padding-horizontal)*2);
    cursor: pointer;
    display: var(--sk-button-display);
    box-sizing: var(--sk-button-box-sizing);
    text-align: center;
    text-decoration: none;
    white-space: nowrap
}

[data-at-ab-esm=v3] .section-select .product-tile-ctas .icon-wrapper:hover {
    background-color: var(--sk-button-background-hover);
    color: var(--sk-button-color-hover)
}

[data-at-ab-esm=v3] .section-select .product-tile-ctas .icon-wrapper .icon-copy {
    text-decoration: none
}

[data-at-ab-esm=v3] .section-select .product-tile-ctas .icon-wrapper .icon {
    display: none
}

.chapternav-icon {
    margin-bottom: 4px
}

.chapternav {
    background: #fafafc;
    position: relative
}

html.text-zoom .chapternav {
    height: 120px
}

html.text-zoom .chapternav.with-violator {
    height: 130px
}

html.text-zoom .chapternav-new {
    font-size: 6px
}

.chapternav-item-iphone-15-pro .chapternav-icon {
    background-size: 38px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_15_pro_light__diyvo6c7yu82_large.svg);
    width: 38px
}

html.no-svg .chapternav-item-iphone-15-pro .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_15_pro_light__diyvo6c7yu82_large.png)
}

.theme-dark .chapternav-item-iphone-15-pro .chapternav-icon {
    background-size: 38px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_15_pro_dark__gi4ti2tu1vee_large.svg);
    width: 38px
}

html.no-svg .theme-dark .chapternav-item-iphone-15-pro .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_15_pro_dark__gi4ti2tu1vee_large.png)
}

.chapternav-item-iphone-15 .chapternav-icon {
    background-size: 38px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_15_light__euftnkhrzdea_large.svg);
    width: 38px
}

html.no-svg .chapternav-item-iphone-15 .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_15_light__euftnkhrzdea_large.png)
}

.theme-dark .chapternav-item-iphone-15 .chapternav-icon {
    background-size: 38px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_15_dark__bebwy17tuub6_large.svg);
    width: 38px
}

html.no-svg .theme-dark .chapternav-item-iphone-15 .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_15_dark__bebwy17tuub6_large.png)
}

.chapternav-item-iphone-14 .chapternav-icon {
    background-size: 38px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_14_light__fwknsxkf80uq_large.svg);
    width: 38px
}

html.no-svg .chapternav-item-iphone-14 .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_14_light__fwknsxkf80uq_large.png)
}

.theme-dark .chapternav-item-iphone-14 .chapternav-icon {
    background-size: 38px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_14_dark__cj3gyoubbtsi_large.svg);
    width: 38px
}

html.no-svg .theme-dark .chapternav-item-iphone-14 .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_14_dark__cj3gyoubbtsi_large.png)
}

.chapternav-item-iphone-13 .chapternav-icon {
    background-size: 22px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_13_light__ewo3e0sf67o2_large.svg);
    width: 22px
}

html.no-svg .chapternav-item-iphone-13 .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_13_light__ewo3e0sf67o2_large.png)
}

.theme-dark .chapternav-item-iphone-13 .chapternav-icon {
    background-size: 22px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_13_dark__bjq2wmkyhbzm_large.svg);
    width: 22px
}

html.no-svg .theme-dark .chapternav-item-iphone-13 .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_13_dark__bjq2wmkyhbzm_large.png)
}

.chapternav-item-iphone-se .chapternav-icon {
    background-size: 19px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_se_light__fhg8duy6ffau_large.svg);
    width: 19px
}

html.no-svg .chapternav-item-iphone-se .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_se_light__fhg8duy6ffau_large.png)
}

.theme-dark .chapternav-item-iphone-se .chapternav-icon {
    background-size: 19px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_se_dark__bydmuie0uuoi_large.svg);
    width: 19px
}

html.no-svg .theme-dark .chapternav-item-iphone-se .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_se_dark__bydmuie0uuoi_large.png)
}

.chapternav-item-compare .chapternav-icon {
    background-size: 45px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_compare_light__f4jj7brpbvm2_large.svg);
    width: 45px
}

html.no-svg .chapternav-item-compare .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_compare_light__f4jj7brpbvm2_large.png)
}

.theme-dark .chapternav-item-compare .chapternav-icon {
    background-size: 45px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_compare_dark__msy1ikrl20i2_large.svg);
    width: 45px
}

html.no-svg .theme-dark .chapternav-item-compare .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_compare_dark__msy1ikrl20i2_large.png)
}

.chapternav-item-airpods .chapternav-icon {
    background-size: 39px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/airpods_light__8oj157p2476a_large.svg);
    width: 39px
}

html.no-svg .chapternav-item-airpods .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/airpods_light__8oj157p2476a_large.png)
}

.theme-dark .chapternav-item-airpods .chapternav-icon {
    background-size: 39px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/airpods_dark__b819ulykahma_large.svg);
    width: 39px
}

html.no-svg .theme-dark .chapternav-item-airpods .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/airpods_dark__b819ulykahma_large.png)
}

.chapternav-item-airtag .chapternav-icon {
    background-size: 30px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/airtag_light__cb2bmnv6aoeu_large.svg);
    width: 30px
}

html.no-svg .chapternav-item-airtag .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/airtag_light__cb2bmnv6aoeu_large.png)
}

.theme-dark .chapternav-item-airtag .chapternav-icon {
    background-size: 30px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/airtag_dark__phh5pxp966ym_large.svg);
    width: 30px
}

html.no-svg .theme-dark .chapternav-item-airtag .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/airtag_dark__phh5pxp966ym_large.png)
}

.chapternav-item-accessories .chapternav-icon {
    background-size: 38px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/accessories_light__ed5l6ipsevqu_large.svg);
    width: 38px
}

html.no-svg .chapternav-item-accessories .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/accessories_light__ed5l6ipsevqu_large.png)
}

.theme-dark .chapternav-item-accessories .chapternav-icon {
    background-size: 38px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/accessories_dark__erduv7o8yn0i_large.svg);
    width: 38px
}

html.no-svg .theme-dark .chapternav-item-accessories .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/accessories_dark__erduv7o8yn0i_large.png)
}

.chapternav-item-apple-card .chapternav-icon {
    background-size: 36px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_apple_card_light__dtut839e76c2_large.svg);
    width: 36px
}

html.no-svg .chapternav-item-apple-card .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_apple_card_light__dtut839e76c2_large.png)
}

.theme-dark .chapternav-item-apple-card .chapternav-icon {
    background-size: 36px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_apple_card_dark__dqy90vpmanue_large.svg);
    width: 36px
}

html.no-svg .theme-dark .chapternav-item-apple-card .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_apple_card_dark__dqy90vpmanue_large.png)
}

.chapternav-item-ios .chapternav-icon {
    background-size: 32px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_ios_light__b8s4ws8o77iq_large.svg);
    width: 32px
}

html.no-svg .chapternav-item-ios .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_ios_light__b8s4ws8o77iq_large.png)
}

.theme-dark .chapternav-item-ios .chapternav-icon {
    background-size: 32px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_ios_dark__c5nrfojs39aq_large.svg);
    width: 32px
}

html.no-svg .theme-dark .chapternav-item-ios .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/iphone_ios_dark__c5nrfojs39aq_large.png)
}

.chapternav-item-shop-iphone .chapternav-icon {
    background-size: 56px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/shop_iphone_light__b2toggskllle_large.svg);
    width: 56px
}

html.no-svg .chapternav-item-shop-iphone .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/shop_iphone_light__b2toggskllle_large.png)
}

.theme-dark .chapternav-item-shop-iphone .chapternav-icon {
    background-size: 56px 54px;
    background-repeat: no-repeat;
    background-image: url(/v/iphone/home/bv/images/chapternav/shop_iphone_dark__c5n4fi8eew4m_large.svg);
    width: 56px
}

html.no-svg .theme-dark .chapternav-item-shop-iphone .chapternav-icon {
    background-image: url(/v/iphone/home/bv/images/chapternav/shop_iphone_dark__c5n4fi8eew4m_large.png)
}

.ribbon .ribbon-content-wrapper {
    padding: 9px 0
}

.ac-ls-visible .ribbon {
    margin-top: 132px
}

.section-consider-variation .gallery .item-container,
.section-consider .gallery .item-container {
    --gallery-column-gap: 20px
}

.section-switch,
.section-switch-variation {
    display: none;
    --global-section-padding: 80px;
    padding-bottom: 160px
}

@media only screen and (max-width:1068px) {

    .section-switch,
    .section-switch-variation {
        --global-section-padding: 74px;
        padding-bottom: 128px
    }
}

@media only screen and (max-width:734px) {

    .section-switch,
    .section-switch-variation {
        --global-section-padding: 10px;
        padding-bottom: 95px
    }
}

@media only screen and (max-width:1068px) {

    .section-switch-variation .banner-card,
    .section-switch .banner-card {
        --max-height: none
    }
}

.section-switch-variation .banner-card:hover,
.section-switch .banner-card:hover {
    --card-scale: 1.0093312597
}

@media only screen and (max-width:1068px) {

    .section-switch-variation .banner-card:hover,
    .section-switch .banner-card:hover {
        --card-scale: 1.0064171123
    }
}

@media only screen and (max-width:734px) {

    .section-switch-variation .banner-card:hover,
    .section-switch .banner-card:hover {
        --card-scale: 1.0047619048
    }
}

html.no-touch .section-switch-variation .banner-card:hover,
html.no-touch .section-switch .banner-card:hover {
    transform: scale(var(--card-scale)) translateZ(0)
}

@media only screen and (max-width:1068px) {

    .section-switch-variation .banner-card .banner-card-row,
    .section-switch .banner-card .banner-card-row {
        --copy-column-v-margin: 384px
    }
}

@media only screen and (max-width:734px) {

    .section-switch-variation .banner-card .banner-card-row,
    .section-switch .banner-card .banner-card-row {
        --copy-column-v-margin: 388px
    }
}

.section-switch-variation .text-gradient-red-yellow-purple,
.section-switch .text-gradient-red-yellow-purple {
    background-image: linear-gradient(51deg, #FF0000, #FF6400 15%, #FFA816 35%, #FF9A87 55%, #F747D1 80%, #AD5DF1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    display: block
}

.section-switch-variation .overview-switch-switch,
.section-switch .overview-switch-switch {
    padding-left: 144px
}

@media only screen and (max-width:1068px) {

    .section-switch-variation .overview-switch-switch,
    .section-switch .overview-switch-switch {
        padding-left: 0
    }
}

.button {
    --sk-button-color: rgb(255, 255, 255);
    --sk-button-color-hover: var(--sk-button-color);
    --sk-button-color-active: var(--sk-button-color-hover);
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42);
    --sk-button-border-color: transparent;
    --sk-button-border-radius: 980px;
    --sk-button-margin-horizontal: 14px;
    --sk-button-margin-vertical: 14px;
    --sk-button-min-width-basis: 60px;
    --sk-button-padding-horizontal: 16px;
    --sk-button-padding-vertical: 9px;
    --sk-button-border-width: 1px;
    --sk-button-box-sizing: content-box;
    --sk-button-width: auto;
    --sk-button-display: inline-block;
    font-size: 14px;
    line-height: 1.2857742857;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    background: var(--sk-button-background);
    color: var(--sk-button-color);
    padding-block: calc(var(--sk-button-padding-vertical) - var(--sk-button-border-width));
    padding-inline: calc(var(--sk-button-padding-horizontal) - var(--sk-button-border-width));
    border-radius: var(--sk-button-border-radius);
    border: var(--sk-button-border-width) solid var(--sk-button-border-color);
    width: var(--sk-button-width);
    min-width: calc(var(--sk-button-min-width-basis) - var(--sk-button-padding-horizontal)*2);
    cursor: pointer;
    display: var(--sk-button-display);
    box-sizing: var(--sk-button-box-sizing);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    --sk-button-background: rgb(0, 113, 227);
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB
}

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

.button:lang(ja) {
    line-height: 1.3571828571;
    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.4285914286;
    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),
.button:lang(zh) {
    line-height: 1.3571828571;
    letter-spacing: 0em
}

.button:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

.button:hover {
    background: var(--sk-button-background-hover, var(--sk-button-background));
    color: var(--sk-button-color-hover, var(--sk-button-color));
    text-decoration: none;
    border-color: rgba(0, 0, 0, 0)
}

.button:focus-visible {
    outline: 2px solid var(--sk-focus-color, #0071E3);
    outline-offset: var(--sk-focus-offset-container, 3px)
}

.button:active {
    background: var(--sk-button-background-active, var(--sk-button-background));
    color: var(--sk-button-color-active, var(--sk-button-color));
    outline: none
}

.button.disabled,
.button:disabled {
    pointer-events: none;
    opacity: var(--sk-button-disabled-opacity)
}

.button-block {
    --sk-button-box-sizing: border-box;
    --sk-button-width: 100%;
    --sk-button-display: block;
    --sk-button-border-radius: 8px;
    --sk-button-margin-horizontal: 9px;
    --sk-button-margin-vertical: 9px
}

.button-neutral {
    --sk-button-background: rgb(29, 29, 31);
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(255, 255, 255)
}

.button-secondary {
    --sk-button-background: transparent;
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB;
    --sk-button-color: rgb(0, 102, 204);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(0, 102, 204)
}

.button-secondary-neutral {
    --sk-button-background: transparent;
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(29, 29, 31);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(29, 29, 31)
}

.button-super {
    --sk-button-padding-horizontal: 31px;
    --sk-button-padding-vertical: 18px;
    --sk-button-min-width-basis: 90px;
    --sk-button-margin-horizontal: 22px;
    --sk-button-margin-vertical: 22px;
    font-size: 17px;
    line-height: 1.1764805882;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

.button-super:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

.button-super.button-block {
    --sk-button-border-radius: 12px;
    --sk-button-margin-horizontal: 14px;
    --sk-button-margin-vertical: 14px
}

.button-elevated {
    --sk-button-padding-horizontal: 22px;
    --sk-button-padding-vertical: 12px;
    --sk-button-min-width-basis: 70px;
    --sk-button-margin-horizontal: 18px;
    --sk-button-margin-vertical: 18px;
    font-size: 17px;
    line-height: 1.1764805882;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

.button-elevated:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

.button-elevated.button-block {
    --sk-button-border-radius: 10px;
    --sk-button-margin-horizontal: 11px;
    --sk-button-margin-vertical: 11px
}

.button-reduced {
    --sk-button-padding-horizontal: 11px;
    --sk-button-padding-vertical: 4px;
    --sk-button-min-width-basis: 45px;
    --sk-button-margin-horizontal: 10px;
    --sk-button-margin-vertical: 10px;
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

.button-reduced:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

.button-reduced.button-block {
    --sk-button-border-radius: 5px;
    --sk-button-margin-horizontal: 6px;
    --sk-button-margin-vertical: 6px
}

.button-margin {
    margin-inline-end: var(--sk-button-margin-horizontal);
    margin-bottom: var(--sk-button-margin-vertical)
}

.button-dark {
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.36);
    --sk-button-background: rgb(0, 113, 227);
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB
}

.button-dark.button-neutral {
    --sk-button-background: rgb(245, 245, 247);
    --sk-button-background-hover: rgb(255, 255, 255);
    --sk-button-background-active: #EDEDF2;
    --sk-button-color: rgb(0, 0, 0)
}

.button-dark.button-secondary {
    --sk-button-background: transparent;
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB;
    --sk-button-color: rgb(41, 151, 255);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(41, 151, 255)
}

.button-dark.button-secondary-neutral {
    --sk-button-background: transparent;
    --sk-button-background-hover: rgb(255, 255, 255);
    --sk-button-background-active: #EDEDF2;
    --sk-button-color: rgb(245, 245, 247);
    --sk-button-color-hover: rgb(0, 0, 0);
    --sk-button-border-color: rgb(245, 245, 247)
}

.theme-light .button.button-dark {
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.36);
    --sk-button-background: rgb(0, 113, 227);
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB
}

.theme-light .button.button-dark.button-neutral {
    --sk-button-background: rgb(245, 245, 247);
    --sk-button-background-hover: rgb(255, 255, 255);
    --sk-button-background-active: #EDEDF2;
    --sk-button-color: rgb(0, 0, 0)
}

.theme-light .button.button-dark.button-secondary {
    --sk-button-background: transparent;
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB;
    --sk-button-color: rgb(41, 151, 255);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(41, 151, 255)
}

.theme-light .button.button-dark.button-secondary-neutral {
    --sk-button-background: transparent;
    --sk-button-background-hover: rgb(255, 255, 255);
    --sk-button-background-active: #EDEDF2;
    --sk-button-color: rgb(245, 245, 247);
    --sk-button-color-hover: rgb(0, 0, 0);
    --sk-button-border-color: rgb(245, 245, 247)
}

.button-light {
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42);
    --sk-button-background: rgb(0, 113, 227);
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB
}

.button-light.button-neutral {
    --sk-button-background: rgb(29, 29, 31);
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(255, 255, 255)
}

.button-light.button-secondary {
    --sk-button-background: transparent;
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB;
    --sk-button-color: rgb(0, 102, 204);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(0, 102, 204)
}

.button-light.button-secondary-neutral {
    --sk-button-background: transparent;
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(29, 29, 31);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(29, 29, 31)
}

.theme-dark .button.button-light {
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42);
    --sk-button-background: rgb(0, 113, 227);
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB
}

.theme-dark .button.button-light.button-neutral {
    --sk-button-background: rgb(29, 29, 31);
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(255, 255, 255)
}

.theme-dark .button.button-light.button-secondary {
    --sk-button-background: transparent;
    --sk-button-background-hover: #0077ED;
    --sk-button-background-active: #006EDB;
    --sk-button-color: rgb(0, 102, 204);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(0, 102, 204)
}

.theme-dark .button.button-light.button-secondary-neutral {
    --sk-button-background: transparent;
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(29, 29, 31);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(29, 29, 31)
}

html.no-js picture[data-lazy] {
    display: none !important
}

.section-select .product-tile {
    --sk-paragraph-plus-element-margin: 0px;
    --sk-headline-plus-first-element-margin: 0px;
    --swatch-height: 12px;
    --product-tile-width: 372px;
    --product-tile-padding: 20px;
    --image-link-margin: 40px;
    --swatches-margin: 27px;
    --badge-margin: 9px;
    --headline-margin: 4px;
    --subheading-margin: 0px;
    --badge-height: auto;
    --subheading-height: auto;
    --headline-height: auto;
    --product-id-height: calc(var(--badge-height) + var(--badge-margin) + var(--headline-height) + var(--headline-margin) + var(--subheading-height));
    --headline-group-row: auto;
    --product-id-row: minmax(var(--product-id-height), max-content);
    --image-link-row: auto;
    --swatches-row: auto;
    --badge-row: auto;
    --headline-row: auto;
    --subheading-row: auto;
    width: var(--product-tile-width);
    list-style-type: none
}

@media only screen and (max-width:1068px) {
    .section-select .product-tile {
        --product-tile-width: 344px;
        --image-link-margin: 33px
    }
}

@media only screen and (max-width:734px) {
    .section-select .product-tile {
        --image-link-margin: 35px;
        --badge-margin: 8px;
        --headline-margin: 5px;
        --product-tile-width: 304px;
        --product-tile-padding: 60px
    }
}

@media only screen and (min-width:735px) {
    .section-select .product-tile {
        text-align: center
    }
}

.section-select .product-tile .product-tile-padding {
    padding-inline-start: var(--product-tile-padding);
    padding-inline-end: var(--product-tile-padding)
}

@media only screen and (max-width:734px) {
    .section-select .product-tile .product-tile-padding {
        padding-inline-start: 0
    }
}

.section-select .product-tile:not(:first-child) .product-tile-plus:before {
    inset-inline-start: calc(var(--global-select-column-space)*-1)
}

.section-select .product-tile .footnote a {
    color: inherit
}

.section-select .product-tile .footnote a:hover {
    color: var(--sk-body-link-color)
}

.section-select .product-tile-header {
    width: 100%;
    box-sizing: border-box
}

.section-select .product-tile-image-link {
    color: inherit;
    text-decoration: none;
    margin: 0 0 var(--image-link-margin) 0
}

.section-select a.product-tile-image-link .product-tile-image {
    transition: transform .3s cubic-bezier(0, 0, 0.5, 1)
}

.section-select a.product-tile-image-link:focus .product-tile-image,
.section-select a.product-tile-image-link:hover .product-tile-image {
    transform: scale(1.0161)
}

.section-select .product-tile-product-id {
    margin-bottom: auto
}

.section-select .product-tile-headline {
    margin-bottom: var(--headline-margin)
}

.section-select .product-tile-badge {
    white-space: normal;
    margin: 0 0 var(--badge-margin) 0
}

@media only screen and (min-width:735px) {

    .section-select .product-tile-headline,
    .section-select .product-tile-positioning,
    .section-select .product-tile-price,
    .section-select .product-tile-subheading {
        margin-inline: auto
    }
}

.section-select .product-tile-positioning {
    margin-top: 12px
}

@media only screen and (max-width:734px) {
    .section-select .product-tile-positioning {
        margin-top: 10px
    }
}

.section-select .product-tile-price {
    margin-top: 12px
}

@media only screen and (max-width:734px) {
    .section-select .product-tile-price {
        margin-top: 10px
    }
}

.section-select .product-tile-swatches {
    grid-gap: 6px;
    gap: 6px;
    list-style-type: none;
    margin: 0 0 var(--swatches-margin) 0;
    flex-wrap: wrap
}

@media only screen and (max-width:734px) {
    .section-select .product-tile-swatches {
        padding-inline-end: var(--product-tile-padding)
    }
}

.section-select .product-tile-swatches .product-tile-swatch-item {
    position: relative;
    height: var(--swatch-height);
    border-radius: var(--swatch-height);
    aspect-ratio: 1;
    overflow: hidden
}

.section-select .product-tile-swatches .product-tile-swatch-item-border,
.section-select .product-tile-swatches .product-tile-swatch-item-inner {
    position: absolute;
    border-radius: var(--swatch-height);
    aspect-ratio: 1
}

.section-select .product-tile-swatches .product-tile-swatch-item-border {
    background: linear-gradient(rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.02));
    height: var(--swatch-height)
}

.theme-dark .section-select .product-tile-swatches .product-tile-swatch-item-border {
    background: linear-gradient(rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.08))
}

.section-select .product-tile-swatches .product-tile-swatch-item-inner {
    top: .5px;
    left: .5px;
    height: calc(var(--swatch-height) - 1px);
    filter: blur(0.5px)
}

.section-select .product-tile-swatches .product-tile-swatch-plus {
    color: #6e6e73;
    line-height: 0
}

.section-select .product-tile-ctas {
    margin-top: 38px;
    margin-bottom: 54px
}

@media only screen and (max-width:1068px) {
    .section-select .product-tile-ctas {
        margin-bottom: 46px
    }
}

@media only screen and (max-width:734px) {
    .section-select .product-tile-ctas {
        margin-top: 39px;
        margin-bottom: 53px
    }
}

.section-select .product-tile-ctas .button+a,
.section-select .product-tile-ctas .product-tile-current+a,
.section-select .product-tile-ctas a+a,
.section-select .product-tile-ctas button+a {
    margin-inline-start: 29px
}

@media only screen and (max-width:734px) {

    .section-select .product-tile-ctas .button+a,
    .section-select .product-tile-ctas .product-tile-current+a,
    .section-select .product-tile-ctas a+a,
    .section-select .product-tile-ctas button+a {
        margin-inline-start: 25px
    }
}

.section-select .product-tile-ctas .product-tile-current {
    --sk-button-color: rgb(255, 255, 255);
    --sk-button-color-hover: var(--sk-button-color);
    --sk-button-color-active: var(--sk-button-color-hover);
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42);
    --sk-button-border-color: transparent;
    --sk-button-border-radius: 980px;
    --sk-button-margin-horizontal: 14px;
    --sk-button-margin-vertical: 14px;
    --sk-button-min-width-basis: 60px;
    --sk-button-padding-horizontal: 16px;
    --sk-button-padding-vertical: 9px;
    --sk-button-border-width: 1px;
    --sk-button-box-sizing: content-box;
    --sk-button-width: auto;
    --sk-button-display: inline-block;
    font-size: 14px;
    line-height: 1.2857742857;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    background: var(--sk-button-background);
    color: var(--sk-button-color);
    padding-block: calc(var(--sk-button-padding-vertical) - var(--sk-button-border-width));
    padding-inline: calc(var(--sk-button-padding-horizontal) - var(--sk-button-border-width));
    border-radius: var(--sk-button-border-radius);
    border: var(--sk-button-border-width) solid var(--sk-button-border-color);
    width: var(--sk-button-width);
    min-width: calc(var(--sk-button-min-width-basis) - var(--sk-button-padding-horizontal)*2);
    cursor: pointer;
    display: var(--sk-button-display);
    box-sizing: var(--sk-button-box-sizing);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    color: #6e6e73;
    cursor: auto;
    padding-inline: 0;
    white-space: normal;
    text-align: initial
}

.section-select .product-tile-ctas .product-tile-current:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-ctas .product-tile-current:lang(ja) {
    line-height: 1.3571828571;
    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-select .product-tile-ctas .product-tile-current:lang(ko) {
    line-height: 1.4285914286;
    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-select .product-tile-ctas .product-tile-current:lang(zh) {
    line-height: 1.3571828571;
    letter-spacing: 0em
}

.section-select .product-tile-ctas .product-tile-current:lang(th) {
    line-height: 1.3571828571;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-ctas .product-tile-current:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-ctas .product-tile-current:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-ctas .product-tile-current: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-select .product-tile-ctas .product-tile-current:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-ctas .product-tile-current:hover {
    background: var(--sk-button-background-hover, var(--sk-button-background));
    color: var(--sk-button-color-hover, var(--sk-button-color));
    text-decoration: none;
    border-color: rgba(0, 0, 0, 0)
}

.section-select .product-tile-ctas .product-tile-current:focus-visible {
    outline: 2px solid var(--sk-focus-color, #0071E3);
    outline-offset: var(--sk-focus-offset-container, 3px)
}

.section-select .product-tile-ctas .product-tile-current:active {
    background: var(--sk-button-background-active, var(--sk-button-background));
    color: var(--sk-button-color-active, var(--sk-button-color));
    outline: none
}

.section-select .product-tile-ctas .product-tile-current.disabled,
.section-select .product-tile-ctas .product-tile-current:disabled {
    pointer-events: none;
    opacity: var(--sk-button-disabled-opacity)
}

.theme-dark .section-select .product-tile-ctas .product-tile-current,
.theme-dark .section-select .product-tile-ctas .product-tile-current:active,
.theme-dark .section-select .product-tile-ctas .product-tile-current:focus-visible,
.theme-dark .section-select .product-tile-ctas .product-tile-current:hover {
    color: #86868b
}

.section-select .product-tile-ctas .product-tile-current:active,
.section-select .product-tile-ctas .product-tile-current:focus-visible,
.section-select .product-tile-ctas .product-tile-current:hover {
    background: none;
    color: #6e6e73;
    border-color: rgba(0, 0, 0, 0);
    outline: none
}

@media only screen and (min-width:735px) {

    .section-select .product-tile-ctas .button,
    .section-select .product-tile-ctas .product-tile-current,
    .section-select .product-tile-ctas button {
        --sk-button-padding-horizontal: 22px;
        --sk-button-padding-vertical: 12px;
        --sk-button-min-width-basis: 70px;
        --sk-button-margin-horizontal: 18px;
        --sk-button-margin-vertical: 18px;
        font-size: 17px;
        line-height: 1.1764805882;
        font-weight: 400;
        letter-spacing: -0.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-ctas .button:lang(ar),
    .section-select .product-tile-ctas .product-tile-current:lang(ar),
    .section-select .product-tile-ctas button:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-ctas .button:lang(ja),
    .section-select .product-tile-ctas .product-tile-current:lang(ja),
    .section-select .product-tile-ctas 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
    }

    .section-select .product-tile-ctas .button:lang(ko),
    .section-select .product-tile-ctas .product-tile-current:lang(ko),
    .section-select .product-tile-ctas button:lang(ko) {
        letter-spacing: 0em;
        font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-ctas .button:lang(zh),
    .section-select .product-tile-ctas .product-tile-current:lang(zh),
    .section-select .product-tile-ctas button:lang(zh) {
        letter-spacing: 0em
    }

    .section-select .product-tile-ctas .button:lang(th),
    .section-select .product-tile-ctas .product-tile-current:lang(th),
    .section-select .product-tile-ctas button:lang(th) {
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-ctas .button:lang(zh-CN),
    .section-select .product-tile-ctas .product-tile-current:lang(zh-CN),
    .section-select .product-tile-ctas button:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-ctas .button:lang(zh-HK),
    .section-select .product-tile-ctas .product-tile-current:lang(zh-HK),
    .section-select .product-tile-ctas button:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-ctas .button:lang(zh-MO),
    .section-select .product-tile-ctas .product-tile-current:lang(zh-MO),
    .section-select .product-tile-ctas 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
    }

    .section-select .product-tile-ctas .button:lang(zh-TW),
    .section-select .product-tile-ctas .product-tile-current:lang(zh-TW),
    .section-select .product-tile-ctas button:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.section-select .overview-select-iphone-15-pro {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 172px;
    --p-height: 228px
}

@media only screen and (min-width:1441px)and (min-width:1441px) {
    .section-select .overview-select-iphone-15-pro {
        --p-width: 216px;
        --p-height: 288px
    }
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .section-select .overview-select-iphone-15-pro {
        --p-width: 158px;
        --p-height: 209px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .section-select .overview-select-iphone-15-pro {
        --p-width: 129px;
        --p-height: 171px
    }
}

.section-select .overview-select-iphone-15 {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 159px;
    --p-height: 228px
}

@media only screen and (min-width:1441px)and (min-width:1441px) {
    .section-select .overview-select-iphone-15 {
        --p-width: 200px;
        --p-height: 288px
    }
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .section-select .overview-select-iphone-15 {
        --p-width: 146px;
        --p-height: 209px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .section-select .overview-select-iphone-15 {
        --p-width: 119px;
        --p-height: 171px
    }
}

.section-select .overview-select-iphone-14 {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 159px;
    --p-height: 228px
}

@media only screen and (min-width:1441px)and (min-width:1441px) {
    .section-select .overview-select-iphone-14 {
        --p-width: 200px;
        --p-height: 288px
    }
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .section-select .overview-select-iphone-14 {
        --p-width: 146px;
        --p-height: 209px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .section-select .overview-select-iphone-14 {
        --p-width: 120px;
        --p-height: 171px
    }
}

.section-select .overview-select-iphone-13 {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 153px;
    --p-height: 228px
}

@media only screen and (min-width:1441px)and (min-width:1441px) {
    .section-select .overview-select-iphone-13 {
        --p-width: 192px;
        --p-height: 288px
    }
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .section-select .overview-select-iphone-13 {
        --p-width: 140px;
        --p-height: 209px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .section-select .overview-select-iphone-13 {
        --p-width: 114px;
        --p-height: 171px
    }
}

.section-select .overview-select-iphone-se {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 135px;
    --p-height: 228px
}

@media only screen and (min-width:1441px)and (min-width:1441px) {
    .section-select .overview-select-iphone-se {
        --p-width: 169px;
        --p-height: 288px
    }
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .section-select .overview-select-iphone-se {
        --p-width: 123px;
        --p-height: 209px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .section-select .overview-select-iphone-se {
        --p-width: 101px;
        --p-height: 171px
    }
}

.section-select .overview-select-product-tile-icon-a15,
.section-select .overview-select-product-tile-icon-a16,
.section-select .overview-select-product-tile-icon-a17-pro {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 36px;
    --p-height: 56px
}

.section-select .overview-select-product-tile-icon-battery-100 {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 46px;
    --p-height: 56px
}

.section-select .overview-select-product-tile-icon-iphone-13-camera,
.section-select .overview-select-product-tile-icon-iphone-14-camera,
.section-select .overview-select-product-tile-icon-iphone-15-camera,
.section-select .overview-select-product-tile-icon-iphone-15-pro-camera,
.section-select .overview-select-product-tile-icon-iphone-se-camera {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 36px;
    --p-height: 56px
}

.section-select .product-tile-set {
    display: flex
}

.section-select .product-tile-set .product-tile.has-plus-rows-1 .product-tile-plus {
    grid-template-rows: var(--plus-row-1-height)
}

.section-select .product-tile-set .product-tile.has-plus-rows-2 .product-tile-plus {
    grid-template-rows: var(--plus-row-1-height) var(--plus-row-2-height)
}

.section-select .product-tile-set .product-tile.has-plus-rows-3 .product-tile-plus {
    grid-template-rows: var(--plus-row-1-height) var(--plus-row-2-height) var(--plus-row-3-height)
}

.section-select .product-tile-set .product-tile.has-plus-rows-4 .product-tile-plus {
    grid-template-rows: var(--plus-row-1-height) var(--plus-row-2-height) var(--plus-row-3-height) var(--plus-row-4-height)
}

.section-select .product-tile-set .product-tile.has-plus-rows-5 .product-tile-plus {
    grid-template-rows: var(--plus-row-1-height) var(--plus-row-2-height) var(--plus-row-3-height) var(--plus-row-4-height) var(--plus-row-5-height)
}

.section-select .product-tile-set .product-tile.has-plus-rows-6 .product-tile-plus {
    grid-template-rows: var(--plus-row-1-height) var(--plus-row-2-height) var(--plus-row-3-height) var(--plus-row-4-height) var(--plus-row-5-height) var(--plus-row-6-height)
}

.section-select .product-tile {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 0
}

.section-select .product-tile .product-tile-header {
    display: grid;
    grid-template-rows: var(--image-link-row) var(--swatches-row) var(--product-id-row);
    grid-template-areas: "image-link" "swatches" "product-id"
}

.section-select .product-tile .product-tile-image-link {
    justify-self: center;
    align-self: flex-end
}

@media only screen and (max-width:734px) {
    .section-select .product-tile .product-tile-image-link {
        justify-self: start
    }
}

.section-select .product-tile .product-tile-product-id {
    display: grid;
    grid-template-rows: var(--headline-group-row) var(--subheading-row);
    grid-template-areas: "headline-group" "subheading";
    align-items: end
}

@media only screen and (max-width:734px) {
    .section-select .product-tile .product-tile-product-id {
        justify-content: start
    }
}

.section-select .product-tile .product-tile-headline-group {
    display: grid;
    grid-template-rows: var(--badge-row) var(--headline-row);
    grid-template-areas: "badge" "headline"
}

.section-select .product-tile .product-tile-badge {
    align-self: end
}

.section-select .product-tile .product-tile-subheading {
    align-self: start
}

.section-select .product-tile .product-tile-image-link {
    grid-area: image-link
}

.section-select .product-tile .product-tile-swatches {
    grid-area: swatches
}

.section-select .product-tile .product-tile-product-id {
    grid-area: product-id
}

.section-select .product-tile .product-tile-headline-group {
    grid-area: headline-group
}

.section-select .product-tile .product-tile-subheading {
    grid-area: subheading
}

.section-select .product-tile .product-tile-badge {
    grid-area: badge
}

.section-select .product-tile .product-tile-headline {
    grid-area: headline
}

.section-select .product-tile .product-tile-plus {
    display: grid
}

.section-select .product-tile .product-tile-plus-cell {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:735px) {
    .section-select .product-tile .product-tile-plus-cell {
        align-items: center
    }
}

.section-select .product-tile .product-tile-plus-cell.content-v-center {
    justify-content: center
}

.section-select .product-tile .product-tile-swatches {
    display: flex;
    align-items: center
}

@media only screen and (min-width:735px) {
    .section-select .product-tile .product-tile-swatches {
        justify-self: center
    }
}

.section-select .product-tile {
    --plus-row-1-height: auto;
    --plus-row-2-height: auto;
    --plus-row-3-height: auto;
    --plus-row-4-height: auto;
    --plus-row-5-height: auto;
    --plus-row-6-height: auto
}

.section-select .product-tile-plus {
    position: relative;
    grid-row-gap: 40px;
    margin-top: auto;
    padding-top: 52px;
    width: 100%;
    box-sizing: border-box
}

@media only screen and (max-width:1068px) {
    .section-select .product-tile-plus {
        padding-top: 54px
    }
}

@media only screen and (max-width:734px) {
    .section-select .product-tile-plus {
        padding-top: 51px
    }
}

.section-select .product-tile-plus:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background-color: #d2d2d7
}

.theme-dark .section-select .product-tile-plus:before {
    background-color: #424245
}

.section-select .product-tile-plus p {
    margin: 0
}

.section-select .product-tile-plus-cell {
    --plus-cell-max-width: 100%;
    max-width: var(--plus-cell-max-width)
}

@media only screen and (min-width:735px) {
    .section-select .product-tile-plus-cell {
        margin-inline: auto
    }
}

.section-select .product-tile-plus-icon-wrapper {
    --icon-wrapper-height: 56px;
    height: var(--icon-wrapper-height);
    display: flex;
    align-items: center
}

.section-select .product-tile-plus-icon-wrapper+.product-tile-plus-subheading {
    margin-top: .5em
}

.section-select .product-tile-plus-icon-wrapper+.product-tile-plus-copy,
.section-select .product-tile-plus-icon-wrapper+.product-tile-plus-list {
    margin-top: 1.1em
}

@media only screen and (max-width:734px) {

    .section-select .product-tile-plus-icon-wrapper+.product-tile-plus-copy,
    .section-select .product-tile-plus-icon-wrapper+.product-tile-plus-list {
        margin-top: .8em
    }
}

.section-select .product-tile-plus-subheading+.product-tile-plus-copy {
    margin-top: .8em
}

.section-select .product-tile-plus .product-tile-plus-list {
    margin-inline-start: 0
}

.section-select .product-tile-plus .product-tile-plus-list li {
    margin-top: .8em;
    list-style-type: none
}

.section-select .product-tile-plus .product-tile-plus-list li:first-child {
    margin-top: 0
}

.section-select .product-tile-plus .stat strong {
    margin: 9px 0
}

@media only screen and (max-width:734px) {
    .section-select .product-tile-plus .stat strong {
        margin: 7px 0
    }
}

.section-select .product-tile-set {
    margin: 0
}

@media only screen and (max-width:734px) {
    .section-select .product-tile-set {
        width: 100%
    }
}

.section-select .product-tile-set .product-tile {
    --image-link-row: 0;
    --swatches-row: 0;
    --badge-row: 0;
    --headline-row: 0;
    --subheading-row: 0
}

.section-select .product-tile-set .product-tile.has-image-link-row {
    --image-link-row: minmax(calc(228px + var(--image-link-margin)), max-content)
}

.section-select .product-tile-set .product-tile.has-swatches-row {
    --swatches-row: calc(var(--swatch-height) + var(--swatches-margin))
}

.section-select .product-tile-set .product-tile.has-badge-row {
    --badge-row: minmax(calc(var(--badge-height) + var(--badge-margin)), max-content)
}

.section-select .product-tile-set .product-tile.has-headline-row {
    --headline-row: auto
}

.section-select .product-tile-set .product-tile.has-subheading-row {
    --subheading-row: auto
}

@media only screen and (max-width:1068px) {
    .section-select .product-tile-set .product-tile.has-image-link-row {
        --image-link-row: minmax(calc(209px + var(--image-link-margin)), max-content)
    }
}

@media only screen and (max-width:734px) {
    .section-select .product-tile-set .product-tile.has-image-link-row {
        --image-link-row: minmax(calc(171px + var(--image-link-margin)), max-content)
    }
}

.section-select .product-tile-headline {
    font-size: 28px;
    line-height: 1.1428571429;
    font-weight: 600;
    letter-spacing: .007em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-headline:lang(ja) {
    line-height: 1.1786114286;
    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-select .product-tile-headline:lang(ko) {
    line-height: 1.25;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-headline:lang(th) {
    line-height: 1.3928571429;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-headline:lang(zh) {
    line-height: 1.25
}

.section-select .product-tile-headline:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

.section-select .product-tile-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
}

.section-select .product-tile-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) {
    .section-select .product-tile-headline {
        font-size: 24px;
        line-height: 1.1666666667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-headline: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-select .product-tile-headline:lang(ko) {
        line-height: 1.2916666667;
        font-family: 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-select .product-tile-headline:lang(th) {
        line-height: 1.375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-headline:lang(zh) {
        line-height: 1.2916666667
    }

    .section-select .product-tile-headline:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

    .section-select .product-tile-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
    }

    .section-select .product-tile-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) {
    .section-select .product-tile-headline {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-headline:lang(ja) {
        line-height: 1.2380952381;
        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-select .product-tile-headline:lang(ko) {
        line-height: 1.2858042857;
        font-family: 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-select .product-tile-headline:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-headline:lang(zh) {
        line-height: 1.3334033333
    }

    .section-select .product-tile-headline:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

    .section-select .product-tile-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
    }

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

.section-select .product-tile-badge {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 600;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-badge:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-badge: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-select .product-tile-badge: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-select .product-tile-badge:lang(zh) {
    letter-spacing: 0em
}

.section-select .product-tile-badge:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-badge:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-badge:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.section-select .product-tile-stat {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-stat:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-stat:lang(ja) {
    line-height: 1.4166666667;
    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-select .product-tile-stat:lang(ko) {
    line-height: 1.4166666667;
    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-select .product-tile-stat:lang(zh) {
    letter-spacing: 0em
}

.section-select .product-tile-stat:lang(th) {
    line-height: 1.3333733333;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-stat:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-stat:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.section-select .product-tile-stat strong {
    font-size: 28px;
    line-height: 1.1428571429;
    font-weight: 600;
    letter-spacing: .007em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-stat strong:lang(ja) {
    line-height: 1.1786114286;
    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-select .product-tile-stat strong:lang(ko) {
    line-height: 1.25;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-stat strong:lang(th) {
    line-height: 1.3928571429;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-stat strong:lang(zh) {
    line-height: 1.25
}

.section-select .product-tile-stat strong:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-stat strong:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-stat strong:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-stat strong:lang(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-select .product-tile-stat strong:lang(zh-TW) {
    font-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-select .product-tile-stat strong {
        font-size: 24px;
        line-height: 1.1666666667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-stat strong: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-select .product-tile-stat strong:lang(ko) {
        line-height: 1.2916666667;
        font-family: 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-select .product-tile-stat strong:lang(th) {
        line-height: 1.375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-stat strong:lang(zh) {
        line-height: 1.2916666667
    }

    .section-select .product-tile-stat strong:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-stat strong:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-stat strong:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-stat strong:lang(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-select .product-tile-stat strong:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:734px) {
    .section-select .product-tile-stat strong {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-stat strong:lang(ja) {
        line-height: 1.2380952381;
        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-select .product-tile-stat strong:lang(ko) {
        line-height: 1.2858042857;
        font-family: 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-select .product-tile-stat strong:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-stat strong:lang(zh) {
        line-height: 1.3334033333
    }

    .section-select .product-tile-stat strong:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-stat strong:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-stat strong:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-stat strong:lang(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-select .product-tile-stat strong:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.section-select .product-tile-subheading {
    font-size: 17px;
    line-height: 1.4705882353;
    font-weight: 600;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-subheading:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-subheading:lang(ja) {
    line-height: 1.3529611765;
    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-select .product-tile-subheading:lang(ko) {
    line-height: 1.5882352941;
    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-select .product-tile-subheading:lang(zh) {
    letter-spacing: 0em
}

.section-select .product-tile-subheading:lang(th) {
    line-height: 1.3529611765;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-subheading:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-subheading:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-subheading: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-select .product-tile-subheading: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) {
    .section-select .product-tile-subheading {
        font-size: 14px;
        line-height: 1.4285914286;
        font-weight: 600;
        letter-spacing: -0.016em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-subheading:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-subheading:lang(ja) {
        line-height: 1.4;
        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-select .product-tile-subheading:lang(ko) {
        line-height: 1.5714285714;
        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-select .product-tile-subheading:lang(zh) {
        line-height: 1.5;
        letter-spacing: 0em
    }

    .section-select .product-tile-subheading:lang(th) {
        line-height: 1.3571828571;
        letter-spacing: 0em;
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-subheading:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-subheading:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

.section-select .product-tile-positioning {
    font-size: 17px;
    line-height: 1.4705882353;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-positioning:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-positioning:lang(ja) {
    line-height: 1.3529611765;
    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-select .product-tile-positioning:lang(ko) {
    line-height: 1.5882352941;
    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-select .product-tile-positioning:lang(zh) {
    letter-spacing: 0em
}

.section-select .product-tile-positioning:lang(th) {
    line-height: 1.3529611765;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-positioning:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-positioning:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-positioning: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-select .product-tile-positioning: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) {
    .section-select .product-tile-positioning {
        font-size: 14px;
        line-height: 1.4285914286;
        font-weight: 400;
        letter-spacing: -0.016em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-positioning:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-positioning:lang(ja) {
        line-height: 1.4;
        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-select .product-tile-positioning:lang(ko) {
        line-height: 1.5714285714;
        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-select .product-tile-positioning:lang(zh) {
        line-height: 1.5;
        letter-spacing: 0em
    }

    .section-select .product-tile-positioning:lang(th) {
        line-height: 1.3571828571;
        letter-spacing: 0em;
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-positioning:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-positioning:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

.section-select .product-tile-price {
    font-size: 17px;
    line-height: 1.4705882353;
    font-weight: 600;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-price:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-price:lang(ja) {
    line-height: 1.3529611765;
    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-select .product-tile-price:lang(ko) {
    line-height: 1.5882352941;
    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-select .product-tile-price:lang(zh) {
    letter-spacing: 0em
}

.section-select .product-tile-price:lang(th) {
    line-height: 1.3529611765;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-price:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-price:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-price: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-select .product-tile-price: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) {
    .section-select .product-tile-price {
        font-size: 14px;
        line-height: 1.4285914286;
        font-weight: 600;
        letter-spacing: -0.016em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-price:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-price:lang(ja) {
        line-height: 1.4;
        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-select .product-tile-price:lang(ko) {
        line-height: 1.5714285714;
        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-select .product-tile-price:lang(zh) {
        line-height: 1.5;
        letter-spacing: 0em
    }

    .section-select .product-tile-price:lang(th) {
        line-height: 1.3571828571;
        letter-spacing: 0em;
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-price:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-price:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

.section-select .product-tile-ctas {
    font-size: 17px;
    line-height: 1.1764805882;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-ctas:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-ctas: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-select .product-tile-ctas: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-select .product-tile-ctas:lang(zh) {
    letter-spacing: 0em
}

.section-select .product-tile-ctas:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-ctas:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-ctas:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-ctas: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-select .product-tile-ctas: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) {
    .section-select .product-tile-ctas {
        font-size: 14px;
        line-height: 1.2857742857;
        font-weight: 400;
        letter-spacing: -0.016em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-ctas:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-ctas:lang(ja) {
        line-height: 1.3571828571;
        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-select .product-tile-ctas:lang(ko) {
        line-height: 1.4285914286;
        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-select .product-tile-ctas:lang(zh) {
        line-height: 1.3571828571;
        letter-spacing: 0em
    }

    .section-select .product-tile-ctas:lang(th) {
        line-height: 1.3571828571;
        letter-spacing: 0em;
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-ctas:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-ctas:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

.section-select .product-tile-plus {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-plus:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-plus:lang(ja) {
    line-height: 1.4166666667;
    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-select .product-tile-plus:lang(ko) {
    line-height: 1.4166666667;
    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-select .product-tile-plus:lang(zh) {
    letter-spacing: 0em
}

.section-select .product-tile-plus:lang(th) {
    line-height: 1.3333733333;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-plus:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-plus:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.section-select .product-tile-plus-subheading {
    font-size: 28px;
    line-height: 1.1428571429;
    font-weight: 600;
    letter-spacing: .007em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-plus-subheading:lang(ja) {
    line-height: 1.1786114286;
    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-select .product-tile-plus-subheading:lang(ko) {
    line-height: 1.25;
    font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-plus-subheading:lang(th) {
    line-height: 1.3928571429;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-plus-subheading:lang(zh) {
    line-height: 1.25
}

.section-select .product-tile-plus-subheading:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-plus-subheading:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-plus-subheading:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-plus-subheading:lang(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-select .product-tile-plus-subheading:lang(zh-TW) {
    font-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-select .product-tile-plus-subheading {
        font-size: 24px;
        line-height: 1.1666666667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-plus-subheading: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-select .product-tile-plus-subheading:lang(ko) {
        line-height: 1.2916666667;
        font-family: 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-select .product-tile-plus-subheading:lang(th) {
        line-height: 1.375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-plus-subheading:lang(zh) {
        line-height: 1.2916666667
    }

    .section-select .product-tile-plus-subheading:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-plus-subheading:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-plus-subheading:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-plus-subheading:lang(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-select .product-tile-plus-subheading:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width:734px) {
    .section-select .product-tile-plus-subheading {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-plus-subheading:lang(ja) {
        line-height: 1.2380952381;
        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-select .product-tile-plus-subheading:lang(ko) {
        line-height: 1.2858042857;
        font-family: 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-select .product-tile-plus-subheading:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-plus-subheading:lang(zh) {
        line-height: 1.3334033333
    }

    .section-select .product-tile-plus-subheading:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-plus-subheading:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-plus-subheading:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-plus-subheading:lang(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-select .product-tile-plus-subheading:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.section-select .product-tile-plus-null {
    font-size: 21px;
    line-height: 1.1904761905;
    font-weight: 600;
    letter-spacing: .011em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-plus-null:lang(ja) {
    line-height: 1.2380952381;
    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-select .product-tile-plus-null:lang(ko) {
    line-height: 1.2858042857;
    font-family: 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-select .product-tile-plus-null:lang(th) {
    line-height: 1.381002381;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-plus-null:lang(zh) {
    line-height: 1.3334033333
}

.section-select .product-tile-plus-null:lang(ar) {
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-plus-null:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-plus-null:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-plus-null:lang(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-select .product-tile-plus-null:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:734px) {
    .section-select .product-tile-plus-null {
        font-size: 17px;
        line-height: 1.4705882353;
        font-weight: 600;
        letter-spacing: -0.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-plus-null:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-plus-null:lang(ja) {
        line-height: 1.3529611765;
        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-select .product-tile-plus-null:lang(ko) {
        line-height: 1.5882352941;
        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-select .product-tile-plus-null:lang(zh) {
        letter-spacing: 0em
    }

    .section-select .product-tile-plus-null:lang(th) {
        line-height: 1.3529611765;
        letter-spacing: 0em;
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-plus-null:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-plus-null:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-select .product-tile-plus-null: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-select .product-tile-plus-null:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.section-select .product-tile-swatch-plus {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-swatch-plus:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-swatch-plus:lang(ja) {
    line-height: 1.4166666667;
    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-select .product-tile-swatch-plus:lang(ko) {
    line-height: 1.4166666667;
    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-select .product-tile-swatch-plus:lang(zh) {
    letter-spacing: 0em
}

.section-select .product-tile-swatch-plus:lang(th) {
    line-height: 1.3333733333;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-swatch-plus:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-swatch-plus:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .product-tile-swatch-plus: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-select .product-tile-swatch-plus:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-select .stat {
    margin-top: var(--above-offset)
}

.section-select .product-tile-header {
    --image-link-row: minmax(calc(228px + var(--image-link-margin)), max-content)
}

@media only screen and (max-width:1068px) {
    .section-select .product-tile-header {
        --image-link-row: minmax(calc(209px + var(--image-link-margin)), max-content)
    }
}

@media only screen and (max-width:734px) {
    .section-select .product-tile-header {
        --image-link-row: minmax(calc(171px + var(--image-link-margin)), max-content)
    }
}

.banner-card {
    --copy-column-v-padding: 56px;
    --copy-max-width: 100%;
    box-sizing: border-box;
    background: #f5f5f7;
    border-radius: var(--global-card-corner-radius);
    clip-path: inset(1px 1px 1px 1px round var(--global-card-corner-radius));
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: transform .3s cubic-bezier(0, 0, 0.5, 1)
}

@media only screen and (min-width:1441px) {
    html.no-touch .banner-card-1-up:hover {
        transform: scale(1.0035714286)
    }
}

html.no-touch .banner-card-1-up:hover {
    transform: scale(1.0047619048)
}

@media only screen and (max-width:1068px) {
    html.no-touch .banner-card-1-up:hover {
        transform: scale(1.0064171123)
    }
}

@media only screen and (max-width:734px) {
    html.no-touch .banner-card-1-up:hover {
        transform: scale(1.0093312597)
    }
}

@media only screen and (min-width:1441px) {
    html.no-touch .banner-card-2-up:hover {
        transform: scale(1.0072289157)
    }
}

html.no-touch .banner-card-2-up:hover {
    transform: scale(1.0096774194)
}

@media only screen and (max-width:1068px) {
    html.no-touch .banner-card-2-up:hover {
        transform: scale(1.0131147541)
    }
}

@media only screen and (max-width:734px) {
    html.no-touch .banner-card-2-up:hover {
        transform: scale(1.0192616372)
    }
}

@media only screen and (max-width:734px) {
    .banner-card {
        --copy-column-v-padding: 48px
    }
}

.banner-card.theme-dark,
.theme-dark .banner-card {
    background: #242426;
    color: #f5f5f7
}

.banner-card .banner-card-row {
    --h-padding: 32px;
    --copy-column-v-margin: 328px
}

@media only screen and (min-width:1441px) {
    .banner-card .banner-card-row {
        --copy-column-v-margin: 393px
    }
}

@media only screen and (max-width:1068px) {
    .banner-card .banner-card-row {
        --h-padding: 28px;
        --copy-column-v-margin: 347px
    }
}

@media only screen and (max-width:734px) {
    .banner-card .banner-card-row {
        --h-padding: 24px;
        --copy-column-v-margin: 258px
    }
}

.banner-card .banner-card-copy-column {
    padding: var(--copy-column-v-padding) var(--h-padding) 0;
    z-index: 1
}

.banner-card.banner-card-text-row-placement-bottom .banner-card-image-column {
    margin-bottom: var(--copy-column-v-margin)
}

.banner-card.banner-card-text-row-placement-bottom .banner-card-image-column .banner-card-image {
    margin-top: auto
}

.banner-card.banner-card-text-row-placement-top .banner-card-copy-column {
    margin-bottom: var(--copy-column-v-margin)
}

.banner-card.banner-card-image-type-inline.banner-card-text-row-placement-bottom .banner-card-image-column .banner-card-image {
    margin-bottom: calc(var(--copy-column-v-margin)*-1)
}

.banner-card.banner-card-image-type-inline.banner-card-text-row-placement-top .banner-card-image-column .banner-card-image {
    margin-top: calc(var(--copy-column-v-margin)*-1)
}

@media only screen and (min-width:1069px) {
    .banner-card.banner-card-1-up.banner-card-image-type-inline .banner-card-image-column .banner-card-image {
        margin: 0 auto
    }
}

.banner-card .banner-card-badge {
    display: block;
    margin-bottom: 8px
}

.banner-card .banner-card-copy,
.banner-card .banner-card-headline {
    max-width: var(--copy-max-width);
    margin-left: auto;
    margin-right: auto
}

.banner-card .banner-card-copy {
    margin-top: 1.1em
}

@media only screen and (min-width:1441px) {
    .banner-card .banner-card-copy {
        margin-top: .8em
    }
}

@media only screen and (max-width:1068px) {
    .banner-card .banner-card-copy {
        margin-top: .7em
    }
}

@media only screen and (max-width:734px) {
    .banner-card .banner-card-copy {
        margin-top: .8em
    }
}

@media only screen and (max-width:734px) {
    .banner-card .banner-card-image-column {
        padding: 0 var(--h-padding)
    }
}

@media only screen and (min-width:1069px) {
    .banner-card-1-up {
        text-align: left
    }
}

@media only screen and (min-width:1069px) {
    .banner-card-1-up .banner-card-row {
        --h-padding: 6.25%;
        padding-inline-start: var(--h-padding)
    }
}

@media only screen and (min-width:1069px) {
    .banner-card-1-up .banner-card-row .banner-card-copy-column {
        padding: var(--copy-column-v-padding) 0;
        margin: 0
    }
}

@media only screen and (min-width:1069px) {

    .banner-card-1-up:not(.banner-card-text-alignment-center) .banner-card-copy,
    .banner-card-1-up:not(.banner-card-text-alignment-center) .banner-card-headline {
        margin-inline-start: 0
    }
}

@media only screen and (min-width:1069px) {
    .banner-card-1-up .banner-card-copy-column+.banner-card-image-column {
        margin-bottom: 0
    }
}

.banner-card-text-row-placement-bottom .banner-card-copy-column {
    padding-top: 0;
    padding-bottom: var(--copy-column-v-padding)
}

@media only screen and (min-width:1069px) {
    .banner-card-text-alignment-center {
        text-align: center
    }
}

.banner-card .banner-card-active-area {
    display: none
}

.banner-card-ctas-primary-neutral a:not(.button),
.banner-card-ctas-secondary-neutral a:not(.button) {
    color: var(--sk-body-text-color)
}

.banner-card.has-ctas .banner-card-active-area {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.banner-card.has-ctas .banner-card-row {
    pointer-events: none
}

.banner-card.has-ctas .banner-card-ctas {
    pointer-events: all
}

.banner-card-ctas {
    display: inline-flex;
    align-items: center;
    grid-gap: 33px;
    gap: 33px;
    margin-top: 31px
}

@media only screen and (max-width:734px) {
    .banner-card-ctas {
        margin-top: 33px;
        grid-gap: 27px;
        gap: 27px
    }
}

.banner-card-ctas.banner-card-ctas-stacked {
    flex-direction: column;
    grid-gap: 18px;
    gap: 18px
}

@media only screen and (max-width:734px) {
    .banner-card-ctas.banner-card-ctas-stacked {
        grid-gap: 14px;
        gap: 14px
    }
}

@media only screen and (min-width:735px) {
    .banner-card .banner-card-button {
        --sk-button-padding-horizontal: 22px;
        --sk-button-padding-vertical: 12px;
        --sk-button-min-width-basis: 70px;
        --sk-button-margin-horizontal: 18px;
        --sk-button-margin-vertical: 18px;
        font-size: 17px;
        line-height: 1.1764805882;
        font-weight: 400;
        letter-spacing: -0.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .banner-card .banner-card-button:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

    .banner-card .banner-card-button:lang(zh) {
        letter-spacing: 0em
    }

    .banner-card .banner-card-button:lang(th) {
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .banner-card .banner-card-button:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

.banner-card .banner-card-button:hover .icon-copy {
    text-decoration: none
}

@media only screen and (min-width:1069px) {
    .banner-card-1-up.banner-card-image-type-inline .banner-card-image-column {
        justify-content: start
    }
}

.banner-card.banner-card-image-type-background .banner-card-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.banner-card.banner-card-image-type-background .banner-card-image img {
    height: 100%;
    width: 100%;
    object-fit: none;
    object-position: center bottom
}

@media only screen and (min-width:1069px) {
    .banner-card-1-up.banner-card-image-type-background .banner-card-image.background-image-position-large-center-top img {
        object-position: center top
    }

    .banner-card-1-up.banner-card-image-type-background .banner-card-image.background-image-position-large-center-bottom img {
        object-position: center bottom
    }

    .banner-card-1-up.banner-card-image-type-background .banner-card-image.background-image-position-large-center-center img {
        object-position: center
    }

    .banner-card-1-up.banner-card-image-type-background .banner-card-image.background-image-position-large-start-top img {
        object-position: left top
    }

    html[dir=rtl] .banner-card-1-up.banner-card-image-type-background .banner-card-image.background-image-position-large-start-top img {
        object-position: right top
    }

    .banner-card-1-up.banner-card-image-type-background .banner-card-image.background-image-position-large-start-bottom img {
        object-position: left bottom
    }

    html[dir=rtl] .banner-card-1-up.banner-card-image-type-background .banner-card-image.background-image-position-large-start-bottom img {
        object-position: right bottom
    }

    .banner-card-1-up.banner-card-image-type-background .banner-card-image.background-image-position-large-start-center img {
        object-position: left center
    }

    html[dir=rtl] .banner-card-1-up.banner-card-image-type-background .banner-card-image.background-image-position-large-start-center img {
        object-position: right center
    }

    .banner-card-1-up.banner-card-image-type-background .banner-card-image.background-image-position-large-end-top img {
        object-position: right top
    }

    html[dir=rtl] .banner-card-1-up.banner-card-image-type-background .banner-card-image.background-image-position-large-end-top img {
        object-position: left top
    }

    .banner-card-1-up.banner-card-image-type-background .banner-card-image.background-image-position-large-end-bottom img {
        object-position: right bottom
    }

    html[dir=rtl] .banner-card-1-up.banner-card-image-type-background .banner-card-image.background-image-position-large-end-bottom img {
        object-position: left bottom
    }

    .banner-card-1-up.banner-card-image-type-background .banner-card-image.background-image-position-large-end-center img {
        object-position: right center
    }

    html[dir=rtl] .banner-card-1-up.banner-card-image-type-background .banner-card-image.background-image-position-large-end-center img {
        object-position: left center
    }
}

@media only screen and (min-width:1069px) {
    .banner-card-1-up.banner-card-image-type-background .banner-card-image img {
        object-position: center center
    }
}

.banner-card-2-up.banner-card-image-type-background .banner-card-image.background-image-position-large-center-top img {
    object-position: center top
}

.banner-card-2-up.banner-card-image-type-background .banner-card-image.background-image-position-large-center-bottom img {
    object-position: center bottom
}

.banner-card-2-up.banner-card-image-type-background .banner-card-image.background-image-position-large-center-center img {
    object-position: center
}

.banner-card-2-up.banner-card-image-type-background .banner-card-image.background-image-position-large-start-top img {
    object-position: left top
}

html[dir=rtl] .banner-card-2-up.banner-card-image-type-background .banner-card-image.background-image-position-large-start-top img {
    object-position: right top
}

.banner-card-2-up.banner-card-image-type-background .banner-card-image.background-image-position-large-start-bottom img {
    object-position: left bottom
}

html[dir=rtl] .banner-card-2-up.banner-card-image-type-background .banner-card-image.background-image-position-large-start-bottom img {
    object-position: right bottom
}

.banner-card-2-up.banner-card-image-type-background .banner-card-image.background-image-position-large-start-center img {
    object-position: left center
}

html[dir=rtl] .banner-card-2-up.banner-card-image-type-background .banner-card-image.background-image-position-large-start-center img {
    object-position: right center
}

.banner-card-2-up.banner-card-image-type-background .banner-card-image.background-image-position-large-end-top img {
    object-position: right top
}

html[dir=rtl] .banner-card-2-up.banner-card-image-type-background .banner-card-image.background-image-position-large-end-top img {
    object-position: left top
}

.banner-card-2-up.banner-card-image-type-background .banner-card-image.background-image-position-large-end-bottom img {
    object-position: right bottom
}

html[dir=rtl] .banner-card-2-up.banner-card-image-type-background .banner-card-image.background-image-position-large-end-bottom img {
    object-position: left bottom
}

.banner-card-2-up.banner-card-image-type-background .banner-card-image.background-image-position-large-end-center img {
    object-position: right center
}

html[dir=rtl] .banner-card-2-up.banner-card-image-type-background .banner-card-image.background-image-position-large-end-center img {
    object-position: left center
}

.banner-card.banner-card-image-type-background .banner-card-image.background-image-fit-cover img {
    object-fit: cover
}

.banner-card.banner-card-image-type-background .banner-card-image.background-image-fit-contain img {
    object-fit: contain
}

@media only screen and (max-width:1068px) {
    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-medium-center-top img {
        object-position: center top
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-medium-center-bottom img {
        object-position: center bottom
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-medium-center-center img {
        object-position: center
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-medium-start-top img {
        object-position: left top
    }

    html[dir=rtl] .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-medium-start-top img {
        object-position: right top
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-medium-start-bottom img {
        object-position: left bottom
    }

    html[dir=rtl] .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-medium-start-bottom img {
        object-position: right bottom
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-medium-start-center img {
        object-position: left center
    }

    html[dir=rtl] .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-medium-start-center img {
        object-position: right center
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-medium-end-top img {
        object-position: right top
    }

    html[dir=rtl] .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-medium-end-top img {
        object-position: left top
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-medium-end-bottom img {
        object-position: right bottom
    }

    html[dir=rtl] .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-medium-end-bottom img {
        object-position: left bottom
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-medium-end-center img {
        object-position: right center
    }

    html[dir=rtl] .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-medium-end-center img {
        object-position: left center
    }
}

@media only screen and (max-width:734px) {
    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-small-center-top img {
        object-position: center top
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-small-center-bottom img {
        object-position: center bottom
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-small-center-center img {
        object-position: center
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-small-start-top img {
        object-position: left top
    }

    html[dir=rtl] .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-small-start-top img {
        object-position: right top
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-small-start-bottom img {
        object-position: left bottom
    }

    html[dir=rtl] .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-small-start-bottom img {
        object-position: right bottom
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-small-start-center img {
        object-position: left center
    }

    html[dir=rtl] .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-small-start-center img {
        object-position: right center
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-small-end-top img {
        object-position: right top
    }

    html[dir=rtl] .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-small-end-top img {
        object-position: left top
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-small-end-bottom img {
        object-position: right bottom
    }

    html[dir=rtl] .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-small-end-bottom img {
        object-position: left bottom
    }

    .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-small-end-center img {
        object-position: right center
    }

    html[dir=rtl] .banner-card.banner-card-image-type-background .banner-card-image.background-image-position-small-end-center img {
        object-position: left center
    }
}

@media only screen and (max-width:734px) {
    .banner-card-image {
        width: 100%
    }

    .banner-card-image img {
        display: block;
        margin: auto;
        top: 0;
        bottom: 0
    }
}

.banner-card {
    --min-height: 580px;
    --max-height: 680px;
    --min-width: 0px;
    display: flex;
    min-height: var(--min-height);
    max-height: var(--max-height);
    min-width: var(--min-width)
}

@media only screen and (min-width:1441px) {
    .banner-card {
        --min-height: 640px;
        --max-height: 740px
    }
}

@media only screen and (max-width:734px) {
    .banner-card {
        --min-height: 480px;
        --max-height: 560px
    }
}

.banner-card .banner-card-row {
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap
}

@media only screen and (min-width:1069px) {
    .banner-card .banner-card-copy-column {
        --width: 400px;
        width: var(--width);
        flex-shrink: 0
    }
}

@media only screen and (min-width:1069px)and (min-width:1441px) {
    .banner-card .banner-card-copy-column {
        --width: 480px
    }
}

@media only screen and (max-width:1068px) {
    .banner-card .banner-card-copy-column {
        --width: 480px;
        max-width: var(--width)
    }
}

.banner-card .banner-card-image-column {
    width: 100%;
    display: flex;
    justify-content: center
}

@media only screen and (min-width:1069px) {
    .banner-card-1-up {
        --height: 480px;
        height: var(--height);
        align-items: center;
        min-height: 0;
        max-height: none
    }
}

@media only screen and (min-width:1069px)and (min-width:1441px) {
    .banner-card-1-up {
        --height: 580px
    }
}

.banner-card-1-up .banner-card-row {
    box-sizing: border-box
}

@media only screen and (min-width:1069px) {
    .banner-card-1-up .banner-card-row {
        align-items: center;
        flex-direction: row
    }
}

.banner-card-2-up {
    width: 50%
}

@media only screen and (max-width:734px) {
    .banner-card-2-up {
        --min-width: 304px
    }
}

@media only screen and (min-width:1069px) {
    .banner-card-text-column-placement-end.banner-card-1-up {
        direction: rtl
    }
}

@media only screen and (min-width:1069px) {
    .banner-card-text-column-placement-end.banner-card-1-up .banner-card-copy-column {
        direction: ltr
    }
}

@media only screen and (max-width:1068px) {
    .banner-card-text-row-placement-bottom.banner-card-1-up .banner-card-row {
        flex-direction: column-reverse
    }
}

.banner-card-text-row-placement-bottom.banner-card-2-up .banner-card-row {
    flex-direction: column-reverse
}

@media only screen and (min-width:1069px) {
    html[dir=rtl] .banner-card-1-up {
        text-align: right
    }
}

@media only screen and (min-width:1069px) {
    html[dir=rtl] .banner-card-text-column-placement-end.banner-card-1-up {
        direction: ltr
    }
}

@media only screen and (min-width:1069px) {
    html[dir=rtl] .banner-card-text-column-placement-end.banner-card-1-up .banner-card-copy-column {
        direction: rtl
    }
}

@media only screen and (min-width:1069px) {
    html[dir=rtl] .banner-card-text-alignment-center {
        text-align: center
    }
}

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

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

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

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

.banner-card-headline:lang(zh) {
    line-height: 1.21875
}

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

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

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

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

.banner-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) {
    .banner-card-headline {
        font-size: 24px;
        line-height: 1.1666666667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .banner-card-headline: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
    }

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

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

    .banner-card-headline:lang(zh) {
        line-height: 1.2916666667
    }

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

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

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

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

    .banner-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:734px) {
    .banner-card-headline {
        font-size: 21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
        padding-bottom: 29px;
    }

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

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

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

    .banner-card-headline:lang(zh) {
        line-height: 1.3334033333
    }

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

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

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

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

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

.section-incentive .gallery .item-container {
    --gallery-column-gap: 20px
}

.section-incentive .gallery-container.v0 {
    display: block
}

.section-incentive .gallery-container.v1 {
    display: none
}

[data-at-ab-iscd=v1] .section-incentive .gallery-container.v1 {
    display: block
}

.section-incentive .gallery-container.v2 {
    display: none
}

[data-at-ab-iscd=v2] .section-incentive .gallery-container.v2 {
    display: block
}

.section-incentive .spread-start .gallery .scroll-container {
    overflow: hidden;
    scroll-snap-type: none
}

.section-incentive .spread-start .gallery .poster-card {
    pointer-events: none
}

.section-incentive .spread-start .gallery .paddlenav .paddlenav-arrow {
    pointer-events: none;
    opacity: .42
}

.theme-dark .section-incentive .spread-start .gallery .paddlenav {
    opacity: .36
}

.section-incentive .spread-end .gallery .scroll-container {
    overflow: scroll;
    scroll-snap-type: x mandatory
}

html.mobile-devices .family-modal.shopping-experience .image-container,
html.mobile-devices .family-modal.shopping-experience .modal-items-body,
html.no-mobile-devices .family-modal.shopping-experience .modal-ctas-container {
    display: none
}

.family-modal.shopping-experience .overview-incentive-boc-qr-code {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 816px;
    --p-height: 484px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .family-modal.shopping-experience .overview-incentive-boc-qr-code {
        --p-width: 692px;
        --p-height: 442px
    }
}

.section-essentials .gallery .item-container {
    --gallery-column-gap: 20px
}

.poster-card {
    transition: transform .3s cubic-bezier(0, 0, 0.5, 1)
}

@media only screen and (min-width:1441px) {
    html.no-touch .poster-card:hover {
        transform: scale(1.0148148148)
    }
}

html.no-touch .poster-card:hover {
    transform: scale(1.0161290323)
}

@media only screen and (max-width:1068px) {
    html.no-touch .poster-card:hover {
        transform: scale(1.0174418605)
    }
}

@media only screen and (max-width:734px) {
    html.no-touch .poster-card:hover {
        transform: scale(1.0230769231)
    }
}

.poster-card .card-modifier {
    max-height: none;
    min-height: 479px
}

@media only screen and (min-width:1441px) {
    .poster-card .card-modifier {
        min-height: 480px
    }
}

@media only screen and (max-width:1068px) {
    .poster-card .card-modifier {
        min-height: 440px
    }
}

@media only screen and (max-width:734px) {
    .poster-card .card-modifier {
        min-height: 423px
    }
}

.poster-card .card-modifier.card-padding {
    padding-top: 29px
}

@media only screen and (max-width:734px) {
    .poster-card .card-modifier.card-padding {
        padding-top: 27px
    }
}

.poster-card .card-modifier.fixed-width {
    width: 372px
}

@media only screen and (min-width:1441px) {
    .poster-card .card-modifier.fixed-width {
        width: 405px
    }
}

@media only screen and (max-width:1068px) {
    .poster-card .card-modifier.fixed-width {
        width: 344px
    }
}

@media only screen and (max-width:734px) {
    .poster-card .card-modifier.fixed-width {
        width: 260px
    }
}

.poster-card .poster-card-copy {
    padding-bottom: 215px
}

@media only screen and (min-width:1441px) {
    .poster-card .poster-card-copy {
        padding-bottom: 216px
    }
}

@media only screen and (max-width:1068px) {
    .poster-card .poster-card-copy {
        padding-bottom: 192px
    }
}

@media only screen and (max-width:734px) {
    .poster-card .poster-card-copy {
        padding-bottom: 190px
    }
}

.poster-card-content .poster-card-headline {
    margin-top: .9411764706rem
}

@media only screen and (max-width:1068px) {
    .poster-card-content .poster-card-headline {
        margin-top: 1.0588235294rem
    }
}

@media only screen and (max-width:734px) {
    .poster-card-content .poster-card-headline {
        margin-top: .4705882353rem
    }
}

.poster-card-content .poster-card-image-container {
    position: absolute;
    margin: 0
}

.poster-card-content .poster-card-image-container.image-top-left {
    left: 0;
    top: 0
}

.poster-card-content .poster-card-image-container.image-top-center {
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.poster-card-content .poster-card-image-container.image-top-right {
    right: 0;
    top: 0
}

.poster-card-content .poster-card-image-container.image-bottom-left {
    bottom: 0;
    left: 0
}

.poster-card-content .poster-card-image-container.image-bottom-center {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.poster-card-content .poster-card-image-container.image-bottom-right {
    bottom: 0;
    right: 0
}

.poster-card-content .poster-card-image-container.image-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.poster-card-content .poster-card-image-container .poster-card-image {
    position: relative;
    display: flex
}

.poster-card-content .poster-card-copy {
    position: relative;
    z-index: 2
}

.poster-card-content .poster-card-label+.poster-card-headline {
    margin-top: 8px
}

/* custom css */

.accordion-content{
    display:none;
}
.accordion-button{
    pointer-events: none;
}

/* for the business mantra card */

.gallery.gallery-align-center .scroll-container {
    display: flex;
    justify-content: center;
}

@media (max-width: 766x) {
    .gallery .card-set {
        flex-direction: column; /* Switches to a column layout */
        align-items: center; 
    }
}


  /* ––––––––––––––––––––––––––––––––––– TIMELINE –––––––––––––––––––––––––––––––––––– */


  .section1 {
    background-color: #ffffff;
    padding: 20px;
  }
  .timeline-container {
    background-color: #f0f0f0;
    /* margin: 20px auto; */
    margin: 20px 40px;
    /* padding: 20px; */
    overflow-x: auto; /* Enable horizontal scrolling for large screens */
    white-space: nowrap; /* Prevent timeline items from wrapping */
    border-radius: 28px;
  }
  .timeline-item {
    display: inline-block;
    vertical-align: top;
    width: 200px; /* Adjust width as needed */
    margin-right: 20px;
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
  }
  @media (max-width: 768px) {
    .timeline-container {
      overflow-x: hidden; /* Disable horizontal scrolling for smaller screens */
      white-space: normal; /* Allow timeline items to wrap */
      padding: 20px;
    }
    .timeline-item {
      display: block;
      width: auto;
      margin: 10px 0;
    }
  }


  

  
  .section .timeline a {
    color: inherit;
  }
  

  
   .timeline {
    white-space: nowrap;
    overflow-x: hidden;
  }
  
  .timeline ol {
    font-size: 0;
    width: 100vw;
    padding: 250px 0;
    transition: all 1s;
  }
  
  .timeline ol li {
    position: relative;
    display: inline-block;
    list-style-type: none;
    width: 160px;
    height: 3px;
    /* background: #fff; */
    background: black;
  }
  
  .timeline ol li:last-child {
    width: 280px;
  }
  
  .timeline ol li:not(:first-child) {
    margin-left: 14px;
  }
  .timeline ol li:first-child {
    background: transparent !important;
  }
  
  .timeline ol li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 1px);
    bottom: 0;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #f45b69;
  }
  
  .timeline ol li div {
    position: absolute;
    left: calc(100% + 7px);
    width: 280px;
    padding: 15px;
    font-size: 1rem;
    white-space: normal;
    color: black;
    background: white;
  }
  
  .timeline ol li div::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
  }
  
  .timeline ol li:nth-child(odd) div {
    top: -16px;
    transform: translateY(-100%);
  }
  
  .timeline ol li:nth-child(odd) div::before {
    top: 100%;
    border-width: 8px 8px 0 0;
    border-color: white transparent transparent transparent;
  }
  
  .timeline ol li:nth-child(even) div {
    top: calc(100% + 16px);
  }
  
  .timeline ol li:nth-child(even) div::before {
    top: -8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent white;
  }
  
  .timeline time {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 8px;
  }
  
  
  .timeline .arrows {
    display: flex;
    justify-content: flex-end;
    /* margin-bottom: 20px; */
    margin: 0px 75px;
    
  }
  
  .timeline .arrows .arrow__prev {
    margin-right: 20px;
  }
  
  .timeline .disabled {
    opacity: 0.5;
  }
  
  .timeline .arrows img {
    width: 45px;
    height: 45px;
  }
  
  @media screen and (max-width: 599px) {
    .timeline ol,
    .timeline ol li {
      width: auto;
    }
  
    .timeline ol {
      padding: 0;
      transform: none !important;
    }
  
    .timeline ol li {
      display: block;
      height: auto;
      background: transparent;
    }
  
    .timeline ol li:first-child {
      margin-top: 25px;
    }
  
    .timeline ol li:not(:first-child) {
      margin-left: auto;
    }
  
    .timeline ol li div {
      position: static;
      /* width: 94%; */
      height: auto !important;
      margin: 0 auto 25px;
      text-align: center;
      border-radius: 28px;
    }
  
    .timeline ol li:nth-child(odd) div {
      transform: none;
    }
  
    .timeline ol li:nth-child(odd) div::before,
    .timeline ol li:nth-child(even) div::before {
      left: 50%;
      top: 100%;
      transform: translateX(-50%);
      border: none;
      border-left: 1px solid lightslategrey;
      height: 25px;
    }
  
    .timeline ol li:last-child,
    .timeline ol li:nth-last-child(2) div::before,
    .timeline ol li:not(:last-child)::after,
    .timeline .arrows {
      display: none;
    }
  }


  @media screen and (max-width: 599px){
    .timeline{
        height: 700px;
        min-height: 500px;

    }
   

  }


  /* for cards about us */
  .section {
    padding-top: var(--global-section-padding);
    padding-bottom: var(--global-section-padding);
}

.section.no-pad-top {
    padding-top: 0;
}

.section.no-pad,
.section.no-pad-bottom {
    padding-bottom: 0;
}

.section.no-pad {
    padding-top: 0;
}

.section.background-alt {
    background-color: var(--global-section-background-color-alt);
}

.section.background-alt.theme-dark,
.theme-dark .section.background-alt {
    background-color: var(--global-section-background-color-alt-dark);
}

.section-content-responsive {
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 87.5vw;
    max-width: 1680px;
}

.gallery .card-set {
    display: grid;
    grid-template-rows: repeat(1, auto);
    grid-template-columns: max-content;
    grid-auto-flow: column;
    grid-column-gap: var(--gallery-column-gap);
    column-gap: var(--gallery-column-gap);
    grid-row-gap: 0px;
    row-gap: 25px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    list-style: none;
}

.gallery .card-set .card,
.gallery .card-set .card-container {
    height: 100%;
}

.grid-item .essential-card .card-modifier {
    --gallery-side-padding: calc(50vw - min(1680px, var(--global-viewport-content-responsive))/2);
    width: calc(50vw - var(--gallery-column-gap) * 0.5 - var(--gallery-side-padding));
}

.select-gallery-container {
    --gallery-side-padding: calc(50vw - min(1680px, var(--global-viewport-content-responsive))/2);
    margin-top: 0px;
    margin-bottom: 0px;
}

.select-gallery-container .tabnav {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-left: var(--gallery-side-padding);
    margin-bottom: 80px;
    border-radius: 32px;
}

@media only screen and (max-width: 1068px) {
    .select-gallery-container .tabnav {
        margin-bottom: 115px;
    }
}

@media only screen and (max-width: 734px) {
    .select-gallery-container .tabnav {
        width: max-content;
        margin-bottom: 55px;
    }
}

.select-gallery-container .tabnav .tabnav-items {
    scrollbar-width: none;
}

.select-gallery-container .tabnav .tabnav-items::-webkit-scrollbar {
    display: none;
}

@media only screen and (max-width: 734px) {
    .select-gallery-container .tabnav .tabnav-items {
        max-width: 87.5vw;
    }
}

.select-gallery-container .tabnav .tabnav-paddle {
    border: none;
    width: 40px;
    box-sizing: border-box;
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-left:after,
.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-left:before {
    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: "";
    text-decoration: none;
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-left:before {
    display: none;
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-left:after,
.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-left:before {
    content: "";
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-left:after {
    padding-inline-start: .3em;
    top: 0;
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-right:after,
.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-right:before {
    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: "";
    text-decoration: none;
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-right:before {
    display: none;
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-right:after,
.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-right:before {
    content: "";
}

.select-gallery-container .tabnav .tabnav-paddle.tabnav-paddle-right:after {
    padding-inline-start: .3em;
    top: 0;
}

.select-gallery-container .tabnav .tabnav-paddle-left:after,
.select-gallery-container .tabnav .tabnav-paddle-right:after {
    opacity: .64;
    font-weight: 400;
    font-size: 34px;
    padding-inline-start: 0;
}

.select-gallery-container .tabnav .tabnav-paddle:disabled {
    pointer-events: none;
}

.select-gallery-container .tabnav .tabnav-paddles {
    margin: 0;
}

.select-gallery-container .tabnav .tabnav-paddle-right {
    background: linear-gradient(270deg, var(--global-section-background-color) 70%, transparent);
}

.select-gallery-container .tabnav .tabnav-paddle-left {
    background: linear-gradient(90deg, var(--global-section-background-color) 70%, transparent);
}

.select-gallery-container .toggle-gallery-wrapper {
    display: flex;
    list-style: none;
    padding: 5px;
    width: 100%;
}

.select-gallery-container .toggle-gallery-wrapper.tabnav-items {
    margin: 0;
}

@media only screen and (max-width: 734px) {
    .select-gallery-container .toggle-gallery-wrapper {
        padding: 4px;
    }
}

.select-gallery-container .toggle-gallery-wrapper li+li {
    margin-left: 15px;
}

@media only screen and (max-width: 734px) {
    .select-gallery-container .toggle-gallery-wrapper li+li {
        margin-left: 0;
    }
}

.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item:first-of-type {
    padding-left: 25px;
}

@media only screen and (max-width: 734px) {
    .select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item:first-of-type {
        padding-left: 20px;
    }
}

.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item:last-of-type {
    padding-right: 25px;
}

@media only screen and (max-width: 734px) {
    .select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item:last-of-type {
        padding-right: 20px;
    }
}

@media only screen and (max-width: 734px) {
    .select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item {
        margin-inline-end: 12px;
    }
}

.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item {
    margin-inline-end: 14px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button {
    border: none;
    border-radius: 34px;
    font-size: 26px;
    background-color: var(--gallery-tab-background-color);
    box-shadow: 0 1px 0 0 hsla(0, 0%, 100%, .06), 0 1px 0 0 hsla(0, 0%, 100%, .05);
}

.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button:focus-visible {
    outline: auto 5px -webkit-focus-ring-color;
}

.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button .toggle-gallery-label {
    padding: 5px 25px;
}

.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button .toggle-gallery-label,
.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button .toggle-gallery-label::before,
.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button .toggle-gallery-label::after {
    display: inline-block;
}

.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button .toggle-gallery-label::before,
.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button .toggle-gallery-label::after {
    content: "\00a0";
    padding-inline-end: 4px;
}

.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button .toggle-gallery-label::before {
    padding-inline-end: 0;
}

@media only screen and (max-width: 734px) {
    .select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button .toggle-gallery-label::before,
    .select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button .toggle-gallery-label::after {
        padding-inline-end: 0;
    }
}

.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button.selected {
    background-color: var(--gallery-tab-background-color-selected);
    color: var(--gallery-tab-color-selected);
    box-shadow: var(--gallery-tab-box-shadow-selected);
    outline: none;
}

.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button .icon.icon-20,
.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button .icon.icon-28,
.select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button .icon.icon-24 {
    font-size: 18px;
}

@media only screen and (max-width: 734px) {
    .select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button .icon.icon-20,
    .select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button .icon.icon-28,
    .select-gallery-container .toggle-gallery-wrapper .toggle-gallery-item .toggle-gallery-button .icon.icon-24 {
        font-size: 16px;
    }
}

.select-gallery-container .tabnav-items {
    margin-bottom: -40px;
}

@media only screen and (max-width: 1068px) {
    .select-gallery-container .tabnav-items {
        margin-bottom: -40px;
    }
}

.select-gallery-container .tabnav-item {
    border-radius: 32px;
    background: var(--gallery-tab-background-color);
    font-size: 34px;
    line-height: 1;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    padding: 5px;
    padding-inline-start: 22px;
    padding-inline-end: 22px;
    cursor: pointer;
    transition: background .25s linear;
    text-align: center;
}

.select-gallery-container .tabnav-item:hover,
.select-gallery-container .tabnav-item.selected {
    background-color: var(--gallery-tab-background-color-selected);
}

.select-gallery-container .tabnav-item.selected {
    color: var(--gallery-tab-color-selected);
    box-shadow: var(--gallery-tab-box-shadow-selected);
    outline: none;
}

@media only screen and (max-width: 734px) {
    .select-gallery-container .tabnav-item {
        font-size: 18px;
        padding: 4px 20px;
    }
}

@media only screen and (max-width: 426px) {
    .gallery .card-set {
        display: grid;
        /* grid-template-rows: repeat(2, auto); */
        grid-template-columns: none;
        justify-content: center !important; 
    }
    .card-set li {
        width: 100%;
        margin: auto;
        font-size: 17px;
    }
}

@media only screen and (min-width:427px){

    .card-set li {
        width: 100%;
        margin: auto;
        font-size: 18px;
    }
}





/* ---------------  directors ----------------------------- */

.gallery {
    /* display: flex; */
    flex-wrap: wrap; /* Allows items to wrap */
    justify-content: space-between; /* Space between items */
  }
  
  .gallery-item {
    flex: 1;
    margin: 0 10px; /* Spacing between items */
    /* Add other styles for gallery items */
  }


/* Media query for small screens */
@media (max-width: 426) {
  .gallery {   
    display: flex; 
    flex-direction: column;
    align-items: center;
  }

  .gallery-item {
    margin: 10px 0; /* Vertical margin for stacked items */
    width: 100%; /* Full width to ensure items stack correctly */
    max-width: 600px; /* Optional: limit the width of the items */
    text-align: center; /* Center text inside each gallery item */
  }
}


/* ------------------------------ submenu for the chapternav menu products ------------------------------ */
/* 

.chapternav-items ul.chapternav-item li:hover {
    background-color: #9CE0C9;
  transition-property: background-color;
  transition-duration: 0.33s;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

ul.chapternav-items li:hover ul {
    width: 100%;
    background: #9CE0C9;
    visibility: visible;
    opacity: 1;
    transition-property: opacity;
    transition-duration: 0.33s;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  

  .chapternav-items  ul.sub-menu {
    opacity: 0;
  visibility: hidden;
  display: block;
  position: absolute;
  left: 0;
  height: 80px;
  line-height: 80px;
  background-color: white;
  }
  

  .chapternav-items  ul.sub-menu li:hover {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  

  .chapternav-items  ul.chapternav-items a,
  ul.sub-menu a {
  color: #0E0500;
  padding: 0 10px;
  } */



  /* explore whats new section css */

  .bannericons{
    /* overflow: hidden;  */
   
   }
   
   .bannericons img{
     transition: all 1s ease;
   } 
   .bannericons img:hover{
     transform: scale(1.05);
   } 
   
   
   .help-heading, .heading-2{
       font-weight: 400;
   }
   
   .owl-nav img {
       border: 1px solid #000000;
       border-radius: 50%;
   }
   .h-iphone {
       width: 91%;
       float: right;
       margin-right: 15px;
   }
   .h-img-top{
       margin-top: 40px;
   }
   
   .h-img-btm{
       margin-bottom: 30px;
   }
   .img-shadow{
       filter: drop-shadow(-2px 4px 6px #908F8F);
   }
   

   
  .mt-0{
    margin-top: 0px !important;
  }
  
  .HighlightSlider{
    padding-left: 7px!important;
  }
  
  
  @media (max-width:767px) {
  
    .swiper.productCategory{
      overflow: hidden;
    }
    
  
    .swiper.productCategory .swiper-wrapper {
      height: auto;
    }
  
    .slider-nav {
      top: 20px !important;
  }
  
  .mainSlider .swiper-button-next:after, .mainSlider .swiper-button-prev:after {
    font-size: 12px;
  }
  
  .swiper-button-next.line-next, .swiper-button-prev.line-back {
  
    width: 25px;
    height: 25px;
  }
    .stories-tag-section {
      margin-bottom: 25px;
    }
  
  
    .swiper-wrapper.smart-slider {
      height: 72% !important;
  }
    .small-icon-stories .owl-nav .owl-next, .small-icon-stories .owl-nav .owl-prev {
      top: 4px;
  }
      .h-iphone {
          width: 100%;
          float: left;
          margin-right: 0;
      }  
  
      #flip img{
          width: 60px;
         }
  
         .explore-i #panel {
          padding: 30px 20px;
        }
  
       .panel-CNT-title {
        font-size: 1.8rem;
        line-height: 1.3;
  }
      
  
   #panel p {
          /* height: 75%; */
          overflow-y: scroll;
          overflow-x: hidden;
          font-size: 18px;
          line-height: 1.3;
          text-align: center;
        
      }
  
      #panel p a{
        font-size: 20px;
        text-decoration: underline !important;
        margin: 0 auto;
      
      }
  
  
      .more_btn{
        width: 30px;
        height: 30px;
        font-size: 20px;
        line-height: 23px;
      
      }
      .para-buyer{
        /* min-height: 60px!important; */
           
    }
  
      .buyer-title {
        /* min-height: 75px; */
        font-size: 18px;
    }
  
    .SmartBuyer{
      padding: 10px!important;
      padding-left: 5px !important;
    }
  
    .card-buyer {
      min-height: 420px;
  }
  
  .content-details h3 {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    padding: 20px;
  }
  
  .categori-link {
    padding: 20px;
  }
  
  .categori-link a {
    font-size: 16px;
  }
  
  }  
  
  
  .mainSlider .swiper-button-next:after, .mainSlider .swiper-button-prev:after {
    font-size: 16px;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    color: #666666;
    font-weight: 600;
    }
    .slider-nav{
    position: relative;
    display: flex;
    color: #ffffff;
    cursor: pointer;
    float: right;
    top: 5px !important;
    
    }
      .swiper-horizontal>.swiper-scrollbar{
        display: none;
        width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));
      }
      
      /* .mainSlider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0;
        margin-right: 20px;
        position: absolute;
      } */
     
      .mainSlider .swiper-pagination-bullet {
        position: relative;
        width: 0;
        height: auto;
        text-align: left;
        border-radius: 0;
        opacity: 1;
        margin-right: 30px!important;
        background-color: transparent;
    
      }
    
    
    
      .swiper-pagination-bullet {
        opacity: var(--swiper-pagination-bullet-inactive-opacity, .5)!important;
    }
    
    .swiper-pagination-bullet.swiper-pagination-bullet-active{
      opacity: var(--swiper-pagination-bullet-inactive-opacity, 1)!important;
    }
    
     
      .swiper-pagination-bullet em {
        font-size: 15px;
        line-height: 20px;
        font-weight: bold;
        letter-spacing: -0.38px;
        color: #ffffff;
        font-style: normal;
      }
      .swiper-pagination-bullet i {
        position: absolute;
        top: 8px;
        left: 25px;
        z-index: 1;
        width: 100%;
        height: 3px;
        background-color: #535353;
      }
      .swiper-pagination-bullet b {
        position: absolute;
        top: 8px;
        left: 25px;
        z-index: 2;
        width: 0%;
        height: 3px;
        background-color: #dddddd;
      }
      
      .swiper-pagination-bullet-active {
        background-color: transparent;
      
      }
    
      .mainSliderpagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: transparent;
    }
    
    .swiper-pagination.mainSliderpagination {
      position: relative;
      display: none;
    }
      
      .swiper-pagination-bullet-active.swiper-pagination-bullet{
        width: 60px;
      
      }
    
    
    .swiper-pagination-bullet {
        opacity: 1;
    }
      
      .swiper-pagination-bullet-active b {
        animation-name: countingBar;
        animation-duration: 3s;
        animation-timing-function: ease-in;
        animation-iteration-count: 1;
        animation-direction: alternate;
        animation-fill-mode: forwards;
      }
      
      @keyframes countingBar {
        0% {
          width: 0;
        }
        100% {
          width: 100%;
        }
      }
      
      
      
      .swiper-button-play, .swiper-button-pause{
        color: #fff;
        width: 20px;
        height: 20px;
        z-index: 1;
        cursor: pointer;
        /* margin: 0 30px;    
        margin-top: -10px; */
      }
      
      .swiper-button-pause img{
        width: 100%;
      }
      
      
      
      .swiper-button-next.line-next, .swiper-button-prev.line-back{
        position: relative;
        border: 2px solid #666666;
        border-radius: 50%;
        width: 30px;
        height: 30px;
      }
      
      .swiper-button-next.line-next::before{
        content: "";
        /* background-color: #fff; */
        width: 19px;
        height: 2px;
        position: absolute;
        left: -2px;
        margin-top: -1px;
      }
      
      .swiper-button-prev.line-back::before{
        content: "";
        /* background-color: #fff; */
        width: 19px;
        height: 2px;
        position: absolute;
        right: -2px;
        margin-top: -1px;
      }
      
      
      
      
      .swiper-button-play, .swiper-button-pause{
        color: #fff;
        width: 20px;
        height: 20px;
        z-index: 1;
        margin: 0 20px;
        cursor: pointer;
        margin-top: -17px;
      }
      
      .swiper-button-pause img{
        width: 100%;
      }
      
      
      
      .swiper-button-next.line-next, .swiper-button-prev.line-back{
        position: relative;
        
      }
      
      .swiper-button-next.line-next::before{
        content: "";
        /* background-color: #fff; */
        width: 19px;
        height: 2px;
        position: absolute;
        left: -2px;
        margin-top: -1px;
      }
      
      .swiper-button-prev.line-back::before{
        content: "";
        /* background-color: #fff; */
        width: 19px;
        height: 2px;
        position: absolute;
        right: -2px;
        margin-top: -1px;
      }
        

        
  @media (max-width:767px) {
  
    .swiper.productCategory{
      overflow: hidden;
    }
    
  
    .swiper.productCategory .swiper-wrapper {
      height: auto;
    }
  
    .slider-nav {
      top: 20px !important;
  }
  
  .mainSlider .swiper-button-next:after, .mainSlider .swiper-button-prev:after {
    font-size: 12px;
  }
  
  .swiper-button-next.line-next, .swiper-button-prev.line-back {
  
    width: 25px;
    height: 25px;
  }
    .stories-tag-section {
      margin-bottom: 25px;
    }
  
  
    .swiper-wrapper.smart-slider {
      height: 72% !important;
  }
    .small-icon-stories .owl-nav .owl-next, .small-icon-stories .owl-nav .owl-prev {
      top: 4px;
  }
      .h-iphone {
          width: 100%;
          float: left;
          margin-right: 0;
      }  
  
      #flip img{
          width: 60px;
         }
  
         .explore-i #panel {
          padding: 30px 20px;
        }
  
       .panel-CNT-title {
        font-size: 1.8rem;
        line-height: 1.3;
  }
      
  
   #panel p {
          /* height: 75%; */
          overflow-y: scroll;
          overflow-x: hidden;
          font-size: 18px;
          line-height: 1.3;
          text-align: center;
        
      }
  
      #panel p a{
        font-size: 20px;
        text-decoration: underline !important;
        margin: 0 auto;
      
      }
  
  
      .more_btn{
        width: 30px;
        height: 30px;
        font-size: 20px;
        line-height: 23px;
      
      }
      .para-buyer{
        /* min-height: 60px!important; */
           
    }
  
      .buyer-title {
        /* min-height: 75px; */
        font-size: 18px;
    }
  
    .SmartBuyer{
      padding: 10px!important;
      padding-left: 5px !important;
    }
  
    .card-buyer {
      min-height: 420px;
  }
  
  .content-details h3 {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    padding: 20px;
  }
  
  .categori-link {
    padding: 20px;
  }
  
  .categori-link a {
    font-size: 16px;
  }
  
  }

   
  .HighlightSlider{
    padding-left: 7px!important;
  }
  
  .highlights-swiper{
    padding-bottom: 70px !important;
  }
  
  .swiper.productCategory .swiper-wrapper {
    position: relative;
    width: 100%;
    height: auto;
  }

  @media (max-width:767px) {
  
    .swiper.productCategory{
      overflow: hidden;
    }
    
  
    .swiper.productCategory .swiper-wrapper {
      height: auto;
    }
  
    .slider-nav {
      top: 20px !important;
  }
  
  .mainSlider .swiper-button-next:after, .mainSlider .swiper-button-prev:after {
    font-size: 12px;
  }
  
  .swiper-button-next.line-next, .swiper-button-prev.line-back {
  
    width: 25px;
    height: 25px;
  }
    .stories-tag-section {
      margin-bottom: 25px;
    }
  
  
    .swiper-wrapper.smart-slider {
      height: 72% !important;
  }
    .small-icon-stories .owl-nav .owl-next, .small-icon-stories .owl-nav .owl-prev {
      top: 4px;
  }
      .h-iphone {
          width: 100%;
          float: left;
          margin-right: 0;
      }  
  
      #flip img{
          width: 60px;
         }
  
         .explore-i #panel {
          padding: 30px 20px;
        }
  
       .panel-CNT-title {
        font-size: 1.8rem;
        line-height: 1.3;
  }
      
  
   #panel p {
          /* height: 75%; */
          overflow-y: scroll;
          overflow-x: hidden;
          font-size: 18px;
          line-height: 1.3;
          text-align: center;
        
      }
  
      #panel p a{
        font-size: 20px;
        text-decoration: underline !important;
        margin: 0 auto;
      
      }
  
  
      .more_btn{
        width: 30px;
        height: 30px;
        font-size: 20px;
        line-height: 23px;
      
      }
      .para-buyer{
        /* min-height: 60px!important; */
           
    }
  
      .buyer-title {
        /* min-height: 75px; */
        font-size: 18px;
    }
  
    .SmartBuyer{
      padding: 10px!important;
      padding-left: 5px !important;
    }
  
    .card-buyer {
      min-height: 420px;
  }
  
  .content-details h3 {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    padding: 20px;
  }
  
  .categori-link {
    padding: 20px;
  }
  
  .categori-link a {
    font-size: 16px;
  }
  
  }
  
  .swiper-wrapper.smart-slider{
    height: 82% !important;
  }

  
  .swiper-wrapper.smart-slider{
    height: 82% !important;
  }
/*   
  .swiper-wrapper.smart-slider .swiper-slide{
    border-radius: 20px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  } */
  
  
  .card-highlights{
    /* padding: 0 20px; */
}

.card-highlights{
  /* padding: 0 20px; */
}

.card-highlights img{
  filter: drop-shadow(2px 2px 5px #979797);
}

.buyer-card-cnt{
    text-align: center;
}
  
  
.swiper-pagination-bullet em {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: -0.38px;
    color: #ffffff;
    font-style: normal;
  }
  .swiper-pagination-bullet i {
    position: absolute;
    top: 8px;
    left: 25px;
    z-index: 1;
    width: 100%;
    height: 3px;
    background-color: #535353;
  }
  .swiper-pagination-bullet b {
    position: absolute;
    top: 8px;
    left: 25px;
    z-index: 2;
    width: 0%;
    height: 3px;
    background-color: #dddddd;
  }
  
  .swiper-pagination-bullet-active {
    background-color: transparent;
  
  }

  .mainSliderpagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: transparent;
}

.swiper-pagination.mainSliderpagination {
  position: relative;
  display: none;
}
  
  .swiper-pagination-bullet-active.swiper-pagination-bullet{
    width: 60px;
  
  }


.swiper-pagination-bullet {
    opacity: 1;
}
  
  .swiper-pagination-bullet-active b {
    animation-name: countingBar;
    animation-duration: 3s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
  }

  
  .buyer-pagination .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #2d2d2d;
  }
  
  .buyer-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 20px;
      background: #5c5c5c;
      border-radius: 3px;
  }
  .swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


/* --------------------------------------- discover collection -------------------------------- */



@media only screen and (max-width:426px){
    .modified-height {
        height: 310px !important;
        border-radius: .25rem !important;
    }
}

@media only screen and (min-width:427px) and (max-width:769px){
    .modified-height {
        height: 282px !important;
        border-radius: .25rem !important;
    }
}

@media only screen and (min-width:770px) and (max-width:1024px){
    .modified-height {
        height: 282px !important;
        border-radius: .25rem !important;
    }

}
@media only screen and (min-width:1025px) and (max-width:1450px){
    .modified-height {
        height: 400px !important;
        border-radius: .25rem !important;
    }
}

@media only screen and (min-width:1451px) and (max-width:2560px){
    .modified-height {
        height: 480px !important;
        border-radius: .25rem !important;
    }
}

/* css for locate store utton in nav bar */

/* From Uiverse.io by adamgiebl */ 
.location-btn {
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 400;
    background: #B8914A !important;
    color: white !important;
    padding: 10px 9px 10px 0px !important;
    padding-left: 7px !important;
    display: flex !important;
    align-items: center !important;
    border: none !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
  }
  
  .location-btn span {
    display: block;
    margin-left: 0.3em;
    transition: all 0.3s ease-in-out;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif ;
    
  }
  
  .location-btn svg {
    display: block;
    transform-origin: center center;
    transition: transform 0.3s ease-in-out;
  }
  
  .location-btn:hover .svg-wrapper {
    animation: fly-1 0.6s ease-in-out infinite alternate;
  }
  
  .location-btn:hover svg {
    transform: translateX(3.3em) rotate(45deg) scale(1.1);
  }
  
  .location-btn:hover span {
    transform: translateX(29em);
  }
  
  .location-btn:active {
    transform: scale(0.95);
  }
  
  @keyframes fly-1 {
    from {
      transform: translateY(0.1em);
    }
  
    to {
      transform: translateY(-0.1em);
    }
  }
  
  /* hover effect for nav links */

  #globalnav .globalnav-link a img:hover{
    background: none !important;
    background-color: none !important;
  }

  #globalnav .globalnav:hover{
    background: none!important;
  }


  #globalnav .globalnav-link:hover{
    background-color:#B8914A ;
    color: white !important;
    /* border-radius: 25px; */
    border-radius: 28px;
    font-weight: 400;
  }
  #globalnav .globalnav-link{
    transition: all 0.3s ease;   
  }
  /* #globalnav .globalnav-link:hover{
    transform: scale(1.05);     
  } */


  /* .globalnav-submenu-trigger-group:hover{
    background-color:#B8914A ;
    color: white !important;
    border-radius: 25px;
    font-weight: 400;
  } */
  /* .globalnav-submenu-trigger-group{
    transition: all 0.3s ease;
  } */
  .globalnav-submenu-trigger-group:hover{
      
  }
  .globalnav-link-text-container:hover{
    color: white !important;    
  }
  
/* ---------------------------- about us accordian section new ---------------------------- */
.features-mittal {
    padding: 50px 0px 50px 0px;
    min-height: 80vh;
    /* height: 100%; */
}

.features-mittal a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}

.features-mittal a,
a:active,
a:focus {
    color: #6f6f6f;
    text-decoration: none;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}

.features-mittal ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.features-mittal {
    background: #FAFAFC;
}

.features-mittal .icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    z-index: 1
}

.features-mittal .content-left span {
    float: right;
}

.features-mittal .content-left .text {
    text-align: right;
}

.features-mittal .content-right span {
    float: left
}

.features-mittal .box-item {
    box-shadow: 0 0 12px #f4f4f4;
    padding: 15px;
    line-height: 22px;
    margin-top: 30px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    top: 0
}

.features-mittal .box-item .icon {
    text-align: center;
    /* margin: 12px; */
    margin: 5px 12px 0px 13px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.features-mittal .box-item .icon i {
    color: #008de2;
    font-size: 30px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.features-mittal .box-item .text h4 {
    cursor: pointer;
    /* font-size: 18px; */
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}
.features-mittal .box-item .text p {
    font-size: 14px;
    line-height: 26px
}

.features-mittal .box-item:hover {
    box-shadow: 0 10px 22px 10px rgba(27, 38, 49, .1)
}

.features-mittal .box-item:hover h4 {
    color: #B8914A;
}
.features-mittal .show-box {
    /* margin-top: 50px; */
    margin-top: 0px;
}

.features-mittal .show-box img {
    width: 100%;
}


@media only screen and (min-width:426px) and (max-width:991px) {
    .text{
        margin-top: 15px !important;
        padding: 7px !important;
    }
}

@media only screen and (max-width:341px){
    .features-mittal .box-item .icon {
        margin: 10px 12px 0px 13px !important;
    }
}


/*  */
.card{
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important; */
    box-shadow: rgb(184,145,74,0.1)0px 8px 24px !important;
}
#icon-card-specialist{
    /* overflow: hidden !important; */
}

@media screen and (min-width:1400px) {
    .features-mittal{
        min-height: 70vh !important;
    }
    
}

.features-img{
    transition: all 0.3s ease;
}
.features-img:hover{
    transform: scale(1.05);
}


/* ------------ new footer css --------------------------- */