@font-face {
    font-family: "SF Pro Text";
    src: url("assets/fonts/SFProDisplay-Light.woff") format("woff2"), url("assets/fonts/SFProDisplay-Light.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'SF Pro Text';
    font-style: normal;
    font-weight: 500;
    src: url("assets/Font/sf-pro-text-medium.woff") format("woff2"), url("assets/Font/sf-pro-text-medium.woff") format("woff");
}

@font-face {
    font-family: "SF Pro Text";
    src: url("assets/fonts/SFProDisplay-Semibold.woff") format("woff2"), url("assets/fonts/SFProDisplay-Semibold.woff") format("woff");
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: "SF Pro Text";
    src: url("assets/fonts/SFProDisplay-Bold.woff") format("woff2"), url("assets/fonts/SFProDisplay-Bold.woff") format("woff");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "SF Pro Text";
    src: url("assets/fonts/SF-Pro-Display-Regular.woff") format("woff2"), url("assets/fonts/SF-Pro-Display-Regular.woff") format("woff");
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "SF Pro Text"!important;
}

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

body {
    margin: 0;
    padding: 0
}

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

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

fieldset,
iframe {
    border: 0
}

caption,
th {
    text-align: left
}

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

main,
summary,
details {
    display: block
}

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

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

button:disabled {
    cursor: default
}

:focus {
    outline: 4px solid rgba(0, 125, 250, 0.6);
    outline-offset: 1px
}

:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    outline: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background-color: #fff;
    color: #1d1d1f;
    font-style: normal
}

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

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

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

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

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

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

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

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

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

body,
input,
textarea,
select,
button {
    font-synthesis: none;
    -moz-font-feature-settings: 'kern';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    color: #1d1d1f
}

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

h1+*,
h2+*,
h3+*,
h4+*,
h5+*,
h6+* {
    margin-top: .8em
}

h1+h1,
h1+h2,
h1+h3,
h1+h4,
h1+h5,
h1+h6,
h2+h1,
h2+h2,
h2+h3,
h2+h4,
h2+h5,
h2+h6,
h3+h1,
h3+h2,
h3+h3,
h3+h4,
h3+h5,
h3+h6,
h4+h1,
h4+h2,
h4+h3,
h4+h4,
h4+h5,
h4+h6,
h5+h1,
h5+h2,
h5+h3,
h5+h4,
h5+h5,
h5+h6,
h6+h1,
h6+h2,
h6+h3,
h6+h4,
h6+h5,
h6+h6 {
    margin-top: .4em
}

p+h1,
ul+h1,
ol+h1,
p+h2,
ul+h2,
ol+h2,
p+h3,
ul+h3,
ol+h3,
p+h4,
ul+h4,
ol+h4,
p+h5,
ul+h5,
ol+h5,
p+h6,
ul+h6,
ol+h6 {
    margin-top: 1.6em
}

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

p+*,
ul+*,
ol+* {
    margin-top: .8em
}

ul,
ol {
    margin-left: 1.17647em
}

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

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

li li {
    font-size: 1em
}

a,
.link {
    color: #06c;
    letter-spacing: inherit
}

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

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

a:active,
.link:active {
    text-decoration: none
}

a:disabled,
.link:disabled {
    opacity: .32
}

.links-inline,
.links-stacked {
    margin-left: 0;
    margin-right: 0;
    list-style: none
}

.links-inline li {
    display: inline;
    margin: 0 0.8em
}

.links-inline li:first-child {
    margin-left: 0
}

.links-inline li:last-child {
    margin-right: 0
}

.links-stacked li {
    margin: 0;
    display: block
}

.links-stacked li+li {
    margin-top: .4em
}

b,
strong {
    font-weight: 600
}

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

sup,
sub {
    position: relative;
    font-size: .6em;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -0.25em
}

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

.footnote a:hover {
    color: #06c;
    text-decoration: none
}

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

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

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

.footnote-supglyph {
    position: relative;
    vertical-align: baseline
}

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

.footnote-diamond {
    position: relative;
    vertical-align: baseline;
    font-feature-settings: "numr";
    font-size: 1em
}

sup.footnote-diamond {
    top: initial
}

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

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

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

.footnote-number {
    position: relative;
    vertical-align: baseline;
    font-feature-settings: "numr";
    font-size: 1em
}

sup.footnote-number {
    top: initial
}

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

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

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

abbr {
    border: 0
}

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

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

.justify-content-start {
    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::before,
.selfclear::after {
    content: ' ';
    display: table
}

.selfclear::after {
    clear: both
}

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

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

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

.clear {
    clear: both
}

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

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

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

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

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

.large-offset-0 {
    margin-left: 0
}

.large-order-0 {
    order: 0
}

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

.large-offset-1 {
    margin-left: 8.33333%
}

.large-order-1 {
    order: 1
}

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

.large-offset-2 {
    margin-left: 16.66667%
}

.large-order-2 {
    order: 2
}

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

.large-offset-3 {
    margin-left: 25%
}

.large-order-3 {
    order: 3
}

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

.large-offset-4 {
    margin-left: 33.33333%
}

.large-order-4 {
    order: 4
}

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

.large-offset-5 {
    margin-left: 41.66667%
}

.large-order-5 {
    order: 5
}

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

.large-offset-6 {
    margin-left: 50%
}

.large-order-6 {
    order: 6
}

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

.large-offset-7 {
    margin-left: 58.33333%
}

.large-order-7 {
    order: 7
}

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

.large-offset-8 {
    margin-left: 66.66667%
}

.large-order-8 {
    order: 8
}

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

.large-offset-9 {
    margin-left: 75%
}

.large-order-9 {
    order: 9
}

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

.large-offset-10 {
    margin-left: 83.33333%
}

.large-order-10 {
    order: 10
}

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

.large-offset-11 {
    margin-left: 91.66667%
}

.large-order-11 {
    order: 11
}

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

.large-offset-12 {
    margin-left: 100%
}

.large-order-12 {
    order: 12
}

.large-centered {
    margin-left: auto;
    margin-right: auto
}

.large-uncentered {
    margin-left: 0;
    margin-right: 0
}

.large-last {
    margin-left: auto
}

.large-notlast {
    margin-left: 0
}

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

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

@media only screen and (min-width: 1441px) {
    .xlarge-offset-0 {
        margin-left: 0
    }
    .xlarge-order-0 {
        order: 0
    }
    .xlarge-1 {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
    .xlarge-offset-1 {
        margin-left: 8.33333%
    }
    .xlarge-order-1 {
        order: 1
    }
    .xlarge-2 {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }
    .xlarge-offset-2 {
        margin-left: 16.66667%
    }
    .xlarge-order-2 {
        order: 2
    }
    .xlarge-3 {
        flex-basis: 25%;
        max-width: 25%
    }
    .xlarge-offset-3 {
        margin-left: 25%
    }
    .xlarge-order-3 {
        order: 3
    }
    .xlarge-4 {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }
    .xlarge-offset-4 {
        margin-left: 33.33333%
    }
    .xlarge-order-4 {
        order: 4
    }
    .xlarge-5 {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }
    .xlarge-offset-5 {
        margin-left: 41.66667%
    }
    .xlarge-order-5 {
        order: 5
    }
    .xlarge-6 {
        flex-basis: 50%;
        max-width: 50%
    }
    .xlarge-offset-6 {
        margin-left: 50%
    }
    .xlarge-order-6 {
        order: 6
    }
    .xlarge-7 {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }
    .xlarge-offset-7 {
        margin-left: 58.33333%
    }
    .xlarge-order-7 {
        order: 7
    }
    .xlarge-8 {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }
    .xlarge-offset-8 {
        margin-left: 66.66667%
    }
    .xlarge-order-8 {
        order: 8
    }
    .xlarge-9 {
        flex-basis: 75%;
        max-width: 75%
    }
    .xlarge-offset-9 {
        margin-left: 75%
    }
    .xlarge-order-9 {
        order: 9
    }
    .xlarge-10 {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }
    .xlarge-offset-10 {
        margin-left: 83.33333%
    }
    .xlarge-order-10 {
        order: 10
    }
    .xlarge-11 {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }
    .xlarge-offset-11 {
        margin-left: 91.66667%
    }
    .xlarge-order-11 {
        order: 11
    }
    .xlarge-12 {
        flex-basis: 100%;
        max-width: 100%
    }
    .xlarge-offset-12 {
        margin-left: 100%
    }
    .xlarge-order-12 {
        order: 12
    }
    .xlarge-centered {
        margin-left: auto;
        margin-right: auto
    }
    .xlarge-uncentered {
        margin-left: 0;
        margin-right: 0
    }
    .xlarge-last {
        margin-left: auto
    }
    .xlarge-notlast {
        margin-left: 0
    }
    .xlarge-grow {
        flex: auto;
        max-width: initial
    }
    .xlarge-ungrow {
        flex: initial;
        max-width: initial
    }
}

@media only screen and (max-width: 1068px) {
    .medium-offset-0 {
        margin-left: 0
    }
    .medium-order-0 {
        order: 0
    }
    .medium-1 {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
    .medium-offset-1 {
        margin-left: 8.33333%
    }
    .medium-order-1 {
        order: 1
    }
    .medium-2 {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }
    .medium-offset-2 {
        margin-left: 16.66667%
    }
    .medium-order-2 {
        order: 2
    }
    .medium-3 {
        flex-basis: 25%;
        max-width: 25%
    }
    .medium-offset-3 {
        margin-left: 25%
    }
    .medium-order-3 {
        order: 3
    }
    .medium-4 {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }
    .medium-offset-4 {
        margin-left: 33.33333%
    }
    .medium-order-4 {
        order: 4
    }
    .medium-5 {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }
    .medium-offset-5 {
        margin-left: 41.66667%
    }
    .medium-order-5 {
        order: 5
    }
    .medium-6 {
        flex-basis: 50%;
        max-width: 50%
    }
    .medium-offset-6 {
        margin-left: 50%
    }
    .medium-order-6 {
        order: 6
    }
    .medium-7 {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }
    .medium-offset-7 {
        margin-left: 58.33333%
    }
    .medium-order-7 {
        order: 7
    }
    .medium-8 {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }
    .medium-offset-8 {
        margin-left: 66.66667%
    }
    .medium-order-8 {
        order: 8
    }
    .medium-9 {
        flex-basis: 75%;
        max-width: 75%
    }
    .medium-offset-9 {
        margin-left: 75%
    }
    .medium-order-9 {
        order: 9
    }
    .medium-10 {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }
    .medium-offset-10 {
        margin-left: 83.33333%
    }
    .medium-order-10 {
        order: 10
    }
    .medium-11 {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }
    .medium-offset-11 {
        margin-left: 91.66667%
    }
    .medium-order-11 {
        order: 11
    }
    .medium-12 {
        flex-basis: 100%;
        max-width: 100%
    }
    .medium-offset-12 {
        margin-left: 100%
    }
    .medium-order-12 {
        order: 12
    }
    .medium-centered {
        margin-left: auto;
        margin-right: auto
    }
    .medium-uncentered {
        margin-left: 0;
        margin-right: 0
    }
    .medium-last {
        margin-left: auto
    }
    .medium-notlast {
        margin-left: 0
    }
    .medium-grow {
        flex: auto;
        max-width: initial
    }
    .medium-ungrow {
        flex: initial;
        max-width: initial
    }
}

@media only screen and (max-width: 734px) {
    .small-offset-0 {
        margin-left: 0
    }
    .small-order-0 {
        order: 0
    }
    .small-1 {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
    .small-offset-1 {
        margin-left: 8.33333%
    }
    .small-order-1 {
        order: 1
    }
    .small-2 {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }
    .small-offset-2 {
        margin-left: 16.66667%
    }
    .small-order-2 {
        order: 2
    }
    .small-3 {
        flex-basis: 25%;
        max-width: 25%
    }
    .small-offset-3 {
        margin-left: 25%
    }
    .small-order-3 {
        order: 3
    }
    .small-4 {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }
    .small-offset-4 {
        margin-left: 33.33333%
    }
    .small-order-4 {
        order: 4
    }
    .small-5 {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }
    .small-offset-5 {
        margin-left: 41.66667%
    }
    .small-order-5 {
        order: 5
    }
    .small-6 {
        flex-basis: 50%;
        max-width: 50%
    }
    .small-offset-6 {
        margin-left: 50%
    }
    .small-order-6 {
        order: 6
    }
    .small-7 {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }
    .small-offset-7 {
        margin-left: 58.33333%
    }
    .small-order-7 {
        order: 7
    }
    .small-8 {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }
    .small-offset-8 {
        margin-left: 66.66667%
    }
    .small-order-8 {
        order: 8
    }
    .small-9 {
        flex-basis: 75%;
        max-width: 75%
    }
    .small-offset-9 {
        margin-left: 75%
    }
    .small-order-9 {
        order: 9
    }
    .small-10 {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }
    .small-offset-10 {
        margin-left: 83.33333%
    }
    .small-order-10 {
        order: 10
    }
    .small-11 {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }
    .small-offset-11 {
        margin-left: 91.66667%
    }
    .small-order-11 {
        order: 11
    }
    .small-12 {
        flex-basis: 100%;
        max-width: 100%
    }
    .small-offset-12 {
        margin-left: 100%
    }
    .small-order-12 {
        order: 12
    }
    .small-centered {
        margin-left: auto;
        margin-right: auto
    }
    .small-uncentered {
        margin-left: 0;
        margin-right: 0
    }
    .small-last {
        margin-left: auto
    }
    .small-notlast {
        margin-left: 0
    }
    .small-grow {
        flex: auto;
        max-width: initial
    }
    .small-ungrow {
        flex: initial;
        max-width: initial
    }
}

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

.row-reverse .large-offset-0 {
    margin-right: 0
}

.row-reverse .large-offset-1 {
    margin-right: 8.33333%
}

.row-reverse .large-offset-2 {
    margin-right: 16.66667%
}

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

.row-reverse .large-offset-4 {
    margin-right: 33.33333%
}

.row-reverse .large-offset-5 {
    margin-right: 41.66667%
}

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

.row-reverse .large-offset-7 {
    margin-right: 58.33333%
}

.row-reverse .large-offset-8 {
    margin-right: 66.66667%
}

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

.row-reverse .large-offset-10 {
    margin-right: 83.33333%
}

.row-reverse .large-offset-11 {
    margin-right: 91.66667%
}

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

.row-reverse .large-last {
    margin-right: auto
}

.row-reverse .large-notlast {
    margin-right: 0
}

@media only screen and (min-width: 1441px) {
    .row-reverse .xlarge-offset-0 {
        margin-right: 0
    }
    .row-reverse .xlarge-offset-1 {
        margin-right: 8.33333%
    }
    .row-reverse .xlarge-offset-2 {
        margin-right: 16.66667%
    }
    .row-reverse .xlarge-offset-3 {
        margin-right: 25%
    }
    .row-reverse .xlarge-offset-4 {
        margin-right: 33.33333%
    }
    .row-reverse .xlarge-offset-5 {
        margin-right: 41.66667%
    }
    .row-reverse .xlarge-offset-6 {
        margin-right: 50%
    }
    .row-reverse .xlarge-offset-7 {
        margin-right: 58.33333%
    }
    .row-reverse .xlarge-offset-8 {
        margin-right: 66.66667%
    }
    .row-reverse .xlarge-offset-9 {
        margin-right: 75%
    }
    .row-reverse .xlarge-offset-10 {
        margin-right: 83.33333%
    }
    .row-reverse .xlarge-offset-11 {
        margin-right: 91.66667%
    }
    .row-reverse .xlarge-offset-12 {
        margin-right: 100%
    }
    .row-reverse .xlarge-last {
        margin-right: auto
    }
    .row-reverse .xlarge-notlast {
        margin-right: 0
    }
}

@media only screen and (max-width: 1068px) {
    .row-reverse .medium-offset-0 {
        margin-right: 0
    }
    .row-reverse .medium-offset-1 {
        margin-right: 8.33333%
    }
    .row-reverse .medium-offset-2 {
        margin-right: 16.66667%
    }
    .row-reverse .medium-offset-3 {
        margin-right: 25%
    }
    .row-reverse .medium-offset-4 {
        margin-right: 33.33333%
    }
    .row-reverse .medium-offset-5 {
        margin-right: 41.66667%
    }
    .row-reverse .medium-offset-6 {
        margin-right: 50%
    }
    .row-reverse .medium-offset-7 {
        margin-right: 58.33333%
    }
    .row-reverse .medium-offset-8 {
        margin-right: 66.66667%
    }
    .row-reverse .medium-offset-9 {
        margin-right: 75%
    }
    .row-reverse .medium-offset-10 {
        margin-right: 83.33333%
    }
    .row-reverse .medium-offset-11 {
        margin-right: 91.66667%
    }
    .row-reverse .medium-offset-12 {
        margin-right: 100%
    }
    .row-reverse .medium-last {
        margin-right: auto
    }
    .row-reverse .medium-notlast {
        margin-right: 0
    }
}

@media only screen and (max-width: 734px) {
    .row-reverse .small-offset-0 {
        margin-right: 0
    }
    .row-reverse .small-offset-1 {
        margin-right: 8.33333%
    }
    .row-reverse .small-offset-2 {
        margin-right: 16.66667%
    }
    .row-reverse .small-offset-3 {
        margin-right: 25%
    }
    .row-reverse .small-offset-4 {
        margin-right: 33.33333%
    }
    .row-reverse .small-offset-5 {
        margin-right: 41.66667%
    }
    .row-reverse .small-offset-6 {
        margin-right: 50%
    }
    .row-reverse .small-offset-7 {
        margin-right: 58.33333%
    }
    .row-reverse .small-offset-8 {
        margin-right: 66.66667%
    }
    .row-reverse .small-offset-9 {
        margin-right: 75%
    }
    .row-reverse .small-offset-10 {
        margin-right: 83.33333%
    }
    .row-reverse .small-offset-11 {
        margin-right: 91.66667%
    }
    .row-reverse .small-offset-12 {
        margin-right: 100%
    }
    .row-reverse .small-last {
        margin-right: auto
    }
    .row-reverse .small-notlast {
        margin-right: 0
    }
}

.grid {
    margin-left: auto;
    margin-right: auto;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 1441px) {
    .xlarge-span-0 {
        grid-column: span 0
    }
    .xlarge-span-1 {
        grid-column: span 1
    }
    .xlarge-span-2 {
        grid-column: span 2
    }
    .xlarge-span-3 {
        grid-column: span 3
    }
    .xlarge-span-4 {
        grid-column: span 4
    }
    .xlarge-span-5 {
        grid-column: span 5
    }
    .xlarge-span-6 {
        grid-column: span 6
    }
    .xlarge-span-7 {
        grid-column: span 7
    }
    .xlarge-span-8 {
        grid-column: span 8
    }
    .xlarge-span-9 {
        grid-column: span 9
    }
    .xlarge-span-10 {
        grid-column: span 10
    }
    .xlarge-span-11 {
        grid-column: span 11
    }
    .xlarge-span-12 {
        grid-column: span 12
    }
}

@media only screen and (max-width: 1068px) {
    .medium-span-0 {
        grid-column: span 0
    }
    .medium-span-1 {
        grid-column: span 1
    }
    .medium-span-2 {
        grid-column: span 2
    }
    .medium-span-3 {
        grid-column: span 3
    }
    .medium-span-4 {
        grid-column: span 4
    }
    .medium-span-5 {
        grid-column: span 5
    }
    .medium-span-6 {
        grid-column: span 6
    }
    .medium-span-7 {
        grid-column: span 7
    }
    .medium-span-8 {
        grid-column: span 8
    }
    .medium-span-9 {
        grid-column: span 9
    }
    .medium-span-10 {
        grid-column: span 10
    }
    .medium-span-11 {
        grid-column: span 11
    }
    .medium-span-12 {
        grid-column: span 12
    }
}

@media only screen and (max-width: 734px) {
    .small-span-0 {
        grid-column: span 0
    }
    .small-span-1 {
        grid-column: span 1
    }
    .small-span-2 {
        grid-column: span 2
    }
    .small-span-3 {
        grid-column: span 3
    }
    .small-span-4 {
        grid-column: span 4
    }
    .small-span-5 {
        grid-column: span 5
    }
    .small-span-6 {
        grid-column: span 6
    }
    .small-span-7 {
        grid-column: span 7
    }
    .small-span-8 {
        grid-column: span 8
    }
    .small-span-9 {
        grid-column: span 9
    }
    .small-span-10 {
        grid-column: span 10
    }
    .small-span-11 {
        grid-column: span 11
    }
    .small-span-12 {
        grid-column: span 12
    }
}

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

.icon::before,
.icon::after,
.more::before,
.more::after {
    text-decoration: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-downloadcircle::before,
.icon-downloadcircle::after {
    content: ""
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.more::before,
.more::after {
    content: ""
}

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

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

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

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

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

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

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

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

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

:lang(ar) .icon-questionsolid::before,
:lang(ar) .icon-questionsolid::after {
    content: ""
}

body {
    min-width: 320px
}

.large-hide {
    display: none
}

.large-show {
    display: block
}

.large-show-inline {
    display: inline
}

.large-show-inlineblock {
    display: inline-block
}

@media only screen and (min-width: 1441px) {
    .xlarge-hide {
        display: none
    }
    .xlarge-show {
        display: block
    }
    .xlarge-show-inline {
        display: inline
    }
    .xlarge-show-inlineblock {
        display: inline-block
    }
}

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

@media only screen and (max-width: 734px) {
    .small-hide {
        display: none
    }
    .small-show {
        display: block
    }
    .small-show-inline {
        display: inline
    }
    .small-show-inlineblock {
        display: inline-block
    }
}

.viewport-content {
    margin-left: auto;
    margin-right: auto;
    width: 980px
}

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

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

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

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

.button {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    min-width: 28px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 980px;
    background: #0071e3;
    color: #fff
}

.button:hover {
    text-decoration: none
}

.button:focus {
    box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
    outline: none
}

.button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.button:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.button:active {
    outline: none
}

.button:disabled,
.button.disabled {
    cursor: default
}

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

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

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

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

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

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

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

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

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

.button:hover {
    background: #0077ED
}

.button:active {
    background: #006EDB
}

.button:disabled,
.button.disabled {
    background: #0071e3;
    color: #fff;
    opacity: .32
}

.button-block {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-radius: 8px
}

.button-neutral {
    background: #1d1d1f;
    color: #fff
}

.button-neutral:hover {
    background: #272729
}

.button-neutral:active {
    background: #18181A
}

.button-neutral:disabled,
.button-neutral.disabled {
    background: #1d1d1f;
    color: #fff;
    opacity: .32
}

.button-secondary {
    background: #e8e8ed;
    color: #000
}

.button-secondary:hover {
    background: #EBEBF0
}

.button-secondary:active {
    background: #E6E6EB
}

.button-secondary:disabled,
.button-secondary.disabled {
    background: #e8e8ed;
    color: #000;
    opacity: .56
}

.button-secondary-alpha {
    background: rgba(0, 0, 0, 0.08);
    color: #000
}

.button-secondary-alpha:hover {
    background: rgba(0, 0, 0, 0.07)
}

.button-secondary-alpha:active {
    background: rgba(0, 0, 0, 0.09)
}

.button-secondary-alpha:disabled,
.button-secondary-alpha.disabled {
    background: rgba(0, 0, 0, 0.08);
    color: #000;
    opacity: .56
}

.button-super {
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    min-width: 28px;
    padding-left: 31px;
    padding-right: 31px;
    padding-top: 18px;
    padding-bottom: 18px
}

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

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

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

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

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

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

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

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

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

.button-super.button-block {
    border-radius: 12px
}

.button-elevated {
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    min-width: 26px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 12px;
    padding-bottom: 12px
}

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

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

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

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

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

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

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

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

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

.button-elevated.button-block {
    border-radius: 10px
}

.button-reduced {
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    min-width: 23px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px
}

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

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

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

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

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

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

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

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

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

.button-reduced.button-block {
    border-radius: 5px
}

.callout {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    box-sizing: border-box;
    border: 1px solid;
    padding: 2.23529em 8.33333% 2.11765em;
    border-radius: 18px;
    background-color: #f5f5f7;
    border-color: rgba(0, 0, 0, 0);
    color: #1d1d1f
}

.callout>:first-child {
    margin-top: 0
}

.callout>:last-child {
    margin-bottom: 0
}

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

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

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

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

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

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

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

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

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

.callout .callout-title {
    color: #1d1d1f
}

.callout-reduced {
    border-radius: 15px
}

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

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

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

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

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

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

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

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

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

.callout-icon {
    margin-bottom: 15px
}

.callout-icon:first-child {
    margin-top: 5px
}

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

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

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

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

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

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

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

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

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

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

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

.callout-environment {
    background-color: #f6f6ee;
    border-color: rgba(0, 0, 0, 0);
    color: #1d1d1f
}

.callout-environment .callout-title {
    color: #548c8c
}

.violator {
    box-sizing: border-box;
    white-space: nowrap;
    display: inline-block;
    border: 1px solid;
    background: rgba(0, 0, 0, 0);
    border-color: #bf4800;
    color: #bf4800;
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    border-radius: 18px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 7px;
    padding-bottom: 7px
}

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

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

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

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

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

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

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

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

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

.violator-inline {
    margin-left: 10px;
    display: inline-block
}

.violator-secondary {
    background: rgba(0, 0, 0, 0);
    border-color: #6e6e73;
    color: #6e6e73
}

.violator-reduced {
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    border-radius: 12px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 3px;
    padding-bottom: 3px
}

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

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

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

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

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

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

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

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

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

.violator-reduced.violator-inline {
    margin-left: 6px;
    display: inline-block
}

.violator-frameless {
    box-sizing: border-box;
    white-space: nowrap;
    display: block;
    color: #bf4800
}

.violator-frameless-inline {
    margin-left: 10px;
    display: inline-block
}

.violator-frameless.violator-frameless-reduced {
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: block
}

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

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

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

.violator-frameless.violator-frameless-reduced:lang(zh) {
    letter-spacing: 0em
}

.violator-frameless.violator-frameless-reduced:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

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

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

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

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

.violator-frameless.violator-frameless-reduced.violator-frameless-inline {
    margin-left: 6px;
    display: inline-block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-hero-headline {
        font-size: 56px;
        line-height: 1.07143;
        font-weight: 600;
        letter-spacing: -.005em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-headline:lang(ar) {
        line-height: 1.21429;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-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-hero-headline:lang(ko) {
        line-height: 1.17865;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-headline:lang(zh) {
        letter-spacing: 0em
    }
    .typography-hero-headline:lang(th) {
        line-height: 1.33929;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-hero-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-manifesto-intro {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto-intro:lang(ar) {
        line-height: 1.33341;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto-intro: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-manifesto-intro:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto-intro:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto-intro:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto-intro:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto-intro:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-manifesto-intro:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 1068px) {
    .typography-site-subhead {
        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-site-subhead:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-subhead:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-subhead:lang(ko) {
        line-height: 1.21875;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-subhead:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-subhead:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-subhead:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-subhead:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-subhead:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

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

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

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

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

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

.typography-site-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-site-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-site-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-site-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-site-headline-reduced {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-headline-reduced:lang(ar) {
        line-height: 1.33341;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-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-site-headline-reduced:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-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-site-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-site-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-site-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-site-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-site-headline-reduced {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-headline-reduced:lang(ja) {
        line-height: 1.2381;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-headline-reduced:lang(ko) {
        line-height: 1.2858;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-headline-reduced:lang(th) {
        line-height: 1.381;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-headline-reduced:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-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-site-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-site-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-site-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-site-body {
    font-size: 21px;
    line-height: 1.19048;
    font-weight: 600;
    letter-spacing: .011em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.typography-site-body-alt: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-site-body-alt:lang(ko) {
    line-height: 1.29412;
    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-site-body-alt:lang(zh) {
    letter-spacing: 0em
}

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

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

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

.typography-site-body-alt:lang(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-site-body-alt: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-site-body-alt {
        font-size: 14px;
        line-height: 1.42859;
        font-weight: 600;
        letter-spacing: -.016em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-body-alt:lang(ar) {
        line-height: 1.57143;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-body-alt: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-site-body-alt:lang(ko) {
        line-height: 1.57143;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-body-alt:lang(zh) {
        letter-spacing: 0em
    }
    .typography-site-body-alt:lang(th) {
        line-height: 1.35718;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-body-alt:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-body-alt:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-body-alt:lang(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-site-body-alt:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

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

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

.typography-site-tile: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-site-tile:lang(ko) {
    line-height: 1.35296;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

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

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

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

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

.typography-site-tile:lang(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-site-tile: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-site-tile {
        font-size: 17px;
        line-height: 1.23536;
        font-weight: 600;
        letter-spacing: -.022em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-tile:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-tile: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-site-tile:lang(ko) {
        line-height: 1.35296;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-tile:lang(zh) {
        letter-spacing: 0em
    }
    .typography-site-tile:lang(th) {
        line-height: 1.35296;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-tile:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-tile:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-site-tile:lang(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-site-tile:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

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

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

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

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

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

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

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

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

.typography-shop-tile:lang(zh-TW) {
    font-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-shop-tile {
        font-size: 17px;
        line-height: 1.23536;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-shop-tile:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-shop-tile: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-shop-tile:lang(ko) {
        line-height: 1.35296;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-shop-tile:lang(zh) {
        letter-spacing: 0em
    }
    .typography-shop-tile:lang(th) {
        line-height: 1.35296;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-shop-tile:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-shop-tile:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-shop-tile:lang(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-shop-tile: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-shop-tile {
        font-size: 14px;
        line-height: 1.42859;
        font-weight: 400;
        letter-spacing: -.016em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-shop-tile:lang(ar) {
        line-height: 1.57143;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-shop-tile: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-shop-tile:lang(ko) {
        line-height: 1.57143;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-shop-tile:lang(zh) {
        letter-spacing: 0em
    }
    .typography-shop-tile:lang(th) {
        line-height: 1.35718;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-shop-tile:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-shop-tile:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-shop-tile:lang(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-shop-tile:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

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

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

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

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

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

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

.typography-site-body,
.typography-site-body-reduced,
.typography-site-body-alt,
.typography-site-tile,
.typography-shop-tile {
    color: #86868b
}

h1+*,
h2+*,
h3+*,
h4+*,
h5+*,
h6+* {
    margin-top: 1.7em
}

@media only screen and (max-width: 1068px) {
    h1+*,
    h2+*,
    h3+*,
    h4+*,
    h5+*,
    h6+* {
        margin-top: 1.529em
    }
}

@media only screen and (max-width: 734px) {
    h1+*,
    h2+*,
    h3+*,
    h4+*,
    h5+*,
    h6+* {
        margin-top: 1.286em
    }
}

#ac-localnav .ac-ln-background {
    background-color: #f5f5f7
}

main {
    width: 100%;
    position: relative
}

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

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

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

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

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

.section-background {
    background-color: #f5f5f7
}

.section-tout {
    max-width: 1419px;
    margin-left: auto;
    margin-right: auto
}

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

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

.section-tout .background-wrapper {
    margin: 75px;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 1068px) {
    .section-tout .background-wrapper {
        margin: 50px
    }
}

@media only screen and (max-width: 734px) {
    .section-tout .background-wrapper {
        margin: 0;
        padding-left: 25px;
        padding-right: 25px
    }
}

.section-tout .section-content {
    max-width: 980px;
    width: auto
}

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

.column-copy-center {
    display: flex;
    z-index: 2;
    flex-direction: column;
    justify-content: center
}

html.js [data-anim-lazy-image],
html.js [data-anim-lazy-image]::before,
html.js [data-anim-lazy-image]::after,
html.js [data-anim-lazy-image] *,
html.js [data-anim-lazy-image] *::before,
html.js [data-anim-lazy-image] *::after {
    background-image: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important
}

html.quicklook .quicklook-hide {
    display: none
}

.quicklook-component {
    display: none
}

html.quicklook .quicklook-component {
    display: block
}

html.quicklook .quicklook-component a {
    position: relative
}

html.quicklook .quicklook-component a img {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

html.quicklook .quicklook-component a span {
    position: relative
}

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

html.quicklook .quicklook-component a span::before,
html.quicklook .quicklook-component a span::after {
    text-decoration: none
}

html.quicklook .quicklook-component a span::before {
    display: none
}

html.quicklook .quicklook-component a span::before,
html.quicklook .quicklook-component a span::after {
    content: ""
}

html.quicklook .quicklook-component a span::after {
    padding-left: .3em;
    top: 0
}

.with-flow .canvas-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    z-index: -1;
    margin-top: 0;
    bottom: 0
}

.with-flow .end-frame,
.with-flow .flow-canvas {
    position: absolute;
    top: 0;
    left: 0
}

.with-flow .flow-canvas {
    z-index: 0
}

.with-flow .end-frame {
    opacity: 1;
    transition: opacity ease-out 200ms;
    z-index: 1
}

.with-flow.show-endframe .end-frame,
.with-flow.load-failure .end-frame {
    opacity: 1
}

html.no-flow-enhanced .with-flow .end-frame,
html.no-js .with-flow .end-frame,
html.no-flow-enhanced .with-flow .end-frame,
html.no-js .with-flow .end-frame {
    opacity: 1
}

html.no-flow-enhanced .with-flow .flow-canvas,
html.no-js .with-flow .flow-canvas,
html.no-flow-enhanced .with-flow .flow-canvas,
html.no-js .with-flow .flow-canvas {
    display: none
}

.with-inline-video .inline-video-container {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    margin-top: 0
}

.with-inline-video .image-startframe {
    position: absolute;
    z-index: 2
}

.with-inline-video .inline-video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.with-inline-video .image-endframe {
    position: absolute;
    z-index: 3;
    opacity: 1;
    transition: opacity 300ms ease-out
}

.with-inline-video .playing .image-startframe,
.with-inline-video .ended .image-startframe {
    opacity: 0
}

.with-inline-video .ended .image-endframe {
    opacity: 1
}

.with-inline-video .loading-error .image-endframe {
    opacity: 1
}

html.no-inline-video-enhanced .with-inline-video .inline-video,
html.no-js .with-inline-video .inline-video,
html.no-inline-video-enhanced .with-inline-video .inline-video,
html.no-js .with-inline-video .inline-video {
    display: none
}

html.no-inline-video-enhanced .with-inline-video .image-endframe,
html.no-js .with-inline-video .image-endframe,
html.no-inline-video-enhanced .with-inline-video .image-endframe,
html.no-js .with-inline-video .image-endframe {
    opacity: 1
}

html.no-inline-video-enhanced .with-inline-video .image-startframe,
html.no-js .with-inline-video .image-startframe,
html.no-inline-video-enhanced .with-inline-video .image-startframe,
html.no-js .with-inline-video .image-startframe {
    opacity: 0;
    display: none
}

.accordion {
    margin: 0;
    list-style: none
}

.accordion-item {
    --accordion-border-width: 1px;
    border-top: var(--accordion-border-width) solid;
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --accordion-border-color: #d2d2d7;
    border-color: var(--accordion-border-color)
}

.accordion-item:first-child {
    --accordion-border-width: 0
}

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

.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.29167;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.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-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.19048;
        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.2381;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .accordion-item:lang(ko) {
        line-height: 1.2858;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .accordion-item:lang(th) {
        line-height: 1.381;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .accordion-item:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "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.21053;
        font-weight: 600;
        letter-spacing: .012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .accordion-item:lang(ar) {
        line-height: 1.36844;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .accordion-item:lang(ja) {
        line-height: 1.26316;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .accordion-item:lang(ko) {
        line-height: 1.31579;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .accordion-item:lang(th) {
        line-height: 1.36844;
        font-family: "SF Pro TH", "SF Pro Display", "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 .accordion-nested .accordion-icon {
    --accordion-icon-width: 24px
}

@media only screen and (max-width: 1068px) {
    .accordion-item .accordion-nested .accordion-icon {
        --accordion-icon-width: 21px
    }
}

@media only screen and (max-width: 734px) {
    .accordion-item .accordion-nested .accordion-icon {
        --accordion-icon-width: 19px
    }
}

.accordion-title {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

.accordion-title .accordion-title-text {
    --accordion-title-max-width: 83.33333%;
    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;
    --accordion-button-padding-top: 1em;
    --accordion-button-padding-bottom: 1em;
    padding-top: var(--accordion-button-padding-top);
    padding-bottom: var(--accordion-button-padding-bottom)
}

.accordion-button:focus {
    outline: none
}

.accordion-button:focus:after {
    outline: 4px solid rgba(0, 125, 250, 0.6);
    outline-offset: 1px
}

.accordion-button:focus:after[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.accordion-button:focus:after[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    outline: none
}

.accordion-button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select):after,
.accordion-button:focus[data-focus-method="touch"]:not(input):not(textarea):not(select):after {
    outline: none
}

.accordion-button:after {
    content: '';
    display: block;
    width: 100%;
    top: 0.6em;
    height: calc(100% - 1.2em);
    position: absolute
}

.accordion-icon {
    margin: 0;
    transition: color 100ms linear;
    display: flex;
    justify-content: center;
    align-items: center;
    --accordion-icon-width: 1em;
    --accordion-icon-height: auto;
    --accordion-icon-stroke-width: 2.25;
    width: var(--accordion-icon-width);
    height: var(--accordion-icon-height);
    stroke-width: var(--accordion-icon-stroke-width);
    --accordion-icon-color: #86868b;
    --accordion-icon-color-hover: #6e6e73;
    color: var(--accordion-icon-color)
}

.accordion-icon .accordion-icon-svg {
    overflow: visible
}

.accordion-icon .accordion-icon-svg {
    --accordion-icon-svg-width: 1em;
    width: var(--accordion-icon-svg-width)
}

.accordion-button:hover .accordion-icon {
    color: var(--accordion-icon-color-hover)
}

.accordion-tray {
    --accordion-transition-duration: 400ms;
    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-tray,
.accordion-item.animating>.accordion-tray,
.accordion-item.collapsed>.accordion-tray {
    overflow: hidden
}

@media (prefers-reduced-motion) {
    .accordion-tray {
        transition: none
    }
}

.accordion-content {
    --accordion-content-padding-top: 0em;
    --accordion-content-padding-bottom: 1em;
    padding-top: var(--accordion-content-padding-top);
    padding-bottom: var(--accordion-content-padding-bottom)
}

.accordion-content .accordion-content-paragraph {
    --accordion-content-paragraph-max-width: 83.33333%;
    --accordion-content-paragraph-padding-top: 0em;
    --accordion-content-paragraph-padding-bottom: .8em;
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    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) {
    line-height: 1.58824;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

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

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

.accordion-content .accordion-content-paragraph:lang(zh) {
    letter-spacing: 0em
}

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

.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(ar) {
    line-height: 1.34375;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.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-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.14286;
        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(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.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .accordion-elevated .accordion-item:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .accordion-elevated .accordion-item:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .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.16667;
        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(ar) {
        line-height: 1.33341;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .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.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .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-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-elevated .accordion-item .accordion-nested .accordion-icon {
    --accordion-icon-width: 32px
}

@media only screen and (max-width: 1068px) {
    .accordion-elevated .accordion-item .accordion-nested .accordion-icon {
        --accordion-icon-width: 28px
    }
}

@media only screen and (max-width: 734px) {
    .accordion-elevated .accordion-item .accordion-nested .accordion-icon {
        --accordion-icon-width: 24px
    }
}

.accordion-reduced .accordion-item {
    font-size: 17px;
    line-height: 1.23536;
    font-weight: 600;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

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

.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.35296;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.accordion-reduced .accordion-item:lang(zh) {
    letter-spacing: 0em
}

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

.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.23536;
        font-weight: 600;
        letter-spacing: -.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 Gulf", "SF Pro Text", "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.35296;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .accordion-reduced .accordion-item:lang(zh) {
        letter-spacing: 0em
    }
    .accordion-reduced .accordion-item:lang(th) {
        line-height: 1.35296;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .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.28577;
        font-weight: 600;
        letter-spacing: -.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 Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .accordion-reduced .accordion-item:lang(ja) {
        line-height: 1.35718;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .accordion-reduced .accordion-item:lang(ko) {
        line-height: 1.42859;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .accordion-reduced .accordion-item:lang(zh) {
        letter-spacing: 0em
    }
    .accordion-reduced .accordion-item:lang(th) {
        line-height: 1.35718;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .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-item .accordion-nested .accordion-icon {
    --accordion-icon-width: 17px
}

@media only screen and (max-width: 1068px) {
    .accordion-reduced .accordion-item .accordion-nested .accordion-icon {
        --accordion-icon-width: 17px
    }
}

@media only screen and (max-width: 734px) {
    .accordion-reduced .accordion-item .accordion-nested .accordion-icon {
        --accordion-icon-width: 14px
    }
}

.accordion-reduced .accordion-content {
    --accordion-content-padding-top: 0em;
    --accordion-content-padding-bottom: 1em;
    padding-top: var(--accordion-content-padding-top);
    padding-bottom: var(--accordion-content-padding-bottom)
}

.accordion-reduced .accordion-content .accordion-content-paragraph {
    --accordion-content-paragraph-max-width: 83.33333%;
    --accordion-content-paragraph-padding-top: 0em;
    --accordion-content-paragraph-padding-bottom: .8em;
    font-size: 14px;
    line-height: 1.42859;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    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-reduced .accordion-content .accordion-content-paragraph:lang(ar) {
    line-height: 1.57143;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.accordion-reduced .accordion-content .accordion-content-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
}

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

.accordion-reduced .accordion-content .accordion-content-paragraph:lang(zh) {
    letter-spacing: 0em
}

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

.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: .4em;
    --accordion-number-icon-display: inline-block
}

.accordion-numbered .accordion-title-text {
    display: flex;
    align-items: baseline
}

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

.accordion-numbered .accordion-title-text::before,
.accordion-numbered .accordion-title-text::after {
    text-decoration: none
}

.accordion-numbered .accordion-title-text::before {
    display: none
}

.accordion-numbered .accordion-title-text::before,
.accordion-numbered .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-title-text::before {
    padding-right: 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::before,
.accordion-numbered .accordion-item:nth-child(2) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(3) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(3) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(4) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(4) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(5) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(5) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(6) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(6) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(7) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(7) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(8) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(8) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(9) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(9) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(10) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(10) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(11) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(11) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(12) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(12) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(13) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(13) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(14) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(14) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(15) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(15) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(16) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(16) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(17) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(17) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(18) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(18) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(19) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(19) .accordion-title-text::after {
    content: ""
}

.accordion-numbered .accordion-item:nth-child(20) .accordion-title-text::before,
.accordion-numbered .accordion-item:nth-child(20) .accordion-title-text::after {
    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: .4em
}

.accordion-inset .accordion-content {
    padding-left: 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.42859;
    font-weight: 400;
    letter-spacing: -.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) {
    line-height: 1.57143;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.accordion-toggle-all .accordion-toggle-all-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
}

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

.accordion-toggle-all .accordion-toggle-all-button:lang(zh) {
    letter-spacing: 0em
}

.accordion-toggle-all .accordion-toggle-all-button:lang(th) {
    line-height: 1.35718;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.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-expand.hidden,
.accordion-toggle-all .accordion-toggle-all-collapse.hidden {
    display: none
}

.theme-dark .accordion .accordion-item,
.theme-dark.accordion .accordion-item {
    --accordion-border-color: #424245;
    border-color: var(--accordion-border-color)
}

.theme-dark .accordion .accordion-icon,
.theme-dark.accordion .accordion-icon {
    --accordion-icon-color: #6e6e73;
    --accordion-icon-color-hover: #86868b;
    color: var(--accordion-icon-color)
}

.accordion-button:hover .theme-dark .accordion .accordion-icon,
.accordion-button:hover .theme-dark.accordion .accordion-icon {
    color: var(--accordion-icon-color-hover)
}

.theme-light .accordion .accordion-item,
.theme-light.accordion .accordion-item {
    --accordion-border-color: #d2d2d7;
    border-color: var(--accordion-border-color)
}

.theme-light .accordion .accordion-icon,
.theme-light.accordion .accordion-icon {
    --accordion-icon-color: #86868b;
    --accordion-icon-color-hover: #6e6e73;
    color: var(--accordion-icon-color)
}

.accordion-button:hover .theme-light .accordion .accordion-icon,
.accordion-button:hover .theme-light.accordion .accordion-icon {
    color: var(--accordion-icon-color-hover)
}

.techspecs-header-row,
.techspecs-row {
    margin-top: .4em;
    margin-bottom: .4em
}

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

.techspecs-header-row::after,
.techspecs-row::after {
    clear: both
}

.techspecs-columnheader,
.techspecs-rowheader,
.techspecs-column {
    float: left
}

.techspecs-columnheader,
.techspecs-column {
    margin-left: 3%
}

.techspecs-columnheader:first-child,
.techspecs-column:first-child {
    margin-left: 25%
}

.techspecs-rowheader {
    width: 22%
}

.techspecs.with-1-column .techspecs-columnheader,
.techspecs.with-1-column .techspecs-column {
    width: 75%
}

.techspecs.with-1-column .techspecs-columnheader:nth-child(1n+3),
.techspecs.with-1-column .techspecs-column:nth-child(1n+3) {
    margin-left: 25%
}

.techspecs.with-1-column.with-fullwidthrowheader-large .techspecs-columnheader,
.techspecs.with-1-column.with-fullwidthrowheader-large .techspecs-column {
    width: 100%
}

.techspecs.with-1-column.with-fullwidthrowheader-large .techspecs-rowheader {
    width: 100%
}

.techspecs.with-1-column.with-fullwidthrowheader-large .techspecs-columnheader:first-child,
.techspecs.with-1-column.with-fullwidthrowheader-large .techspecs-column:first-child,
.techspecs.with-1-column.with-fullwidthrowheader-large .techspecs-rowheader+.techspecs-columnheader,
.techspecs.with-1-column.with-fullwidthrowheader-large .techspecs-rowheader+.techspecs-column {
    margin-left: 0
}

@media only screen and (min-width: 1441px) {
    .techspecs.with-1-column.with-fullwidthrowheader-xlarge .techspecs-columnheader,
    .techspecs.with-1-column.with-fullwidthrowheader-xlarge .techspecs-column {
        width: 100%
    }
    .techspecs.with-1-column.with-fullwidthrowheader-xlarge .techspecs-rowheader {
        width: 100%
    }
    .techspecs.with-1-column.with-fullwidthrowheader-xlarge .techspecs-columnheader:first-child,
    .techspecs.with-1-column.with-fullwidthrowheader-xlarge .techspecs-column:first-child,
    .techspecs.with-1-column.with-fullwidthrowheader-xlarge .techspecs-rowheader+.techspecs-columnheader,
    .techspecs.with-1-column.with-fullwidthrowheader-xlarge .techspecs-rowheader+.techspecs-column {
        margin-left: 0
    }
}

@media only screen and (max-width: 1068px) {
    .techspecs.with-1-column.with-fullwidthrowheader-medium .techspecs-columnheader,
    .techspecs.with-1-column.with-fullwidthrowheader-medium .techspecs-column {
        width: 100%
    }
    .techspecs.with-1-column.with-fullwidthrowheader-medium .techspecs-rowheader {
        width: 100%
    }
    .techspecs.with-1-column.with-fullwidthrowheader-medium .techspecs-columnheader:first-child,
    .techspecs.with-1-column.with-fullwidthrowheader-medium .techspecs-column:first-child,
    .techspecs.with-1-column.with-fullwidthrowheader-medium .techspecs-rowheader+.techspecs-columnheader,
    .techspecs.with-1-column.with-fullwidthrowheader-medium .techspecs-rowheader+.techspecs-column {
        margin-left: 0
    }
}

@media only screen and (max-width: 734px) {
    .techspecs.with-1-column.with-fullwidthrowheader-small .techspecs-columnheader,
    .techspecs.with-1-column.with-fullwidthrowheader-small .techspecs-column {
        width: 100%
    }
    .techspecs.with-1-column.with-fullwidthrowheader-small .techspecs-rowheader {
        width: 100%
    }
    .techspecs.with-1-column.with-fullwidthrowheader-small .techspecs-columnheader:first-child,
    .techspecs.with-1-column.with-fullwidthrowheader-small .techspecs-column:first-child,
    .techspecs.with-1-column.with-fullwidthrowheader-small .techspecs-rowheader+.techspecs-columnheader,
    .techspecs.with-1-column.with-fullwidthrowheader-small .techspecs-rowheader+.techspecs-column {
        margin-left: 0
    }
}

.techspecs.with-2-columns .techspecs-columnheader,
.techspecs.with-2-columns .techspecs-column {
    width: 36%
}

.techspecs.with-2-columns .techspecs-columnheader.spans-2-columns,
.techspecs.with-2-columns .techspecs-columnheader[aria-colspan="2"],
.techspecs.with-2-columns .techspecs-column.spans-2-columns,
.techspecs.with-2-columns .techspecs-column[aria-colspan="2"] {
    width: 75%
}

.techspecs.with-2-columns .techspecs-columnheader:nth-child(2n+4),
.techspecs.with-2-columns .techspecs-column:nth-child(2n+4) {
    margin-left: 25%
}

.techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-columnheader,
.techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-column {
    width: 48.5%
}

.techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-2-columns,
.techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="2"],
.techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-column.spans-2-columns,
.techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="2"] {
    width: 100%
}

.techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-rowheader {
    width: 100%
}

.techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-columnheader:first-child,
.techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-column:first-child,
.techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-rowheader+.techspecs-columnheader,
.techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-rowheader+.techspecs-column {
    margin-left: 0
}

@media only screen and (min-width: 1441px) {
    .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader,
    .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-column {
        width: 48.5%
    }
    .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-2-columns,
    .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="2"],
    .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-2-columns,
    .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="2"] {
        width: 100%
    }
    .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader {
        width: 100%
    }
    .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader:first-child,
    .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-column:first-child,
    .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader+.techspecs-columnheader,
    .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader+.techspecs-column {
        margin-left: 0
    }
}

@media only screen and (max-width: 1068px) {
    .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-columnheader,
    .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-column {
        width: 48.5%
    }
    .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-2-columns,
    .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="2"],
    .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-column.spans-2-columns,
    .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="2"] {
        width: 100%
    }
    .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-rowheader {
        width: 100%
    }
    .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-columnheader:first-child,
    .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-column:first-child,
    .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-rowheader+.techspecs-columnheader,
    .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-rowheader+.techspecs-column {
        margin-left: 0
    }
}

@media only screen and (max-width: 734px) {
    .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-columnheader,
    .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-column {
        width: 48.5%
    }
    .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-2-columns,
    .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="2"],
    .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-column.spans-2-columns,
    .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="2"] {
        width: 100%
    }
    .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-rowheader {
        width: 100%
    }
    .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-columnheader:first-child,
    .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-column:first-child,
    .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-rowheader+.techspecs-columnheader,
    .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-rowheader+.techspecs-column {
        margin-left: 0
    }
}

.techspecs.with-3-columns .techspecs-columnheader,
.techspecs.with-3-columns .techspecs-column {
    width: 23%
}

.techspecs.with-3-columns .techspecs-columnheader.spans-2-columns,
.techspecs.with-3-columns .techspecs-columnheader[aria-colspan="2"],
.techspecs.with-3-columns .techspecs-column.spans-2-columns,
.techspecs.with-3-columns .techspecs-column[aria-colspan="2"] {
    width: 49%
}

.techspecs.with-3-columns .techspecs-columnheader.spans-3-columns,
.techspecs.with-3-columns .techspecs-columnheader[aria-colspan="3"],
.techspecs.with-3-columns .techspecs-column.spans-3-columns,
.techspecs.with-3-columns .techspecs-column[aria-colspan="3"] {
    width: 75%
}

.techspecs.with-3-columns .techspecs-columnheader:nth-child(3n+5),
.techspecs.with-3-columns .techspecs-column:nth-child(3n+5) {
    margin-left: 25%
}

.techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-columnheader,
.techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-column {
    width: 31.33333%
}

.techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-2-columns,
.techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="2"],
.techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-column.spans-2-columns,
.techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="2"] {
    width: 65.66667%
}

.techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-3-columns,
.techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="3"],
.techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-column.spans-3-columns,
.techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="3"] {
    width: 100%
}

.techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-rowheader {
    width: 100%
}

.techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-columnheader:first-child,
.techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-column:first-child,
.techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-rowheader+.techspecs-columnheader,
.techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-rowheader+.techspecs-column {
    margin-left: 0
}

@media only screen and (min-width: 1441px) {
    .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader,
    .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-column {
        width: 31.33333%
    }
    .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-2-columns,
    .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="2"],
    .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-2-columns,
    .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="2"] {
        width: 65.66667%
    }
    .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-3-columns,
    .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="3"],
    .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-3-columns,
    .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="3"] {
        width: 100%
    }
    .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader {
        width: 100%
    }
    .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader:first-child,
    .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-column:first-child,
    .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader+.techspecs-columnheader,
    .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader+.techspecs-column {
        margin-left: 0
    }
}

@media only screen and (max-width: 1068px) {
    .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-columnheader,
    .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-column {
        width: 31.33333%
    }
    .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-2-columns,
    .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="2"],
    .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-column.spans-2-columns,
    .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="2"] {
        width: 65.66667%
    }
    .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-3-columns,
    .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="3"],
    .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-column.spans-3-columns,
    .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="3"] {
        width: 100%
    }
    .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-rowheader {
        width: 100%
    }
    .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-columnheader:first-child,
    .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-column:first-child,
    .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-rowheader+.techspecs-columnheader,
    .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-rowheader+.techspecs-column {
        margin-left: 0
    }
}

@media only screen and (max-width: 734px) {
    .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-columnheader,
    .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-column {
        width: 31.33333%
    }
    .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-2-columns,
    .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="2"],
    .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-column.spans-2-columns,
    .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="2"] {
        width: 65.66667%
    }
    .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-3-columns,
    .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="3"],
    .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-column.spans-3-columns,
    .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="3"] {
        width: 100%
    }
    .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-rowheader {
        width: 100%
    }
    .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-columnheader:first-child,
    .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-column:first-child,
    .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-rowheader+.techspecs-columnheader,
    .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-rowheader+.techspecs-column {
        margin-left: 0
    }
}

.techspecs.with-4-columns .techspecs-columnheader,
.techspecs.with-4-columns .techspecs-column {
    width: 16.5%
}

.techspecs.with-4-columns .techspecs-columnheader.spans-2-columns,
.techspecs.with-4-columns .techspecs-columnheader[aria-colspan="2"],
.techspecs.with-4-columns .techspecs-column.spans-2-columns,
.techspecs.with-4-columns .techspecs-column[aria-colspan="2"] {
    width: 36%
}

.techspecs.with-4-columns .techspecs-columnheader.spans-3-columns,
.techspecs.with-4-columns .techspecs-columnheader[aria-colspan="3"],
.techspecs.with-4-columns .techspecs-column.spans-3-columns,
.techspecs.with-4-columns .techspecs-column[aria-colspan="3"] {
    width: 55.5%
}

.techspecs.with-4-columns .techspecs-columnheader.spans-4-columns,
.techspecs.with-4-columns .techspecs-columnheader[aria-colspan="4"],
.techspecs.with-4-columns .techspecs-column.spans-4-columns,
.techspecs.with-4-columns .techspecs-column[aria-colspan="4"] {
    width: 75%
}

.techspecs.with-4-columns .techspecs-columnheader:nth-child(4n+6),
.techspecs.with-4-columns .techspecs-column:nth-child(4n+6) {
    margin-left: 25%
}

.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader,
.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column {
    width: 22.75%
}

.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-2-columns,
.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="2"],
.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column.spans-2-columns,
.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="2"] {
    width: 48.5%
}

.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-3-columns,
.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="3"],
.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column.spans-3-columns,
.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="3"] {
    width: 74.25%
}

.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-4-columns,
.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="4"],
.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column.spans-4-columns,
.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="4"] {
    width: 100%
}

.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-rowheader {
    width: 100%
}

.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader:first-child,
.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column:first-child,
.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-rowheader+.techspecs-columnheader,
.techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-rowheader+.techspecs-column {
    margin-left: 0
}

@media only screen and (min-width: 1441px) {
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader,
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column {
        width: 22.75%
    }
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-2-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="2"],
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-2-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="2"] {
        width: 48.5%
    }
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-3-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="3"],
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-3-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="3"] {
        width: 74.25%
    }
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-4-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="4"],
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-4-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="4"] {
        width: 100%
    }
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader {
        width: 100%
    }
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader:first-child,
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column:first-child,
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader+.techspecs-columnheader,
    .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader+.techspecs-column {
        margin-left: 0
    }
}

@media only screen and (max-width: 1068px) {
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader,
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column {
        width: 22.75%
    }
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-2-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="2"],
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column.spans-2-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="2"] {
        width: 48.5%
    }
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-3-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="3"],
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column.spans-3-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="3"] {
        width: 74.25%
    }
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-4-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="4"],
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column.spans-4-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="4"] {
        width: 100%
    }
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-rowheader {
        width: 100%
    }
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader:first-child,
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column:first-child,
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-rowheader+.techspecs-columnheader,
    .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-rowheader+.techspecs-column {
        margin-left: 0
    }
}

@media only screen and (max-width: 734px) {
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader,
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column {
        width: 22.75%
    }
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-2-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="2"],
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column.spans-2-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="2"] {
        width: 48.5%
    }
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-3-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="3"],
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column.spans-3-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="3"] {
        width: 74.25%
    }
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-4-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="4"],
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column.spans-4-columns,
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="4"] {
        width: 100%
    }
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-rowheader {
        width: 100%
    }
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader:first-child,
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column:first-child,
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-rowheader+.techspecs-columnheader,
    .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-rowheader+.techspecs-column {
        margin-left: 0
    }
}

.techspecs.with-5-columns .techspecs-columnheader,
.techspecs.with-5-columns .techspecs-column {
    width: 12.6%
}

.techspecs.with-5-columns .techspecs-columnheader.spans-2-columns,
.techspecs.with-5-columns .techspecs-columnheader[aria-colspan="2"],
.techspecs.with-5-columns .techspecs-column.spans-2-columns,
.techspecs.with-5-columns .techspecs-column[aria-colspan="2"] {
    width: 28.2%
}

.techspecs.with-5-columns .techspecs-columnheader.spans-3-columns,
.techspecs.with-5-columns .techspecs-columnheader[aria-colspan="3"],
.techspecs.with-5-columns .techspecs-column.spans-3-columns,
.techspecs.with-5-columns .techspecs-column[aria-colspan="3"] {
    width: 43.8%
}

.techspecs.with-5-columns .techspecs-columnheader.spans-4-columns,
.techspecs.with-5-columns .techspecs-columnheader[aria-colspan="4"],
.techspecs.with-5-columns .techspecs-column.spans-4-columns,
.techspecs.with-5-columns .techspecs-column[aria-colspan="4"] {
    width: 59.4%
}

.techspecs.with-5-columns .techspecs-columnheader.spans-5-columns,
.techspecs.with-5-columns .techspecs-columnheader[aria-colspan="5"],
.techspecs.with-5-columns .techspecs-column.spans-5-columns,
.techspecs.with-5-columns .techspecs-column[aria-colspan="5"] {
    width: 75%
}

.techspecs.with-5-columns .techspecs-columnheader:nth-child(5n+7),
.techspecs.with-5-columns .techspecs-column:nth-child(5n+7) {
    margin-left: 25%
}

.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader,
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column {
    width: 17.6%
}

.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-2-columns,
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="2"],
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column.spans-2-columns,
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="2"] {
    width: 38.2%
}

.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-3-columns,
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="3"],
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column.spans-3-columns,
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="3"] {
    width: 58.8%
}

.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-4-columns,
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="4"],
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column.spans-4-columns,
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="4"] {
    width: 79.4%
}

.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-5-columns,
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="5"],
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column.spans-5-columns,
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="5"] {
    width: 100%
}

.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-rowheader {
    width: 100%
}

.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader:first-child,
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column:first-child,
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-rowheader+.techspecs-columnheader,
.techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-rowheader+.techspecs-column {
    margin-left: 0
}

@media only screen and (min-width: 1441px) {
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader,
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column {
        width: 17.6%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-2-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="2"],
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-2-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="2"] {
        width: 38.2%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-3-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="3"],
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-3-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="3"] {
        width: 58.8%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-4-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="4"],
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-4-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="4"] {
        width: 79.4%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-5-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="5"],
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-5-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="5"] {
        width: 100%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader {
        width: 100%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader:first-child,
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column:first-child,
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader+.techspecs-columnheader,
    .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader+.techspecs-column {
        margin-left: 0
    }
}

@media only screen and (max-width: 1068px) {
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader,
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column {
        width: 17.6%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-2-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="2"],
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column.spans-2-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="2"] {
        width: 38.2%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-3-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="3"],
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column.spans-3-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="3"] {
        width: 58.8%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-4-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="4"],
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column.spans-4-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="4"] {
        width: 79.4%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-5-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="5"],
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column.spans-5-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="5"] {
        width: 100%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-rowheader {
        width: 100%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader:first-child,
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column:first-child,
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-rowheader+.techspecs-columnheader,
    .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-rowheader+.techspecs-column {
        margin-left: 0
    }
}

@media only screen and (max-width: 734px) {
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader,
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column {
        width: 17.6%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-2-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="2"],
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column.spans-2-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="2"] {
        width: 38.2%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-3-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="3"],
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column.spans-3-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="3"] {
        width: 58.8%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-4-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="4"],
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column.spans-4-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="4"] {
        width: 79.4%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-5-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="5"],
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column.spans-5-columns,
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="5"] {
        width: 100%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-rowheader {
        width: 100%
    }
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader:first-child,
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column:first-child,
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-rowheader+.techspecs-columnheader,
    .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-rowheader+.techspecs-column {
        margin-left: 0
    }
}

.techspecs h1,
.techspecs h2,
.techspecs h3,
.techspecs h4,
.techspecs h5,
.techspecs h6 {
    font: inherit;
    font-weight: 600
}

.techspecs h1+h1,
.techspecs h1+h2,
.techspecs h1+h3,
.techspecs h1+h4,
.techspecs h1+h5,
.techspecs h1+h6,
.techspecs h2+h1,
.techspecs h2+h2,
.techspecs h2+h3,
.techspecs h2+h4,
.techspecs h2+h5,
.techspecs h2+h6,
.techspecs h3+h1,
.techspecs h3+h2,
.techspecs h3+h3,
.techspecs h3+h4,
.techspecs h3+h5,
.techspecs h3+h6,
.techspecs h4+h1,
.techspecs h4+h2,
.techspecs h4+h3,
.techspecs h4+h4,
.techspecs h4+h5,
.techspecs h4+h6,
.techspecs h5+h1,
.techspecs h5+h2,
.techspecs h5+h3,
.techspecs h5+h4,
.techspecs h5+h5,
.techspecs h5+h6,
.techspecs h6+h1,
.techspecs h6+h2,
.techspecs h6+h3,
.techspecs h6+h4,
.techspecs h6+h5,
.techspecs h6+h6 {
    margin-top: 1.6em
}

.techspecs h1+p,
.techspecs h2+p,
.techspecs h3+p,
.techspecs h4+p,
.techspecs h5+p,
.techspecs h6+p {
    margin-top: 0
}

.techspecs h1+ul,
.techspecs h1+ol,
.techspecs h2+ul,
.techspecs h2+ol,
.techspecs h3+ul,
.techspecs h3+ol,
.techspecs h4+ul,
.techspecs h4+ol,
.techspecs h5+ul,
.techspecs h5+ol,
.techspecs h6+ul,
.techspecs h6+ol {
    margin-top: 0.4em
}

.techspecs b,
.techspecs strong {
    font-weight: 600
}

.techspecs table th,
.techspecs table td {
    padding: 0;
    padding-right: 24px;
    padding-bottom: .35294em
}

.techspecs table th {
    font-weight: 600
}

.techspecs table tr:last-child th,
.techspecs table tr:last-child td {
    padding-bottom: 0
}

.techspecs-section {
    padding-top: 3.58824em;
    padding-bottom: 3.29412em;
    border-top: 1px solid keyline
}

.techspecs-section>:first-child {
    margin-top: 0
}

.techspecs-section>:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 1068px) {
    .techspecs-section {
        padding-top: 2.64706em;
        padding-bottom: 2.41176em
    }
}

.techspecs.with-fullwidthrowheader-large .techspecs-section {
    padding-top: 18px;
    padding-bottom: 18px;
    border-top: none
}

@media only screen and (min-width: 1441px) {
    .techspecs.with-fullwidthrowheader-xlarge .techspecs-section {
        padding-top: 18px;
        padding-bottom: 18px;
        border-top: none
    }
}

@media only screen and (max-width: 1068px) {
    .techspecs.with-fullwidthrowheader-medium .techspecs-section {
        padding-top: 18px;
        padding-bottom: 18px;
        border-top: none
    }
}

@media only screen and (max-width: 734px) {
    .techspecs.with-fullwidthrowheader-small .techspecs-section {
        padding-top: 18px;
        padding-bottom: 18px;
        border-top: none
    }
}

.techspecs-header-row {
    margin-top: 72px;
    margin-bottom: 52px
}

@media only screen and (max-width: 734px) {
    .techspecs-header-row {
        margin-top: 1.825em;
        margin-bottom: .925em
    }
    .techspecs-header-row .techspecs-rowheader {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
        clip-path: inset(0px 0px 99.9% 99.9%);
        overflow: hidden;
        height: 1px;
        width: 1px;
        padding: 0;
        border: 0
    }
}

.techspecs-columnheader,
h1.techspecs-columnheader,
h2.techspecs-columnheader {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: .004em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    margin-top: 0 !important
}

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

.techspecs-columnheader:lang(ja),
h1.techspecs-columnheader:lang(ja),
h2.techspecs-columnheader: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
}

.techspecs-columnheader:lang(ko),
h1.techspecs-columnheader:lang(ko),
h2.techspecs-columnheader: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
}

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

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

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

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

.techspecs-columnheader:lang(zh-TW),
h1.techspecs-columnheader:lang(zh-TW),
h2.techspecs-columnheader:lang(zh-TW) {
    font-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) {
    .techspecs-columnheader,
    h1.techspecs-columnheader,
    h2.techspecs-columnheader {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-columnheader:lang(ko),
    h1.techspecs-columnheader:lang(ko),
    h2.techspecs-columnheader: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
    }
    .techspecs-columnheader:lang(th),
    h1.techspecs-columnheader:lang(th),
    h2.techspecs-columnheader:lang(th) {
        line-height: 1.39286;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-columnheader:lang(ar),
    h1.techspecs-columnheader:lang(ar),
    h2.techspecs-columnheader:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-columnheader:lang(ja),
    h1.techspecs-columnheader:lang(ja),
    h2.techspecs-columnheader:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-columnheader:lang(zh-CN),
    h1.techspecs-columnheader:lang(zh-CN),
    h2.techspecs-columnheader:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-columnheader:lang(zh-HK),
    h1.techspecs-columnheader:lang(zh-HK),
    h2.techspecs-columnheader:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-columnheader:lang(zh-MO),
    h1.techspecs-columnheader:lang(zh-MO),
    h2.techspecs-columnheader:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-columnheader:lang(zh-TW),
    h1.techspecs-columnheader:lang(zh-TW),
    h2.techspecs-columnheader:lang(zh-TW) {
        font-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) {
    .techspecs-columnheader,
    h1.techspecs-columnheader,
    h2.techspecs-columnheader {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-columnheader:lang(ar),
    h1.techspecs-columnheader:lang(ar),
    h2.techspecs-columnheader:lang(ar) {
        line-height: 1.33341;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-columnheader:lang(ja),
    h1.techspecs-columnheader:lang(ja),
    h2.techspecs-columnheader: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
    }
    .techspecs-columnheader:lang(ko),
    h1.techspecs-columnheader:lang(ko),
    h2.techspecs-columnheader:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-columnheader:lang(th),
    h1.techspecs-columnheader:lang(th),
    h2.techspecs-columnheader:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-columnheader:lang(zh-CN),
    h1.techspecs-columnheader:lang(zh-CN),
    h2.techspecs-columnheader:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-columnheader:lang(zh-HK),
    h1.techspecs-columnheader:lang(zh-HK),
    h2.techspecs-columnheader:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-columnheader:lang(zh-MO),
    h1.techspecs-columnheader:lang(zh-MO),
    h2.techspecs-columnheader:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-columnheader:lang(zh-TW),
    h1.techspecs-columnheader:lang(zh-TW),
    h2.techspecs-columnheader:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.techspecs-rowheader {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    position: relative;
    margin-top: -.17647em
}

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

.techspecs-rowheader: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
}

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

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

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

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

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

.techspecs-rowheader:lang(zh-TW) {
    font-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) {
    .techspecs-rowheader {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-rowheader:lang(ja) {
        line-height: 1.2381;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-rowheader:lang(ko) {
        line-height: 1.2858;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-rowheader:lang(th) {
        line-height: 1.381;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-rowheader:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-rowheader:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-rowheader:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-rowheader:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .techspecs-rowheader:lang(zh-TW) {
        font-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) {
    .techspecs-rowheader {
        margin-top: -.11765em
    }
}

.techspecs.with-fullwidthrowheader-large .techspecs-rowheader {
    padding: .94118em 0;
    margin-top: 0;
    margin-bottom: 1.5em;
    border-bottom: 1px solid keyline
}

@media only screen and (min-width: 1441px) {
    .techspecs.with-fullwidthrowheader-xlarge .techspecs-rowheader {
        padding: .94118em 0;
        margin-top: 0;
        margin-bottom: 1.5em;
        border-bottom: 1px solid keyline
    }
}

@media only screen and (max-width: 1068px) {
    .techspecs.with-fullwidthrowheader-medium .techspecs-rowheader {
        padding: .94118em 0;
        margin-top: 0;
        margin-bottom: 1.5em;
        border-bottom: 1px solid keyline
    }
}

@media only screen and (max-width: 734px) {
    .techspecs.with-fullwidthrowheader-small .techspecs-rowheader {
        padding: .94118em 0;
        margin-top: 0;
        margin-bottom: 1.5em;
        border-bottom: 1px solid keyline
    }
}

.techspecs-list {
    margin-left: 0;
    list-style: none
}

.techspecs-list li {
    margin-top: .4em
}

.techspecs-list li:first-child {
    margin-top: 0
}

.techspecs-list li:last-child ul,
.techspecs-list li:last-child ol {
    margin-bottom: 0
}

.techspecs-list ul,
.techspecs-list ol {
    margin-top: .8em;
    margin-bottom: .8em;
    list-style: disc
}

.techspecs-list ul li,
.techspecs-list ol li {
    margin-top: .4em
}

.techspecs-list.techspecs-list-nobullets ul,
.techspecs-list.techspecs-list-nobullets ol {
    margin: 0;
    list-style: none
}

.techspecs-list.techspecs-list-disc {
    margin-left: 1.05882em;
    list-style: inherit
}

.techspecs-list.techspecs-list-disc ul,
.techspecs-list.techspecs-list-disc ol {
    list-style: circle
}

.techspecs-appgrid {
    margin-left: calc((16.66667% - 52px) / -1.8);
    margin-bottom: -2.2em;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width: 1068px) {
    .techspecs-appgrid {
        margin-left: calc((20% - 52px) / -1.8)
    }
}

@media only screen and (max-width: 734px) {
    .techspecs-appgrid {
        margin: 0 auto
    }
}

.techspecs-appgrid-app {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 16.66667%;
    margin: 0 0 2.2em 0
}

@media only screen and (max-width: 1068px) {
    .techspecs-appgrid-app {
        flex-basis: 20%
    }
}

@media only screen and (max-width: 734px) {
    .techspecs-appgrid-app {
        flex-basis: 16.66667%
    }
}

@media only screen and (max-width: 670px) {
    .techspecs-appgrid-app {
        flex-basis: 20%
    }
}

@media only screen and (max-width: 560px) {
    .techspecs-appgrid-app {
        flex-basis: 25%
    }
}

@media only screen and (max-width: 450px) {
    .techspecs-appgrid-app {
        flex-basis: 33.33333%
    }
}

.techspecs-appgrid-app>figcaption,
.techspecs-appgrid-app-label {
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    display: block;
    color: caption;
    text-align: center
}

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

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

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

.techspecs-appgrid-app>figcaption:lang(zh),
.techspecs-appgrid-app-label:lang(zh) {
    letter-spacing: 0em
}

.techspecs-appgrid-app>figcaption:lang(th),
.techspecs-appgrid-app-label:lang(th) {
    line-height: 1.33337;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.techspecs-appgrid-app>figcaption:lang(zh-CN),
.techspecs-appgrid-app-label:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.techspecs-appgrid-app>figcaption:lang(zh-HK),
.techspecs-appgrid-app-label:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.techspecs-appgrid-app>figcaption:lang(zh-MO),
.techspecs-appgrid-app-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
}

.techspecs-appgrid-app>figcaption:lang(zh-TW),
.techspecs-appgrid-app-label:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.techspecs-appgrid-app-icon {
    width: 52px;
    height: 52px;
    margin: 0 auto;
    margin-bottom: .375em
}

.techspecs-os-logo {
    margin-right: 30px;
    float: left
}

@media only screen and (max-width: 734px) {
    .techspecs-os-logo {
        float: none
    }
}

.techspecs-os-description {
    overflow: hidden
}

@media only screen and (max-width: 734px) {
    .techspecs-os-logo+.techspecs-os-description {
        margin-top: 1.1em
    }
}

.techspecs-os-description+* {
    margin-top: 2em
}

.techspecs-os-features {
    column-count: 3;
    margin: 0;
    margin-top: .4em;
    margin-bottom: -.4em;
    column-gap: .11765em
}

@media only screen and (max-width: 734px) {
    .techspecs-os-features {
        column-count: 1
    }
}

.techspecs-os-features>li {
    margin-left: 1.05882em;
    padding-bottom: .4em;
    break-inside: avoid
}

.section-hero {
    text-align: center;
    --hero-copy-block-y-adjuster: 0px
}

html.aow .section-hero {
    --r-globalnav-height: 0px
}

.section-hero .section-content {
    /* height: 200vh;
    min-height: 1718px; */
    --hero-unenhancement-maxHeight: 1400px;
    --hero-unenhancement-minHeight: 720px;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    max-width: 100%
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content {
        /* min-height: 1362px; */
        --hero-unenhancement-maxHeight: 1150px;
        --hero-unenhancement-minHeight: 580px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .section-content {
        /* min-height: 1112px; */
        --hero-unenhancement-maxHeight: 1000px;
        --hero-unenhancement-minHeight: 450px;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px
    }
}

.section-hero .section-content .hero-slide-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: var(--r-globalnav-height);
    min-height: 763px;
    overflow: hidden
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content .hero-slide-wrapper {
        min-height: 681px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .section-content .hero-slide-wrapper {
        min-height: 556px
    }
}

.section-hero .section-content .hero-slide-wrapper .upper-content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    --centered-uppercontent-height: calc(((100vh - var(--r-globalnav-height) - var(--r-localnav-height)) / 2.5) - 18px);
    --ideal-uppercontent-height: calc(((100vh - var(--r-globalnav-height) - var(--r-localnav-height)) / 2.5) - 15vh);
    --minimum-uppercontent-height: 298px;
    height: var(--centered-uppercontent-height);
    min-height: var(--minimum-uppercontent-height)
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content .hero-slide-wrapper .upper-content {
        --centered-uppercontent-height: calc(((100vh - var(--r-globalnav-height) - var(--r-localnav-height)) / 2.625) - 14px);
        --ideal-uppercontent-height: calc(((100vh - var(--r-globalnav-height) - var(--r-localnav-height)) / 2.625) - 12vh);
        --minimum-uppercontent-height: 230px;
        height: var(--centered-uppercontent-height);
        min-height: var(--minimum-uppercontent-height)
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .section-content .hero-slide-wrapper .upper-content {
        /* --centered-uppercontent-height: calc(((100vh - var(--r-globalnav-height) - var(--r-localnav-height)) / 2.75) - -9px);
        --ideal-uppercontent-height: calc(((100vh - var(--r-globalnav-height) - var(--r-localnav-height)) / 2.75) - 8vh); */
        --minimum-uppercontent-height: 400px;
        /* height: var(--centered-uppercontent-height);
        min-height: var(--minimum-uppercontent-height) */
    }
}

.section-hero .section-content .hero-slide-wrapper .upper-content .flow-figure-airtag-hardware {
    height: 248px;
    position: absolute;
    bottom: 0;
    width: 100%
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content .hero-slide-wrapper .upper-content .flow-figure-airtag-hardware {
        height: 192px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .section-content .hero-slide-wrapper .upper-content .flow-figure-airtag-hardware {
        height: 152px
    }
}

.section-hero .section-content .hero-slide-wrapper .upper-content .flow-figure-airtag-hardware .image-hero-airtag {
    bottom: 0;
    left: 0;
    width: 248px;
    height: 248px;
    background-size: 248px 248px;
    background-repeat: no-repeat;
    background-image: url("assets/image/hero_airtag_hardware_startframe__dx97w9js4kgi_large.jpg");
    position: relative;
    left: 50%;
    margin-left: -124px;
    display: block;
    position: absolute
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content .hero-slide-wrapper .upper-content .flow-figure-airtag-hardware .image-hero-airtag {
        left: 50%;
        /* margin-left: -96px */
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .section-content .hero-slide-wrapper .upper-content .flow-figure-airtag-hardware .image-hero-airtag {
        /* left: 50%;
        margin-left: -76px */
    }
}

.section-hero .section-content .hero-slide-wrapper .upper-content .flow-figure-airtag-hardware canvas.image-hero-airtag {
    background: none
}

.section-hero .section-content .hero-slide-wrapper .upper-content .copy-wrapper {
    position: absolute;
    bottom: calc(-283px - var(--hero-copy-block-y-adjuster));
    width: 100%;
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content .hero-slide-wrapper .upper-content .copy-wrapper {
        bottom: calc(-217px - var(--hero-copy-block-y-adjuster))
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .section-content .hero-slide-wrapper .upper-content .copy-wrapper {
        bottom: calc(-152px - var(--hero-copy-block-y-adjuster))
    }
}

.section-hero .section-content .hero-slide-wrapper .upper-content .copy-wrapper .image-logo-airtag {
    width: 131px;
    height: 46px;
    background-size: 131px 46px;
    background-repeat: no-repeat;
    background-image: url("assets/image/logo_airtag__bc7fkl6msdaq_large.jpg");
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content .hero-slide-wrapper .upper-content .copy-wrapper .image-logo-airtag {
        width: 110px;
        height: 39px;
        background-size: 110px 39px;
        background-repeat: no-repeat;
        background-image: url("assets/image/logo_airtag__bc7fkl6msdaq_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .section-content .hero-slide-wrapper .upper-content .copy-wrapper .image-logo-airtag {
        width: 65px;
        height: 24px;
        background-size: 65px 24px;
        background-repeat: no-repeat;
        background-image: url("assets/image/logo_airtag__bc7fkl6msdaq_small.jpg")
    }
}

.section-hero .section-content .hero-slide-wrapper .upper-content .copy-wrapper .hero-headline {
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    max-width: 600px
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content .hero-slide-wrapper .upper-content .copy-wrapper .hero-headline {
        margin-top: 9px;
        max-width: 460px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .section-content .hero-slide-wrapper .upper-content .copy-wrapper .hero-headline {
        margin-top: 7px
    }
}

.section-hero .section-content .flow-figure-airtag-software {
    position: absolute;
    top: 100vh;
    left: 50%;
    margin-left: -388.36px;
    height: 789px;
    max-height: calc(100vh - 297.6px)
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content .flow-figure-airtag-software {
        left: 50%;
        margin-left: -307.23px;
        height: 625px;
        max-height: calc(100vh - 230.4px)
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .section-content .flow-figure-airtag-software {
        left: 50%;
        margin-left: -257.355px;
        height: 526px;
        max-height: calc(100vh - 182.4px)
    }
}

.section-hero .section-content .flow-figure-airtag-software .image-hero-iphone-device {
    width: 584px;
    height: 789px;
    background-size: 584px 789px;
    background-repeat: no-repeat;
    background-image: url("assets/image/hero_iphone__bpfsgrdzx4ya_large.jpg")
}

.section-hero .section-content .flow-figure-airtag-software .image-hero-iphone-screen {
    position: absolute;
    top: 12px;
    left: 266px
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-content .flow-figure-airtag-software .image-hero-iphone-screen {
        top: 7px;
        left: 208px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .section-content .flow-figure-airtag-software .image-hero-iphone-screen {
        top: 8px;
        left: 173px
    }
}

.section-hero .copy-wrapper {
    /* opacity: 0;
    will-change: opacity, transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden */
}

html.no-hero-enhanced .section-hero .copy-wrapper {
    opacity: 1
}

html.no-hero-enhanced .section-hero canvas {
    display: none
}

html.no-hero-enhanced .section-hero .hero-slide-wrapper,
html.no-hero-enhanced .section-hero .section-content {
    height: 80vh;
    min-height: 625px
}

@media only screen and (max-width: 1068px) {
    html.no-hero-enhanced .section-hero .hero-slide-wrapper,
    html.no-hero-enhanced .section-hero .section-content {
        min-height: 515px
    }
}

@media only screen and (max-width: 734px) {
    html.no-hero-enhanced .section-hero .hero-slide-wrapper,
    html.no-hero-enhanced .section-hero .section-content {
        min-height: 400px
    }
}

html.no-hero-enhanced .section-hero .hero-slide-wrapper .flow-figure-airtag-software,
html.no-hero-enhanced .section-hero .hero-slide-wrapper canvas#airtag-hardware.image-hero-airtag,
html.no-hero-enhanced .section-hero .section-content .flow-figure-airtag-software,
html.no-hero-enhanced .section-hero .section-content canvas#airtag-hardware.image-hero-airtag {
    display: none
}

html.no-js .section-hero .copy-wrapper {
    opacity: 1
}

html.no-js .section-hero canvas {
    display: none
}

html.no-js .section-hero .hero-slide-wrapper,
html.no-js .section-hero .section-content {
    height: 80vh;
    min-height: 625px
}

@media only screen and (max-width: 1068px) {
    html.no-js .section-hero .hero-slide-wrapper,
    html.no-js .section-hero .section-content {
        min-height: 515px
    }
}

@media only screen and (max-width: 734px) {
    html.no-js .section-hero .hero-slide-wrapper,
    html.no-js .section-hero .section-content {
        min-height: 400px
    }
}

html.no-js .section-hero .hero-slide-wrapper .flow-figure-airtag-software,
html.no-js .section-hero .hero-slide-wrapper canvas#airtag-hardware.image-hero-airtag,
html.no-js .section-hero .section-content .flow-figure-airtag-software,
html.no-js .section-hero .section-content canvas#airtag-hardware.image-hero-airtag {
    display: none
}

html.text-zoom .section-hero .copy-wrapper {
    opacity: 1
}

html.text-zoom .section-hero canvas {
    display: none
}

html.text-zoom .section-hero .hero-slide-wrapper,
html.text-zoom .section-hero .section-content {
    height: 80vh;
    min-height: 625px
}

@media only screen and (max-width: 1068px) {
    html.text-zoom .section-hero .hero-slide-wrapper,
    html.text-zoom .section-hero .section-content {
        min-height: 515px
    }
}

@media only screen and (max-width: 734px) {
    html.text-zoom .section-hero .hero-slide-wrapper,
    html.text-zoom .section-hero .section-content {
        min-height: 400px
    }
}

html.text-zoom .section-hero .hero-slide-wrapper .flow-figure-airtag-software,
html.text-zoom .section-hero .hero-slide-wrapper canvas#airtag-hardware.image-hero-airtag,
html.text-zoom .section-hero .section-content .flow-figure-airtag-software,
html.text-zoom .section-hero .section-content canvas#airtag-hardware.image-hero-airtag {
    display: none
}

html.text-zoom .section-hero .hero-slide-wrapper,
html.text-zoom .section-hero .section-content {
    min-height: 990px
}

@media only screen and (max-width: 1068px) {
    html.text-zoom .section-hero .hero-slide-wrapper,
    html.text-zoom .section-hero .section-content {
        min-height: 810px
    }
}

@media only screen and (max-width: 734px) {
    html.text-zoom .section-hero .hero-slide-wrapper,
    html.text-zoom .section-hero .section-content {
        min-height: 690px
    }
}

html.text-zoom .section-hero .hero-slide-wrapper .upper-content,
html.text-zoom .section-hero .section-content .upper-content {
    height: var(--minimum-uppercontent-height)
}

html.text-zoom .section-hero .hero-slide-wrapper .upper-content .copy-wrapper,
html.text-zoom .section-hero .section-content .upper-content .copy-wrapper {
    opacity: 1;
    bottom: auto;
    top: calc(100% + 1em)
}

html.text-zoom .section-hero .hero-slide-wrapper .upper-content .copy-wrapper .hero-headline,
html.text-zoom .section-hero .section-content .upper-content .copy-wrapper .hero-headline {
    max-width: none
}

.section-manifesto {
    overflow: hidden
}

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

.section-manifesto .manifesto-intro {
    padding-top: 144px;
    padding-bottom: 150px;
    text-align: center
}

@media only screen and (max-width: 1068px) {
    .section-manifesto .manifesto-intro {
        padding-top: 94px;
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 734px) {
    .section-manifesto .manifesto-intro {
        padding-top: 76px;
        padding-bottom: 80px;
        text-align: left
    }
}

.section-manifesto .manifesto-gray {
    color: #86868b
}

.section-manifesto .copy-pricing {
    margin: 0
}

.section-manifesto .copy-pricing.has-dynamic-content {
    margin-top: 28px
}

@media only screen and (max-width: 1068px) {
    .section-manifesto .copy-pricing.has-dynamic-content {
        margin-top: 18px
    }
}

.section-manifesto .copy-availability {
    margin-top: 28px
}

@media only screen and (max-width: 1068px) {
    .section-manifesto .copy-availability {
        margin-top: 18px
    }
}

.section-manifesto .manifesto-button {
    margin-top: 32px
}

@media only screen and (max-width: 1068px) {
    .section-manifesto .manifesto-button {
        margin-top: 24px
    }
}

.section-manifesto .copy-quicklook {
    margin-top: 32px;
    margin-bottom: -8px
}

@media only screen and (max-width: 1068px) {
    .section-manifesto .copy-quicklook {
        margin-top: 24px
    }
}

@media only screen and (max-width: 734px) {
    .section-manifesto .copy-quicklook {
        margin-bottom: -2px
    }
}

html.no-quicklook .section-manifesto .copy-quicklook {
    margin: 0
}

.section-manifesto .image-content {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 172px);
    max-width: 1268px
}

@media only screen and (max-width: 1068px) {
    .section-manifesto .image-content {
        width: calc(100% - 40px);
        max-width: 1400px
    }
}

@media only screen and (max-width: 734px) {
    .section-manifesto .image-content {
        width: calc(100% - 22px);
        max-width: 1418px
    }
}

.section-manifesto .single-width {
    background-color: #f5f5f7;
    display: grid;
    grid-auto-rows: auto;
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 30px
}

.section-manifesto .single-width .tile-image {
    width: 100%;
    padding-bottom: 59.58958%;
    background-size: cover
}

@media only screen and (max-width: 1068px) {
    .section-manifesto .single-width {
        display: grid;
        grid-auto-rows: auto;
        gap: 20px;
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 20px
    }
    .section-manifesto .single-width .tile-image {
        width: 100%;
        padding-bottom: 66.09756%;
        background-size: cover
    }
}

@media only screen and (max-width: 734px) {
    .section-manifesto .single-width {
        display: grid;
        grid-auto-rows: auto;
        gap: 11px;
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 11px
    }
    .section-manifesto .single-width .tile-image {
        width: 100%;
        padding-bottom: 129.85915%;
        background-size: cover
    }
}

.section-manifesto .multi-width {
    display: grid;
    grid-auto-rows: auto;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 30px
}

.section-manifesto .multi-width .tile-image {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover
}

@media only screen and (max-width: 1068px) {
    .section-manifesto .multi-width {
        display: grid;
        grid-auto-rows: auto;
        gap: 20px;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 20px
    }
    .section-manifesto .multi-width .tile-image {
        width: 100%;
        padding-bottom: 100%;
        background-size: cover
    }
}

@media only screen and (max-width: 734px) {
    .section-manifesto .multi-width {
        display: grid;
        grid-auto-rows: auto;
        gap: 11px;
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 11px
    }
    .section-manifesto .multi-width .tile-image {
        width: 100%;
        padding-bottom: 100%;
        background-size: cover
    }
}

.section-manifesto .image-tile-hand {
    background-repeat: no-repeat;
    background-image: url("assets/image/tile_hand__fp0y8v7vbl26_large.jpg")
}


/* 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-manifesto .image-tile-hand {
        background-image: url("assets/image/tile_hand__fp0y8v7vbl26_large_2x.jpg")
    }
} */

@media only screen and (max-width: 1068px) {
    .section-manifesto .image-tile-hand {
        background-repeat: no-repeat;
        background-image: url("assets/image/tile_hand__fp0y8v7vbl26_medium.jpg")
    }
}


/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-manifesto .image-tile-hand {
        background-image: url("assets/image/tile_hand__fp0y8v7vbl26_medium_2x.jpg")
    }
} */

@media only screen and (max-width: 734px) {
    .section-manifesto .image-tile-hand {
        background-repeat: no-repeat;
        background-image: url("assets/image/tile_hand__fp0y8v7vbl26_small.jpg")
    }
}


/* @media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-manifesto .image-tile-hand {
        background-image: url("assets/image/tile_hand__fp0y8v7vbl26_small_2x.jpg")
    }
} */

.section-manifesto .image-tile-iphone {
    background-repeat: no-repeat;
    background-image: url("assets/image/tile_iphone__e5b3sg7obl6q_large.jpg")
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-manifesto .image-tile-iphone {
        background-image: url("assets/image/tile_iphone__e5b3sg7obl6q_large_2x.jpg")
    }
} */

@media only screen and (max-width: 1068px) {
    .section-manifesto .image-tile-iphone {
        background-repeat: no-repeat;
        background-image: url("assets/image/tile_iphone__e5b3sg7obl6q_medium.jpg")
    }
}


/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-manifesto .image-tile-iphone {
        background-image: url("assets/image/tile_iphone__e5b3sg7obl6q_medium_2x.jpg")
    }
} */

@media only screen and (max-width: 734px) {
    .section-manifesto .image-tile-iphone {
        background-repeat: no-repeat;
        background-image: url("assets/image/tile_iphone__e5b3sg7obl6q_small.jpg")
    }
}


/* @media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-manifesto .image-tile-iphone {
        background-image: url("assets/image/tile_iphone__e5b3sg7obl6q_small_2x.jpg")
    }
} */

.section-manifesto .image-tile-looped {
    background-repeat: no-repeat;
    background-image: url("assets/image/tile_looped__lf33g5t4c5ea_large.jpg")
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-manifesto .image-tile-looped {
        background-image: url("assets/image/tile_looped__lf33g5t4c5ea_large_2x.jpg")
    }
} */

@media only screen and (max-width: 1068px) {
    .section-manifesto .image-tile-looped {
        background-repeat: no-repeat;
        background-image: url("assets/image/tile_looped__lf33g5t4c5ea_medium.jpg")
    }
}


/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-manifesto .image-tile-looped {
        background-image: url("assets/image/tile_looped__lf33g5t4c5ea_medium_2x.jpg")
    }
} */

@media only screen and (max-width: 734px) {
    .section-manifesto .image-tile-looped {
        background-repeat: no-repeat;
        background-image: url("assets/image/tile_looped__lf33g5t4c5ea_small.jpg")
    }
}


/* @media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-manifesto .image-tile-looped {
        background-image: url("assets/image/tile_looped__lf33g5t4c5ea_small_2x.jpg")
    }
} */

.section-manifesto .image-tile-keychain {
    background-repeat: no-repeat;
    background-image: url("assets/image/tile_keychain__csyd7pmtexci_large.jpg")
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-manifesto .image-tile-keychain {
        background-image: url("assets/image/tile_keychain__csyd7pmtexci_large_2x.jpg")
    }
} */

@media only screen and (max-width: 1068px) {
    .section-manifesto .image-tile-keychain {
        background-repeat: no-repeat;
        background-image: url("assets/image/tile_keychain__csyd7pmtexci_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-manifesto .image-tile-keychain {
        background-repeat: no-repeat;
        background-image: url("assets/image/tile_keychain__csyd7pmtexci_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-manifesto .image-tile-keychain {
        background-image: url("assets/image/tile_keychain__csyd7pmtexci_small_2x.jpg")
    }
}

.section-manifesto .image-tile-suitcase {
    background-repeat: no-repeat;
    background-image: url("assets/image/tile_suitcase__ccxzi55byo5e_large.jpg")
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-manifesto .image-tile-suitcase {
        background-image: url("assets/image/tile_suitcase__ccxzi55byo5e_large_2x.jpg")
    }
} */

@media only screen and (max-width: 1068px) {
    .section-manifesto .image-tile-suitcase {
        background-repeat: no-repeat;
        background-image: url("assets/image/tile_suitcase__ccxzi55byo5e_medium.jpg")
    }
}


/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-manifesto .image-tile-suitcase {
        background-image: url("assets/image/tile_suitcase__ccxzi55byo5e_medium_2x.jpg")
    }
} */

@media only screen and (max-width: 734px) {
    .section-manifesto .image-tile-suitcase {
        background-repeat: no-repeat;
        background-image: url("assets/image/tile_suitcase__ccxzi55byo5e_small.jpg")
    }
}


/* @media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-manifesto .image-tile-suitcase {
        background-image: url("assets/image/tile_suitcase__ccxzi55byo5e_small_2x.jpg")
    }
} */

.section-manifesto .image-tile-wallet {
    background-repeat: no-repeat;
    background-image: url("assets/image/tile_wallet__dbq0jxu015si_large.jpg")
}


/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-manifesto .image-tile-wallet {
        background-image: url("assets/image/tile_wallet__dbq0jxu015si_large_2x.jpg")
    }
} */

@media only screen and (max-width: 1068px) {
    .section-manifesto .image-tile-wallet {
        background-repeat: no-repeat;
        background-image: url("assets/image/tile_wallet__dbq0jxu015si_medium.jpg")
    }
}


/* @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-manifesto .image-tile-wallet {
        background-image: url("assets/image/tile_wallet__dbq0jxu015si_medium_2x.jpg")
    }
} */

@media only screen and (max-width: 734px) {
    .section-manifesto .image-tile-wallet {
        background-repeat: no-repeat;
        background-image: url("assets/image/tile_wallet__dbq0jxu015si_small.jpg")
    }
}


/* 
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-manifesto .image-tile-wallet {
        background-image: url("assets/image/tile_wallet__dbq0jxu015si_small_2x.jpg")
    }
} */

.section-features {
    overflow: hidden;
    margin-top: 118px
}

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

@media only screen and (max-width: 734px) {
    .section-features {
        margin-top: 58px
    }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-features {
        margin-bottom: -44px
    }
}

@media only screen and (max-width: 734px) {
    .section-features {
        padding-bottom: 48px
    }
}

.section-features .column-copy-ping {
    min-height: 576px;
    margin-top: 9px
}

@media only screen and (max-width: 1068px) {
    .section-features .column-copy-ping {
        min-height: 406px;
        margin-top: 29px
    }
}

@media only screen and (max-width: 734px) {
    .section-features .column-copy-ping {
        min-height: 0;
        margin-top: 0;
        margin-bottom: 32px
    }
}

.section-features .column-image-ping {
    position: relative;
    margin-top: 1px
}

@media only screen and (max-width: 1068px) {
    .section-features .column-image-ping {
        margin-top: 0
    }
}

@media only screen and (max-width: 734px) {
    .section-features .column-image-ping {
        margin-top: 17px
    }
}

@media only screen and (max-width: 734px) {
    .section-features .column-image-ping {
        min-height: 302px
    }
}

.section-features .inline-video-container {
    width: 576px;
    height: 576px;
    position: absolute;
    left: 50%;
    margin-left: -288px
}

@media only screen and (max-width: 1068px) {
    .section-features .inline-video-container {
        width: 406px;
        height: 406px
    }
}

@media only screen and (max-width: 734px) {
    .section-features .inline-video-container {
        width: 302px;
        height: 302px
    }
}

@media only screen and (max-width: 1068px) {
    .section-features .inline-video-container {
        left: 50%;
        margin-left: -203px
    }
}

@media only screen and (max-width: 734px) {
    .section-features .inline-video-container {
        left: 50%;
        margin-left: -151px
    }
}

.section-features .image-startframe {
    width: 576px;
    height: 576px;
    background-size: 576px 576px;
    background-repeat: no-repeat;
    background-image: url("assets/image/ping_it_startframe__et1vwxlbpqgm_large.jpg")
}

@media only screen and (max-width: 1068px) {
    .section-features .image-startframe {
        width: 406px;
        height: 406px;
        background-size: 406px 406px;
        background-repeat: no-repeat;
        background-image: url("assets/image/ping_it_startframe__et1vwxlbpqgm_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-features .image-startframe {
        width: 302px;
        height: 302px;
        background-size: 302px 302px;
        background-repeat: no-repeat;
        background-image: url("assets/image/ping_it_startframe__et1vwxlbpqgm_small.jpg")
    }
}

.section-features .image-endframe {
    width: 576px;
    height: 576px;
    background-size: 576px 576px;
    background-repeat: no-repeat;
    background-image: url("assets/image/ping_it_endframe__rsbg9hvc1jma_large.jpg")
}

@media only screen and (max-width: 1068px) {
    .section-features .image-endframe {
        width: 406px;
        height: 406px;
        background-size: 406px 406px;
        background-repeat: no-repeat;
        background-image: url("assets/image/ping_it_endframe__rsbg9hvc1jma_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-features .image-endframe {
        width: 302px;
        height: 302px;
        background-size: 302px 302px;
        background-repeat: no-repeat;
        background-image: url("assets/image/ping_it_endframe__rsbg9hvc1jma_small.jpg")
    }
}

.section-features .row-ultra-wideband {
    margin-top: 146px
}

@media only screen and (max-width: 1068px) {
    .section-features .row-ultra-wideband {
        margin-top: 100px
    }
}

@media only screen and (max-width: 734px) {
    .section-features .row-ultra-wideband {
        margin-top: 32px
    }
}

.section-features .column-copy-ultra-wideband {
    margin-top: -58px
}

@media only screen and (max-width: 1068px) {
    .section-features .column-copy-ultra-wideband {
        margin-top: -200px
    }
}

@media only screen and (max-width: 734px) {
    .section-features .column-copy-ultra-wideband {
        margin-top: 17px
    }
}

@media only screen and (max-width: 734px) {
    .section-features .column-copy-ultra-wideband .copy-wrapper {
        margin-bottom: auto
    }
}

.section-features .column-image-ultra-wideband {
    margin-top: -9px;
    position: relative;
    z-index: 1;
    height: 800px
}

@media only screen and (max-width: 1068px) {
    .section-features .column-image-ultra-wideband {
        margin-top: 10px
    }
}

@media only screen and (max-width: 734px) {
    .section-features .column-image-ultra-wideband {
        margin-top: 0px
    }
}

@media only screen and (max-width: 1068px) {
    .section-features .column-image-ultra-wideband {
        height: 630px
    }
}

@media only screen and (max-width: 734px) {
    .section-features .column-image-ultra-wideband {
        height: 406px;
        margin-top: 44px
    }
}

.section-features .image-ultra-wideband {
    width: 634px;
    height: 836px;
    background-size: 634px 836px;
    background-repeat: no-repeat;
    background-image: url("assets/image/ultrawide__f2667n5ph0mu_large.jpg");
    position: absolute;
    z-index: 1;
    left: -389px
}

@media only screen and (max-width: 1068px) {
    .section-features .image-ultra-wideband {
        width: 447px;
        height: 590px;
        background-size: 447px 590px;
        background-repeat: no-repeat;
        background-image: url("assets/image/ultrawide__f2667n5ph0mu_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-features .image-ultra-wideband {
        width: 343px;
        height: 452px;
        background-size: 343px 452px;
        background-repeat: no-repeat;
        background-image: url("assets/image/ultrawide__f2667n5ph0mu_small.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-features .image-ultra-wideband {
        left: -270px
    }
}

@media only screen and (max-width: 734px) {
    .section-features .image-ultra-wideband {
        position: relative;
        left: 50%;
        margin-left: -211.5px;
        position: relative
    }
}

.section-features .precision-finding.headline {
    color: #1d1d1f;
    margin-bottom: 0.62em
}

.section-features .precision-finding.supported-devices {
    list-style: none;
    padding: 0;
    margin: 0
}

.section-network {
    padding-top: 190px;
    padding-bottom: 0px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 1068px) {
    .section-network {
        padding-top: 92px;
        padding-bottom: 0px
    }
}

@media only screen and (max-width: 734px) {
    .section-network {
        padding-top: 71px;
        padding-bottom: 68px
    }
}

.section-network .network-intro {
    margin-top: -51px;
    text-align: center
}

@media only screen and (max-width: 1068px) {
    .section-network .network-intro {
        margin-top: 0px
    }
}

@media only screen and (max-width: 734px) {
    .section-network .network-intro {
        margin-top: 0px
    }
}

@media only screen and (max-width: 734px) {
    .section-network .network-intro {
        text-align: left
    }
}

.section-network .network-copy {
    margin-left: auto;
    margin-right: auto
}

.section-network .column-image-how-works {
    position: relative;
    margin-top: 109px
}

@media only screen and (max-width: 1068px) {
    .section-network .column-image-how-works {
        margin-top: 63px
    }
}

@media only screen and (max-width: 734px) {
    .section-network .column-image-how-works {
        margin-top: 65px
    }
}

.section-network .column-copy-how-works {
    margin-top: 0
}

@media only screen and (max-width: 1068px) {
    .section-network .column-copy-how-works {
        margin-top: 0
    }
}

@media only screen and (max-width: 734px) {
    .section-network .column-copy-how-works {
        margin-top: 27px
    }
}

.section-network .column-copy-how-works .copy-wrapper {
    padding-bottom: 44px
}

@media only screen and (max-width: 1068px) {
    .section-network .column-copy-how-works .copy-wrapper {
        padding-bottom: 66px
    }
}

@media only screen and (max-width: 734px) {
    .section-network .column-copy-how-works .copy-wrapper {
        padding-bottom: 0
    }
}

.section-network .image-end-frame {
    width: 680px;
    height: 696px;
    background-size: 680px 696px;
    background-repeat: no-repeat;
    /* background-image: url("assets/image/how_it_works_endframe__cqdvu699nc2u_large.jpg") */
    background-image: url("assets/image/how_it_works__17nz0hgx2uqu_large.jpg")
}

@media only screen and (max-width: 1068px) {
    .section-network .image-end-frame {
        width: 488px;
        height: 504px;
        background-size: 488px 504px;
        background-repeat: no-repeat;
        background-image: url("assets/image/how_it_works_endframe__cqdvu699nc2u_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-network .image-end-frame {
        width: 336px;
        height: 344px;
        background-size: 336px 344px;
        background-repeat: no-repeat;
        background-image: url("assets/image/how_it_works_endframe__cqdvu699nc2u_small.jpg")
    }
}

.section-network .canvas-wrapper {
    width: 680px;
    height: 696px;
    position: relative;
    left: 50%;
    margin-left: -340px;
    z-index: 1
}

@media only screen and (max-width: 1068px) {
    .section-network .canvas-wrapper {
        width: 488px;
        height: 504px
    }
}

@media only screen and (max-width: 734px) {
    .section-network .canvas-wrapper {
        width: 336px;
        height: 344px
    }
}

@media only screen and (max-width: 1068px) {
    .section-network .canvas-wrapper {
        left: 50%;
        margin-left: -244px
    }
}

@media only screen and (max-width: 734px) {
    .section-network .canvas-wrapper {
        left: 50%;
        margin-left: -168px
    }
}

.section-network .image-hardware {
    width: 678px;
    height: 696px;
    background-size: 678px 696px;
    background-repeat: no-repeat;
    background-image: url("assets/image/how_it_works__17nz0hgx2uqu_large.jpg");
    width: 678px;
    height: 696px;
    background-size: 678px 696px;
    background-repeat: no-repeat;
    background-image: url("assets/image/how_it_works__17nz0hgx2uqu_large.jpg");
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

@media only screen and (max-width: 1068px) {
    .section-network .image-hardware {
        width: 485px;
        height: 499px;
        background-size: 485px 499px;
        background-repeat: no-repeat;
        background-image: url("assets/image/how_it_works__17nz0hgx2uqu_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-network .image-hardware {
        width: 334px;
        height: 343px;
        background-size: 334px 343px;
        background-repeat: no-repeat;
        background-image: url("assets/image/how_it_works__17nz0hgx2uqu_small.jpg")
    }
}

@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
    .section-network .image-hardware {
        width: 678px;
        height: 696px;
        background-size: 678px 696px;
        background-repeat: no-repeat;
        background-image: url("assets/image/how_it_works__17nz0hgx2uqu_large.jpg");
        -webkit-mask-size: 678px 696px;
        mask-size: 678px 696px;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("assets/image/how_it_works_mask__f6xwcwplnwi2_large.png");
        mask-image: url("assets/image/how_it_works_mask__f6xwcwplnwi2_large.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-network .image-hardware {
        width: 485px;
        height: 499px;
        background-size: 485px 499px;
        background-repeat: no-repeat;
        background-image: url("assets/image/how_it_works__17nz0hgx2uqu_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    @supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
        .section-network .image-hardware {
            width: 485px;
            height: 499px;
            background-size: 485px 499px;
            background-repeat: no-repeat;
            background-image: url("assets/image/how_it_works__17nz0hgx2uqu_medium.jpg");
            -webkit-mask-size: 485px 499px;
            mask-size: 485px 499px;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-image: url("assets/image/how_it_works_mask__f6xwcwplnwi2_medium.png");
            mask-image: url("assets/image/how_it_works_mask__f6xwcwplnwi2_medium.png")
        }
    }
}

@media only screen and (max-width: 734px) {
    .section-network .image-hardware {
        width: 334px;
        height: 343px;
        background-size: 334px 343px;
        background-repeat: no-repeat;
        background-image: url("assets/image/how_it_works__17nz0hgx2uqu_small.jpg")
    }
}

@media only screen and (max-width: 734px) {
    @supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
        .section-network .image-hardware {
            width: 334px;
            height: 343px;
            background-size: 334px 343px;
            background-repeat: no-repeat;
            background-image: url("assets/image/how_it_works__17nz0hgx2uqu_small.jpg");
            -webkit-mask-size: 334px 343px;
            mask-size: 334px 343px;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-image: url("assets/image/how_it_works_mask__f6xwcwplnwi2_small.png");
            mask-image: url("assets/image/how_it_works_mask__f6xwcwplnwi2_small.png")
        }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 1.5dppx),
        (-webkit-min-device-pixel-ratio: 1.5),
        (min-resolution: 144dpi) {
            .section-network .image-hardware {
                background-image: url("assets/image/how_it_works__17nz0hgx2uqu_small_2x.jpg")
            }
        }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 1.5dppx),
        (-webkit-min-device-pixel-ratio: 1.5),
        (min-resolution: 144dpi) {
            .section-network .image-hardware {
                -webkit-mask-image: url("assets/image/how_it_works_mask__f6xwcwplnwi2_small_2x.png");
                mask-image: url("assets/image/how_it_works_mask__f6xwcwplnwi2_small_2x.png")
            }
        }
    }
}

.section-network .column-image-lost-mode {
    margin-top: 53px
}

@media only screen and (max-width: 1068px) {
    .section-network .column-image-lost-mode {
        margin-top: 21px
    }
}

@media only screen and (max-width: 734px) {
    .section-network .column-image-lost-mode {
        margin-top: 36px
    }
}

.section-network .column-copy-lost-mode {
    margin-top: -73px
}

@media only screen and (max-width: 1068px) {
    .section-network .column-copy-lost-mode {
        margin-top: -51px
    }
}

@media only screen and (max-width: 734px) {
    .section-network .column-copy-lost-mode {
        margin-top: -55px
    }
}

.section-network .image-lost-mode {
    width: 613px;
    height: 909px;
    background-size: 613px 909px;
    background-repeat: no-repeat;
    background-image: url("assets/image/lost_mode__esis7dt3peky_large.jpg");
    position: relative;
    left: 50%;
    margin-left: -306.5px;
    z-index: 1
}

@media only screen and (max-width: 1068px) {
    .section-network .image-lost-mode {
        width: 435px;
        height: 637px;
        background-size: 435px 637px;
        background-repeat: no-repeat;
        background-image: url("assets/image/lost_mode__esis7dt3peky_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-network .image-lost-mode {
        width: 390px;
        height: 590px;
        background-size: 390px 590px;
        background-repeat: no-repeat;
        background-image: url("assets/image/lost_mode__esis7dt3peky_small.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-network .image-lost-mode {
        left: 50%;
        margin-left: -217.5px
    }
}

@media only screen and (max-width: 734px) {
    .section-network .image-lost-mode {
        left: 50%;
        margin-left: -195px
    }
}

@media only screen and (max-width: 734px) {
    .section-network .image-lost-mode {
        margin-left: -120px
    }
}

.section-privacy {
    overflow: hidden;
    margin-top: 142px;
    padding-bottom: 0px
}

@media only screen and (max-width: 1068px) {
    .section-privacy {
        margin-top: 92px
    }
}

@media only screen and (max-width: 734px) {
    .section-privacy {
        margin-top: 69px
    }
}

@media only screen and (max-width: 1068px) {
    .section-privacy {
        padding-bottom: 0px
    }
}

@media only screen and (max-width: 734px) {
    .section-privacy {
        padding-bottom: 69px
    }
}

.section-privacy .row-privacy {
    text-align: center
}

@media only screen and (max-width: 734px) {
    .section-privacy .row-privacy {
        text-align: left
    }
}

.section-privacy .column-image-privacy {
    margin-top: 90px
}

@media only screen and (max-width: 1068px) {
    .section-privacy .column-image-privacy {
        margin-top: 57px
    }
}

@media only screen and (max-width: 734px) {
    .section-privacy .column-image-privacy {
        margin-top: 60px
    }
}

.section-privacy .column-copy-privacy {
    margin-top: 0px;
    text-align: left
}

@media only screen and (max-width: 1068px) {
    .section-privacy .column-copy-privacy {
        margin-top: -75px
    }
}

@media only screen and (max-width: 734px) {
    .section-privacy .column-copy-privacy {
        margin-top: 0px
    }
}

.section-privacy .column-copy-privacy strong {
    color: #1d1d1f
}

.section-privacy .image-privacy {
    width: 613px;
    height: 909px;
    background-size: 613px 909px;
    background-repeat: no-repeat;
    background-image: url("assets/image/privacy__gdefyjhwlb22_large.jpg");
    position: relative;
    left: 50%;
    margin-left: -283.5px;
    z-index: 1;
    margin-top: 14px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-privacy .image-privacy {
        background-image: url("assets/image/privacy__gdefyjhwlb22_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-privacy .image-privacy {
        width: 435px;
        height: 637px;
        background-size: 435px 637px;
        background-repeat: no-repeat;
        background-image: url("assets/image/privacy__gdefyjhwlb22_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-privacy .image-privacy {
        width: 390px;
        height: 590px;
        background-size: 390px 590px;
        background-repeat: no-repeat;
        background-image: url("assets/image/privacy__gdefyjhwlb22_small.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-privacy .image-privacy {
        left: 50%;
        margin-left: -217.5px
    }
}

@media only screen and (max-width: 734px) {
    .section-privacy .image-privacy {
        left: 50%;
        margin-left: -195px
    }
}

@media only screen and (max-width: 1068px) {
    .section-privacy .image-privacy {
        margin-top: 0;
        margin-left: -150px
    }
}

@media only screen and (max-width: 734px) {
    .section-privacy .image-privacy {
        margin-bottom: 34px;
        margin-left: -120px
    }
}

.section-more-features {
    overflow-x: hidden
}

.section-more-features .column-copy-ios {
    margin-top: 106px;
    z-index: 2
}

@media only screen and (max-width: 1068px) {
    .section-more-features .column-copy-ios {
        margin-top: 52px
    }
}

@media only screen and (max-width: 734px) {
    .section-more-features .column-copy-ios {
        margin-top: -12px
    }
}

@media only screen and (max-width: 734px) {
    .section-more-features .column-copy-ios {
        margin-bottom: 52px
    }
}

@media only screen and (max-width: 734px) {
    .section-more-features .body-copy p:nth-child(2) {
        max-width: 180px
    }
    .section-more-features .body-copy p:nth-child(2) a::before,
    .section-more-features .body-copy p:nth-child(2) a::after {
        content: ' ';
        display: table
    }
    .section-more-features .body-copy p:nth-child(2) a::after {
        clear: both
    }
}

.section-more-features .image-ios {
    width: 863px;
    height: 987px;
    background-size: 863px 987px;
    background-repeat: no-repeat;
    background-image: url("assets/image/simple_setup__czpley16ao02_large.jpg");
    position: relative;
    margin-left: -80px
}

@media only screen and (max-width: 1068px) {
    .section-more-features .image-ios {
        width: 595px;
        height: 674px;
        background-size: 595px 674px;
        background-repeat: no-repeat;
        background-image: url("assets/image/simple_setup__czpley16ao02_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-more-features .image-ios {
        width: 315px;
        height: 369px;
        background-size: 315px 369px;
        background-repeat: no-repeat;
        background-image: url("assets/image/simple_setup__czpley16ao02_small.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-more-features .image-ios {
        margin-left: -70px
    }
}

@media only screen and (max-width: 734px) {
    .section-more-features .image-ios {
        margin-left: 0px
    }
}

@media only screen and (max-width: 734px) {
    .section-more-features .image-ios {
        left: 50%;
        margin-left: -157.5px;
        position: relative;
        z-index: 1;
        height: 369px;
        margin-left: -130px
    }
}

.section-more-features .image-ios .inline-video-container {
    width: 182px;
    height: 182px;
    position: absolute;
    left: 50%;
    margin-left: -91px
}

@media only screen and (max-width: 1068px) {
    .section-more-features .image-ios .inline-video-container {
        width: 126px;
        height: 126px
    }
}

@media only screen and (max-width: 734px) {
    .section-more-features .image-ios .inline-video-container {
        width: 66px;
        height: 66px
    }
}

@media only screen and (max-width: 1068px) {
    .section-more-features .image-ios .inline-video-container {
        left: 50%;
        margin-left: -63px
    }
}

@media only screen and (max-width: 734px) {
    .section-more-features .image-ios .inline-video-container {
        left: 50%;
        margin-left: -33px
    }
}

.section-more-features .image-ios .image-startframe {
    width: 182px;
    height: 182px;
    background-size: 182px 182px;
    background-repeat: no-repeat;
    background-image: url("assets/image/simple_setup_startframe__fsv1e0pgl722_large.jpg")
}

@media only screen and (max-width: 1068px) {
    .section-more-features .image-ios .image-startframe {
        width: 126px;
        height: 126px;
        background-size: 126px 126px;
        background-repeat: no-repeat;
        background-image: url("assets/image/simple_setup_startframe__fsv1e0pgl722_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-more-features .image-ios .image-startframe {
        width: 66px;
        height: 66px;
        background-size: 66px 66px;
        background-repeat: no-repeat;
        background-image: url("assets/image/simple_setup_startframe__fsv1e0pgl722_small.jpg")
    }
}

html.text-zoom .section-more-features .image-ios {
    margin-left: -280px
}

.section-more-features .image-ios .inline-video-container {
    margin-left: auto;
    top: 464px;
    left: 176px
}

@media only screen and (max-width: 1068px) {
    .section-more-features .image-ios .inline-video-container {
        margin-left: auto;
        top: 320px;
        left: 120px
    }
}

@media only screen and (max-width: 734px) {
    .section-more-features .image-ios .inline-video-container {
        margin-left: auto;
        top: 170px;
        left: 66px
    }
}

.section-tiles {
    text-align: center;
    padding-top: 150px;
    padding-bottom: 118px
}

@media only screen and (max-width: 1068px) {
    .section-tiles {
        padding-top: 82px;
        padding-bottom: 82px
    }
}

@media only screen and (max-width: 734px) {
    .section-tiles {
        padding-top: 58px;
        padding-bottom: 70px;
        text-align: left
    }
}

.section-tiles .tile-copy {
    margin-top: 1.55em
}

.section-tiles .tile-copy p {
    margin: 0px 20px
}

@media only screen and (max-width: 734px) {
    .section-tiles .tile-copy p {
        margin: -0.8em 0px 0px 0px
    }
}

@media only screen and (max-width: 1068px) {
    .section-tiles .column-tiles {
        margin-left: auto;
        margin-right: auto;
        max-width: 400px
    }
}

@media only screen and (max-width: 734px) {
    .section-tiles .column-tiles {
        max-width: none
    }
}

.section-tiles .tile-image {
    z-index: 1
}

@media only screen and (max-width: 734px) {
    .section-tiles .tile-image {
        left: 0;
        margin-left: 0
    }
}

@media only screen and (max-width: 734px) {
    .section-tiles .tile-image {
        position: relative;
        z-index: 1
    }
}

.section-tiles .image-icon-battery {
    margin-top: 18px;
    margin-bottom: 28px;
    width: 87px;
    height: 40px;
    background-size: 87px 40px;
    background-repeat: no-repeat;
    background-image: url("assets/image/icon_battery__8asi9d3yjcy2_large.jpg")
}

@media only screen and (max-width: 1068px) {
    .section-tiles .image-icon-battery {
        margin-top: 33px;
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 734px) {
    .section-tiles .image-icon-battery {
        margin-top: 19px;
        margin-bottom: 26px
    }
}

@media only screen and (max-width: 1068px) {
    .section-tiles .image-icon-battery {
        width: 78px;
        height: 36px;
        background-size: 78px 36px;
        background-repeat: no-repeat;
        background-image: url("assets/image/icon_battery__8asi9d3yjcy2_medium.jpg")
    }
}

@media only screen and (min-width: 735px) {
    .section-tiles .image-icon-battery {
        position: relative;
        left: 50%;
        margin-left: -43.5px
    }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-tiles .image-icon-battery {
        left: 50%;
        margin-left: -39px
    }
}

.section-tiles .image-icon-water-resistant {
    margin-top: 0px;
    margin-bottom: 26px;
    width: 44px;
    height: 60px;
    background-size: 44px 60px;
    background-repeat: no-repeat;
    background-image: url("assets/image/icon_water_resistant__fcypr5sqsdm6_large.jpg")
}

@media only screen and (max-width: 1068px) {
    .section-tiles .image-icon-water-resistant {
        margin-top: 15px;
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 734px) {
    .section-tiles .image-icon-water-resistant {
        margin-top: 55px;
        margin-bottom: 26px
    }
}

@media only screen and (max-width: 1068px) {
    .section-tiles .image-icon-water-resistant {
        width: 39px;
        height: 54px;
        background-size: 39px 54px;
        background-repeat: no-repeat;
        background-image: url("assets/image/icon_water_resistant__fcypr5sqsdm6_medium.jpg")
    }
}

@media only screen and (min-width: 735px) {
    .section-tiles .image-icon-water-resistant {
        position: relative;
        left: 50%;
        margin-left: -22px
    }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-tiles .image-icon-water-resistant {
        left: 50%;
        margin-left: -19.5px
    }
}

.section-tiles .image-icon-engraving {
    margin-top: 3px;
    margin-bottom: 31px;
    width: 167px;
    height: 53px;
    background-size: 167px 53px;
    background-repeat: no-repeat;
    background-image: url("assets/image/icon_emoji_it__b04d65ozfhiu_large.jpg")
}

@media only screen and (max-width: 1068px) {
    .section-tiles .image-icon-engraving {
        margin-top: 80px;
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 734px) {
    .section-tiles .image-icon-engraving {
        margin-top: 56px;
        margin-bottom: 27px
    }
}

@media only screen and (max-width: 1068px) {
    .section-tiles .image-icon-engraving {
        width: 153px;
        height: 49px;
        background-size: 153px 49px;
        background-repeat: no-repeat;
        background-image: url("assets/image/icon_emoji_it__b04d65ozfhiu_medium.jpg")
    }
}

@media only screen and (min-width: 735px) {
    .section-tiles .image-icon-engraving {
        position: relative;
        left: 50%;
        margin-left: -84px
    }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-tiles .image-icon-engraving {
        left: 50%;
        margin-left: -75.5px
    }
}

@media only screen and (min-width: 735px) and (max-width: 734px) {
    .section-tiles .image-icon-engraving {
        left: 50%;
        margin-left: -85px
    }
}

.section-ar {
    background-color: #f5f5f7
}

@media only screen and (max-width: 734px) {
    .section-ar {
        margin-bottom: 11px
    }
}

.section-ar .logo-ar {
    width: 55px;
    height: 63px;
    background-size: 55px 63px;
    background-repeat: no-repeat;
    background-image: url("assets/image/icon_ar__ghu8z4mr9wey_large.jpg");
    margin-top: 190px;
    margin-bottom: 24px
}

@media only screen and (max-width: 1068px) {
    .section-ar .logo-ar {
        width: 46px;
        height: 53px;
        background-size: 46px 53px;
        background-repeat: no-repeat;
        background-image: url("assets/image/icon_ar__ghu8z4mr9wey_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-ar .logo-ar {
        margin-top: 153px;
        margin-bottom: 16px
    }
}

@media only screen and (max-width: 734px) {
    .section-ar .logo-ar {
        margin-top: 74px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 734px) {
    .section-ar .ar-copy-body {
        text-align: center
    }
}

.section-ar .ar-copy {
    margin-top: 1.4em
}

@media only screen and (max-width: 1068px) {
    .section-ar .ar-copy {
        margin-top: 1.1em
    }
}

@media only screen and (max-width: 734px) {
    .section-ar .ar-copy {
        margin-top: 1.1em
    }
}

.section-ar .image-ar {
    margin-top: 97px;
    width: 369px;
    height: 548px;
    background-size: 369px 548px;
    background-repeat: no-repeat;
    background-image: url("assets/image/ar__dgqrg10ifsya_large.jpg")
}

@media only screen and (max-width: 1068px) {
    .section-ar .image-ar {
        margin-top: 74px
    }
}

@media only screen and (max-width: 734px) {
    .section-ar .image-ar {
        margin-top: 41px
    }
}

@media only screen and (max-width: 1068px) {
    .section-ar .image-ar {
        width: 290px;
        height: 430px;
        background-size: 290px 430px;
        background-repeat: no-repeat;
        background-image: url("assets/image/ar__dgqrg10ifsya_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-ar .image-ar {
        width: 234px;
        height: 348px;
        background-size: 234px 348px;
        background-repeat: no-repeat;
        background-image: url("assets/image/ar__dgqrg10ifsya_small.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-ar .image-ar {
        position: relative;
        left: 50%;
        margin-left: -184.5px
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) {
    .section-ar .image-ar {
        left: 50%;
        margin-left: -145px
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .section-ar .image-ar {
        left: 50%;
        margin-left: -117px
    }
}

.section-accessories {
    width: calc(100% - 172px);
    max-width: 1268px;
    margin-bottom: 86px;
    text-align: center
}

@media only screen and (max-width: 1068px) {
    .section-accessories {
        width: calc(100% - 100px);
        max-width: 1340px;
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 734px) {
    .section-accessories {
        width: calc(100% - 22px);
        max-width: 1418px;
        margin-bottom: 11px
    }
}

@media only screen and (max-width: 734px) {
    .section-accessories {
        margin-left: auto;
        margin-right: auto
    }
}

.section-accessories .background-wrapper {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #f5f5f7;
    overflow: hidden
}

@media only screen and (max-width: 734px) {
    .section-accessories .background-wrapper .row {
        display: block
    }
}

.section-accessories .accessories-copy-body {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 91px
}

@media only screen and (max-width: 734px) {
    .section-accessories .accessories-copy-body {
        margin-top: 44px;
        padding-bottom: 40px;
        text-align: center;
        width: 282px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px
    }
}

.section-accessories .accessories-copy {
    margin-top: 23px
}

@media only screen and (max-width: 1068px) {
    .section-accessories .accessories-copy {
        margin-top: 17px
    }
}

@media only screen and (max-width: 734px) {
    .section-accessories .accessories-copy {
        margin-top: 19px
    }
}

.section-accessories .accessories-copy p+p {
    margin-top: 1.3em
}

@media only screen and (max-width: 734px) {
    .section-accessories .accessories-copy p+p {
        margin-top: 1.45em
    }
}

.section-accessories .image-content {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1440px
}

.section-accessories .image-wrapper {
    display: grid;
    grid-auto-rows: auto;
    gap: 0px;
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 0px;
    margin-top: 50px
}

.section-accessories .image-wrapper .tile-image {
    width: 100%;
    padding-bottom: 47.75414%;
    background-size: cover
}

@media only screen and (max-width: 1068px) {
    .section-accessories .image-wrapper {
        display: grid;
        grid-auto-rows: auto;
        gap: 0px;
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 0px
    }
    .section-accessories .image-wrapper .tile-image {
        width: 100%;
        padding-bottom: 47.74115%;
        background-size: cover
    }
}

@media only screen and (max-width: 734px) {
    .section-accessories .image-wrapper {
        display: grid;
        grid-auto-rows: auto;
        gap: 0px;
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 0px
    }
    .section-accessories .image-wrapper .tile-image {
        width: 100%;
        padding-bottom: 42.52717%;
        background-size: cover
    }
}

@media only screen and (max-width: 1068px) {
    .section-accessories .image-wrapper {
        margin-top: 17px
    }
}

@media only screen and (max-width: 734px) {
    .section-accessories .image-wrapper {
        margin-top: -6px
    }
}

@media only screen and (max-width: 734px) {
    .section-accessories .image-wrapper .image-accessories {
        background-size: 736px 313px;
        background-position: center top;
        padding-bottom: 313px
    }
}

.section-accessories .image-accessories {
    z-index: -1;
    background-repeat: no-repeat;
    background-image: url("assets/image/accessories__b5tnbtsuh50i_large.jpg")
}

@media only screen and (max-width: 1068px) {
    .section-accessories .image-accessories {
        background-repeat: no-repeat;
        background-image: url("assets/image/accessories__b5tnbtsuh50i_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-accessories .image-accessories {
        background-repeat: no-repeat;
        background-image: url("assets/image/accessories__b5tnbtsuh50i_small.jpg")
    }
}

.section-hermes {
    margin-bottom: 38px;
    text-align: center;
    width: calc(100% - 172px);
    max-width: 1268px
}

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

@media only screen and (max-width: 734px) {
    .section-hermes {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 12px
    }
}

@media only screen and (max-width: 1068px) {
    .section-hermes {
        width: calc(100% - 100px);
        max-width: 1340px
    }
}

@media only screen and (max-width: 734px) {
    .section-hermes {
        width: calc(100% - 22px);
        max-width: 1418px
    }
}

.section-hermes .background-wrapper {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #fcf8f5
}

@media only screen and (max-width: 734px) {
    .section-hermes .background-wrapper {
        padding: 0 0 50px
    }
}

.section-hermes .section-content {
    max-width: none
}

.section-hermes .hermes-copy-body {
    margin-top: 90px
}

@media only screen and (max-width: 734px) {
    .section-hermes .hermes-copy-body {
        margin-top: 40px;
        max-width: 358px
    }
}

.section-hermes .headline-hermes {
    width: 525px;
    height: 73px;
    background-size: 525px 73px;
    background-repeat: no-repeat;
    background-image: url("assets/image/logo_hermes__c5zzcpbf1hm6_large.jpg");
    position: relative;
    left: 50%;
    margin-left: -262.5px;
    z-index: 1;
    margin-top: 10px;
    margin-bottom: 23px
}

@media only screen and (max-width: 1068px) {
    .section-hermes .headline-hermes {
        width: 331px;
        height: 50px;
        background-size: 331px 50px;
        background-repeat: no-repeat;
        background-image: url("assets/image/logo_hermes__c5zzcpbf1hm6_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-hermes .headline-hermes {
        width: 269px;
        height: 41px;
        background-size: 269px 41px;
        background-repeat: no-repeat;
        background-image: url("assets/image/logo_hermes__c5zzcpbf1hm6_small.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-hermes .headline-hermes {
        left: 50%;
        margin-left: -165.5px
    }
}

@media only screen and (max-width: 734px) {
    .section-hermes .headline-hermes {
        left: 50%;
        margin-left: -134.5px
    }
}

@media only screen and (max-width: 1068px) {
    .section-hermes .headline-hermes {
        margin-bottom: 17px
    }
}

@media only screen and (max-width: 734px) {
    .section-hermes .headline-hermes {
        margin-bottom: 14px
    }
}

.section-hermes .hermes-copy {
    margin: 0 auto 28px
}

@media only screen and (max-width: 1068px) {
    .section-hermes .hermes-copy {
        margin-bottom: 21px
    }
}

@media only screen and (max-width: 734px) {
    .section-hermes .hermes-copy {
        margin-bottom: 20px
    }
}

.section-hermes .image-content {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 60px);
    max-width: calc(1440px - 60px);
    margin-top: 74px
}

@media only screen and (max-width: 1068px) {
    .section-hermes .image-content {
        width: calc(100% - 40px);
        max-width: calc(1440px - 40px)
    }
}

@media only screen and (max-width: 734px) {
    .section-hermes .image-content {
        width: calc(100% - 22px);
        max-width: calc(1440px - 22px)
    }
}

@media only screen and (max-width: 1068px) {
    .section-hermes .image-content {
        margin-top: 44px
    }
}

.section-hermes .image-wrapper {
    display: grid;
    grid-auto-rows: auto;
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 30px
}

.section-hermes .image-wrapper .tile-image {
    width: 100%;
    padding-bottom: 133.24607%;
    background-size: cover
}

@media only screen and (max-width: 1068px) {
    .section-hermes .image-wrapper {
        display: grid;
        grid-auto-rows: auto;
        gap: 20px;
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 20px
    }
    .section-hermes .image-wrapper .tile-image {
        width: 100%;
        padding-bottom: 133.60324%;
        background-size: cover
    }
}

@media only screen and (max-width: 734px) {
    .section-hermes .image-wrapper {
        display: grid;
        grid-auto-rows: auto;
        gap: 11px;
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 11px
    }
    .section-hermes .image-wrapper .tile-image {
        width: 100%;
        padding-bottom: 133.23944%;
        background-size: cover
    }
}

.section-hermes .image-hermes-01 {
    background-repeat: no-repeat;
    background-image: url("assets/image/airtag_hermes_01__e1rm0ecara0y_large.jpg")
}

@media only screen and (max-width: 1068px) {
    .section-hermes .image-hermes-01 {
        background-repeat: no-repeat;
        background-image: url("assets/image/airtag_hermes_01__e1rm0ecara0y_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-hermes .image-hermes-01 {
        background-repeat: no-repeat;
        background-image: url("assets/image/airtag_hermes_01__e1rm0ecara0y_small.jpg")
    }
}

.section-hermes .image-hermes-02 {
    background-repeat: no-repeat;
    background-image: url("assets/image/airtag_hermes_02__b0k5i9fie92a_large.jpg")
}

@media only screen and (max-width: 1068px) {
    .section-hermes .image-hermes-02 {
        background-repeat: no-repeat;
        background-image: url("assets/image/airtag_hermes_02__b0k5i9fie92a_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-hermes .image-hermes-02 {
        background-repeat: no-repeat;
        background-image: url("assets/image/airtag_hermes_02__b0k5i9fie92a_small.jpg")
    }
}

.section-hermes .image-hermes-03 {
    background-repeat: no-repeat;
    background-image: url("assets/image/airtag_hermes_03__fl2m2skc8eye_large.jpg")
}

@media only screen and (max-width: 1068px) {
    .section-hermes .image-hermes-03 {
        background-repeat: no-repeat;
        background-image: url("assets/image/airtag_hermes_03__fl2m2skc8eye_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-hermes .image-hermes-03 {
        background-repeat: no-repeat;
        background-image: url("assets/image/airtag_hermes_03__fl2m2skc8eye_small.jpg")
    }
}

.section-tech-specs {
    padding-bottom: 76px
}

@media only screen and (max-width: 1068px) {
    .section-tech-specs {
        padding-bottom: 52px
    }
}

@media only screen and (max-width: 734px) {
    .section-tech-specs {
        padding-bottom: 40px
    }
}

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

.section-tech-specs .accordion {
    border-bottom: 1px solid #d2d2d7
}

.section-tech-specs .tech-specs {
    margin-top: -22px
}

@media only screen and (max-width: 1068px) {
    .section-tech-specs .tech-specs {
        margin-top: -30px
    }
}

html.text-zoom .section-tech-specs .techspecs.with-1-column .techspecs-columnheader,
html.text-zoom .section-tech-specs .techspecs.with-1-column .techspecs-column {
    width: 60%
}

html.text-zoom .section-tech-specs .techspecs-columnheader,
html.text-zoom .section-tech-specs .techspecs-column {
    margin-left: 15%
}

.section-tech-specs .techspecs-section {
    border-top: 1px solid #d2d2d7;
    padding-top: 50px;
    padding-bottom: 44px
}

@media only screen and (max-width: 1068px) {
    .section-tech-specs .techspecs-section {
        padding-top: 32px;
        padding-bottom: 28px
    }
}

.section-tech-specs .techspecs-section.section-size-and-weight {
    border-top: none
}

@media only screen and (max-width: 734px) {
    .section-tech-specs .techspecs-rowheader {
        padding-bottom: 14px;
        border-bottom: 1px solid #d2d2d7
    }
}

.section-tech-specs .title {
    font-weight: 600;
    margin-bottom: .8em
}

.section-tech-specs .section-accessibility ul {
    list-style-type: disc;
    margin-left: 1.17647em
}

.section-tech-specs .section-accessibility li:first-child {
    margin-top: .4em
}

.section-tech-specs .section-size-and-weight .hardware-diagram,
.section-tech-specs .section-size-and-weight .size-wrapper {
    margin-top: 52px
}

@media only screen and (max-width: 734px) {
    .section-tech-specs .section-size-and-weight .hardware-diagram,
    .section-tech-specs .section-size-and-weight .size-wrapper {
        margin-top: 25px
    }
}

.section-tech-specs .section-size-and-weight .airtag-measurements {
    position: relative;
    width: 194px;
    height: 194px;
    background-size: 194px 194px;
    background-repeat: no-repeat;
    background-image: url("assets/image/tech_specs__cuo48otkwpme_large.jpg")
}

.section-tech-specs .section-size-and-weight .airtag-measurements .caption {
    text-align: center;
    position: absolute;
    display: block;
    width: 63px;
    color: #86868b
}

.section-tech-specs .section-size-and-weight .airtag-measurements .caption-width {
    bottom: 194px;
    left: 54px;
    padding-bottom: 5px
}

.section-tech-specs .section-size-and-weight .airtag-measurements .caption-height {
    left: 194px;
    top: 89px;
    padding-left: 5px
}

.section-tech-specs .section-size-and-weight .diagram-text {
    margin: 0
}

.section-tech-specs .section-size-and-weight .size-wrapper {
    margin-bottom: 24px
}

@media only screen and (max-width: 734px) {
    .section-tech-specs .section-system-requirements {
        margin-bottom: 24px
    }
}

.section-tech-specs .callout-environment {
    margin-top: 10px;
    margin-bottom: 38px;
    background-size: 25px 30px;
    background-repeat: no-repeat;
    background-image: url("assets/image/logo_environment__co4ngq34bzki_large.jpg");
    background-position: top 38px right 38px
}

@media only screen and (max-width: 1068px) {
    .section-tech-specs .callout-environment {
        margin-top: 0;
        margin-bottom: 18px
    }
}

.section-tech-specs .callout-environment .environment-header {
    max-width: 530px;
    margin-bottom: 18px
}

.section-tech-specs .callout-environment .environment-heading {
    font-weight: 600
}

@media only screen and (max-width: 734px) {
    .section-tech-specs .callout-environment .callout-title {
        max-width: 80%
    }
}

@media only screen and (max-width: 734px) {
    .section-tech-specs .callout-environment .callout-copy a::before,
    .section-tech-specs .callout-environment .callout-copy a::after {
        content: ' ';
        display: table
    }
    .section-tech-specs .callout-environment .callout-copy a::after {
        clear: both
    }
}

.section-tech-specs .callout-environment p .icon-wrapper {
    display: inline-block
}

.section-tech-specs .callout-environment h5+* {
    margin-top: 0
}

.section-tech-specs .callout-environment .environment-list {
    list-style: disc;
    margin-top: 14px
}

@media only screen and (max-width: 734px) {
    .section-tech-specs .callout-environment .environment-list {
        margin-bottom: 26px
    }
}

.section-tech-specs .callout-environment .environment-list li {
    margin-bottom: 6px
}