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
}
}
@media only screen and (max-width: 320px) {
.xsmall-justify-content-start {
justify-content: flex-start
}
.xsmall-justify-content-end {
justify-content: flex-end
}
.xsmall-justify-content-center {
justify-content: center
}
.xsmall-justify-content-spacebetween {
justify-content: space-between
}
.xsmall-justify-content-spacearound {
justify-content: space-around
}
.xsmall-justify-content-spaceevenly {
justify-content: space-evenly
}
.xsmall-align-items-start {
align-items: flex-start
}
.xsmall-align-items-center {
align-items: center
}
.xsmall-align-items-end {
align-items: flex-end
}
.xsmall-align-self-start {
align-self: flex-start
}
.xsmall-align-self-center {
align-self: center
}
.xsmall-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
}
}
@media only screen and (max-width: 320px) {
.xsmall-offset-0 {
margin-left: 0
}
.xsmall-order-0 {
order: 0
}
.xsmall-1 {
flex-basis: 8.33333%;
max-width: 8.33333%
}
.xsmall-offset-1 {
margin-left: 8.33333%
}
.xsmall-order-1 {
order: 1
}
.xsmall-2 {
flex-basis: 16.66667%;
max-width: 16.66667%
}
.xsmall-offset-2 {
margin-left: 16.66667%
}
.xsmall-order-2 {
order: 2
}
.xsmall-3 {
flex-basis: 25%;
max-width: 25%
}
.xsmall-offset-3 {
margin-left: 25%
}
.xsmall-order-3 {
order: 3
}
.xsmall-4 {
flex-basis: 33.33333%;
max-width: 33.33333%
}
.xsmall-offset-4 {
margin-left: 33.33333%
}
.xsmall-order-4 {
order: 4
}
.xsmall-5 {
flex-basis: 41.66667%;
max-width: 41.66667%
}
.xsmall-offset-5 {
margin-left: 41.66667%
}
.xsmall-order-5 {
order: 5
}
.xsmall-6 {
flex-basis: 50%;
max-width: 50%
}
.xsmall-offset-6 {
margin-left: 50%
}
.xsmall-order-6 {
order: 6
}
.xsmall-7 {
flex-basis: 58.33333%;
max-width: 58.33333%
}
.xsmall-offset-7 {
margin-left: 58.33333%
}
.xsmall-order-7 {
order: 7
}
.xsmall-8 {
flex-basis: 66.66667%;
max-width: 66.66667%
}
.xsmall-offset-8 {
margin-left: 66.66667%
}
.xsmall-order-8 {
order: 8
}
.xsmall-9 {
flex-basis: 75%;
max-width: 75%
}
.xsmall-offset-9 {
margin-left: 75%
}
.xsmall-order-9 {
order: 9
}
.xsmall-10 {
flex-basis: 83.33333%;
max-width: 83.33333%
}
.xsmall-offset-10 {
margin-left: 83.33333%
}
.xsmall-order-10 {
order: 10
}
.xsmall-11 {
flex-basis: 91.66667%;
max-width: 91.66667%
}
.xsmall-offset-11 {
margin-left: 91.66667%
}
.xsmall-order-11 {
order: 11
}
.xsmall-12 {
flex-basis: 100%;
max-width: 100%
}
.xsmall-offset-12 {
margin-left: 100%
}
.xsmall-order-12 {
order: 12
}
.xsmall-centered {
margin-left: auto;
margin-right: auto
}
.xsmall-uncentered {
margin-left: 0;
margin-right: 0
}
.xsmall-last {
margin-left: auto
}
.xsmall-notlast {
margin-left: 0
}
.xsmall-grow {
flex: auto;
max-width: initial
}
.xsmall-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
}
}
@media only screen and (max-width: 320px) {
.row-reverse .xsmall-offset-0 {
margin-right: 0
}
.row-reverse .xsmall-offset-1 {
margin-right: 8.33333%
}
.row-reverse .xsmall-offset-2 {
margin-right: 16.66667%
}
.row-reverse .xsmall-offset-3 {
margin-right: 25%
}
.row-reverse .xsmall-offset-4 {
margin-right: 33.33333%
}
.row-reverse .xsmall-offset-5 {
margin-right: 41.66667%
}
.row-reverse .xsmall-offset-6 {
margin-right: 50%
}
.row-reverse .xsmall-offset-7 {
margin-right: 58.33333%
}
.row-reverse .xsmall-offset-8 {
margin-right: 66.66667%
}
.row-reverse .xsmall-offset-9 {
margin-right: 75%
}
.row-reverse .xsmall-offset-10 {
margin-right: 83.33333%
}
.row-reverse .xsmall-offset-11 {
margin-right: 91.66667%
}
.row-reverse .xsmall-offset-12 {
margin-right: 100%
}
.row-reverse .xsmall-last {
margin-right: auto
}
.row-reverse .xsmall-notlast {
margin-right: 0
}
}
.grid {
margin-left: auto;
margin-right: auto;
grid-column-gap: 24px;
grid-row-gap: 24px;
padding-left: 24px;
padding-right: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr))
}
.grid .grid {
height: 100%;
padding-left: 0;
padding-right: 0
}
.grid-item {
position: relative;
box-sizing: border-box
}
.large-span-0 {
grid-column: span 0
}
.large-span-1 {
grid-column: span 1
}
.large-span-2 {
grid-column: span 2
}
.large-span-3 {
grid-column: span 3
}
.large-span-4 {
grid-column: span 4
}
.large-span-5 {
grid-column: span 5
}
.large-span-6 {
grid-column: span 6
}
.large-span-7 {
grid-column: span 7
}
.large-span-8 {
grid-column: span 8
}
.large-span-9 {
grid-column: span 9
}
.large-span-10 {
grid-column: span 10
}
.large-span-11 {
grid-column: span 11
}
.large-span-12 {
grid-column: span 12
}
@media only screen and (min-width: 1441px) {
.xlarge-span-0 {
grid-column: span 0
}
.xlarge-span-1 {
grid-column: span 1
}
.xlarge-span-2 {
grid-column: span 2
}
.xlarge-span-3 {
grid-column: span 3
}
.xlarge-span-4 {
grid-column: span 4
}
.xlarge-span-5 {
grid-column: span 5
}
.xlarge-span-6 {
grid-column: span 6
}
.xlarge-span-7 {
grid-column: span 7
}
.xlarge-span-8 {
grid-column: span 8
}
.xlarge-span-9 {
grid-column: span 9
}
.xlarge-span-10 {
grid-column: span 10
}
.xlarge-span-11 {
grid-column: span 11
}
.xlarge-span-12 {
grid-column: span 12
}
}
@media only screen and (max-width: 1068px) {
.medium-span-0 {
grid-column: span 0
}
.medium-span-1 {
grid-column: span 1
}
.medium-span-2 {
grid-column: span 2
}
.medium-span-3 {
grid-column: span 3
}
.medium-span-4 {
grid-column: span 4
}
.medium-span-5 {
grid-column: span 5
}
.medium-span-6 {
grid-column: span 6
}
.medium-span-7 {
grid-column: span 7
}
.medium-span-8 {
grid-column: span 8
}
.medium-span-9 {
grid-column: span 9
}
.medium-span-10 {
grid-column: span 10
}
.medium-span-11 {
grid-column: span 11
}
.medium-span-12 {
grid-column: span 12
}
}
@media only screen and (max-width: 734px) {
.small-span-0 {
grid-column: span 0
}
.small-span-1 {
grid-column: span 1
}
.small-span-2 {
grid-column: span 2
}
.small-span-3 {
grid-column: span 3
}
.small-span-4 {
grid-column: span 4
}
.small-span-5 {
grid-column: span 5
}
.small-span-6 {
grid-column: span 6
}
.small-span-7 {
grid-column: span 7
}
.small-span-8 {
grid-column: span 8
}
.small-span-9 {
grid-column: span 9
}
.small-span-10 {
grid-column: span 10
}
.small-span-11 {
grid-column: span 11
}
.small-span-12 {
grid-column: span 12
}
}
@media only screen and (max-width: 320px) {
.xsmall-span-0 {
grid-column: span 0
}
.xsmall-span-1 {
grid-column: span 1
}
.xsmall-span-2 {
grid-column: span 2
}
.xsmall-span-3 {
grid-column: span 3
}
.xsmall-span-4 {
grid-column: span 4
}
.xsmall-span-5 {
grid-column: span 5
}
.xsmall-span-6 {
grid-column: span 6
}
.xsmall-span-7 {
grid-column: span 7
}
.xsmall-span-8 {
grid-column: span 8
}
.xsmall-span-9 {
grid-column: span 9
}
.xsmall-span-10 {
grid-column: span 10
}
.xsmall-span-11 {
grid-column: span 11
}
.xsmall-span-12 {
grid-column: span 12
}
}
.icon::before,
.icon::after,
.more::before,
.more::after {
font-family: "SF Pro Icons";
color: inherit;
display: inline-block;
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: underline;
position: relative;
z-index: 1;
alt: ''
}
.icon::before,
.icon::after,
.more::before,
.more::after {
text-decoration: none
}
.icon::before,
.more::before {
display: none
}
.icon-after::after,
.more::after {
padding-left: .3em;
top: 0
}
.icon-before::before {
padding-right: .3em;
display: inline-block;
top: 0
}
.icon-before::after {
display: none
}
.icon-before.icon-apple::before {
padding-right: 0;
display: inline-block;
top: 0
}
.icon-before.icon-apple::after {
display: none
}
.icon-apple::before,
.icon-apple::after {
content: "?
}
.icon-chevrondown::before,
.icon-chevrondown::after {
content: "?
}
.icon-chevrondowncircle::before,
.icon-chevrondowncircle::after {
content: "?
}
.icon-chevronleft::before,
.icon-chevronleft::after {
content: ""
}
.icon-chevronleftcircle::before,
.icon-chevronleftcircle::after {
content: "?
}
.icon-chevronright::before,
.icon-chevronright::after {
content: "?
}
.icon-chevronrightcircle::before,
.icon-chevronrightcircle::after {
content: "?
}
.icon-chevronup::before,
.icon-chevronup::after {
content: "?
}
.icon-chevronupcircle::before,
.icon-chevronupcircle::after {
content: "?
}
.icon-downloadcircle::before,
.icon-downloadcircle::after {
content: "?
}
.icon-arrowupcircle::before,
.icon-arrowupcircle::after {
content: ""
}
.icon-external::before,
.icon-external::after {
content: "?
}
.icon-share::before,
.icon-share::after {
content: "?
}
.icon-search::before,
.icon-search::after {
content: "?
}
.icon-arkit::before,
.icon-arkit::after {
content: "?
}
.icon-pausecircle::before,
.icon-pausecircle::after {
content: "?
}
.icon-pausesolid::before,
.icon-pausesolid::after {
content: "?
}
.icon-playcircle::before,
.icon-playcircle::after {
content: "?
}
.icon-playsolid::before,
.icon-playsolid::after {
content: "?
}
.icon-replay::before,
.icon-replay::after {
content: "?
}
.icon-stopcircle::before,
.icon-stopcircle::after {
content: "?
}
.icon-stopsolid::before,
.icon-stopsolid::after {
content: "?
}
.icon-circle::before,
.icon-circle::after {
content: "?
}
.icon-check::before,
.icon-check::after {
content: "?
}
.icon-checkcircle::before,
.icon-checkcircle::after {
content: "?
}
.icon-checksolid::before,
.icon-checksolid::after {
content: "?
}
.icon-reset::before,
.icon-reset::after {
content: "?
}
.icon-resetcircle::before,
.icon-resetcircle::after {
content: "?
}
.icon-resetsolid::before,
.icon-resetsolid::after {
content: "?
}
.icon-exclamation::before,
.icon-exclamation::after {
content: "?
}
.icon-exclamationcircle::before,
.icon-exclamationcircle::after {
content: "?
}
.icon-exclamationsolid::before,
.icon-exclamationsolid::after {
content: "?
}
.icon-exclamationtriangle::before,
.icon-exclamationtriangle::after {
content: "?
}
.icon-exclamationtrianglesolid::before,
.icon-exclamationtrianglesolid::after {
content: "?
}
.icon-infocircle::before,
.icon-infocircle::after {
content: "?
}
.icon-infosolid::before,
.icon-infosolid::after {
content: "?
}
.icon-question::before,
.icon-question::after {
content: "?
}
.icon-questioncircle::before,
.icon-questioncircle::after {
content: "?
}
.icon-questionsolid::before,
.icon-questionsolid::after {
content: "?
}
.icon-plus::before,
.icon-plus::after {
content: "?
}
.icon-pluscircle::before,
.icon-pluscircle::after {
content: "?
}
.icon-plussolid::before,
.icon-plussolid::after {
content: "?
}
.icon-minus::before,
.icon-minus::after {
content: "?
}
.icon-minuscircle::before,
.icon-minuscircle::after {
content: "?
}
.icon-minussolid::before,
.icon-minussolid::after {
content: "?
}
.icon-1circle::before,
.icon-1circle::after {
content: "?
}
.icon-2circle::before,
.icon-2circle::after {
content: "?
}
.icon-3circle::before,
.icon-3circle::after {
content: "?
}
.icon-4circle::before,
.icon-4circle::after {
content: "?
}
.icon-5circle::before,
.icon-5circle::after {
content: "?
}
.icon-6circle::before,
.icon-6circle::after {
content: "?
}
.icon-7circle::before,
.icon-7circle::after {
content: "?
}
.icon-8circle::before,
.icon-8circle::after {
content: "?
}
.icon-9circle::before,
.icon-9circle::after {
content: "?
}
.icon-10circle::before,
.icon-10circle::after {
content: "?
}
.icon-11circle::before,
.icon-11circle::after {
content: "?
}
.icon-12circle::before,
.icon-12circle::after {
content: "?
}
.icon-13circle::before,
.icon-13circle::after {
content: "?
}
.icon-14circle::before,
.icon-14circle::after {
content: "?
}
.icon-15circle::before,
.icon-15circle::after {
content: "?
}
.icon-16circle::before,
.icon-16circle::after {
content: "?
}
.icon-17circle::before,
.icon-17circle::after {
content: "?
}
.icon-18circle::before,
.icon-18circle::after {
content: "?
}
.icon-19circle::before,
.icon-19circle::after {
content: "?
}
.icon-20circle::before,
.icon-20circle::after {
content: "?
}
.icon-close::before,
.icon-close::after {
content: "?
}
.icon-closecompact::before,
.icon-closecompact::after {
content: "?
}
.icon-paddleleft::before,
.icon-paddleleft::after {
content: "?
}
.icon-paddleleftcompact::before,
.icon-paddleleftcompact::after {
content: "?
}
.icon-paddleright::before,
.icon-paddleright::after {
content: "?
}
.icon-paddlerightcompact::before,
.icon-paddlerightcompact::after {
content: "?
}
.icon-paddleup::before,
.icon-paddleup::after {
content: "?
}
.icon-paddleupcompact::before,
.icon-paddleupcompact::after {
content: "?
}
.icon-paddledown::before,
.icon-paddledown::after {
content: "?
}
.icon-paddledowncompact::before,
.icon-paddledowncompact::after {
content: "?
}
.icon-thumbnailreplay::before,
.icon-thumbnailreplay::after {
content: "?
}
.icon-thumbnailpause::before,
.icon-thumbnailpause::after {
content: "?
}
.icon-thumbnailplay::before,
.icon-thumbnailplay::after {
content: "?
}
.icon-externalrtl::before,
.icon-externalrtl::after {
content: "?
}
.icon-questionrtl::before,
.icon-questionrtl::after {
content: "?
}
.icon-questioncirclertl::before,
.icon-questioncirclertl::after {
content: "?
}
.icon-questionsolidrtl::before,
.icon-questionsolidrtl::after {
content: "?
}
.more::before,
.more::after {
content: "?
}
.more-block {
margin-top: .5em
}
.icon-wrapper .icon,
.icon-wrapper .more::after,
.icon-wrapper .icon-before::before,
.icon-wrapper .icon-after::after {
display: inline;
position: static
}
a.icon-wrapper {
text-decoration: none
}
a.icon-wrapper:hover .icon-copy {
text-decoration: underline
}
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
}
}
@media only screen and (max-width: 320px) {
.xsmall-hide {
display: none
}
.xsmall-show {
display: block
}
.xsmall-show-inline {
display: inline
}
.xsmall-show-inlineblock {
display: inline-block
}
}
.viewport-content {
margin-left: auto;
margin-right: auto;
width: 980px
}
@media only screen and (min-width: 1441px) {
.viewport-content {
margin-left: auto;
margin-right: auto;
width: 980px
}
}
@media only screen and (max-width: 1068px) {
.viewport-content {
margin-left: auto;
margin-right: auto;
width: 692px
}
}
@media only screen and (max-width: 734px) {
.viewport-content {
margin-left: auto;
margin-right: auto;
width: 87.5%
}
}
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
}
.dotnav {
text-align: center;
box-sizing: border-box
}
.dotnav ul {
margin: 0;
list-style: none;
display: inline-flex;
justify-content: center
}
.dotnav li {
list-style: none;
margin: 0 7px;
width: 8px;
height: 8px;
position: relative
}
.dotnav-item {
top: 0;
left: 0;
width: 8px;
height: 8px;
outline: none;
position: absolute;
border-radius: 50%;
box-sizing: border-box;
padding: 0
}
.dotnav-item:focus {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none
}
.dotnav-item:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.dotnav-item:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
box-shadow: none
}
.dotnav-item.current {
cursor: default
}
.dotnav .dotnav-item {
background-color: rgba(134, 134, 139, 0.4)
}
.dotnav .dotnav-item:hover {
background-color: rgba(134, 134, 139, 0.6)
}
.dotnav .dotnav-item.current {
background-color: #86868b
}
.quote {
font-size: 40px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(ar) {
line-height: 1.3;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(ja) {
line-height: 1.275;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(ko) {
line-height: 1.325;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(th) {
line-height: 1.35;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.quote {
font-size: 32px;
line-height: 1.25;
font-weight: 400;
letter-spacing: .004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(ar) {
line-height: 1.40625;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(ja) {
line-height: 1.34375;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(ko) {
line-height: 1.375;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 734px) {
.quote {
font-size: 28px;
line-height: 1.28583;
font-weight: 400;
letter-spacing: .007em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(ko) {
line-height: 1.39286;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(th) {
line-height: 1.39286;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.quote .quote-copy {
color: #1d1d1f
}
.quote .quote-credit,
.quote .quote-subcredit {
color: #1d1d1f
}
.quote-copy>::before,
.quote-copy>::after {
display: inline-block;
width: 2em
}
.quote-copy>::before {
margin-left: -2em;
text-align: right;
content: open-quote
}
.quote-copy>::after {
margin-right: -2em;
text-align: left;
visibility: hidden;
content: close-quote
}
.quote-copy>:last-child {
margin-bottom: 0
}
.quote-copy>:last-child::after {
visibility: visible
}
.quote-copy>:not(:first-child) {
margin-top: 0.5em
}
.quote-credit {
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 600;
display: block
}
.quote-credit:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-credit:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-credit:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-credit:lang(zh) {
letter-spacing: 0em
}
.quote-credit:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-credit:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-credit:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-credit:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-credit:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-credit:first-of-type {
margin-top: 1.6em
}
.quote-subcredit {
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 400;
display: block
}
.quote-subcredit:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-subcredit:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-subcredit:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-subcredit:lang(zh) {
letter-spacing: 0em
}
.quote-subcredit:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-subcredit:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-subcredit:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-subcredit:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-subcredit:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-subcredit:first-of-type {
margin-top: 1.6em
}
.quote-reduced {
font-size: 32px;
line-height: 1.25;
font-weight: 400;
letter-spacing: .004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(ar) {
line-height: 1.40625;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(ja) {
line-height: 1.34375;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(ko) {
line-height: 1.375;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.quote-reduced {
font-size: 28px;
line-height: 1.28583;
font-weight: 400;
letter-spacing: .007em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(ko) {
line-height: 1.39286;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(th) {
line-height: 1.39286;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 734px) {
.quote-reduced {
font-size: 24px;
line-height: 1.33341;
font-weight: 400;
letter-spacing: .009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(ar) {
line-height: 1.5;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(ja) {
line-height: 1.41667;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(ko) {
line-height: 1.45841;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.quote-reduced:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.quote-reduced .quote-credit {
display: block
}
.quote-reduced .quote-credit:first-of-type {
margin-top: 1.2em
}
.quote-reduced .quote-subcredit {
display: block
}
.quote-reduced .quote-subcredit:first-of-type {
margin-top: 1.2em
}
.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
}
.theme-dark {
background-color: #000;
color: #f5f5f7
}
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
color: #f5f5f7
}
.theme-dark a,
.theme-dark .link {
color: #2997ff
}
.theme-dark .footnote a {
color: inherit
}
.theme-dark .footnote a:hover {
color: #2997ff
}
.theme-dark .button {
background: #0071e3;
color: #fff
}
.theme-dark .button:hover {
background: #0077ED
}
.theme-dark .button:active {
background: #006EDB
}
.theme-dark .button:disabled,
.theme-dark .button.disabled {
background: #0071e3;
color: #fff;
opacity: .32
}
.theme-dark .button-neutral {
background: #f5f5f7;
color: #000
}
.theme-dark .button-neutral:hover {
background: #fff
}
.theme-dark .button-neutral:active {
background: #EDEDF2
}
.theme-dark .button-neutral:disabled,
.theme-dark .button-neutral.disabled {
background: #f5f5f7;
color: #000;
opacity: .32
}
.theme-dark .button-secondary {
background: #333336;
color: #fff
}
.theme-dark .button-secondary:hover {
background: #353538
}
.theme-dark .button-secondary:active {
background: #303033
}
.theme-dark .button-secondary:disabled,
.theme-dark .button-secondary.disabled {
background: #333336;
color: #fff;
opacity: .56
}
.theme-dark .button-secondary-alpha {
background: rgba(255, 255, 255, 0.2);
color: #fff
}
.theme-dark .button-secondary-alpha:hover {
background: rgba(255, 255, 255, 0.21)
}
.theme-dark .button-secondary-alpha:active {
background: rgba(255, 255, 255, 0.19)
}
.theme-dark .button-secondary-alpha:disabled,
.theme-dark .button-secondary-alpha.disabled {
background: rgba(255, 255, 255, 0.2);
color: #fff;
opacity: .56
}
.theme-dark .dotnav .dotnav-item {
background-color: rgba(134, 134, 139, 0.4)
}
.theme-dark .dotnav .dotnav-item:hover {
background-color: rgba(134, 134, 139, 0.6)
}
.theme-dark .dotnav .dotnav-item.current {
background-color: #86868b
}
.theme-dark .quote .quote-copy {
color: #f5f5f7
}
.theme-dark .quote .quote-credit,
.theme-dark .quote .quote-subcredit {
color: #f5f5f7
}
.theme-dark .violator {
background: rgba(0, 0, 0, 0);
border-color: #f56300;
color: #f56300
}
.theme-dark .violator-frameless {
background: rgba(0, 0, 0, 0);
border-color: #f56300;
color: #f56300
}
.theme-dark .violator-secondary {
background: rgba(0, 0, 0, 0);
border-color: #86868b;
color: #86868b
}
.chapternav {
background: rgba(245, 245, 247, 0.7);
padding: 0;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
height: 100px;
z-index: 9987;
width: 100%;
position: relative;
overflow: hidden
}
.chapternav-paddle {
font-size: 17px;
line-height: 1.76471;
font-weight: 300;
letter-spacing: 0em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
border: 0 solid #d2d2d7;
border-radius: 0;
color: #1d1d1f;
opacity: 1;
position: absolute;
top: 0;
bottom: 0;
text-align: center;
width: 33px;
transition: opacity 150ms ease-out
}
.chapternav-paddle:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-paddle:lang(ja) {
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-paddle:lang(ko) {
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-paddle:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-paddle:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-paddle:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-paddle:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-paddle:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-paddle::after {
opacity: .8;
transition: opacity 200ms linear
}
.chapternav-paddle:disabled {
opacity: 0
}
.chapternav-paddle:hover::after {
opacity: 1
}
.chapternav-paddle:focus {
outline: none
}
.chapternav-paddle:focus::after {
outline: 4px solid rgba(0, 125, 250, 0.6);
outline-offset: 4px;
opacity: 1
}
.chapternav-paddle:focus::after[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.chapternav-paddle:focus::after[data-focus-method="touch"]:not(input):not(textarea):not(select) {
outline: none
}
.chapternav-paddle:active {
outline: none
}
.chapternav-paddle:active::after {
outline: none;
opacity: 1
}
.theme-dark .chapternav-paddle {
border-color: #424245;
color: #f5f5f7
}
.chapternav-paddle-left {
border-right-width: 1px;
left: 0
}
.chapternav-paddle-left::before,
.chapternav-paddle-left::after {
font-family: "SF Pro Icons";
color: inherit;
display: inline-block;
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: underline;
position: relative;
z-index: 1;
alt: ''
}
.chapternav-paddle-left::before,
.chapternav-paddle-left::after {
text-decoration: none
}
.chapternav-paddle-left::before {
display: none
}
.chapternav-paddle-left::before,
.chapternav-paddle-left::after {
content: "?
}
.chapternav-paddle-left::after {
margin-left: -.5px
}
@supports (left: calc(max(0px))) {
.chapternav-paddle-left {
left: calc(max(env(safe-area-inset-left) + -10px, 0px))
}
}
.chapternav-paddle-right {
border-left-width: 1px;
right: 0
}
.chapternav-paddle-right::before,
.chapternav-paddle-right::after {
font-family: "SF Pro Icons";
color: inherit;
display: inline-block;
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: underline;
position: relative;
z-index: 1;
alt: ''
}
.chapternav-paddle-right::before,
.chapternav-paddle-right::after {
text-decoration: none
}
.chapternav-paddle-right::before {
display: none
}
.chapternav-paddle-right::before,
.chapternav-paddle-right::after {
content: "?
}
.chapternav-paddle-right::after {
margin-right: -.5px
}
@supports (right: calc(max(0px))) {
.chapternav-paddle-right {
right: calc(max(env(safe-area-inset-left) + -10px, 0px))
}
}
@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
.chapternav {
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
background: rgba(245, 245, 247, 0.6)
}
}
.ac-nav-overlap .chapternav,
.chapternav-overlap .chapternav {
position: absolute;
top: 0;
left: 0
}
.ac-nav-overlap .chapternav {
margin-top: 44px
}
@media only screen and (max-width: 767px) {
.ac-nav-overlap .chapternav {
margin-top: 48px
}
}
.theme-dark .chapternav,
.chapternav.theme-dark {
background: rgba(29, 29, 31, 0.7)
}
@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
.theme-dark .chapternav,
.chapternav.theme-dark {
background: rgba(29, 29, 31, 0.6)
}
}
.chapternav-wrapper {
position: relative;
height: 100%;
z-index: 1
}
.chapternav-tall {
height: 116px
}
.chapternav-items {
margin: 0 34px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
list-style: none;
padding-bottom: 50px
}
@supports (margin: calc(max(0px))) {
.chapternav-items {
margin: 0 calc(max(env(safe-area-inset-left) + 24px, 34px))
}
}
@media only screen and (orientation: landscape) {
.chapternav-items {
padding-bottom: 49px
}
}
.chapternav-item {
display: inline-block;
vertical-align: top;
margin: 0 -.11765em;
padding: 0 20px
}
.chapternav-item:first-child {
margin-left: 0;
padding-left: 4px
}
.chapternav-item:last-child {
margin-right: 0;
padding-right: 4px
}
.chapternav-icon {
background: center bottom no-repeat;
display: block;
margin: 0 auto 7px;
height: 54px
}
.chapternav-label {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
display: block;
margin: 0
}
.chapternav-label:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-label:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-label:lang(ko) {
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-label:lang(zh) {
letter-spacing: 0em
}
.chapternav-label:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-label:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-label:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-label:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-label:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-new {
font-size: 10px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -.008em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
color: #bf4800;
display: block;
position: absolute;
top: 100%;
left: 0;
width: 100%
}
.chapternav-new:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-new:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-new:lang(ko) {
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-new:lang(zh) {
letter-spacing: 0em
}
.chapternav-new:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-new:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-new:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-new:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.chapternav-new:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.theme-dark .chapternav-new {
color: #f56300
}
.chapternav-link {
color: #1d1d1f;
display: block;
padding: 0;
margin-top: 3px;
position: relative;
z-index: 1
}
.chapternav-link:hover {
color: #06c;
text-decoration: none
}
.chapternav-link:focus {
outline-offset: 0
}
.chapternav-link.current {
color: #1d1d1f;
cursor: default;
opacity: .6
}
.theme-dark .chapternav-link {
color: #f5f5f7
}
.theme-dark .chapternav-link:hover {
color: #2997ff
}
.theme-dark .chapternav-link.current {
color: #f5f5f7
}
@keyframes chapternav-slidein {
0% {
opacity: 0
}
1% {
transform: translateX(160px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.chapternav-item {
animation: chapternav-slidein 350ms backwards
}
.has-modal {
overflow: hidden
}
.has-modal-full-viewport {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden
}
.has-modal-full-viewport body {
height: 100%;
overflow: hidden
}
.modal {
position: fixed;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none
}
.modal-standard {
overflow: auto;
padding: 54px 0;
background: rgba(0, 0, 0, 0.48);
-webkit-overflow-scrolling: touch
}
.modal-standard .content-table {
display: table;
width: 100%;
height: 100%
}
.modal-standard .content-cell {
display: table-cell;
vertical-align: middle
}
.modal-standard .content-wrapper {
margin-left: auto;
margin-right: auto;
width: 980px
}
@media only screen and (min-width: 1441px) {
.modal-standard .content-wrapper {
margin-left: auto;
margin-right: auto;
width: 980px
}
}
@media only screen and (max-width: 1068px) {
.modal-standard .content-wrapper {
margin-left: auto;
margin-right: auto;
width: 692px
}
}
@media only screen and (max-width: 734px) {
.modal-standard .content-wrapper {
margin-left: auto;
margin-right: auto;
width: 87.5%
}
}
.modal-standard .content-padding {
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 1;
padding: 80px 8.33333%;
background: #fff;
border-radius: 18px
}
@media only screen and (max-width: 734px) {
.modal-standard .content-padding {
padding-top: 60px;
padding-bottom: 60px
}
}
@media only screen and (max-width: 734px) {
.modal-standard .modal-close {
left: 22px
}
}
.theme-dark .modal-standard .content-padding,
.modal-standard.theme-dark .content-padding {
background: #1d1d1f
}
.modal-full-viewport {
background: #fff;
padding: 96px 0
}
@media only screen and (max-width: 1068px) {
.modal-full-viewport {
padding: 80px 0
}
}
.modal-full-viewport.remove-container-padding {
padding: 0
}
.theme-dark .modal-full-viewport,
.modal-full-viewport.theme-dark {
background: #000
}
.modal-open {
display: block;
z-index: 11000
}
.modal-open:focus {
outline-offset: -4px
}
.modal-close {
position: absolute;
display: flex;
z-index: 9999;
overflow: hidden;
top: 24px;
left: 24px;
margin: 0;
padding: 0;
font-size: 40px;
line-height: 1;
cursor: pointer;
background: none;
border: 0;
color: rgba(134, 134, 139, 0.8)
}
.modal-close::before,
.modal-close::after {
font-family: "SF Pro Icons";
color: inherit;
display: inline-block;
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: underline;
position: relative;
z-index: 1;
alt: ''
}
.modal-close::before,
.modal-close::after {
text-decoration: none
}
.modal-close::before {
display: none
}
.modal-close::before,
.modal-close::after {
content: "?
}
.modal-close:hover {
color: #86868b
}
.theme-dark .modal-close {
color: rgba(110, 110, 115, 0.8)
}
.theme-dark .modal-close:hover {
color: #6e6e73
}
.modal-close::after {
width: .9em;
height: .9em;
top: .05em;
padding: 0;
font-weight: 300
}
@media only screen and (max-width: 1068px) {
.modal-close {
top: 20px;
left: 20px;
font-size: 32px
}
}
.tabnav {
width: 100%;
position: relative;
overflow: hidden;
height: 3.17647em;
font-size: 17px;
text-align: center;
z-index: 1
}
.tabnav-paddle {
font-size: 17px;
line-height: 1.76471;
font-weight: 300;
letter-spacing: 0em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
border: 0 solid #d2d2d7;
border-radius: 0;
color: #1d1d1f;
opacity: 1;
position: absolute;
top: 0;
bottom: 0;
text-align: center;
width: 33px;
transition: opacity 150ms ease-out
}
.tabnav-paddle:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tabnav-paddle:lang(ja) {
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tabnav-paddle:lang(ko) {
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tabnav-paddle:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tabnav-paddle:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tabnav-paddle:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tabnav-paddle:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tabnav-paddle:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tabnav-paddle::after {
opacity: .8;
transition: opacity 200ms linear
}
.tabnav-paddle:disabled {
opacity: 0
}
.tabnav-paddle:hover::after {
opacity: 1
}
.tabnav-paddle:focus {
outline: none
}
.tabnav-paddle:focus::after {
outline: 4px solid rgba(0, 125, 250, 0.6);
outline-offset: 4px;
opacity: 1
}
.tabnav-paddle:focus::after[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.tabnav-paddle:focus::after[data-focus-method="touch"]:not(input):not(textarea):not(select) {
outline: none
}
.tabnav-paddle:active {
outline: none
}
.tabnav-paddle:active::after {
outline: none;
opacity: 1
}
.theme-dark .tabnav-paddle {
border-color: #424245;
color: #f5f5f7
}
.tabnav-paddle-left {
border-right-width: 1px;
left: 0
}
.tabnav-paddle-left::before,
.tabnav-paddle-left::after {
font-family: "SF Pro Icons";
color: inherit;
display: inline-block;
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: underline;
position: relative;
z-index: 1;
alt: ''
}
.tabnav-paddle-left::before,
.tabnav-paddle-left::after {
text-decoration: none
}
.tabnav-paddle-left::before {
display: none
}
.tabnav-paddle-left::before,
.tabnav-paddle-left::after {
content: "?
}
.tabnav-paddle-left::after {
margin-left: -.5px
}
@supports (left: calc(max(0px))) {
.tabnav-paddle-left {
left: calc(max(env(safe-area-inset-left) + -10px, 0px))
}
}
.tabnav-paddle-right {
border-left-width: 1px;
right: 0
}
.tabnav-paddle-right::before,
.tabnav-paddle-right::after {
font-family: "SF Pro Icons";
color: inherit;
display: inline-block;
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: underline;
position: relative;
z-index: 1;
alt: ''
}
.tabnav-paddle-right::before,
.tabnav-paddle-right::after {
text-decoration: none
}
.tabnav-paddle-right::before {
display: none
}
.tabnav-paddle-right::before,
.tabnav-paddle-right::after {
content: "?
}
.tabnav-paddle-right::after {
margin-right: -.5px
}
@supports (right: calc(max(0px))) {
.tabnav-paddle-right {
right: calc(max(env(safe-area-inset-left) + -10px, 0px))
}
}
.tabnav-items {
margin: 0 34px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
padding: 0 0 3.17647em
}
@supports (margin: calc(max(0px))) {
.tabnav-items {
margin: 0 calc(max(env(safe-area-inset-left) + 24px, 34px))
}
}
.tabnav-item {
display: inline-block;
padding-left: 60px;
border-bottom: 1px solid #d2d2d7;
list-style: none;
outline: none
}
@media only screen and (max-width: 1068px) {
.tabnav-item {
padding-left: 50px
}
}
@media only screen and (max-width: 734px) {
.tabnav-item {
padding-left: 30px
}
}
.tabnav-item:first-child {
padding-left: 0
}
.tabnav.with-icons {
height: 7.52941em
}
.tabnav.with-icons .tabnav-icon {
margin: .35294em auto 1.64706em
}
.tabnav-link {
font-size: 17px;
line-height: 1;
font-weight: 400;
letter-spacing: -.021em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
padding: 9px 0 11px;
margin-top: 2px;
margin-bottom: 4px;
color: #6e6e73;
text-align: left;
text-decoration: none;
display: block;
position: relative;
z-index: 0
}
.tabnav-link:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tabnav-link:lang(ja) {
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tabnav-link:lang(ko) {
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tabnav-link:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tabnav-link:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tabnav-link:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tabnav-link:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tabnav-link:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.with-paddles .tabnav-link {
text-align: center
}
.tabnav-link:hover {
color: #515154;
text-decoration: none
}
.tabnav-link:focus {
outline-offset: -1px
}
.tabnav-link.current {
pointer-events: none;
color: #1d1d1f;
text-decoration: none;
cursor: default;
z-index: 10
}
.tabnav-link.current:after {
left: 0;
position: absolute;
bottom: -5px;
width: 100%;
border-bottom: 1px solid #1d1d1f;
content: ''
}
.theme-dark .tabnav .tabnav-item {
border-bottom-color: #424245
}
.theme-dark .tabnav .tabnav-link {
color: #86868b
}
.theme-dark .tabnav .tabnav-link:hover {
color: #a1a1a6
}
.theme-dark .tabnav .tabnav-link.current {
color: #f5f5f7
}
.theme-dark .tabnav .tabnav-link.current:after {
border-bottom-color: #f5f5f7
}
.typography-headline-elevated {
font-size: 64px;
line-height: 1.0625;
font-weight: 600;
letter-spacing: -.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(ar) {
line-height: 1.20312;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(ja) {
line-height: 1.10938;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(ko) {
line-height: 1.17188;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(zh) {
letter-spacing: 0em
}
.typography-headline-elevated:lang(th) {
line-height: 1.34375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.typography-headline-elevated {
font-size: 48px;
line-height: 1.08349;
font-weight: 600;
letter-spacing: -.003em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(ar) {
line-height: 1.25;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(ja) {
line-height: 1.14599;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(ko) {
line-height: 1.1875;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(zh) {
letter-spacing: 0em
}
.typography-headline-elevated:lang(th) {
line-height: 1.33349;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 734px) {
.typography-headline-elevated {
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: 0em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(ar) {
line-height: 1.3;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(ja) {
line-height: 1.175;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(ko) {
line-height: 1.2;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(th) {
line-height: 1.35;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline-elevated:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-headline {
font-size: 20px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -.003em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
color: #7a7a7c;
margin-top: 13px;
}
.typography-headline:lang(ar) {
line-height: 1.25;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(ja) {
line-height: 1.14599;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(ko) {
line-height: 1.1875;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(zh) {
letter-spacing: 0em
}
.typography-headline:lang(th) {
line-height: 1.33349;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.typography-headline {
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: 0em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(ar) {
line-height: 1.3;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(ja) {
line-height: 1.175;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(ko) {
line-height: 1.2;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(th) {
line-height: 1.35;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 734px) {
.typography-headline {
font-size: 32px;
line-height: 1.125;
font-weight: 600;
letter-spacing: .004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(ar) {
line-height: 1.34375;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(ja) {
line-height: 1.21875;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(ko) {
line-height: 1.21875;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-eyebrow-super {
font-size: 32px;
line-height: 1.125;
font-weight: 600;
letter-spacing: .004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(ar) {
line-height: 1.34375;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(ja) {
line-height: 1.21875;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(ko) {
line-height: 1.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-eyebrow-super:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.typography-eyebrow-super {
font-size: 28px;
line-height: 1.14286;
font-weight: 600;
letter-spacing: .007em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(ko) {
line-height: 1.25;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(th) {
line-height: 1.39286;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 734px) {
.typography-eyebrow-super {
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: .009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(ar) {
line-height: 1.33341;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(ja) {
line-height: 1.25;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(ko) {
line-height: 1.29167;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-super:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-eyebrow-elevated {
font-size: 28px;
line-height: 1.14286;
font-weight: 600;
letter-spacing: .007em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(ko) {
line-height: 1.25;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(th) {
line-height: 1.39286;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.typography-eyebrow-elevated {
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: .009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(ar) {
line-height: 1.33341;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(ja) {
line-height: 1.25;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(ko) {
line-height: 1.29167;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 734px) {
.typography-eyebrow-elevated {
font-size: 21px;
line-height: 1.19048;
font-weight: 600;
letter-spacing: .011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(ja) {
line-height: 1.2381;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(ko) {
line-height: 1.2858;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow-elevated:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-eyebrow {
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: .009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(ar) {
line-height: 1.33341;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(ja) {
line-height: 1.25;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(ko) {
line-height: 1.29167;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.typography-eyebrow {
font-size: 21px;
line-height: 1.19048;
font-weight: 600;
letter-spacing: .011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(ja) {
line-height: 1.2381;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(ko) {
line-height: 1.2858;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-eyebrow:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-intro {
font-size: 21px;
line-height: 1.381;
font-weight: 400;
letter-spacing: .011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(ar) {
line-height: 1.52381;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(ja) {
line-height: 1.4286;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(ko) {
line-height: 1.52381;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 734px) {
.typography-intro {
font-size: 19px;
line-height: 1.4211;
font-weight: 400;
letter-spacing: .012em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(ar) {
line-height: 1.57895;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(ja) {
line-height: 1.47376;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(ko) {
line-height: 1.52632;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(th) {
line-height: 1.36844;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-intro:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-body {
font-size: 17px;
line-height: 1.47059;
font-weight: 400;
letter-spacing: -.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body:lang(ar) {
line-height: 1.58824;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body:lang(ko) {
line-height: 1.58824;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body:lang(zh) {
letter-spacing: 0em
}
.typography-body:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced {
font-size: 14px;
line-height: 1.42859;
font-weight: 400;
letter-spacing: -.016em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced:lang(ar) {
line-height: 1.57143;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced:lang(ko) {
line-height: 1.57143;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced:lang(zh) {
letter-spacing: 0em
}
.typography-body-reduced:lang(th) {
line-height: 1.35718;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced-tight {
font-size: 14px;
line-height: 1.28577;
font-weight: 400;
letter-spacing: -.016em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced-tight:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced-tight:lang(ja) {
line-height: 1.35718;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced-tight:lang(ko) {
line-height: 1.42859;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced-tight:lang(zh) {
letter-spacing: 0em
}
.typography-body-reduced-tight:lang(th) {
line-height: 1.35718;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced-tight:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced-tight:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced-tight:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-body-reduced-tight:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-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-buystrip-copy {
font-size: 21px;
line-height: 1.381;
font-weight: 400;
letter-spacing: .011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(ar) {
line-height: 1.52381;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(ja) {
line-height: 1.4286;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(ko) {
line-height: 1.52381;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.typography-buystrip-copy {
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-buystrip-copy: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-buystrip-copy: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-buystrip-copy: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-buystrip-copy:lang(th) {
line-height: 1.36844;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 734px) {
.typography-buystrip-copy {
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-buystrip-copy: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-buystrip-copy:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(ko) {
line-height: 1.58824;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(zh) {
letter-spacing: 0em
}
.typography-buystrip-copy: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-buystrip-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-buystrip-copy:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-notify-cta {
font-size: 19px;
line-height: 1.21053;
font-weight: 400;
letter-spacing: .012em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-notify-cta:lang(ar) {
line-height: 1.36844;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-notify-cta:lang(ja) {
line-height: 1.26316;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-notify-cta:lang(ko) {
line-height: 1.31579;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-notify-cta:lang(th) {
line-height: 1.36844;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-notify-cta:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-notify-cta:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-notify-cta:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-notify-cta:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 734px) {
.typography-notify-cta {
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-notify-cta: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-notify-cta:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-notify-cta:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-notify-cta:lang(zh) {
letter-spacing: 0em
}
.typography-notify-cta: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-notify-cta:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-notify-cta:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-notify-cta:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-notify-cta:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-hero-headline-super {
font-size: 80px;
line-height: 1.05;
font-weight: 700;
letter-spacing: -.015em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(ar) {
line-height: 1.2;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(ja) {
line-height: 1.0875;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(ko) {
line-height: 1.15;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(zh) {
letter-spacing: 0em
}
.typography-hero-headline-super:lang(th) {
line-height: 1.35;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.typography-hero-headline-super {
font-size: 56px;
line-height: 1.07143;
font-weight: 700;
letter-spacing: -.005em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super: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-super: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-super: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-super:lang(zh) {
letter-spacing: 0em
}
.typography-hero-headline-super: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-super: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-super: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-super:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 734px) {
.typography-hero-headline-super {
font-size: 40px;
line-height: 1.1;
font-weight: 700;
letter-spacing: 0em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(ar) {
line-height: 1.3;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(ja) {
line-height: 1.175;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(ko) {
line-height: 1.2;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(th) {
line-height: 1.35;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-headline-super:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-hero-product-eyebrow {
font-size: 21px;
line-height: 1.19048;
font-weight: 700;
letter-spacing: .011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-eyebrow:lang(ja) {
line-height: 1.2381;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-eyebrow:lang(ko) {
line-height: 1.2858;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-eyebrow:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-eyebrow:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-eyebrow:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-eyebrow:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-eyebrow:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-eyebrow:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.typography-hero-product-eyebrow {
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-hero-product-eyebrow: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-hero-product-eyebrow:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-eyebrow: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-hero-product-eyebrow:lang(zh) {
letter-spacing: 0em
}
.typography-hero-product-eyebrow: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-hero-product-eyebrow:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-eyebrow:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-eyebrow:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-eyebrow:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-hero-product-headline {
font-size: 32px;
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-product-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-product-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-product-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-product-headline:lang(zh) {
letter-spacing: 0em
}
.typography-hero-product-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-product-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-product-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-product-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-product-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-product-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-product-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-product-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-product-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-product-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-product-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-product-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-product-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-product-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-hero-product-link {
font-size: 21px;
line-height: 1.381;
font-weight: 400;
letter-spacing: .011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-link:lang(ar) {
line-height: 1.52381;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-link:lang(ja) {
line-height: 1.4286;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-link:lang(ko) {
line-height: 1.52381;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-link:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-link:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-link:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-link:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-link:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.typography-hero-product-link {
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-hero-product-link: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-hero-product-link:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-link: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-hero-product-link:lang(zh) {
letter-spacing: 0em
}
.typography-hero-product-link: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-hero-product-link:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-link:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-link:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-product-link:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-hero-violator {
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-hero-violator: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-hero-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
}
.typography-hero-violator: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-hero-violator:lang(zh) {
letter-spacing: 0em
}
.typography-hero-violator: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-hero-violator:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-violator:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-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
}
.typography-hero-violator: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-hero-violator {
font-size: 14px;
line-height: 1.28577;
font-weight: 400;
letter-spacing: -.016em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-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
}
.typography-hero-violator:lang(ja) {
line-height: 1.35718;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-violator:lang(ko) {
line-height: 1.42859;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-violator:lang(zh) {
letter-spacing: 0em
}
.typography-hero-violator: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-hero-violator:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-violator:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-hero-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
}
.typography-hero-violator:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-compare-eyebrow {
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: .009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(ar) {
line-height: 1.33341;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(ja) {
line-height: 1.25;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(ko) {
line-height: 1.29167;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.typography-compare-eyebrow {
font-size: 21px;
line-height: 1.19048;
font-weight: 600;
letter-spacing: .011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(ja) {
line-height: 1.2381;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(ko) {
line-height: 1.2858;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 734px) {
.typography-compare-eyebrow {
font-size: 17px;
line-height: 1.47059;
font-weight: 600;
letter-spacing: -.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow: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-compare-eyebrow: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-compare-eyebrow: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-compare-eyebrow:lang(zh) {
letter-spacing: 0em
}
.typography-compare-eyebrow: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-compare-eyebrow:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow:lang(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-compare-eyebrow:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-compare-eyebrow-reduced {
font-size: 21px;
line-height: 1.19048;
font-weight: 600;
letter-spacing: .011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow-reduced:lang(ja) {
line-height: 1.2381;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow-reduced:lang(ko) {
line-height: 1.2858;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow-reduced:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow-reduced:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow-reduced:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow-reduced:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 734px) {
.typography-compare-eyebrow-reduced {
font-size: 17px;
line-height: 1.47059;
font-weight: 600;
letter-spacing: -.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow-reduced: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-compare-eyebrow-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-compare-eyebrow-reduced: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-compare-eyebrow-reduced:lang(zh) {
letter-spacing: 0em
}
.typography-compare-eyebrow-reduced: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-compare-eyebrow-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-compare-eyebrow-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-compare-eyebrow-reduced:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-what-makes-a-BNAOO-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-what-makes-a-BNAOO-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-what-makes-a-BNAOO-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-what-makes-a-BNAOO-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-what-makes-a-BNAOO-headline:lang(zh) {
letter-spacing: 0em
}
.typography-what-makes-a-BNAOO-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-what-makes-a-BNAOO-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-what-makes-a-BNAOO-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-what-makes-a-BNAOO-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-what-makes-a-BNAOO-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-what-makes-a-BNAOO-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-what-makes-a-BNAOO-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-what-makes-a-BNAOO-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-what-makes-a-BNAOO-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-what-makes-a-BNAOO-headline:lang(zh) {
letter-spacing: 0em
}
.typography-what-makes-a-BNAOO-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-what-makes-a-BNAOO-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-what-makes-a-BNAOO-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-what-makes-a-BNAOO-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-what-makes-a-BNAOO-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-what-makes-a-BNAOO-headline {
font-size: 32px;
line-height: 1.25;
font-weight: 600;
letter-spacing: .004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-what-makes-a-BNAOO-headline:lang(ar) {
line-height: 1.40625;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-what-makes-a-BNAOO-headline:lang(ja) {
line-height: 1.34375;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-what-makes-a-BNAOO-headline:lang(ko) {
line-height: 1.375;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-what-makes-a-BNAOO-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-what-makes-a-BNAOO-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-what-makes-a-BNAOO-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-what-makes-a-BNAOO-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-what-makes-a-BNAOO-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.typography-monterey-headline {
font-size: 48px;
line-height: 1.08349;
font-weight: 600;
letter-spacing: -.003em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-headline:lang(ar) {
line-height: 1.25;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-headline:lang(ja) {
line-height: 1.14599;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-headline:lang(ko) {
line-height: 1.1875;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-headline:lang(zh) {
letter-spacing: 0em
}
.typography-monterey-headline:lang(th) {
line-height: 1.33349;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-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-monterey-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-monterey-headline {
font-size: 37px;
line-height: 1.13514;
font-weight: 600;
letter-spacing: 0em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-headline:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-headline:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-headline:lang(ko) {
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-headline:lang(th) {
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-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-monterey-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-monterey-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-monterey-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-monterey-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-monterey-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-monterey-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-monterey-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-monterey-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-monterey-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
[class*="typography-eyebrow"] {
display: block;
margin-bottom: .4em
}
[class*="typography-eyebrow"]+* {
margin-top: 0
}
.typography-headline+.typography-intro {
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-product-lockup {
font-size: 21px;
line-height: 1.381;
font-weight: 400;
letter-spacing: .011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-product-lockup:lang(ar) {
line-height: 1.52381;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-product-lockup:lang(ja) {
line-height: 1.4286;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-product-lockup:lang(ko) {
line-height: 1.52381;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-product-lockup:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-product-lockup:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-product-lockup:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-product-lockup:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-product-lockup:lang(zh-TW) {
font-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-product-lockup {
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-product-lockup: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-product-lockup: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-product-lockup: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-product-lockup:lang(th) {
line-height: 1.36844;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-product-lockup:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-product-lockup:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-product-lockup:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-product-lockup:lang(zh-TW) {
font-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-product-lockup {
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-product-lockup: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-product-lockup: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-product-lockup: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-product-lockup:lang(zh) {
letter-spacing: 0em
}
.typography-product-lockup: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-product-lockup:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-product-lockup:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.typography-product-lockup:lang(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-product-lockup:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
html.text-zoom .typography-hero-product-headline,
html.text-zoom .typography-eyebrow-elevated {
font-size: 21px;
line-height: 1.19048;
font-weight: 700;
letter-spacing: .011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-hero-product-headline:lang(ja),
html.text-zoom .typography-eyebrow-elevated: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
}
html.text-zoom .typography-hero-product-headline:lang(ko),
html.text-zoom .typography-eyebrow-elevated: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
}
html.text-zoom .typography-hero-product-headline:lang(th),
html.text-zoom .typography-eyebrow-elevated:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-hero-product-headline:lang(ar),
html.text-zoom .typography-eyebrow-elevated:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-hero-product-headline:lang(zh-CN),
html.text-zoom .typography-eyebrow-elevated:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-hero-product-headline:lang(zh-HK),
html.text-zoom .typography-eyebrow-elevated:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-hero-product-headline:lang(zh-MO),
html.text-zoom .typography-eyebrow-elevated:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-hero-product-headline:lang(zh-TW),
html.text-zoom .typography-eyebrow-elevated:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
html.text-zoom .typography-hero-product-headline,
html.text-zoom .typography-eyebrow-elevated {
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
}
html.text-zoom .typography-hero-product-headline:lang(ar),
html.text-zoom .typography-eyebrow-elevated: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
}
html.text-zoom .typography-hero-product-headline:lang(ja),
html.text-zoom .typography-eyebrow-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
}
html.text-zoom .typography-hero-product-headline:lang(ko),
html.text-zoom .typography-eyebrow-elevated: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
}
html.text-zoom .typography-hero-product-headline:lang(zh),
html.text-zoom .typography-eyebrow-elevated:lang(zh) {
letter-spacing: 0em
}
html.text-zoom .typography-hero-product-headline:lang(th),
html.text-zoom .typography-eyebrow-elevated: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
}
html.text-zoom .typography-hero-product-headline:lang(zh-CN),
html.text-zoom .typography-eyebrow-elevated:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-hero-product-headline:lang(zh-HK),
html.text-zoom .typography-eyebrow-elevated:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-hero-product-headline:lang(zh-MO),
html.text-zoom .typography-eyebrow-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
}
html.text-zoom .typography-hero-product-headline:lang(zh-TW),
html.text-zoom .typography-eyebrow-elevated:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
html.text-zoom .typography-headline {
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
}
html.text-zoom .typography-headline: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
}
html.text-zoom .typography-headline:lang(ja) {
line-height: 1.25;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-headline: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
}
html.text-zoom .typography-headline:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-headline:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
html.text-zoom .typography-headline {
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
}
html.text-zoom .typography-headline: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
}
html.text-zoom .typography-headline: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
}
html.text-zoom .typography-headline:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-headline:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-headline:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.text-zoom .typography-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.fp-tile {
background-color: #1d1d1f;
overflow: hidden
}
.fp-tile-2 {
margin-bottom: 2.08333vw;
padding-left: 4.16667%;
padding-right: 4.16667%;
width: 38.54167%;
margin-bottom: 30px
}
@media only screen and (max-width: 1068px) {
.fp-tile-2 {
margin-bottom: 2.34082vw;
padding-left: 3.74532%;
padding-right: 3.74532%;
width: 38.99813%
}
}
.fp-tile-2:nth-child(2n+1) {
margin-left: 2.08333%;
margin-right: 1.04167%
}
@media only screen and (max-width: 1068px) {
.fp-tile-2:nth-child(2n+1) {
margin-left: 2.34082%;
margin-right: 1.17041%
}
}
.fp-tile-2:nth-child(2n) {
margin-left: 1.04167%;
margin-right: 2.08333%
}
@media only screen and (max-width: 1068px) {
.fp-tile-2:nth-child(2n) {
margin-left: 1.17041%;
margin-right: 2.34082%
}
}
@media only screen and (min-width: 1440px) {
.fp-tile-2 {
margin-bottom: 30px
}
}
@media only screen and (max-width: 734px) {
.fp-tile-2 {
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
max-width: 734px;
width: auto
}
.fp-tile-2:nth-child(n) {
margin-left: auto;
margin-right: auto
}
}
@media only screen and (max-width: 1068px) {
.fp-tile-2 {
margin-bottom: 20px
}
}
@media only screen and (max-width: 734px) {
.fp-tile-2 {
margin-bottom: 15px;
padding-left: 0;
padding-right: 0;
max-width: 100%
}
}
.fp-tile-full {
width: 100%;
margin-bottom: 30px;
margin-left: 2.08333%;
margin-right: 2.08333%
}
@media only screen and (max-width: 1068px) {
.fp-tile-full {
margin-bottom: 20px;
margin-left: 2.34082%;
margin-right: 2.34082%
}
}
@media only screen and (max-width: 734px) {
.fp-tile-full {
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
max-width: 100%
}
}
.fp-tile-full .flex-copy.promo-copy-container {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding-top: 0 !important
}
@media only screen and (max-width: 734px) {
.fp-tile-full .flex-copy.promo-copy-container {
align-items: baseline
}
}
.fp-tile-full .flex-copy.promo-copy-container .promo-copy-wrapper {
margin: 20px
}
@media only screen and (max-width: 734px) {
.fp-tile-full .flex-copy.promo-copy-container .promo-copy-wrapper {
margin-top: 46px;
margin-bottom: 0
}
}
.fp-tile-full.fp-tile-geo-alt {
height: auto;
background-color: #f2f2f2
}
.fp-tile-full.fp-tile-geo-alt .promo-copy-wrapper {
padding: 48px 0
}
@media only screen and (max-width: 734px) {
.fp-tile-full.fp-tile-geo-alt .promo-copy-wrapper {
max-width: 280px;
margin: auto;
padding: 0 0 240px 0
}
}
.fp-tilegrid {
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
display: flex;
flex-wrap: wrap
}
@media only screen and (max-width: 734px) {
.fp-tilegrid {
width: 100%;
display: block
}
}
.fp-tilegrid.justify-center {
justify-content: center
}
.fp-tilegrid.justify-start {
justify-content: flex-start
}
.fp-tilegrid-1 {
max-width: 1440px
}
@media only screen and (max-width: 1068px) {
.fp-tilegrid-1 {
max-width: 772px
}
}
.fp-tilegrid-2 {
max-width: 980px
}
.section-retail h2{
font-size: 40px;
text-align: center;
margin-bottom: 60px;
color: #6f6f6f;
font-weight: 500;
padding-top: 46px;
}
.fp-tilegrid-3 {
max-width: 1450px
}
@media only screen and (max-width: 734px) {
.fp-tilegrid-2,
.fp-tilegrid-3 {
padding: 0
}
}
.promo-section {
text-align: center;
padding-top: 140px
}
@media only screen and (max-width: 1068px) {
.promo-section {
padding-top: 62px
}
}
@media only screen and (max-width: 734px) {
.promo-section {
padding-top: 46px
}
}
.promo-section .promo-container {
margin-top: 80px
}
@media only screen and (max-width: 1068px) {
.promo-section .promo-container {
margin-top: 44px
}
}
.promo-section .theme-dark p {
color: #f5f5f7
}
.promo-section .banner-container {
margin-left: auto;
margin-right: auto;
max-width: 1440px
}
@media only screen and (max-width: 1068px) {
.promo-section .banner-container {
max-width: 770px
}
}
@media only screen and (max-width: 734px) {
.promo-section .banner-container {
max-width: 736px
}
}
@media only screen and (max-width: 734px) {
.promo-section .banner-container {
overflow: hidden
}
}
.promo-section .banner-promo {
background-color: #f5f5f7;
display: flex;
justify-content: space-between;
margin: 0 2.08333% 30px
}
@media only screen and (max-width: 1068px) {
.promo-section .banner-promo {
margin: 0 2.34082% 20px
}
}
@media only screen and (max-width: 734px) {
.promo-section .banner-promo {
margin: 0 auto 15px
}
}
@media only screen and (max-width: 734px) {
.promo-section .banner-promo {
display: block
}
}
.promo-section .banner-promo.theme-dark {
background-color: #1d1d1f
}
.promo-section .banner-promo.inline-start {
flex-direction: row
}
.promo-section .banner-promo.inline-end {
flex-direction: row-reverse
}
.promo-section .banner-promo .promo-copy {
height: 100%;
box-sizing: border-box;
flex-direction: column;
justify-content: center;
align-items: center;
padding-right: 6.42857%;
padding-left: 6.42857%;
display: flex
}
@media only screen and (max-width: 1068px) {
.promo-section .banner-promo .promo-copy {
padding-right: 3.74532%;
padding-left: 3.74532%
}
}
@media only screen and (max-width: 734px) {
.promo-section .banner-promo .promo-copy {
padding-top: 40px;
padding-right: 6.25%;
padding-left: 6.25%;
display: block
}
}
.promo-section .banner-promo .promo-copy .violator {
margin-top: 20px
}
@media only screen and (max-width: 734px) {
.promo-section .banner-promo .promo-copy .violator {
margin-top: 22px
}
}
.promo-section .banner-promo .promo-copy-wrapper {
position: relative;
display: block;
width: 100%
}
.promo-section .banner-promo .promo-image {
height: 100%;
width: calc(50% - 1.07143%)
}
@media only screen and (max-width: 1068px) {
.promo-section .banner-promo .promo-image {
width: calc(50% - .93633%)
}
}
@media only screen and (max-width: 734px) {
.promo-section .banner-promo .promo-image {
width: 100%
}
}
.promo-section .promo-tile {
position: relative
}
@media only screen and (max-width: 1068px) {
.promo-section .promo-tile {
margin-bottom: 20px
}
}
@media only screen and (max-width: 734px) {
.promo-section .promo-tile {
margin-bottom: 15px
}
}
.promo-section .promo-tile .promo-copy-container {
padding-top: 0px
}
@media only screen and (max-width: 1068px) {
.promo-section .promo-tile .promo-copy-container {
padding-top: 0px
}
}
@media only screen and (max-width: 734px) {
.promo-section .promo-tile .promo-copy-container {
padding-top: 0px
}
}
.modal-notify-content {
display: none
}
.modal-notify {
-webkit-overflow-scrolling: touch
}
.modal-notify.modal-standard {
background: rgba(0, 0, 0, 0.8)
}
.modal-notify.modal-standard .content-wrapper {
width: 100%
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
.modal-notify.modal-standard .content-wrapper {
margin-left: auto;
margin-right: auto;
width: 87.5%
}
}
.modal-notify.modal-standard .typography-headline {
font-weight: 700
}
.modal-notify.modal-standard .content-padding {
border-radius: 10px;
text-align: center;
background-position-x: center;
display: flex;
align-items: center;
justify-content: center;
width: 740px;
padding: 0
}
@media only screen and (max-width: 1068px) {
.modal-notify.modal-standard .content-padding {
width: 690px
}
}
@media only screen and (max-width: 734px) {
.modal-notify.modal-standard .content-padding {
width: 100%
}
}
.modal-notify.modal-standard .content-padding .modal-content {
height: auto
}
.modal-notify.modal-standard .modal-close {
color: #000;
font-size: 28px;
overflow: visible
}
@media only screen and (max-width: 1068px) {
.modal-notify.modal-standard .modal-close {
font-size: 22px
}
}
@media only screen and (max-width: 734px) {
.modal-notify.modal-standard .modal-close {
left: 22px
}
}
.modal-notify .modal-notify-content {
display: block;
text-align: center;
padding: 65px 20px 60px
}
.modal-notify .modal-notify-content .notify-intro {
margin-top: 24px;
margin-bottom: 26px
}
@media only screen and (max-width: 734px) {
.modal-notify .modal-notify-content .notify-intro {
margin-top: 16px;
margin-bottom: 12px
}
}
.modal-notify .modal-notify-content .typography-headline {
font-weight: 700
}
.modal-notify .modal-notify-content .logo-arcade {
margin-bottom: 1em;
width: 113px;
height: 25px;
background-size: 113px 25px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/modal/arcade_logo__fd9tg9y98kae_large.png");
position: relative;
left: 50%;
margin-left: -56.5px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.modal-notify .modal-notify-content .logo-arcade {
background-image: url("/v/BNAOO/home/bj/images/overview/modal/arcade_logo__fd9tg9y98kae_large_2x.png")
}
}
.modal-notify .modal-notify-content .coming-soon {
margin-top: 2.2em;
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
}
@media only screen and (max-width: 734px) {
.modal-notify .modal-notify-content .coming-soon {
margin-top: 1.6em
}
}
.modal-notify .modal-notify-content .coming-soon: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
}
.modal-notify .modal-notify-content .coming-soon: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
}
.modal-notify .modal-notify-content .coming-soon: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
}
.modal-notify .modal-notify-content .coming-soon:lang(zh) {
letter-spacing: 0em
}
.modal-notify .modal-notify-content .coming-soon: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
}
.modal-notify .modal-notify-content .coming-soon:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .coming-soon:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .coming-soon:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .coming-soon:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked {
font-size: 19px;
line-height: 1.21053;
font-weight: 400;
letter-spacing: .012em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
margin-top: 1.8em
}
.modal-notify .modal-notify-content .links-stacked: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
}
.modal-notify .modal-notify-content .links-stacked: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
}
.modal-notify .modal-notify-content .links-stacked: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
}
.modal-notify .modal-notify-content .links-stacked:lang(th) {
line-height: 1.36844;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked:lang(zh-TW) {
font-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) {
.modal-notify .modal-notify-content .links-stacked {
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
}
.modal-notify .modal-notify-content .links-stacked: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
}
.modal-notify .modal-notify-content .links-stacked: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
}
.modal-notify .modal-notify-content .links-stacked: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
}
.modal-notify .modal-notify-content .links-stacked:lang(zh) {
letter-spacing: 0em
}
.modal-notify .modal-notify-content .links-stacked: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
}
.modal-notify .modal-notify-content .links-stacked:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.modal-notify .modal-notify-content .links-stacked .link {
display: inline-block
}
@media only screen and (max-width: 734px) {
.modal-notify .modal-notify-content .links-stacked .link {
margin: 1em auto;
display: block
}
.modal-notify .modal-notify-content .links-stacked .link:last-child {
margin-bottom: 0
}
}
.modal-notify .modal-notify-content .links-stacked .link:not(:first-child) {
margin-left: 1.2em
}
@media only screen and (max-width: 734px) {
.modal-notify .modal-notify-content .links-stacked .link:not(:first-child) {
margin-left: 0
}
}
.modal-notify .modal-notify-content .links-stacked .link .icon {
display: inline-block
}
.modal-notify .modal-notify-content .links-stacked.compact {
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
}
.modal-notify .modal-notify-content .links-stacked.compact: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
}
.modal-notify .modal-notify-content .links-stacked.compact: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
}
.modal-notify .modal-notify-content .links-stacked.compact: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
}
.modal-notify .modal-notify-content .links-stacked.compact:lang(zh) {
letter-spacing: 0em
}
.modal-notify .modal-notify-content .links-stacked.compact: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
}
.modal-notify .modal-notify-content .links-stacked.compact:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 734px) {
.modal-notify .modal-notify-content .links-stacked.compact {
font-size: 19px;
line-height: 1.21053;
font-weight: 400;
letter-spacing: .012em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
display: block
}
.modal-notify .modal-notify-content .links-stacked.compact: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
}
.modal-notify .modal-notify-content .links-stacked.compact: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
}
.modal-notify .modal-notify-content .links-stacked.compact: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
}
.modal-notify .modal-notify-content .links-stacked.compact:lang(th) {
line-height: 1.36844;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact:lang(zh-TW) {
font-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) and (max-width: 734px) {
.modal-notify .modal-notify-content .links-stacked.compact {
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
}
.modal-notify .modal-notify-content .links-stacked.compact: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
}
.modal-notify .modal-notify-content .links-stacked.compact: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
}
.modal-notify .modal-notify-content .links-stacked.compact: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
}
.modal-notify .modal-notify-content .links-stacked.compact:lang(zh) {
letter-spacing: 0em
}
.modal-notify .modal-notify-content .links-stacked.compact: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
}
.modal-notify .modal-notify-content .links-stacked.compact:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.modal-notify .modal-notify-content .links-stacked.compact .link {
margin-left: 0
}
.modal-notify .modal-notify-content .links-stacked.compact .link:not(:first-child) {
margin-left: 1.2em
}
@media only screen and (max-width: 734px) {
.modal-notify .modal-notify-content .links-stacked.compact .link:not(:first-child) {
margin-left: 0
}
}
.modal-notify .modal-notify-content .links-stacked.compact-grid {
font-size: 19px;
line-height: 1.21053;
font-weight: 400;
letter-spacing: .012em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
display: grid;
grid-template-columns: 50% 50%;
grid-column-gap: 2em;
justify-content: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: .6em auto 0
}
.modal-notify .modal-notify-content .links-stacked.compact-grid: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
}
.modal-notify .modal-notify-content .links-stacked.compact-grid: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
}
.modal-notify .modal-notify-content .links-stacked.compact-grid: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
}
.modal-notify .modal-notify-content .links-stacked.compact-grid:lang(th) {
line-height: 1.36844;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact-grid:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact-grid:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact-grid:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact-grid:lang(zh-TW) {
font-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) {
.modal-notify .modal-notify-content .links-stacked.compact-grid {
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
}
.modal-notify .modal-notify-content .links-stacked.compact-grid: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
}
.modal-notify .modal-notify-content .links-stacked.compact-grid: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
}
.modal-notify .modal-notify-content .links-stacked.compact-grid: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
}
.modal-notify .modal-notify-content .links-stacked.compact-grid:lang(zh) {
letter-spacing: 0em
}
.modal-notify .modal-notify-content .links-stacked.compact-grid: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
}
.modal-notify .modal-notify-content .links-stacked.compact-grid:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact-grid:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact-grid:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.modal-notify .modal-notify-content .links-stacked.compact-grid:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
html.ie .modal-notify .modal-notify-content .links-stacked.compact-grid,
html.edge .modal-notify .modal-notify-content .links-stacked.compact-grid,
html.ie .modal-notify .modal-notify-content .links-stacked.compact-grid,
html.edge .modal-notify .modal-notify-content .links-stacked.compact-grid {
grid-column-gap: 0;
width: 80%
}
@media only screen and (max-width: 734px) {
.modal-notify .modal-notify-content .links-stacked.compact-grid {
display: block;
margin: 1.8em auto 0
}
}
.modal-notify .modal-notify-content .links-stacked.compact-grid .link {
margin-left: 0;
margin: 1em auto 0
}
html.no-js .modal-notify-content {
display: block;
padding-top: 50px;
padding-bottom: 50px
}
html.no-js .modal-notify-wrapper {
margin-left: auto;
margin-right: auto;
width: 980px
}
@media only screen and (min-width: 1441px) {
html.no-js .modal-notify-wrapper {
margin-left: auto;
margin-right: auto;
width: 980px
}
}
@media only screen and (max-width: 1068px) {
html.no-js .modal-notify-wrapper {
margin-left: auto;
margin-right: auto;
width: 692px
}
}
@media only screen and (max-width: 734px) {
html.no-js .modal-notify-wrapper {
margin-left: auto;
margin-right: auto;
width: 87.5%
}
}
html.no-js .notify-headline {
width: 100%
}
html.js [data-anim-lazy-image],
html.js [data-anim-lazy-image] * {
background-image: none !important;
-webkit-mask-image: none !important;
mask-image: none !important
}
.main {
position: relative
}
.section-content {
margin-left: auto;
margin-right: auto;
width:1240px;
}
@media only screen and (min-width: 1441px) {
.section-content {
margin-left: auto;
margin-right: auto;
/* width: 980px */
width:1240px;
}
}
@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%
}
}
.section-content-oversized {
margin-left: auto;
margin-right: auto;
width: auto;
max-width: 1380px
}
@media only screen and (max-width: 1068px) {
.section-content-oversized {
max-width: 735px
}
}
@media only screen and (max-width: 734px) {
.section-content-oversized {
max-width: 100%
}
}
.fp-pagetitle {
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
}
.product-eyebrow {
color: #1d1d1f;
padding-top: 76px
}
@media only screen and (max-width: 1068px) {
.product-eyebrow {
padding-top: 71px
}
}
@media only screen and (max-width: 734px) {
.product-eyebrow {
padding-top: 55px
}
}
.product-headline {
margin-top: 10px
}
.promo-section {
padding-top: 150px
}
@media only screen and (max-width: 1068px) {
.promo-section {
padding-top: 93px
}
}
@media only screen and (max-width: 734px) {
.promo-section {
padding-top: 68px
}
}
@media only screen and (max-width: 1068px) {
.fp-tilegrid-2 {
max-width: 772px
}
}
.available-copy {
color: #a2a2a2;
position: relative;
z-index: 2
}
.text-center {
text-align: center
}
@media only screen and (max-width: 734px) {
.small-text-center {
text-align: center
}
}
a.footnote {
color: inherit;
text-decoration: none
}
a.footnote:hover {
color: #06c
}
#ac-globalfooter .ac-gf-sosumi a {
white-space: nowrap
}
.small-only {
display: none
}
@media only screen and (max-width: 734px) {
.small-only {
display: inline
}
}
@keyframes ribbon-drop {
0% {
transform: translateY(-100%)
}
100% {
transform: translateY(0)
}
}
.ribbon {
overflow: hidden;
--ribbon-background-color: #f5f5f7;
--ribbon-text-color: #1d1d1f;
--ribbon-link-color: #06c;
--ribbon-focus-color: rgba(0, 125, 250, 0.6)
}
.ribbon-content-wrapper {
text-align: center
}
.ribbon-content {
margin-left: auto;
margin-right: auto;
width: 980px
}
@media only screen and (min-width: 1441px) {
.ribbon-content {
margin-left: auto;
margin-right: auto;
width: 980px
}
}
@media only screen and (max-width: 1068px) {
.ribbon-content {
margin-left: auto;
margin-right: auto;
width: 692px
}
}
@media only screen and (max-width: 734px) {
.ribbon-content {
margin-left: auto;
margin-right: auto;
width: 87.5%
}
}
.ribbon-link {
white-space: nowrap
}
.ribbon-link:focus {
text-decoration: underline
}
.ribbon .ribbon-content-wrapper {
padding-top: .94118em;
padding-bottom: .94118em
}
.ribbon .ribbon-content {
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
}
.ribbon .ribbon-content: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
}
.ribbon .ribbon-content: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
}
.ribbon .ribbon-content: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
}
.ribbon .ribbon-content:lang(zh) {
letter-spacing: 0em
}
.ribbon .ribbon-content: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
}
.ribbon .ribbon-content:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.ribbon .ribbon-content:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.ribbon .ribbon-content:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.ribbon .ribbon-content:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.ribbon .ribbon-content-wrapper {
background-color: var(--ribbon-background-color)
}
.ribbon .ribbon-content {
color: var(--ribbon-text-color)
}
.ribbon .ribbon-link:focus {
outline-color: var(--ribbon-focus-color)
}
.ribbon .ribbon-link {
color: var(--ribbon-link-color)
}
.ribbon-elevated .ribbon-content-wrapper {
padding-top: 1.41176em;
padding-bottom: 1.41176em
}
.ribbon-elevated .ribbon-content {
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
}
.ribbon-elevated .ribbon-content: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
}
.ribbon-elevated .ribbon-content: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
}
.ribbon-elevated .ribbon-content: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
}
.ribbon-elevated .ribbon-content:lang(zh) {
letter-spacing: 0em
}
.ribbon-elevated .ribbon-content: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
}
.ribbon-elevated .ribbon-content:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.ribbon-elevated .ribbon-content:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.ribbon-elevated .ribbon-content:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.ribbon-elevated .ribbon-content:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.ribbon-blue {
--ribbon-background-color: #0071e3;
--ribbon-text-color: #fff;
--ribbon-link-color: #fff;
--ribbon-focus-color: rgba(255, 255, 255, 0.6)
}
.ribbon-blue .ribbon-content-wrapper {
background-color: var(--ribbon-background-color)
}
.ribbon-blue .ribbon-content {
color: var(--ribbon-text-color)
}
.ribbon-blue .ribbon-link:focus {
outline-color: var(--ribbon-focus-color)
}
.ribbon-blue .ribbon-link {
color: var(--ribbon-link-color)
}
.ribbon-blue-to-default {
--ribbon-background-color: #f5f5f7;
--ribbon-background-color-initial: #0071e3;
--ribbon-text-color: #1d1d1f;
--ribbon-text-color-initial: #fff;
--ribbon-link-color: #06c;
--ribbon-focus-color: rgba(0, 125, 250, 0.6);
--ribbon-link-color-initial: #fff
}
@keyframes animate-background-0071e3-f5f5f7 {
0% {
background-color: var(--ribbon-background-color-initial)
}
100% {
background-color: var(--ribbon-background-color)
}
}
.ribbon-blue-to-default .ribbon-content-wrapper {
background-color: var(--ribbon-background-color-initial);
animation: animate-background-0071e3-f5f5f7 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s forwards
}
@media (prefers-reduced-motion) {
.ribbon-blue-to-default .ribbon-content-wrapper {
background-color: var(--ribbon-background-color);
animation: none
}
}
@keyframes animate-color-fff-1d1d1f {
0% {
color: var(--ribbon-text-color-initial)
}
100% {
color: var(--ribbon-text-color)
}
}
.ribbon-blue-to-default .ribbon-content {
color: var(--ribbon-text-color-initial);
animation: animate-color-fff-1d1d1f 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s forwards
}
@media (prefers-reduced-motion) {
.ribbon-blue-to-default .ribbon-content {
color: var(--ribbon-text-color);
animation: none
}
}
.ribbon-blue-to-default .ribbon-link:focus {
outline-color: var(--ribbon-focus-color)
}
@keyframes animate-color-fff-06c {
0% {
color: var(--ribbon-link-color-initial)
}
100% {
color: var(--ribbon-link-color)
}
}
.ribbon-blue-to-default .ribbon-link {
color: var(--ribbon-link-color-initial);
animation: animate-color-fff-06c 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s forwards
}
@media (prefers-reduced-motion) {
.ribbon-blue-to-default .ribbon-link {
color: var(--ribbon-link-color);
animation: none
}
}
.ribbon-drop-wrapper {
animation: ribbon-drop 0.8s cubic-bezier(0.42, 0, 0.58, 1) forwards
}
@media (prefers-reduced-motion) {
.ribbon-drop-wrapper {
animation: none
}
}
.theme-dark .ribbon,
.theme-dark.ribbon {
--ribbon-background-color: #1d1d1f;
--ribbon-text-color: #f5f5f7;
--ribbon-link-color: #2997ff;
--ribbon-focus-color: rgba(0, 125, 250, 0.6)
}
.theme-dark .ribbon .ribbon-content-wrapper,
.theme-dark.ribbon .ribbon-content-wrapper {
background-color: var(--ribbon-background-color)
}
.theme-dark .ribbon .ribbon-content,
.theme-dark.ribbon .ribbon-content {
color: var(--ribbon-text-color)
}
.theme-dark .ribbon .ribbon-link:focus,
.theme-dark.ribbon .ribbon-link:focus {
outline-color: var(--ribbon-focus-color)
}
.theme-dark .ribbon .ribbon-link,
.theme-dark.ribbon .ribbon-link {
color: var(--ribbon-link-color)
}
.theme-dark .ribbon-blue,
.theme-dark.ribbon-blue {
--ribbon-background-color: #0071e3;
--ribbon-text-color: #fff;
--ribbon-link-color: #fff;
--ribbon-focus-color: rgba(255, 255, 255, 0.6)
}
.theme-dark .ribbon-blue .ribbon-content-wrapper,
.theme-dark.ribbon-blue .ribbon-content-wrapper {
background-color: var(--ribbon-background-color)
}
.theme-dark .ribbon-blue .ribbon-content,
.theme-dark.ribbon-blue .ribbon-content {
color: var(--ribbon-text-color)
}
.theme-dark .ribbon-blue .ribbon-link:focus,
.theme-dark.ribbon-blue .ribbon-link:focus {
outline-color: var(--ribbon-focus-color)
}
.theme-dark .ribbon-blue .ribbon-link,
.theme-dark.ribbon-blue .ribbon-link {
color: var(--ribbon-link-color)
}
.theme-dark .ribbon-blue-to-default,
.theme-dark.ribbon-blue-to-default {
--ribbon-background-color: #1d1d1f;
--ribbon-background-color-initial: #0071e3;
--ribbon-text-color: #f5f5f7;
--ribbon-text-color-initial: #fff;
--ribbon-link-color: #2997ff;
--ribbon-focus-color: rgba(0, 125, 250, 0.6);
--ribbon-link-color-initial: #fff
}
@keyframes animate-background-0071e3-1d1d1f {
0% {
background-color: var(--ribbon-background-color-initial)
}
100% {
background-color: var(--ribbon-background-color)
}
}
.theme-dark .ribbon-blue-to-default .ribbon-content-wrapper,
.theme-dark.ribbon-blue-to-default .ribbon-content-wrapper {
background-color: var(--ribbon-background-color-initial);
animation: animate-background-0071e3-1d1d1f 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s forwards
}
@media (prefers-reduced-motion) {
.theme-dark .ribbon-blue-to-default .ribbon-content-wrapper,
.theme-dark.ribbon-blue-to-default .ribbon-content-wrapper {
background-color: var(--ribbon-background-color);
animation: none
}
}
@keyframes animate-color-fff-f5f5f7 {
0% {
color: var(--ribbon-text-color-initial)
}
100% {
color: var(--ribbon-text-color)
}
}
.theme-dark .ribbon-blue-to-default .ribbon-content,
.theme-dark.ribbon-blue-to-default .ribbon-content {
color: var(--ribbon-text-color-initial);
animation: animate-color-fff-f5f5f7 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s forwards
}
@media (prefers-reduced-motion) {
.theme-dark .ribbon-blue-to-default .ribbon-content,
.theme-dark.ribbon-blue-to-default .ribbon-content {
color: var(--ribbon-text-color);
animation: none
}
}
.theme-dark .ribbon-blue-to-default .ribbon-link:focus,
.theme-dark.ribbon-blue-to-default .ribbon-link:focus {
outline-color: var(--ribbon-focus-color)
}
@keyframes animate-color-fff-2997ff {
0% {
color: var(--ribbon-link-color-initial)
}
100% {
color: var(--ribbon-link-color)
}
}
.theme-dark .ribbon-blue-to-default .ribbon-link,
.theme-dark.ribbon-blue-to-default .ribbon-link {
color: var(--ribbon-link-color-initial);
animation: animate-color-fff-2997ff 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s forwards
}
@media (prefers-reduced-motion) {
.theme-dark .ribbon-blue-to-default .ribbon-link,
.theme-dark.ribbon-blue-to-default .ribbon-link {
color: var(--ribbon-link-color);
animation: none
}
}
.theme-light .ribbon,
.theme-light.ribbon {
--ribbon-background-color: #f5f5f7;
--ribbon-text-color: #1d1d1f;
--ribbon-link-color: #06c;
--ribbon-focus-color: rgba(0, 125, 250, 0.6)
}
.theme-light .ribbon .ribbon-content-wrapper,
.theme-light.ribbon .ribbon-content-wrapper {
background-color: var(--ribbon-background-color)
}
.theme-light .ribbon .ribbon-content,
.theme-light.ribbon .ribbon-content {
color: var(--ribbon-text-color)
}
.theme-light .ribbon .ribbon-link:focus,
.theme-light.ribbon .ribbon-link:focus {
outline-color: var(--ribbon-focus-color)
}
.theme-light .ribbon .ribbon-link,
.theme-light.ribbon .ribbon-link {
color: var(--ribbon-link-color)
}
.theme-light .ribbon-blue,
.theme-light.ribbon-blue {
--ribbon-background-color: #0071e3;
--ribbon-text-color: #fff;
--ribbon-link-color: #fff;
--ribbon-focus-color: rgba(255, 255, 255, 0.6)
}
.theme-light .ribbon-blue .ribbon-content-wrapper,
.theme-light.ribbon-blue .ribbon-content-wrapper {
background-color: var(--ribbon-background-color)
}
.theme-light .ribbon-blue .ribbon-content,
.theme-light.ribbon-blue .ribbon-content {
color: var(--ribbon-text-color)
}
.theme-light .ribbon-blue .ribbon-link:focus,
.theme-light.ribbon-blue .ribbon-link:focus {
outline-color: var(--ribbon-focus-color)
}
.theme-light .ribbon-blue .ribbon-link,
.theme-light.ribbon-blue .ribbon-link {
color: var(--ribbon-link-color)
}
.theme-light .ribbon-blue-to-default,
.theme-light.ribbon-blue-to-default {
--ribbon-background-color: #f5f5f7;
--ribbon-background-color-initial: #0071e3;
--ribbon-text-color: #1d1d1f;
--ribbon-text-color-initial: #fff;
--ribbon-link-color: #06c;
--ribbon-focus-color: rgba(0, 125, 250, 0.6);
--ribbon-link-color-initial: #fff
}
@keyframes animate-background-0071e3-f5f5f7 {
0% {
background-color: var(--ribbon-background-color-initial)
}
100% {
background-color: var(--ribbon-background-color)
}
}
.theme-light .ribbon-blue-to-default .ribbon-content-wrapper,
.theme-light.ribbon-blue-to-default .ribbon-content-wrapper {
background-color: var(--ribbon-background-color-initial);
animation: animate-background-0071e3-f5f5f7 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s forwards
}
@media (prefers-reduced-motion) {
.theme-light .ribbon-blue-to-default .ribbon-content-wrapper,
.theme-light.ribbon-blue-to-default .ribbon-content-wrapper {
background-color: var(--ribbon-background-color);
animation: none
}
}
@keyframes animate-color-fff-1d1d1f {
0% {
color: var(--ribbon-text-color-initial)
}
100% {
color: var(--ribbon-text-color)
}
}
.theme-light .ribbon-blue-to-default .ribbon-content,
.theme-light.ribbon-blue-to-default .ribbon-content {
color: var(--ribbon-text-color-initial);
animation: animate-color-fff-1d1d1f 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s forwards
}
@media (prefers-reduced-motion) {
.theme-light .ribbon-blue-to-default .ribbon-content,
.theme-light.ribbon-blue-to-default .ribbon-content {
color: var(--ribbon-text-color);
animation: none
}
}
.theme-light .ribbon-blue-to-default .ribbon-link:focus,
.theme-light.ribbon-blue-to-default .ribbon-link:focus {
outline-color: var(--ribbon-focus-color)
}
@keyframes animate-color-fff-06c {
0% {
color: var(--ribbon-link-color-initial)
}
100% {
color: var(--ribbon-link-color)
}
}
.theme-light .ribbon-blue-to-default .ribbon-link,
.theme-light.ribbon-blue-to-default .ribbon-link {
color: var(--ribbon-link-color-initial);
animation: animate-color-fff-06c 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s forwards
}
@media (prefers-reduced-motion) {
.theme-light .ribbon-blue-to-default .ribbon-link,
.theme-light.ribbon-blue-to-default .ribbon-link {
color: var(--ribbon-link-color);
animation: none
}
}
.dotnav {
text-align: center;
box-sizing: border-box
}
.dotnav ul {
margin: 0;
list-style: none;
display: inline-flex;
justify-content: center
}
.dotnav li {
list-style: none;
margin: 0 7px;
width: 8px;
height: 8px;
position: relative
}
.dotnav-item {
top: 0;
left: 0;
width: 8px;
height: 8px;
outline: none;
position: absolute;
border-radius: 50%;
box-sizing: border-box;
padding: 0
}
.dotnav-item:focus {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none
}
.dotnav-item:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.dotnav-item:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
box-shadow: none
}
.dotnav-item.current {
cursor: default
}
.dotnav .dotnav-item {
background-color: rgba(134, 134, 139, 0.4)
}
.dotnav .dotnav-item:hover {
background-color: rgba(134, 134, 139, 0.6)
}
.dotnav .dotnav-item.current {
background-color: #86868b
}
.chapternav.theme-dark {
background-color: #141414
}
@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
.chapternav.theme-dark {
-webkit-backdrop-filter: initial;
backdrop-filter: initial
}
}
.chapternav-item-BNAOObook-air .chapternav-icon {
width: 52px;
height: 54px;
background-size: 52px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOObookair_light__f0o95rwae8ae_large.svg")
}
html.no-svg .chapternav-item-BNAOObook-air .chapternav-icon {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOObookair_light__f0o95rwae8ae_large.png")
}
.chapternav-item-BNAOObook-pro .chapternav-icon {
width: 84px;
height: 54px;
background-size: 84px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOObook_pro__b9krsy4o6z5y_large.svg")
}
html.no-svg .chapternav-item-BNAOObook-pro .chapternav-icon {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOObook_pro__b9krsy4o6z5y_large.png")
}
.chapternav-item-iBNAOO .chapternav-icon {
width: 80px;
height: 54px;
background-size: 80px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/iBNAOO__7zx8uhaubma6_large.svg")
}
html.no-svg .chapternav-item-iBNAOO .chapternav-icon {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/iBNAOO__7zx8uhaubma6_large.png")
}
.chapternav-item-BNAOO-pro .chapternav-icon {
width: 35px;
height: 54px;
background-size: 35px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_pro_light__cj4dvg7thx5y_large.svg")
}
html.no-svg .chapternav-item-BNAOO-pro .chapternav-icon {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_pro_light__cj4dvg7thx5y_large.png")
}
.chapternav-item-BNAOO-mini .chapternav-icon {
width: 28px;
height: 54px;
background-size: 28px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_mini_light__frtahmzmd4mm_large.svg")
}
html.no-svg .chapternav-item-BNAOO-mini .chapternav-icon {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_mini_light__frtahmzmd4mm_large.png")
}
.chapternav-item-compare .chapternav-icon {
width: 45px;
height: 54px;
background-size: 45px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_compare__ggkplbypx5yu_large.svg")
}
html.no-svg .chapternav-item-compare .chapternav-icon {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_compare__ggkplbypx5yu_large.png")
}
.chapternav-item-accessories .chapternav-icon {
width: 33px;
height: 54px;
background-size: 33px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_accessories_light__cuds10wyptyu_large.svg")
}
html.no-svg .chapternav-item-accessories .chapternav-icon {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_accessories_light__cuds10wyptyu_large.png")
}
.chapternav-item-pro-display-xdr .chapternav-icon {
width: 46px;
height: 54px;
background-size: 46px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_pro_display_light__e7nex6o52poy_large.svg")
}
html.no-svg .chapternav-item-pro-display-xdr .chapternav-icon {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_pro_display_light__e7nex6o52poy_large.png")
}
.chapternav-item-BNAOOos .chapternav-icon {
width: 35px;
height: 54px;
background-size: 35px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_os__udjqv4ogm8ii_large.svg")
}
html.no-svg .chapternav-item-BNAOOos .chapternav-icon {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_os__udjqv4ogm8ii_large.png")
}
.chapternav-item-shop .chapternav-icon {
width: 103px;
height: 54px;
background-size: 103px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_shop__dhr2i9erzhsi_large.svg")
}
html.no-svg .chapternav-item-shop .chapternav-icon {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_shop__dhr2i9erzhsi_large.png")
}
.chapternav-new {
position: relative
}
.chapternav-icon {
margin-bottom: 4px
}
html.text-zoom .chapternav {
height: 120px
}
html.quick-look .quicklook-hide {
display: none
}
.quicklook-cta {
margin-top: 2px
}
.quicklook-component {
display: none
}
html.quick-look .quicklook-component {
display: block
}
.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
}
.quicklook-component a span::before,
.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: ''
}
.quicklook-component a span::before,
.quicklook-component a span::after {
text-decoration: none
}
.quicklook-component a span::before {
display: none
}
.quicklook-component a span::before,
.quicklook-component a span::after {
content: "?
}
.quicklook-component a span::after {
padding-left: .3em;
top: 0
}
.ribbon-wrapper {
color: #333;
background-color: #f2f2f2;
padding: 9px 0;
text-align: center
}
.ribbon-wrapper p {
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
}
.ribbon-wrapper p: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
}
.ribbon-wrapper p: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
}
.ribbon-wrapper p: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
}
.ribbon-wrapper p:lang(zh) {
letter-spacing: 0em
}
.ribbon-wrapper p: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
}
.ribbon-wrapper p:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.ribbon-wrapper p:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.ribbon-wrapper p:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.ribbon-wrapper p:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.ribbon-content {
margin-left: auto;
margin-right: auto;
width: 980px
}
@media only screen and (max-width: 1068px) {
.ribbon-content {
width: 692px
}
}
@media only screen and (max-width: 734px) {
.ribbon-content {
width: 87.5%;
max-width: 308px
}
}
.ribbon.theme-dark .ribbon-wrapper {
background-color: #151516;
color: #f5f5f7
}
.ribbon.theme-dark .icon-copy {
color: #2997ff
}
.image-apple-card-q2-promo-apple-card {
width: 801px;
height: 504px;
background-size: 801px 504px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/apple-card-q2-promo/apple_card__cwmne91xyiye_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-apple-card-q2-promo-apple-card {
background-image: url("/v/BNAOO/home/bj/images/overview/apple-card-q2-promo/apple_card__cwmne91xyiye_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-apple-card-q2-promo-apple-card {
width: 487px;
height: 358px;
background-size: 487px 358px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/apple-card-q2-promo/apple_card__cwmne91xyiye_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-apple-card-q2-promo-apple-card {
background-image: url("/v/BNAOO/home/bj/images/overview/apple-card-q2-promo/apple_card__cwmne91xyiye_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-apple-card-q2-promo-apple-card {
width: 734px;
height: 269px;
background-size: 734px 269px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/apple-card-q2-promo/apple_card__cwmne91xyiye_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-apple-card-q2-promo-apple-card {
background-image: url("/v/BNAOO/home/bj/images/overview/apple-card-q2-promo/apple_card__cwmne91xyiye_small_2x.jpg")
}
}
.image-billie-eilish-gc-family-page-billie-eilish-gc {
width: 276px;
height: 321px;
background-size: 276px 321px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish_gc__b6ugc1lieweq_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-billie-eilish-gc-family-page-billie-eilish-gc {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish_gc__b6ugc1lieweq_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.image-billie-eilish-gc-family-page-billie-eilish-gc {
width: 244px;
height: 285px;
background-size: 244px 285px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish_gc__b6ugc1lieweq_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-billie-eilish-gc-family-page-billie-eilish-gc {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish_gc__b6ugc1lieweq_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.image-billie-eilish-gc-family-page-billie-eilish-gc {
width: 135px;
height: 154px;
background-size: 135px 154px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish_gc__b6ugc1lieweq_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-billie-eilish-gc-family-page-billie-eilish-gc {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish_gc__b6ugc1lieweq_small_2x.png")
}
}
.image-billie-eilish-gc-family-page-billie-eilish {
width: 1440px;
height: 500px;
background-size: 1440px 500px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish__cn60rtcm23xy_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-billie-eilish-gc-family-page-billie-eilish {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish__cn60rtcm23xy_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-billie-eilish-gc-family-page-billie-eilish {
width: 736px;
height: 400px;
background-size: 736px 400px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish__cn60rtcm23xy_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-billie-eilish-gc-family-page-billie-eilish {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish__cn60rtcm23xy_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-billie-eilish-gc-family-page-billie-eilish {
width: 734px;
height: 898px;
background-size: 734px 898px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish__cn60rtcm23xy_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-billie-eilish-gc-family-page-billie-eilish {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish__cn60rtcm23xy_small_2x.jpg")
}
}
.image-billie-eilish-gc-gift-card-logo {
width: 224px;
height: 38px;
background-size: 224px 38px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/gift_card_logo__n9er9cjg2h2m_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-billie-eilish-gc-gift-card-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/gift_card_logo__n9er9cjg2h2m_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.image-billie-eilish-gc-gift-card-logo {
width: 131px;
height: 22px;
background-size: 131px 22px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/gift_card_logo__n9er9cjg2h2m_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-billie-eilish-gc-gift-card-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/gift_card_logo__n9er9cjg2h2m_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.image-billie-eilish-gc-gift-card-logo {
width: 131px;
height: 22px;
background-size: 131px 22px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/gift_card_logo__n9er9cjg2h2m_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-billie-eilish-gc-gift-card-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/gift_card_logo__n9er9cjg2h2m_small_2x.png")
}
}
.image-buystrip-icon-delivery {
width: 40px;
height: 44px;
background-size: 40px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/buystrip/icon-delivery__cthkmrp24qoi_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-buystrip-icon-delivery {
background-image: url("/v/BNAOO/home/bj/images/overview/buystrip/icon-delivery__cthkmrp24qoi_large_2x.png")
}
}
.image-buystrip-icon-finance {
background-size: auto auto;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/buystrip/icon-finance__fk30uafhm76u_large.svg")
}
.image-buystrip-icon-help {
background-size: auto auto;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/buystrip/icon-help__cwmazkux9uaa_large.svg")
}
.image-buystrip-icon-personal-setup {
width: 68px;
height: 44px;
background-size: 68px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/buystrip/icon-personal-setup__d4pym6pw3vwy_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-buystrip-icon-personal-setup {
background-image: url("/v/BNAOO/home/bj/images/overview/buystrip/icon-personal-setup__d4pym6pw3vwy_large_2x.png")
}
}
.image-compare-compare-icon-battery {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_battery__fk0ughiyc3am_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-icon-battery {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_battery__fk0ughiyc3am_large_2x.png")
}
}
.image-compare-compare-icon-camera {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_camera__dlxow9r3leie_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-icon-camera {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_camera__dlxow9r3leie_large_2x.png")
}
}
.image-compare-compare-icon-iBNAOO24-keyboard {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_iBNAOO24_keyboard__dgffd78l4dsi_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-icon-iBNAOO24-keyboard {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_iBNAOO24_keyboard__dgffd78l4dsi_large_2x.png")
}
}
.image-compare-compare-icon-intel {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_intel__fmgvvgs5jy2y_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-icon-intel {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_intel__fmgvvgs5jy2y_large_2x.png")
}
}
.image-compare-compare-icon-keyboard {
width: 144px;
height: 44px;
background-size: 144px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_keyboard__gkxt65itjamq_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-icon-keyboard {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_keyboard__gkxt65itjamq_large_2x.png")
}
}
.image-compare-compare-icon-m1 {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_m1__dsskrswqk7wy_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-icon-m1 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_m1__dsskrswqk7wy_large_2x.png")
}
}
.image-compare-compare-icon-m1-pro-max {
width: 90px;
height: 40px;
background-size: 90px 40px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_m1_pro_max__d1toavnfl1m6_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-icon-m1-pro-max {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_m1_pro_max__d1toavnfl1m6_large_2x.png")
}
}
.image-compare-compare-icon-memory {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_memory__e26txeytwkcy_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-icon-memory {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_memory__e26txeytwkcy_large_2x.png")
}
}
.image-compare-compare-icon-touch-id-touch-bar {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_touch_id_touch_bar__e6rwp5pfboae_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-icon-touch-id-touch-bar {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_touch_id_touch_bar__e6rwp5pfboae_large_2x.png")
}
}
.image-compare-compare-icon-touchbar {
width: 165px;
height: 38px;
background-size: 165px 38px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_touchbar__c3l91n4q5yi6_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-icon-touchbar {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_touchbar__c3l91n4q5yi6_large_2x.png")
}
}
.image-compare-compare-icon-touchid {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_touchid__fanxgkqe1xei_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-icon-touchid {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_touchid__fanxgkqe1xei_large_2x.png")
}
}
.image-compare-compare-icon-unified-memory {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_unified_memory__emykppauav2a_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-icon-unified-memory {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_unified_memory__emykppauav2a_large_2x.png")
}
}
.image-compare-compare-iBNAOO24 {
width: 212px;
height: 176px;
background-size: 212px 176px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO24__bdgus6d1xqb6_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-iBNAOO24 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO24__bdgus6d1xqb6_large_2x.png")
}
}
@media only screen and (max-width: 734px) {
.image-compare-compare-iBNAOO24 {
width: 138px;
height: 116px;
background-size: 138px 116px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO24__bdgus6d1xqb6_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-compare-compare-iBNAOO24 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO24__bdgus6d1xqb6_small_2x.png")
}
}
.image-compare-compare-iBNAOO27 {
width: 212px;
height: 176px;
background-size: 212px 176px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO27__drwrk3ro58sy_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-iBNAOO27 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO27__drwrk3ro58sy_large_2x.png")
}
}
@media only screen and (max-width: 734px) {
.image-compare-compare-iBNAOO27 {
width: 138px;
height: 116px;
background-size: 138px 116px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO27__drwrk3ro58sy_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-compare-compare-iBNAOO27 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO27__drwrk3ro58sy_small_2x.png")
}
}
.image-compare-compare-BNAOOmini {
width: 212px;
height: 176px;
background-size: 212px 176px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOmini__b77zzeep1s6a_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-BNAOOmini {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOmini__b77zzeep1s6a_large_2x.png")
}
}
@media only screen and (max-width: 734px) {
.image-compare-compare-BNAOOmini {
width: 138px;
height: 116px;
background-size: 138px 116px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOmini__b77zzeep1s6a_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-compare-compare-BNAOOmini {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOmini__b77zzeep1s6a_small_2x.png")
}
}
.image-compare-compare-BNAOOpro {
width: 212px;
height: 176px;
background-size: 212px 176px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOpro__cj3i514iwpua_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-BNAOOpro {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOpro__cj3i514iwpua_large_2x.png")
}
}
@media only screen and (max-width: 734px) {
.image-compare-compare-BNAOOpro {
width: 138px;
height: 116px;
background-size: 138px 116px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOpro__cj3i514iwpua_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-compare-compare-BNAOOpro {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOpro__cj3i514iwpua_small_2x.png")
}
}
.image-compare-compare-mba {
width: 276px;
height: 167px;
background-size: 276px 167px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mba__fchj615oz0yi_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-mba {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mba__fchj615oz0yi_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.image-compare-compare-mba {
width: 212px;
height: 125px;
background-size: 212px 125px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mba__fchj615oz0yi_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-compare-compare-mba {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mba__fchj615oz0yi_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.image-compare-compare-mba {
width: 138px;
height: 60px;
background-size: 138px 60px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mba__fchj615oz0yi_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-compare-compare-mba {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mba__fchj615oz0yi_small_2x.png")
}
}
.image-compare-compare-mbp13 {
width: 276px;
height: 167px;
background-size: 276px 167px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp13__euj5z15300om_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-mbp13 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp13__euj5z15300om_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.image-compare-compare-mbp13 {
width: 212px;
height: 125px;
background-size: 212px 125px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp13__euj5z15300om_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-compare-compare-mbp13 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp13__euj5z15300om_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.image-compare-compare-mbp13 {
width: 138px;
height: 60px;
background-size: 138px 60px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp13__euj5z15300om_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-compare-compare-mbp13 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp13__euj5z15300om_small_2x.png")
}
}
.image-compare-compare-mbp14-and-16 {
width: 276px;
height: 167px;
background-size: 276px 167px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp14_and_16__f2dhysusb5im_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-mbp14-and-16 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp14_and_16__f2dhysusb5im_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.image-compare-compare-mbp14-and-16 {
width: 212px;
height: 125px;
background-size: 212px 125px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp14_and_16__f2dhysusb5im_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-compare-compare-mbp14-and-16 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp14_and_16__f2dhysusb5im_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.image-compare-compare-mbp14-and-16 {
width: 150px;
height: 72px;
background-size: 150px 72px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp14_and_16__f2dhysusb5im_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-compare-compare-mbp14-and-16 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp14_and_16__f2dhysusb5im_small_2x.png")
}
}
.image-compare-compare-swatches-multicolor {
width: 124px;
height: 14px;
background-size: 124px 14px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_multicolor__ese4oyi8w4mu_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-swatches-multicolor {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_multicolor__ese4oyi8w4mu_large_2x.png")
}
}
.image-compare-compare-swatches-one-color {
width: 14px;
height: 14px;
background-size: 14px 14px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_one_color__fk3qx0i2y96y_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-swatches-one-color {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_one_color__fk3qx0i2y96y_large_2x.png")
}
}
.image-compare-compare-swatches-three-colors {
width: 50px;
height: 14px;
background-size: 50px 14px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_three_colors__bagzlsvl2ehu_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-swatches-three-colors {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_three_colors__bagzlsvl2ehu_large_2x.png")
}
}
.image-compare-compare-swatches-two-colors {
width: 32px;
height: 14px;
background-size: 32px 14px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_two_colors__dfe181bip0ya_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-swatches-two-colors {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_two_colors__dfe181bip0ya_large_2x.png")
}
}
.image-compare-compare-swatches-two-colors-BNAOO-mini {
width: 32px;
height: 14px;
background-size: 32px 14px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_two_colors_BNAOO_mini__ftd28sgtl52e_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-compare-compare-swatches-two-colors-BNAOO-mini {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_two_colors_BNAOO_mini__ftd28sgtl52e_large_2x.png")
}
}
.image-get-more-apple-arcade {
width: 675px;
height: 306px;
background-size: 675px 306px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_arcade__fh7xxmrbt9iu_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-arcade {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_arcade__fh7xxmrbt9iu_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-arcade {
width: 359px;
height: 180px;
background-size: 359px 180px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_arcade__fh7xxmrbt9iu_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-arcade {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_arcade__fh7xxmrbt9iu_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-apple-arcade {
width: 638px;
height: 181px;
background-size: 638px 181px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_arcade__fh7xxmrbt9iu_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-apple-arcade {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_arcade__fh7xxmrbt9iu_small_2x.jpg")
}
}
.image-get-more-apple-at-work {
width: 1380px;
height: 600px;
background-size: 1380px 600px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_at_work__gk7gvf49y3qu_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-at-work {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_at_work__gk7gvf49y3qu_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-at-work {
width: 736px;
height: 400px;
background-size: 736px 400px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_at_work__gk7gvf49y3qu_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-at-work {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_at_work__gk7gvf49y3qu_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-apple-at-work {
width: 736px;
height: 490px;
background-size: 736px 490px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_at_work__gk7gvf49y3qu_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-apple-at-work {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_at_work__gk7gvf49y3qu_small_2x.jpg")
}
}
.image-get-more-apple-arcade-apple-arcade-half-tile {
width: 670px;
height: 624px;
background-size: 670px 624px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-arcade/apple_arcade_half_tile__e4b3y7v256mq_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-arcade-apple-arcade-half-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-arcade/apple_arcade_half_tile__e4b3y7v256mq_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-arcade-apple-arcade-half-tile {
width: 358px;
height: 350px;
background-size: 358px 350px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-arcade/apple_arcade_half_tile__e4b3y7v256mq_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-arcade-apple-arcade-half-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-arcade/apple_arcade_half_tile__e4b3y7v256mq_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-apple-arcade-apple-arcade-half-tile {
width: 736px;
height: 490px;
background-size: 736px 490px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-arcade/apple_arcade_half_tile__e4b3y7v256mq_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-apple-arcade-apple-arcade-half-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-arcade/apple_arcade_half_tile__e4b3y7v256mq_small_2x.jpg")
}
}
.image-get-more-apple-arcade-apple-arcade-logo {
width: 178px;
height: 37px;
background-size: 178px 37px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-arcade/apple_arcade_logo__4yki3mlvm8im_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-arcade-apple-arcade-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-arcade/apple_arcade_logo__4yki3mlvm8im_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-arcade-apple-arcade-logo {
width: 118px;
height: 26px;
background-size: 118px 26px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-arcade/apple_arcade_logo__4yki3mlvm8im_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-arcade-apple-arcade-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-arcade/apple_arcade_logo__4yki3mlvm8im_medium_2x.png")
}
}
.image-get-more-apple-card-apple-card-half-tile {
width: 675px;
height: 600px;
background-size: 675px 600px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_half_tile__dunurbtihbki_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-card-apple-card-half-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_half_tile__dunurbtihbki_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-card-apple-card-half-tile {
width: 358px;
height: 450px;
background-size: 358px 450px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_half_tile__dunurbtihbki_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-card-apple-card-half-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_half_tile__dunurbtihbki_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-apple-card-apple-card-half-tile {
width: 736px;
height: 490px;
background-size: 736px 490px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_half_tile__dunurbtihbki_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-apple-card-apple-card-half-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_half_tile__dunurbtihbki_small_2x.jpg")
}
}
.image-get-more-apple-card-apple-card-logo {
width: 128px;
height: 38px;
background-size: 128px 38px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_logo__bc566rakrw5e_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-card-apple-card-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_logo__bc566rakrw5e_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-card-apple-card-logo {
width: 80px;
height: 25px;
background-size: 80px 25px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_logo__bc566rakrw5e_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-card-apple-card-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_logo__bc566rakrw5e_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-apple-card-apple-card-logo {
width: 86px;
height: 26px;
background-size: 86px 26px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_logo__bc566rakrw5e_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-apple-card-apple-card-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_logo__bc566rakrw5e_small_2x.png")
}
}
.image-get-more-apple-gift-card-apple-gift-card-logo {
width: 209px;
height: 39px;
background-size: 209px 39px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_logo__es2vdqwat126_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-gift-card-apple-gift-card-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_logo__es2vdqwat126_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-gift-card-apple-gift-card-logo {
width: 142px;
height: 27px;
background-size: 142px 27px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_logo__es2vdqwat126_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-gift-card-apple-gift-card-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_logo__es2vdqwat126_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-apple-gift-card-apple-gift-card-logo {
width: 136px;
height: 25px;
background-size: 136px 25px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_logo__es2vdqwat126_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-apple-gift-card-apple-gift-card-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_logo__es2vdqwat126_small_2x.png")
}
}
.image-get-more-apple-gift-card-apple-gift-card-tile {
width: 978px;
height: 346px;
background-size: 978px 346px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_tile__d777mr3okcom_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-gift-card-apple-gift-card-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_tile__d777mr3okcom_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-gift-card-apple-gift-card-tile {
width: 549px;
height: 197px;
background-size: 549px 197px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_tile__d777mr3okcom_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-gift-card-apple-gift-card-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_tile__d777mr3okcom_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-apple-gift-card-apple-gift-card-tile {
width: 694px;
height: 247px;
background-size: 694px 247px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_tile__d777mr3okcom_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-apple-gift-card-apple-gift-card-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_tile__d777mr3okcom_small_2x.jpg")
}
}
.image-get-more-apple-news-plus-apple-news-plus-half-tile {
width: 675px;
height: 600px;
background-size: 675px 600px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_half_tile__fsburpmunrma_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-news-plus-apple-news-plus-half-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_half_tile__fsburpmunrma_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-news-plus-apple-news-plus-half-tile {
width: 359px;
height: 525px;
background-size: 359px 525px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_half_tile__fsburpmunrma_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-news-plus-apple-news-plus-half-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_half_tile__fsburpmunrma_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-apple-news-plus-apple-news-plus-half-tile {
width: 736px;
height: 490px;
background-size: 736px 490px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_half_tile__fsburpmunrma_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-apple-news-plus-apple-news-plus-half-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_half_tile__fsburpmunrma_small_2x.jpg")
}
}
.image-get-more-apple-news-plus-apple-news-plus-logo {
width: 175px;
height: 40px;
background-size: 175px 40px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_logo__cggpupc1mpci_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-news-plus-apple-news-plus-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_logo__cggpupc1mpci_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-news-plus-apple-news-plus-logo {
width: 114px;
height: 28px;
background-size: 114px 28px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_logo__cggpupc1mpci_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-news-plus-apple-news-plus-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_logo__cggpupc1mpci_medium_2x.png")
}
}
.image-get-more-apple-one-apple-one-logo {
width: 317px;
height: 100px;
background-size: 317px 100px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/apple_one_logo__cj3a404ir8mu_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-one-apple-one-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/apple_one_logo__cj3a404ir8mu_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-one-apple-one-logo {
width: 184px;
height: 59px;
background-size: 184px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/apple_one_logo__cj3a404ir8mu_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-one-apple-one-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/apple_one_logo__cj3a404ir8mu_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-apple-one-apple-one-logo {
width: 82px;
height: 27px;
background-size: 82px 27px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/apple_one_logo__cj3a404ir8mu_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-apple-one-apple-one-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/apple_one_logo__cj3a404ir8mu_small_2x.jpg")
}
}
.image-get-more-apple-one-bundle {
width: 542px;
height: 329px;
background-size: 542px 329px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/bundle__gaazdu9x3jqu_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-one-bundle {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/bundle__gaazdu9x3jqu_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-one-bundle {
width: 313px;
height: 191px;
background-size: 313px 191px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/bundle__gaazdu9x3jqu_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-one-bundle {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/bundle__gaazdu9x3jqu_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-apple-one-bundle {
width: 297px;
height: 181px;
background-size: 297px 181px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/bundle__gaazdu9x3jqu_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-apple-one-bundle {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/bundle__gaazdu9x3jqu_small_2x.jpg")
}
}
.image-get-more-apple-pay-apple-pay {
width: 469px;
height: 277px;
background-size: 469px 277px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay__9nvboo37kn6y_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-pay-apple-pay {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay__9nvboo37kn6y_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-pay-apple-pay {
width: 270px;
height: 159px;
background-size: 270px 159px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay__9nvboo37kn6y_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-pay-apple-pay {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay__9nvboo37kn6y_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-apple-pay-apple-pay {
width: 305px;
height: 181px;
background-size: 305px 181px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay__9nvboo37kn6y_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-apple-pay-apple-pay {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay__9nvboo37kn6y_small_2x.jpg")
}
}
.image-get-more-apple-pay-apple-pay-logo {
width: 114px;
height: 46px;
background-size: 114px 46px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay_logo__d2j4vxi85iaa_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-pay-apple-pay-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay_logo__d2j4vxi85iaa_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-pay-apple-pay-logo {
width: 75px;
height: 31px;
background-size: 75px 31px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay_logo__d2j4vxi85iaa_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-pay-apple-pay-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay_logo__d2j4vxi85iaa_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-apple-pay-apple-pay-logo {
width: 76px;
height: 32px;
background-size: 76px 32px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay_logo__d2j4vxi85iaa_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-apple-pay-apple-pay-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay_logo__d2j4vxi85iaa_small_2x.png")
}
}
.image-get-more-apple-tv-plus-apple-tv-plus-half-tile {
width: 675px;
height: 354px;
background-size: 675px 354px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_half_tile__ff92r4xibwuq_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-tv-plus-apple-tv-plus-half-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_half_tile__ff92r4xibwuq_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-tv-plus-apple-tv-plus-half-tile {
width: 359px;
height: 234px;
background-size: 359px 234px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_half_tile__ff92r4xibwuq_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-tv-plus-apple-tv-plus-half-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_half_tile__ff92r4xibwuq_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-apple-tv-plus-apple-tv-plus-half-tile {
width: 735px;
height: 273px;
background-size: 735px 273px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_half_tile__ff92r4xibwuq_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-apple-tv-plus-apple-tv-plus-half-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_half_tile__ff92r4xibwuq_small_2x.jpg")
}
}
.image-get-more-apple-tv-plus-apple-tv-plus-logo {
width: 98px;
height: 39px;
background-size: 98px 39px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_logo__kjr1fpjocgqe_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-apple-tv-plus-apple-tv-plus-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_logo__kjr1fpjocgqe_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-apple-tv-plus-apple-tv-plus-logo {
width: 64px;
height: 26px;
background-size: 64px 26px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_logo__kjr1fpjocgqe_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-apple-tv-plus-apple-tv-plus-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_logo__kjr1fpjocgqe_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-apple-tv-plus-apple-tv-plus-logo {
width: 64px;
height: 26px;
background-size: 64px 26px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_logo__kjr1fpjocgqe_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-apple-tv-plus-apple-tv-plus-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_logo__kjr1fpjocgqe_small_2x.png")
}
}
.image-get-more-education {
width: 1380px;
height: 600px;
background-size: 1380px 600px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/education__bq047y5fu7n6_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-education {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/education__bq047y5fu7n6_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-education {
width: 736px;
height: 400px;
background-size: 736px 400px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/education__bq047y5fu7n6_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-education {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/education__bq047y5fu7n6_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-education {
width: 736px;
height: 490px;
background-size: 736px 490px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/education__bq047y5fu7n6_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-education {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/education__bq047y5fu7n6_small_2x.jpg")
}
}
.image-get-more-logo-apple-arcade {
width: 180px;
height: 40px;
background-size: 180px 40px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/logo_apple_arcade__mvq317ljfkqe_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-logo-apple-arcade {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/logo_apple_arcade__mvq317ljfkqe_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-logo-apple-arcade {
width: 118px;
height: 26px;
background-size: 118px 26px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/logo_apple_arcade__mvq317ljfkqe_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-logo-apple-arcade {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/logo_apple_arcade__mvq317ljfkqe_medium_2x.png")
}
}
.image-get-more-virtual-sessions {
width: 703px;
height: 504px;
background-size: 703px 504px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/virtual_sessions__bf3oif13injm_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-get-more-virtual-sessions {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/virtual_sessions__bf3oif13injm_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-get-more-virtual-sessions {
width: 378px;
height: 350px;
background-size: 378px 350px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/virtual_sessions__bf3oif13injm_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-get-more-virtual-sessions {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/virtual_sessions__bf3oif13injm_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-get-more-virtual-sessions {
width: 736px;
height: 214px;
background-size: 736px 214px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/virtual_sessions__bf3oif13injm_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-get-more-virtual-sessions {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/virtual_sessions__bf3oif13injm_small_2x.jpg")
}
}
.image-hero-hero-BNAOObook-pro-14-16 {
width: 1072px;
height: 362px;
background-size: 1072px 362px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/hero/hero_BNAOObook_pro_14_16__0y2t2v3g4hu2_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-hero-hero-BNAOObook-pro-14-16 {
background-image: url("/v/BNAOO/home/bj/images/overview/hero/hero_BNAOObook_pro_14_16__0y2t2v3g4hu2_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-hero-hero-BNAOObook-pro-14-16 {
width: 736px;
height: 250px;
background-size: 736px 250px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/hero/hero_BNAOObook_pro_14_16__0y2t2v3g4hu2_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-hero-hero-BNAOObook-pro-14-16 {
background-image: url("/v/BNAOO/home/bj/images/overview/hero/hero_BNAOObook_pro_14_16__0y2t2v3g4hu2_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-hero-hero-BNAOObook-pro-14-16 {
width: 406px;
height: 138px;
background-size: 406px 138px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/hero/hero_BNAOObook_pro_14_16__0y2t2v3g4hu2_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-hero-hero-BNAOObook-pro-14-16 {
background-image: url("/v/BNAOO/home/bj/images/overview/hero/hero_BNAOObook_pro_14_16__0y2t2v3g4hu2_small_2x.jpg")
}
}
.image-holiday-2021-aos-hol21-BNAOO-family-hero {
width: 921px;
height: 262px;
background-size: 921px 262px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero__gjmygt9ehwuq_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-holiday-2021-aos-hol21-BNAOO-family-hero {
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero__gjmygt9ehwuq_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-holiday-2021-aos-hol21-BNAOO-family-hero {
width: 286px;
height: 282px;
background-size: 286px 282px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero__gjmygt9ehwuq_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-holiday-2021-aos-hol21-BNAOO-family-hero {
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero__gjmygt9ehwuq_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-holiday-2021-aos-hol21-BNAOO-family-hero {
width: 280px;
height: 276px;
background-size: 280px 276px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero__gjmygt9ehwuq_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-holiday-2021-aos-hol21-BNAOO-family-hero {
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero__gjmygt9ehwuq_small_2x.jpg")
}
}
.image-holiday-2021-aos-hol21-BNAOO-family-hero-logo {
width: 59px;
height: 74px;
background-size: 59px 74px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero_logo__bizwsp23jwgi_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-holiday-2021-aos-hol21-BNAOO-family-hero-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero_logo__bizwsp23jwgi_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.image-holiday-2021-aos-hol21-BNAOO-family-hero-logo {
width: 50px;
height: 62px;
background-size: 50px 62px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero_logo__bizwsp23jwgi_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-holiday-2021-aos-hol21-BNAOO-family-hero-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero_logo__bizwsp23jwgi_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.image-holiday-2021-aos-hol21-BNAOO-family-hero-logo {
width: 44px;
height: 54px;
background-size: 44px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero_logo__bizwsp23jwgi_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-holiday-2021-aos-hol21-BNAOO-family-hero-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero_logo__bizwsp23jwgi_small_2x.png")
}
}
.image-BNAOOos-built-in-apps-bia-garageband {
width: 575px;
height: 324px;
background-size: 575px 324px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_garageband__cdjv7ykdtimq_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-garageband {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_garageband__cdjv7ykdtimq_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-built-in-apps-bia-garageband {
width: 450px;
height: 254px;
background-size: 450px 254px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_garageband__cdjv7ykdtimq_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-garageband {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_garageband__cdjv7ykdtimq_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-built-in-apps-bia-garageband {
width: 251px;
height: 141px;
background-size: 251px 141px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_garageband__cdjv7ykdtimq_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-garageband {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_garageband__cdjv7ykdtimq_small_2x.jpg")
}
}
.image-BNAOOos-built-in-apps-bia-hw {
width: 608px;
height: 514px;
background-size: 608px 514px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_hw__eb4197lfok2u_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-hw {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_hw__eb4197lfok2u_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-built-in-apps-bia-hw {
width: 476px;
height: 402px;
background-size: 476px 402px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_hw__eb4197lfok2u_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-hw {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_hw__eb4197lfok2u_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-built-in-apps-bia-hw {
width: 266px;
height: 225px;
background-size: 266px 225px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_hw__eb4197lfok2u_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-hw {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_hw__eb4197lfok2u_small_2x.jpg")
}
}
.image-BNAOOos-built-in-apps-bia-imovie {
width: 575px;
height: 324px;
background-size: 575px 324px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_imovie__eufhd8vcyo02_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-imovie {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_imovie__eufhd8vcyo02_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-built-in-apps-bia-imovie {
width: 450px;
height: 254px;
background-size: 450px 254px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_imovie__eufhd8vcyo02_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-imovie {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_imovie__eufhd8vcyo02_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-built-in-apps-bia-imovie {
width: 251px;
height: 141px;
background-size: 251px 141px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_imovie__eufhd8vcyo02_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-imovie {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_imovie__eufhd8vcyo02_small_2x.jpg")
}
}
.image-BNAOOos-built-in-apps-bia-keynote {
width: 575px;
height: 324px;
background-size: 575px 324px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_keynote__bmh51wz81auq_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-keynote {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_keynote__bmh51wz81auq_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-built-in-apps-bia-keynote {
width: 450px;
height: 254px;
background-size: 450px 254px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_keynote__bmh51wz81auq_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-keynote {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_keynote__bmh51wz81auq_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-built-in-apps-bia-keynote {
width: 251px;
height: 141px;
background-size: 251px 141px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_keynote__bmh51wz81auq_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-keynote {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_keynote__bmh51wz81auq_small_2x.jpg")
}
}
.image-BNAOOos-built-in-apps-bia-numbers {
width: 575px;
height: 324px;
background-size: 575px 324px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_numbers__fto87hwyhliu_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-numbers {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_numbers__fto87hwyhliu_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-built-in-apps-bia-numbers {
width: 450px;
height: 254px;
background-size: 450px 254px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_numbers__fto87hwyhliu_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-numbers {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_numbers__fto87hwyhliu_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-built-in-apps-bia-numbers {
width: 251px;
height: 141px;
background-size: 251px 141px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_numbers__fto87hwyhliu_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-numbers {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_numbers__fto87hwyhliu_small_2x.jpg")
}
}
.image-BNAOOos-built-in-apps-bia-pages {
width: 575px;
height: 324px;
background-size: 575px 324px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_pages__v70unua3zgiy_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-pages {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_pages__v70unua3zgiy_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-built-in-apps-bia-pages {
width: 450px;
height: 254px;
background-size: 450px 254px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_pages__v70unua3zgiy_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-pages {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_pages__v70unua3zgiy_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-built-in-apps-bia-pages {
width: 251px;
height: 141px;
background-size: 251px 141px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_pages__v70unua3zgiy_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-pages {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_pages__v70unua3zgiy_small_2x.jpg")
}
}
.image-BNAOOos-built-in-apps-bia-photos {
width: 575px;
height: 324px;
background-size: 575px 324px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_photos__cz11vic5lncm_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-photos {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_photos__cz11vic5lncm_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-built-in-apps-bia-photos {
width: 450px;
height: 254px;
background-size: 450px 254px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_photos__cz11vic5lncm_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-photos {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_photos__cz11vic5lncm_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-built-in-apps-bia-photos {
width: 251px;
height: 141px;
background-size: 251px 141px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_photos__cz11vic5lncm_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-photos {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_photos__cz11vic5lncm_small_2x.jpg")
}
}
.image-BNAOOos-built-in-apps-bia-safari {
width: 575px;
height: 324px;
background-size: 575px 324px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_safari__gns2a0avylyu_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-safari {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_safari__gns2a0avylyu_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-built-in-apps-bia-safari {
width: 450px;
height: 254px;
background-size: 450px 254px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_safari__gns2a0avylyu_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-safari {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_safari__gns2a0avylyu_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-built-in-apps-bia-safari {
width: 251px;
height: 141px;
background-size: 251px 141px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_safari__gns2a0avylyu_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-bia-safari {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_safari__gns2a0avylyu_small_2x.jpg")
}
}
.image-BNAOOos-built-in-apps-nav-icon-garageband {
width: 48px;
height: 59px;
background-size: 48px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_garageband__cxmciudp6k02_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-nav-icon-garageband {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_garageband__cxmciudp6k02_large_2x.jpg")
}
}
.image-BNAOOos-built-in-apps-nav-icon-imovie {
width: 48px;
height: 59px;
background-size: 48px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_imovie__b0pjfv6j5w9y_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-nav-icon-imovie {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_imovie__b0pjfv6j5w9y_large_2x.jpg")
}
}
.image-BNAOOos-built-in-apps-nav-icon-keynote {
width: 48px;
height: 59px;
background-size: 48px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_keynote__e5b6yp23dx2e_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-nav-icon-keynote {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_keynote__e5b6yp23dx2e_large_2x.jpg")
}
}
.image-BNAOOos-built-in-apps-nav-icon-numbers {
width: 48px;
height: 59px;
background-size: 48px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_numbers__e9eog351v3iy_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-nav-icon-numbers {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_numbers__e9eog351v3iy_large_2x.jpg")
}
}
.image-BNAOOos-built-in-apps-nav-icon-pages {
width: 48px;
height: 59px;
background-size: 48px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_pages__ci5gjd3xa5si_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-nav-icon-pages {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_pages__ci5gjd3xa5si_large_2x.jpg")
}
}
.image-BNAOOos-built-in-apps-nav-icon-photos {
width: 48px;
height: 59px;
background-size: 48px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_photos__f2izri0oyzee_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-nav-icon-photos {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_photos__f2izri0oyzee_large_2x.jpg")
}
}
.image-BNAOOos-built-in-apps-nav-icon-safari {
width: 48px;
height: 59px;
background-size: 48px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_safari__b4hes9xilhjm_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-built-in-apps-nav-icon-safari {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_safari__b4hes9xilhjm_large_2x.jpg")
}
}
.image-BNAOOos-continuity {
width: 675px;
height: 303px;
background-size: 675px 303px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/continuity__f7o5n4kqigeq_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-continuity {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/continuity__f7o5n4kqigeq_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-continuity {
width: 360px;
height: 185px;
background-size: 360px 185px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/continuity__f7o5n4kqigeq_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-continuity {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/continuity__f7o5n4kqigeq_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-continuity {
width: 736px;
height: 195px;
background-size: 736px 195px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/continuity__f7o5n4kqigeq_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-continuity {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/continuity__f7o5n4kqigeq_small_2x.jpg")
}
}
.image-BNAOOos-pro-apps-gallery-hw {
width: 625px;
height: 364px;
background-size: 625px 364px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/gallery_hw__cc6xqmf7tbyq_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-gallery-hw {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/gallery_hw__cc6xqmf7tbyq_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-pro-apps-gallery-hw {
width: 540px;
height: 315px;
background-size: 540px 315px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/gallery_hw__cc6xqmf7tbyq_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-gallery-hw {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/gallery_hw__cc6xqmf7tbyq_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-pro-apps-gallery-hw {
width: 307px;
height: 179px;
background-size: 307px 179px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/gallery_hw__cc6xqmf7tbyq_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-gallery-hw {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/gallery_hw__cc6xqmf7tbyq_small_2x.png")
}
}
.image-BNAOOos-pro-apps-icon-appstore {
width: 71px;
height: 71px;
background-size: 71px 71px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/icon_appstore__ks6wdzcwx26a_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-icon-appstore {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/icon_appstore__ks6wdzcwx26a_large_2x.png")
}
}
.image-BNAOOos-pro-apps-nav-icon-compressor {
width: 43px;
height: 49px;
background-size: 43px 49px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_compressor__fzftqvqqqkmm_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-nav-icon-compressor {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_compressor__fzftqvqqqkmm_large_2x.jpg")
}
}
.image-BNAOOos-pro-apps-nav-icon-finalcut {
width: 43px;
height: 49px;
background-size: 43px 49px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_finalcut__gkqcowigoxaq_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-nav-icon-finalcut {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_finalcut__gkqcowigoxaq_large_2x.jpg")
}
}
.image-BNAOOos-pro-apps-nav-icon-logicpro {
width: 43px;
height: 49px;
background-size: 43px 49px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_logicpro__ghlrlwvkxmy6_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-nav-icon-logicpro {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_logicpro__ghlrlwvkxmy6_large_2x.jpg")
}
}
.image-BNAOOos-pro-apps-nav-icon-mainstage {
width: 43px;
height: 49px;
background-size: 43px 49px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_mainstage__qux1a93eo9mm_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-nav-icon-mainstage {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_mainstage__qux1a93eo9mm_large_2x.jpg")
}
}
.image-BNAOOos-pro-apps-nav-icon-motion {
width: 43px;
height: 49px;
background-size: 43px 49px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_motion__ccrna97y89ua_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-nav-icon-motion {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_motion__ccrna97y89ua_large_2x.jpg")
}
}
.image-BNAOOos-pro-apps-pro-compressor {
width: 479px;
height: 300px;
background-size: 479px 300px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_compressor__f9jt79x2r6a2_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-pro-compressor {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_compressor__f9jt79x2r6a2_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-pro-apps-pro-compressor {
width: 415px;
height: 260px;
background-size: 415px 260px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_compressor__f9jt79x2r6a2_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-pro-compressor {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_compressor__f9jt79x2r6a2_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-pro-apps-pro-compressor {
width: 235px;
height: 147px;
background-size: 235px 147px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_compressor__f9jt79x2r6a2_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-pro-compressor {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_compressor__f9jt79x2r6a2_small_2x.jpg")
}
}
.image-BNAOOos-pro-apps-pro-finalcut {
width: 479px;
height: 300px;
background-size: 479px 300px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_finalcut__bcplnlmrhyjm_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-pro-finalcut {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_finalcut__bcplnlmrhyjm_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-pro-apps-pro-finalcut {
width: 415px;
height: 260px;
background-size: 415px 260px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_finalcut__bcplnlmrhyjm_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-pro-finalcut {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_finalcut__bcplnlmrhyjm_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-pro-apps-pro-finalcut {
width: 235px;
height: 147px;
background-size: 235px 147px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_finalcut__bcplnlmrhyjm_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-pro-finalcut {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_finalcut__bcplnlmrhyjm_small_2x.jpg")
}
}
.image-BNAOOos-pro-apps-pro-logicpro {
width: 479px;
height: 300px;
background-size: 479px 300px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_logicpro__dfv2sjloqkqe_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-pro-logicpro {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_logicpro__dfv2sjloqkqe_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-pro-apps-pro-logicpro {
width: 415px;
height: 260px;
background-size: 415px 260px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_logicpro__dfv2sjloqkqe_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-pro-logicpro {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_logicpro__dfv2sjloqkqe_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-pro-apps-pro-logicpro {
width: 235px;
height: 147px;
background-size: 235px 147px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_logicpro__dfv2sjloqkqe_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-pro-logicpro {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_logicpro__dfv2sjloqkqe_small_2x.jpg")
}
}
.image-BNAOOos-pro-apps-pro-mainstage {
width: 479px;
height: 300px;
background-size: 479px 300px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_mainstage__ghx1p14qepym_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-pro-mainstage {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_mainstage__ghx1p14qepym_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-pro-apps-pro-mainstage {
width: 415px;
height: 260px;
background-size: 415px 260px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_mainstage__ghx1p14qepym_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-pro-mainstage {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_mainstage__ghx1p14qepym_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-pro-apps-pro-mainstage {
width: 235px;
height: 147px;
background-size: 235px 147px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_mainstage__ghx1p14qepym_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-pro-mainstage {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_mainstage__ghx1p14qepym_small_2x.jpg")
}
}
.image-BNAOOos-pro-apps-pro-motion {
width: 479px;
height: 300px;
background-size: 479px 300px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_motion__e8fjbzoh3vyq_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-pro-motion {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_motion__e8fjbzoh3vyq_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-pro-apps-pro-motion {
width: 415px;
height: 260px;
background-size: 415px 260px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_motion__e8fjbzoh3vyq_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-pro-motion {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_motion__e8fjbzoh3vyq_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-pro-apps-pro-motion {
width: 235px;
height: 147px;
background-size: 235px 147px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_motion__e8fjbzoh3vyq_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-pro-apps-pro-motion {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_motion__e8fjbzoh3vyq_small_2x.jpg")
}
}
.image-BNAOOos-security {
width: 497px;
height: 230px;
background-size: 497px 230px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/security__gnmff1f0q2a2_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-security {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/security__gnmff1f0q2a2_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-security {
width: 299px;
height: 138px;
background-size: 299px 138px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/security__gnmff1f0q2a2_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-security {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/security__gnmff1f0q2a2_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-security {
width: 289px;
height: 129px;
background-size: 289px 129px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/security__gnmff1f0q2a2_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-security {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/security__gnmff1f0q2a2_small_2x.jpg")
}
}
.image-BNAOOos-why-BNAOO {
width: 459px;
height: 289px;
background-size: 459px 289px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/why_BNAOO__cs3wqw10kieu_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-BNAOOos-why-BNAOO {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/why_BNAOO__cs3wqw10kieu_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-BNAOOos-why-BNAOO {
width: 299px;
height: 189px;
background-size: 299px 189px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/why_BNAOO__cs3wqw10kieu_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-BNAOOos-why-BNAOO {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/why_BNAOO__cs3wqw10kieu_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-BNAOOos-why-BNAOO {
width: 280px;
height: 177px;
background-size: 280px 177px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/why_BNAOO__cs3wqw10kieu_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-BNAOOos-why-BNAOO {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/why_BNAOO__cs3wqw10kieu_small_2x.jpg")
}
}
.image-modal-arcade-logo {
width: 113px;
height: 25px;
background-size: 113px 25px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/modal/arcade_logo__fd9tg9y98kae_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-modal-arcade-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/modal/arcade_logo__fd9tg9y98kae_large_2x.png")
}
}
.image-modal-icon-news-plus {
width: 80px;
height: 80px;
background-size: 80px 80px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/modal/icon_news_plus__gdo15rw66pu2_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-modal-icon-news-plus {
background-image: url("/v/BNAOO/home/bj/images/overview/modal/icon_news_plus__gdo15rw66pu2_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.image-modal-icon-news-plus {
width: 60px;
height: 60px;
background-size: 60px 60px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/modal/icon_news_plus__gdo15rw66pu2_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-modal-icon-news-plus {
background-image: url("/v/BNAOO/home/bj/images/overview/modal/icon_news_plus__gdo15rw66pu2_medium_2x.png")
}
}
.image-monterey-tile-monterey {
width: 1380px;
height: 600px;
background-size: 1380px 600px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/monterey/tile_monterey__bm1x7sttegty_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-monterey-tile-monterey {
background-image: url("/v/BNAOO/home/bj/images/overview/monterey/tile_monterey__bm1x7sttegty_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-monterey-tile-monterey {
width: 736px;
height: 400px;
background-size: 736px 400px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/monterey/tile_monterey__bm1x7sttegty_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-monterey-tile-monterey {
background-image: url("/v/BNAOO/home/bj/images/overview/monterey/tile_monterey__bm1x7sttegty_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-monterey-tile-monterey {
width: 736px;
height: 550px;
background-size: 736px 550px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/monterey/tile_monterey__bm1x7sttegty_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-monterey-tile-monterey {
background-image: url("/v/BNAOO/home/bj/images/overview/monterey/tile_monterey__bm1x7sttegty_small_2x.jpg")
}
}
.image-retail-accessories-tile {
width: 675px;
height: 272px;
background-size: 675px 272px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/accessories_tile__cybkm8f034uq_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-retail-accessories-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/accessories_tile__cybkm8f034uq_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-retail-accessories-tile {
width: 360px;
height: 202px;
background-size: 360px 202px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/accessories_tile__cybkm8f034uq_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-retail-accessories-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/accessories_tile__cybkm8f034uq_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-retail-accessories-tile {
width: 736px;
height: 224px;
background-size: 736px 224px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/accessories_tile__cybkm8f034uq_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-retail-accessories-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/accessories_tile__cybkm8f034uq_small_2x.jpg")
}
}
.image-retail-acmi {
width: 792px;
height: 411px;
background-size: 792px 411px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-retail-acmi {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-retail-acmi {
width: 421px;
height: 277px;
background-size: 421px 277px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-retail-acmi {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-retail-acmi {
width: 535px;
height: 208px;
background-size: 535px 208px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-retail-acmi {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_small_2x.jpg")
}
}
.image-retail-trade-in-BNAOO-tile {
width: 422px;
height: 282px;
background-size: 422px 282px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.image-retail-trade-in-BNAOO-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.image-retail-trade-in-BNAOO-tile {
width: 294px;
height: 174px;
background-size: 294px 174px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.image-retail-trade-in-BNAOO-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.image-retail-trade-in-BNAOO-tile {
width: 736px;
height: 170px;
background-size: 736px 170px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.image-retail-trade-in-BNAOO-tile {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_small_2x.jpg")
}
}
.image-familybrowser-iBNAOO-dark {
width: 80px;
height: 54px;
background-size: 80px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/iBNAOO_dark__fhktiznsqoia_large.svg")
}
html.no-svg .image-familybrowser-iBNAOO-dark {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/iBNAOO_dark__fhktiznsqoia_large.png")
}
.image-familybrowser-iBNAOO {
width: 80px;
height: 54px;
background-size: 80px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/iBNAOO__7zx8uhaubma6_large.svg")
}
html.no-svg .image-familybrowser-iBNAOO {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/iBNAOO__7zx8uhaubma6_large.png")
}
.image-familybrowser-BNAOO-accessories-dark {
width: 33px;
height: 54px;
background-size: 33px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_accessories_dark__bhil2t867ccy_large.svg")
}
html.no-svg .image-familybrowser-BNAOO-accessories-dark {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_accessories_dark__bhil2t867ccy_large.png")
}
.image-familybrowser-BNAOO-accessories-light {
width: 33px;
height: 54px;
background-size: 33px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_accessories_light__cuds10wyptyu_large.svg")
}
html.no-svg .image-familybrowser-BNAOO-accessories-light {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_accessories_light__cuds10wyptyu_large.png")
}
.image-familybrowser-BNAOO-compare-dark {
width: 45px;
height: 54px;
background-size: 45px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_compare_dark__fhtsoj5iplqy_large.svg")
}
html.no-svg .image-familybrowser-BNAOO-compare-dark {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_compare_dark__fhtsoj5iplqy_large.png")
}
.image-familybrowser-BNAOO-compare {
width: 45px;
height: 54px;
background-size: 45px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_compare__ggkplbypx5yu_large.svg")
}
html.no-svg .image-familybrowser-BNAOO-compare {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_compare__ggkplbypx5yu_large.png")
}
.image-familybrowser-BNAOO-mini-dark {
width: 28px;
height: 54px;
background-size: 28px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_mini_dark__up3a36188oyy_large.svg")
}
html.no-svg .image-familybrowser-BNAOO-mini-dark {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_mini_dark__up3a36188oyy_large.png")
}
.image-familybrowser-BNAOO-mini-light {
width: 28px;
height: 54px;
background-size: 28px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_mini_light__frtahmzmd4mm_large.svg")
}
html.no-svg .image-familybrowser-BNAOO-mini-light {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_mini_light__frtahmzmd4mm_large.png")
}
.image-familybrowser-BNAOO-os-dark {
width: 35px;
height: 54px;
background-size: 35px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_os_dark__c57v8r1m3zki_large.svg")
}
html.no-svg .image-familybrowser-BNAOO-os-dark {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_os_dark__c57v8r1m3zki_large.png")
}
.image-familybrowser-BNAOO-os {
width: 35px;
height: 54px;
background-size: 35px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_os__udjqv4ogm8ii_large.svg")
}
html.no-svg .image-familybrowser-BNAOO-os {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_os__udjqv4ogm8ii_large.png")
}
.image-familybrowser-BNAOO-pro-dark {
width: 35px;
height: 54px;
background-size: 35px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_pro_dark__dalesldvkqi6_large.svg")
}
html.no-svg .image-familybrowser-BNAOO-pro-dark {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_pro_dark__dalesldvkqi6_large.png")
}
.image-familybrowser-BNAOO-pro-display-dark {
width: 46px;
height: 54px;
background-size: 46px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_pro_display_dark__c7fye9lw9my6_large.svg")
}
html.no-svg .image-familybrowser-BNAOO-pro-display-dark {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_pro_display_dark__c7fye9lw9my6_large.png")
}
.image-familybrowser-BNAOO-pro-display-light {
width: 46px;
height: 54px;
background-size: 46px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_pro_display_light__e7nex6o52poy_large.svg")
}
html.no-svg .image-familybrowser-BNAOO-pro-display-light {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_pro_display_light__e7nex6o52poy_large.png")
}
.image-familybrowser-BNAOO-pro-light {
width: 35px;
height: 54px;
background-size: 35px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_pro_light__cj4dvg7thx5y_large.svg")
}
html.no-svg .image-familybrowser-BNAOO-pro-light {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_pro_light__cj4dvg7thx5y_large.png")
}
.image-familybrowser-BNAOO-shop-dark {
width: 103px;
height: 54px;
background-size: 103px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_shop_dark__b87n6yi5xggi_large.svg")
}
html.no-svg .image-familybrowser-BNAOO-shop-dark {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_shop_dark__b87n6yi5xggi_large.png")
}
.image-familybrowser-BNAOO-shop {
width: 103px;
height: 54px;
background-size: 103px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_shop__dhr2i9erzhsi_large.svg")
}
html.no-svg .image-familybrowser-BNAOO-shop {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOO_shop__dhr2i9erzhsi_large.png")
}
.image-familybrowser-BNAOObook-pro-dark {
width: 84px;
height: 54px;
background-size: 84px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOObook_pro_dark__l7rof1o3e5eu_large.svg")
}
html.no-svg .image-familybrowser-BNAOObook-pro-dark {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOObook_pro_dark__l7rof1o3e5eu_large.png")
}
.image-familybrowser-BNAOObook-pro {
width: 84px;
height: 54px;
background-size: 84px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOObook_pro__b9krsy4o6z5y_large.svg")
}
html.no-svg .image-familybrowser-BNAOObook-pro {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOObook_pro__b9krsy4o6z5y_large.png")
}
.image-familybrowser-BNAOObookair-dark {
width: 52px;
height: 54px;
background-size: 52px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOObookair_dark__d5pzmfgp4hm6_large.svg")
}
html.no-svg .image-familybrowser-BNAOObookair-dark {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOObookair_dark__d5pzmfgp4hm6_large.png")
}
.image-familybrowser-BNAOObookair-light {
width: 52px;
height: 54px;
background-size: 52px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOObookair_light__f0o95rwae8ae_large.svg")
}
html.no-svg .image-familybrowser-BNAOObookair-light {
background-image: url("/v/BNAOO/home/bj/images/familybrowser/BNAOObookair_light__f0o95rwae8ae_large.png")
}
.section-hero {
padding: 54px 0 0 0
}
@media only screen and (max-width: 734px) {
.section-hero {
padding: 18px 0 23px
}
}
.section-hero-product {
padding: 110px 0 70px;
overflow: hidden;
margin-top: 0
}
@media only screen and (max-width: 1068px) {
.section-hero-product {
padding: 73px 0 34px
}
.section-hero-product .typography-hero-product-link+.typography-hero-product-link {
margin-top: 1.1em
}
}
@media only screen and (max-width: 734px) {
.section-hero-product {
padding: 38px 0 32px
}
.section-hero-product .product-image {
order: 1
}
.section-hero-product .typography-hero-product-link+.typography-hero-product-link {
margin-top: 0.9em
}
}
.section-hero-product .product-wrapper .product-image {
position: relative;
z-index: -1
}
.section-hero-product .violator-frameless {
font-weight: 600;
margin-bottom: 0.3em;
background: rgba(0, 0, 0, 0);
border-color: #bf4800;
color: #f56300
}
@media only screen and (max-width: 1068px) {
.section-hero-product .violator-frameless {
margin-bottom: 0.4em
}
}
.section-hero-product .section-hero-product-eyebrow {
margin-bottom: 0.3em;
display: block
}
@media only screen and (max-width: 1068px) {
.section-hero-product .section-hero-product-eyebrow {
margin-bottom: 0.2em
}
}
@media only screen and (max-width: 734px) {
.section-hero-product .section-hero-product-eyebrow {
margin-top: -.7em;
margin-bottom: 0.68em
}
}
.section-hero-product .section-hero-product-copy {
margin: 0.3em 0 0.85em
}
@media only screen and (max-width: 1068px) {
.section-hero-product .section-hero-product-copy {
margin-top: 0.25em;
margin-bottom: 0.88em
}
}
@media only screen and (max-width: 734px) {
.section-hero-product .section-hero-product-copy {
margin-top: 0.34em;
margin-bottom: 1.1em
}
}
.section-hero-product .hero-available {
color: #86868b
}
.section-BNAOObook-pro {
padding: 92px 0 0px;
background: #f2f2fa;
}
.section.section-se {
grid-row-gap: 40px;
overflow: visible;
background: #81a098;
height:660px;
}
.section-se {
/* margin-bottom: 30px; */
}
.section.section-se .section-content {
/* padding-top: 150px; */
}
.section>.section-content {
box-sizing: border-box;
overflow: hidden;
margin: 0 auto;
padding: 30px 0px 0;
max-width: 980px;
}
.section.section-se .tile.tile-se {
overflow: hidden;
}
.section.section-se .tile {
position: relative;
overflow: visible;
align-items: flex-start;
}
.tile:not(.tile-half) {
grid-column: span 2;
}
.section.section-se .tile.tile-se .tile-content {
padding: 190px 0 0px;
width: 45%;
max-width: 45%;
float: left;
}
.section.section-se .tile-content {
position: relative;
z-index: 1;
}
.tile-content {
width: 50%;
}
.section.section-se .tile.tile-se .tile-image {
}
.section.section-se .tile-image {
position: relative;
z-index: 0;
}
.tile-image {
top: auto;
bottom: 0;
}
.tile-image {
width: 53%;
float: left;
}
.section.section-se .tile.tile-se .tile-content-wrapper {
/* width: unset; */
}
.tile-content-wrapper {
margin-left: auto;
margin-right: auto;
/* width: 386px; */
}
.section.section-se .tile.tile-se .tile-content .tile-headline {
margin-top: 12px;
}
.typography-custom-headline {
font-size: 28px;
line-height: 1.0834933333;
/* font-weight: 600; */
letter-spacing: 0em;
font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
color: #fff;
}
.typography-custom-headline2 {
font-size: 34px;
font-weight: 600;
letter-spacing: 2px;
}
.section.section-se .tile.tile-se .tile-content .tile-price {
margin-top: 16px;
margin-bottom: 21px;
}
.section.section-se .tile-price {
font-weight: 600;
margin: 30px auto;
}
.typography-body-custom {
font-size: 21px;
line-height: 1.381002381;
font-weight: 400;
letter-spacing: .0045em;
font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
}
.section.section-se .tile-buy {
display: inline-block;
margin-bottom: 24px;
}
.tile-buy {
margin-top: 0;
}
.typography-tile-model-copy {
font-size: 20px;
line-height: 1.1904761905;
font-weight: 400;
letter-spacing: .011em;
font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
color:#fff
}
.tile-image figure {
position: relative;
}
.image-se {
width: 579px;
height: 534px;
background-size: 579px 534px;
background-repeat: no-repeat;
background-image: url(../img/sybg2.jpg);
}
@media only screen and (max-width: 1068px) {
.section-BNAOObook-pro {
padding: 54px 0 72px
}
}
@media only screen and (max-width: 734px) {
.section-BNAOObook-pro {
padding: 44px 0 88px
}
}
.section-BNAOObook-pro .section-content {
align-items: center;
text-align: center
}
.section-BNAOObook-pro .section-content .product-wrapper .hero-eyebrow {
margin-bottom: 0.15em
}
@media only screen and (max-width: 1068px) {
.section-BNAOObook-pro .section-content .product-wrapper .hero-eyebrow {
margin-bottom: -9px
}
}
@media only screen and (max-width: 734px) {
.section-BNAOObook-pro .section-content .product-wrapper .hero-eyebrow {
margin-bottom: -10px
}
}
.section-BNAOObook-pro .section-content .product-wrapper .hero-copy {
margin-top: 0
}
@media only screen and (max-width: 1068px) {
.section-BNAOObook-pro .section-content .product-wrapper .hero-copy {
margin-top: 0.28em
}
}
@media only screen and (max-width: 734px) {
.section-BNAOObook-pro .section-content .product-wrapper .hero-copy {
max-width: 310px;
margin-left: auto;
margin-right: auto
}
}
.section-BNAOObook-pro .section-content .product-wrapper .hero-price {
font-weight: 600;
margin-top: 0.22em
}
@media only screen and (max-width: 1068px) {
.section-BNAOObook-pro .section-content .product-wrapper .hero-price {
margin-top: 0.7em
}
}
@media only screen and (max-width: 734px) {
.section-BNAOObook-pro .section-content .product-wrapper .hero-price {
margin-top: 0.68em
}
}
.section-BNAOObook-pro .section-content .product-wrapper .hero-product-note {
color: #86868b;
margin-top: 0
}
.section-BNAOObook-pro .section-content .product-wrapper .hero-product-note .break-xsmall {
display: none
}
@media only screen and (max-width: 320px) {
.section-BNAOObook-pro .section-content .product-wrapper .hero-product-note .break-xsmall {
display: block
}
}
.section-BNAOObook-pro .section-content .product-wrapper .hero-product-link {
margin-top: 20px
}
@media only screen and (max-width: 1068px) {
.section-BNAOObook-pro .section-content .product-wrapper .hero-product-link {
margin-top: 1.1em
}
}
.section-BNAOObook-pro .section-content .product-wrapper .hero-BNAOObook-pro-14-16-image {
width: 1072px;
height: 362px;
background-size: 1072px 362px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/hero/hero_BNAOObook_pro_14_16__0y2t2v3g4hu2_large.jpg");
position: relative;
left: 50%;
margin-left: -536px;
margin-top: 40px
}
@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-BNAOObook-pro .section-content .product-wrapper .hero-BNAOObook-pro-14-16-image {
background-image: url("/v/BNAOO/home/bj/images/overview/hero/hero_BNAOObook_pro_14_16__0y2t2v3g4hu2_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-BNAOObook-pro .section-content .product-wrapper .hero-BNAOObook-pro-14-16-image {
width: 736px;
height: 250px;
background-size: 736px 250px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/hero/hero_BNAOObook_pro_14_16__0y2t2v3g4hu2_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-BNAOObook-pro .section-content .product-wrapper .hero-BNAOObook-pro-14-16-image {
background-image: url("/v/BNAOO/home/bj/images/overview/hero/hero_BNAOObook_pro_14_16__0y2t2v3g4hu2_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.section-BNAOObook-pro .section-content .product-wrapper .hero-BNAOObook-pro-14-16-image {
width: 406px;
height: 138px;
background-size: 406px 138px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/hero/hero_BNAOObook_pro_14_16__0y2t2v3g4hu2_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-BNAOObook-pro .section-content .product-wrapper .hero-BNAOObook-pro-14-16-image {
background-image: url("/v/BNAOO/home/bj/images/overview/hero/hero_BNAOObook_pro_14_16__0y2t2v3g4hu2_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-BNAOObook-pro .section-content .product-wrapper .hero-BNAOObook-pro-14-16-image {
left: 50%;
margin-left: -368px
}
}
@media only screen and (max-width: 734px) {
.section-BNAOObook-pro .section-content .product-wrapper .hero-BNAOObook-pro-14-16-image {
left: 50%;
margin-left: -203px
}
}
@media only screen and (max-width: 1068px) {
.section-BNAOObook-pro .section-content .product-wrapper .hero-BNAOObook-pro-14-16-image {
margin-top: 34px
}
}
.section-compare {
text-align: center;
background-color: #fafafa;
padding-top: 110px
}
@media only screen and (max-width: 1068px) {
.section-compare {
padding-top: 67px
}
}
@media only screen and (max-width: 734px) {
.section-compare {
padding-top: 84px
}
}
.section-compare .section-content {
position: relative
}
@media only screen and (max-width: 1068px) {
.section-compare .section-content {
width: 722px
}
}
@media only screen and (max-width: 734px) {
.section-compare .section-content {
width: 87.5%
}
}
@media only screen and (max-width: 340px) {
.section-compare .section-content {
width: 94%
}
}
.section-compare .gallery {
margin-top: 59px
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery {
margin-top: 34px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery {
margin-top: 51px
}
}
@media only screen and (max-width: 340px) {
.section-compare .gallery {
margin-left: auto;
margin-right: auto
}
}
.section-compare .gallery .tabnav-items {
display: flex;
justify-content: center
}
.section-compare .gallery .item-container {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start
}
.section-compare .gallery .item-container .gallery-item {
width: 100%;
position: absolute;
top: 0
}
.section-compare .gallery .item-container .gallery-item.notebooks {
opacity: 0
}
.section-compare .gallery .item-container .gallery-item.notebooks .compare-table {
margin-left: auto;
margin-right: auto;
margin-top: 26px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(11, auto);
grid-row-gap: 39px;
grid-column-gap: 34px;
grid-template-areas: "mba-device mbp13-device mbp14-and-16-device""mba-links mbp13-links mbp14-and-16-links""mba-chip mbp13-chip mbp14-and-16-chip""mba-cpu mbp13-cpu mbp14-and-16-cpu""mba-gpu mbp13-gpu mbp14-and-16-gpu""mba-memory mbp13-memory mbp14-and-16-memory""mba-storage mbp13-storage mbp14-and-16-storage""mba-display mbp13-display mbp14-and-16-display""mba-battery mbp13-battery mbp14-and-16-battery""mba-camera mbp13-camera mbp14-and-16-camera""mba-weight mbp13-weight mbp14-and-16-weight""mba-keyboard mbp13-keyboard mbp14-and-16-keyboard"
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item.notebooks .compare-table {
margin-top: 44px;
max-width: 694px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item.notebooks .compare-table {
margin-top: 63px;
max-width: 100%;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(22, auto);
grid-row-gap: 28px;
grid-column-gap: 10px;
grid-template-areas: "mba-device mbp13-device""mba-links mbp13-links""mba-chip mbp13-chip""mba-cpu mbp13-cpu""mba-gpu mbp13-gpu""mba-memory mbp13-memory""mba-storage mbp13-storage""mba-display mbp13-display""mba-battery mbp13-battery""mba-camera mbp13-camera""mba-weight mbp13-weight""mba-keyboard mbp13-keyboard""mbp14-and-16-device .""mbp14-and-16-links .""mbp14-and-16-chip .""mbp14-and-16-cpu .""mbp14-and-16-gpu .""mbp14-and-16-memory .""mbp14-and-16-storage .""mbp14-and-16-display .""mbp14-and-16-battery .""mbp14-and-16-camera .""mbp14-and-16-weight .""mbp14-and-16-keyboard ."
}
}
@media only screen and (max-width: 734px) and (max-width: 340px) {
.section-compare .gallery .item-container .gallery-item.notebooks .compare-table {
grid-column-gap: 4px
}
}
.section-compare .gallery .item-container .gallery-item.notebooks .mba.device {
grid-area: mba-device
}
.section-compare .gallery .item-container .gallery-item.notebooks .mba.links {
grid-area: mba-links
}
.section-compare .gallery .item-container .gallery-item.notebooks .mba.storage {
grid-area: mba-storage
}
.section-compare .gallery .item-container .gallery-item.notebooks .mba.display {
grid-area: mba-display
}
.section-compare .gallery .item-container .gallery-item.notebooks .mba.chip {
grid-area: mba-chip
}
.section-compare .gallery .item-container .gallery-item.notebooks .mba.cpu {
grid-area: mba-cpu
}
.section-compare .gallery .item-container .gallery-item.notebooks .mba.gpu {
grid-area: mba-gpu
}
.section-compare .gallery .item-container .gallery-item.notebooks .mba.memory {
grid-area: mba-memory
}
.section-compare .gallery .item-container .gallery-item.notebooks .mba.battery {
grid-area: mba-battery
}
.section-compare .gallery .item-container .gallery-item.notebooks .mba.camera {
grid-area: mba-camera
}
.section-compare .gallery .item-container .gallery-item.notebooks .mba.weight {
grid-area: mba-weight
}
.section-compare .gallery .item-container .gallery-item.notebooks .mba.keyboard {
grid-area: mba-keyboard
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp13.device {
grid-area: mbp13-device
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp13.links {
grid-area: mbp13-links
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp13.storage {
grid-area: mbp13-storage
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp13.display {
grid-area: mbp13-display
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp13.chip {
grid-area: mbp13-chip
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp13.cpu {
grid-area: mbp13-cpu
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp13.gpu {
grid-area: mbp13-gpu
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp13.memory {
grid-area: mbp13-memory
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp13.battery {
grid-area: mbp13-battery
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp13.camera {
grid-area: mbp13-camera
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp13.weight {
grid-area: mbp13-weight
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp13.keyboard {
grid-area: mbp13-keyboard
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp14-and-16.device {
grid-area: mbp14-and-16-device
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp14-and-16.links {
grid-area: mbp14-and-16-links
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp14-and-16.storage {
grid-area: mbp14-and-16-storage
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp14-and-16.display {
grid-area: mbp14-and-16-display
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp14-and-16.chip {
grid-area: mbp14-and-16-chip
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp14-and-16.cpu {
grid-area: mbp14-and-16-cpu
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp14-and-16.gpu {
grid-area: mbp14-and-16-gpu
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp14-and-16.memory {
grid-area: mbp14-and-16-memory
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp14-and-16.battery {
grid-area: mbp14-and-16-battery
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp14-and-16.camera {
grid-area: mbp14-and-16-camera
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp14-and-16.weight {
grid-area: mbp14-and-16-weight
}
.section-compare .gallery .item-container .gallery-item.notebooks .mbp14-and-16.keyboard {
grid-area: mbp14-and-16-keyboard
}
.section-compare .gallery .item-container .gallery-item.desktops.current {
opacity: 1
}
.section-compare .gallery .item-container .gallery-item.desktops .compare-table {
margin-left: auto;
margin-right: auto;
margin-top: 48px;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(9, auto);
grid-row-gap: 39px;
grid-column-gap: 34px;
grid-template-areas: "iBNAOO24-device iBNAOO27-device BNAOOpro-device BNAOOmini-device""iBNAOO24-links iBNAOO27-links BNAOOpro-links BNAOOmini-links""iBNAOO24-chip iBNAOO27-chip BNAOOpro-chip BNAOOmini-chip""iBNAOO24-cpu iBNAOO27-cpu BNAOOpro-cpu BNAOOmini-cpu""iBNAOO24-gpu iBNAOO27-gpu BNAOOpro-gpu BNAOOmini-gpu""iBNAOO24-memory iBNAOO27-memory BNAOOpro-memory BNAOOmini-memory""iBNAOO24-storage iBNAOO27-storage BNAOOpro-storage BNAOOmini-storage""iBNAOO24-display iBNAOO27-display BNAOOpro-display BNAOOmini-display""iBNAOO24-camera iBNAOO27-camera BNAOOpro-camera BNAOOmini-camera""iBNAOO24-keyboard iBNAOO27-keyboard BNAOOpro-keyboard BNAOOmini-keyboard"
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item.desktops .compare-table {
margin-top: 50px;
max-width: 500px;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(18, auto);
grid-column-gap: 78px;
grid-template-areas: "iBNAOO24-device iBNAOO27-device""iBNAOO24-links iBNAOO27-links""iBNAOO24-chip iBNAOO27-chip""iBNAOO24-cpu iBNAOO27-cpu""iBNAOO24-gpu iBNAOO27-gpu""iBNAOO24-memory iBNAOO27-memory""iBNAOO24-storage iBNAOO27-storage""iBNAOO24-display iBNAOO27-display""iBNAOO24-camera iBNAOO27-camera""iBNAOO24-keyboard iBNAOO27-keyboard""BNAOOpro-device BNAOOmini-device""BNAOOpro-links BNAOOmini-links""BNAOOpro-chip BNAOOmini-chip""BNAOOpro-cpu BNAOOmini-cpu""BNAOOpro-gpu BNAOOmini-gpu""BNAOOpro-memory BNAOOmini-memory""BNAOOpro-storage BNAOOmini-storage""BNAOOpro-display BNAOOmini-display""BNAOOpro-camera BNAOOmini-camera""BNAOOpro-keyboard BNAOOmini-keyboard"
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item.desktops .compare-table {
margin-top: 48px;
grid-row-gap: 28px;
grid-column-gap: 10px
}
}
@media only screen and (max-width: 734px) and (max-width: 340px) {
.section-compare .gallery .item-container .gallery-item.desktops .compare-table {
grid-column-gap: 6px
}
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO24.device {
grid-area: iBNAOO24-device
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO24.links {
grid-area: iBNAOO24-links
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO24.storage {
grid-area: iBNAOO24-storage
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO24.display {
grid-area: iBNAOO24-display
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO24.chip {
grid-area: iBNAOO24-chip
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO24.cpu {
grid-area: iBNAOO24-cpu
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO24.gpu {
grid-area: iBNAOO24-gpu
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO24.memory {
grid-area: iBNAOO24-memory
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO24.camera {
grid-area: iBNAOO24-camera
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO24.keyboard {
grid-area: iBNAOO24-keyboard
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO27.device {
grid-area: iBNAOO27-device
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO27.links {
grid-area: iBNAOO27-links
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO27.storage {
grid-area: iBNAOO27-storage
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO27.display {
grid-area: iBNAOO27-display
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO27.chip {
grid-area: iBNAOO27-chip
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO27.cpu {
grid-area: iBNAOO27-cpu
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO27.gpu {
grid-area: iBNAOO27-gpu
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO27.memory {
grid-area: iBNAOO27-memory
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO27.camera {
grid-area: iBNAOO27-camera
}
.section-compare .gallery .item-container .gallery-item.desktops .iBNAOO27.keyboard {
grid-area: iBNAOO27-keyboard
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOpro.device {
grid-area: BNAOOpro-device
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOpro.links {
grid-area: BNAOOpro-links
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOpro.storage {
grid-area: BNAOOpro-storage
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOpro.display {
grid-area: BNAOOpro-display
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOpro.chip {
grid-area: BNAOOpro-chip
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOpro.cpu {
grid-area: BNAOOpro-cpu
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOpro.gpu {
grid-area: BNAOOpro-gpu
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOpro.memory {
grid-area: BNAOOpro-memory
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOpro.camera {
grid-area: BNAOOpro-camera
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOpro.keyboard {
grid-area: BNAOOpro-keyboard
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOmini.device {
grid-area: BNAOOmini-device
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOmini.links {
grid-area: BNAOOmini-links
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOmini.storage {
grid-area: BNAOOmini-storage
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOmini.display {
grid-area: BNAOOmini-display
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOmini.chip {
grid-area: BNAOOmini-chip
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOmini.cpu {
grid-area: BNAOOmini-cpu
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOmini.gpu {
grid-area: BNAOOmini-gpu
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOmini.memory {
grid-area: BNAOOmini-memory
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOmini.camera {
grid-area: BNAOOmini-camera
}
.section-compare .gallery .item-container .gallery-item.desktops .BNAOOmini.keyboard {
grid-area: BNAOOmini-keyboard
}
.section-compare .gallery .item-container .gallery-item .device .image-wrapper {
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: column;
margin-bottom: 12px
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .device .image-wrapper {
margin-bottom: 10px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .device .image-wrapper {
margin-bottom: 5px
}
}
.section-compare .gallery .item-container .gallery-item .device .device-content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center
}
.section-compare .gallery .item-container .gallery-item .device .device-content .violator-frameless {
position: absolute;
z-index: 1;
top: 37px;
left: 50%;
transform: translateX(-50%)
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .device .device-content .violator-frameless {
top: 30px
}
}
.section-compare .gallery .item-container .gallery-item .device .device-content .image-swatches {
margin-top: 11px;
margin-bottom: 31px
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .device .device-content .image-swatches {
margin-top: 10px;
margin-bottom: 30px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .device .device-content .image-swatches {
margin-top: 7px;
margin-bottom: 28px
}
}
.section-compare .gallery .item-container .gallery-item .device .device-content .pricing {
margin-top: 7px
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .device .device-content .pricing {
margin-top: 5px
}
}
.section-compare .gallery .item-container .gallery-item .links {
margin-top: -26px;
padding-bottom: 22px;
border-bottom: 1px solid #d2d2d7
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .links {
margin-top: -25px;
padding-bottom: 23px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .links {
margin-top: -17px
}
}
.section-compare .gallery .item-container .gallery-item .links .button+p {
margin-top: 8px
}
.section-compare .gallery .item-container .gallery-item .cell {
flex-direction: column;
padding-top: 4px;
margin-left: auto;
margin-right: auto
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .cell {
width: 90%
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell {
width: 100%
}
}
.section-compare .gallery .item-container .gallery-item .cell-centered {
justify-content: center
}
.section-compare .gallery .item-container .gallery-item .cell .size {
margin-top: 6px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .cell .size {
margin-top: 0;
margin-bottom: 4px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell .size {
margin-top: 0;
margin-bottom: 6px
}
}
.section-compare .gallery .item-container .gallery-item .cell .column {
width: 100%
}
.section-compare .gallery .item-container .gallery-item .cell .image-icon {
margin-left: auto;
margin-right: auto;
margin-bottom: 8px
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .cell .image-icon {
margin-bottom: 7px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell .image-icon {
margin-bottom: 8px
}
}
.section-compare .gallery .item-container .gallery-item .cell.chip {
padding-top: 8px
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .cell.chip {
padding-top: 7px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.chip {
padding-top: 8px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.chip .image-icon {
margin-bottom: 6px
}
}
.section-compare .gallery .item-container .gallery-item .cell .note-feature {
color: #86868b
}
.section-compare .gallery .item-container .gallery-item .cell.gpu,
.section-compare .gallery .item-container .gallery-item .cell.cpu {
position: relative;
padding-top: 15px
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .cell.gpu,
.section-compare .gallery .item-container .gallery-item .cell.cpu {
padding-top: 24px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.gpu,
.section-compare .gallery .item-container .gallery-item .cell.cpu {
padding-top: 15px
}
}
.section-compare .gallery .item-container .gallery-item .cell.gpu .note-caption,
.section-compare .gallery .item-container .gallery-item .cell.cpu .note-caption {
position: absolute;
top: 0;
width: 100%
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.gpu .note-caption,
.section-compare .gallery .item-container .gallery-item .cell.cpu .note-caption {
top: -9px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.memory {
width: 55%;
padding-top: 8px
}
}
.section-compare .gallery .item-container .gallery-item .cell.memory .image-icon {
margin-bottom: 10px
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .cell.memory .image-icon {
margin-bottom: 10px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.memory .image-icon {
margin-bottom: 8px
}
}
.section-compare .gallery .item-container .gallery-item .cell.storage {
padding-top: 0
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.storage {
width: 58%;
margin-top: 0
}
}
.section-compare .gallery .item-container .gallery-item .cell.storage .size {
margin-top: 0
}
.section-compare .gallery .item-container .gallery-item .cell.display {
padding-top: 0
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .cell.display {
padding-top: 2px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.display {
padding-top: 7px
}
}
.section-compare .gallery .item-container .gallery-item .cell.battery {
padding-top: 0
}
.section-compare .gallery .item-container .gallery-item .cell.battery .image-icon {
margin-bottom: 0
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .cell.battery .image-icon {
margin-top: -3px;
margin-bottom: -1px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.battery .image-icon {
margin-top: 0
}
}
.section-compare .gallery .item-container .gallery-item .cell.camera {
padding-top: 0
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .cell.camera {
width: 97%
}
}
.section-compare .gallery .item-container .gallery-item .cell.camera .image-icon {
margin-bottom: 3px
}
.section-compare .gallery .item-container .gallery-item .cell.weight {
padding-top: 0
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.weight {
padding-top: 2px
}
}
.section-compare .gallery .item-container .gallery-item .cell.keyboard {
padding-top: 6px;
padding-bottom: 45px;
border-bottom: 1px solid #d2d2d7
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .cell.keyboard {
margin-top: 0;
padding-bottom: 44px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.keyboard {
padding-top: 5px;
padding-bottom: 35px
}
}
.section-compare .gallery .item-container .gallery-item .cell.keyboard .image-compare-icon-touchbar {
padding-bottom: 9px
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.keyboard .image-compare-icon-touchbar {
width: 100%;
background-size: contain;
background-position: center
}
}
.section-compare .link-wrapper {
position: relative;
padding-top: 42px;
padding-bottom: 113px
}
@media only screen and (max-width: 734px) {
.section-compare .link-wrapper {
padding-top: 34px;
padding-bottom: 85px
}
}
.section-compare .link-wrapper .shop {
margin-left: 36px
}
@media only screen and (max-width: 734px) {
.section-compare .link-wrapper .shop {
display: block;
margin-left: 0;
margin-top: 7px
}
}
.section-compare .additional-iBNAOO-link .eyebrow-wrapper {
margin-left: auto;
margin-right: auto;
border-top: 1px solid #d2d2d7;
padding: 90px 0
}
@media only screen and (max-width: 1068px) {
.section-compare .additional-iBNAOO-link .eyebrow-wrapper {
padding: 70px 0
}
}
@media only screen and (max-width: 734px) {
.section-compare .additional-iBNAOO-link .eyebrow-wrapper {
padding: 60px 0
}
}
.section-compare .image-compare-iBNAOO24 {
width: 212px;
height: 176px;
background-size: 212px 176px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO24__bdgus6d1xqb6_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-iBNAOO24 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO24__bdgus6d1xqb6_large_2x.png")
}
}
@media only screen and (max-width: 734px) {
.section-compare .image-compare-iBNAOO24 {
width: 138px;
height: 116px;
background-size: 138px 116px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO24__bdgus6d1xqb6_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.section-compare .image-compare-iBNAOO24 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO24__bdgus6d1xqb6_small_2x.png")
}
}
.section-compare .image-compare-iBNAOO27 {
width: 212px;
height: 176px;
background-size: 212px 176px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO27__drwrk3ro58sy_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-iBNAOO27 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO27__drwrk3ro58sy_large_2x.png")
}
}
@media only screen and (max-width: 734px) {
.section-compare .image-compare-iBNAOO27 {
width: 138px;
height: 116px;
background-size: 138px 116px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO27__drwrk3ro58sy_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.section-compare .image-compare-iBNAOO27 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_iBNAOO27__drwrk3ro58sy_small_2x.png")
}
}
.section-compare .image-compare-BNAOOmini {
width: 212px;
height: 176px;
background-size: 212px 176px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOmini__b77zzeep1s6a_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-BNAOOmini {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOmini__b77zzeep1s6a_large_2x.png")
}
}
@media only screen and (max-width: 734px) {
.section-compare .image-compare-BNAOOmini {
width: 138px;
height: 116px;
background-size: 138px 116px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOmini__b77zzeep1s6a_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.section-compare .image-compare-BNAOOmini {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOmini__b77zzeep1s6a_small_2x.png")
}
}
.section-compare .image-compare-BNAOOpro {
width: 212px;
height: 176px;
background-size: 212px 176px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOpro__cj3i514iwpua_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-BNAOOpro {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOpro__cj3i514iwpua_large_2x.png")
}
}
@media only screen and (max-width: 734px) {
.section-compare .image-compare-BNAOOpro {
width: 138px;
height: 116px;
background-size: 138px 116px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOpro__cj3i514iwpua_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.section-compare .image-compare-BNAOOpro {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_BNAOOpro__cj3i514iwpua_small_2x.png")
}
}
.section-compare .image-compare-mba {
width: 276px;
height: 167px;
background-size: 276px 167px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mba__fchj615oz0yi_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-mba {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mba__fchj615oz0yi_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-compare .image-compare-mba {
width: 212px;
height: 125px;
background-size: 212px 125px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mba__fchj615oz0yi_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.section-compare .image-compare-mba {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mba__fchj615oz0yi_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.section-compare .image-compare-mba {
width: 138px;
height: 60px;
background-size: 138px 60px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mba__fchj615oz0yi_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.section-compare .image-compare-mba {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mba__fchj615oz0yi_small_2x.png")
}
}
.section-compare .image-compare-mbp13 {
width: 276px;
height: 167px;
background-size: 276px 167px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp13__euj5z15300om_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-mbp13 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp13__euj5z15300om_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-compare .image-compare-mbp13 {
width: 212px;
height: 125px;
background-size: 212px 125px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp13__euj5z15300om_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.section-compare .image-compare-mbp13 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp13__euj5z15300om_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.section-compare .image-compare-mbp13 {
width: 138px;
height: 60px;
background-size: 138px 60px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp13__euj5z15300om_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.section-compare .image-compare-mbp13 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp13__euj5z15300om_small_2x.png")
}
}
.section-compare .image-compare-mbp14-and-16 {
width: 276px;
height: 167px;
background-size: 276px 167px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp14_and_16__f2dhysusb5im_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-mbp14-and-16 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp14_and_16__f2dhysusb5im_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-compare .image-compare-mbp14-and-16 {
width: 212px;
height: 125px;
background-size: 212px 125px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp14_and_16__f2dhysusb5im_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.section-compare .image-compare-mbp14-and-16 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp14_and_16__f2dhysusb5im_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.section-compare .image-compare-mbp14-and-16 {
width: 150px;
height: 72px;
background-size: 150px 72px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp14_and_16__f2dhysusb5im_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.section-compare .image-compare-mbp14-and-16 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_mbp14_and_16__f2dhysusb5im_small_2x.png")
}
}
.section-compare .image-compare-icon-battery {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_battery__fk0ughiyc3am_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-icon-battery {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_battery__fk0ughiyc3am_large_2x.png")
}
}
.section-compare .image-compare-icon-camera {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_camera__dlxow9r3leie_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-icon-camera {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_camera__dlxow9r3leie_large_2x.png")
}
}
.section-compare .image-compare-icon-iBNAOO24-keyboard {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_iBNAOO24_keyboard__dgffd78l4dsi_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-icon-iBNAOO24-keyboard {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_iBNAOO24_keyboard__dgffd78l4dsi_large_2x.png")
}
}
.section-compare .image-compare-icon-intel {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_intel__fmgvvgs5jy2y_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-icon-intel {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_intel__fmgvvgs5jy2y_large_2x.png")
}
}
.section-compare .image-compare-icon-m1 {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_m1__dsskrswqk7wy_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-icon-m1 {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_m1__dsskrswqk7wy_large_2x.png")
}
}
.section-compare .image-compare-icon-m1-pro-max {
width: 90px;
height: 40px;
background-size: 90px 40px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_m1_pro_max__d1toavnfl1m6_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-icon-m1-pro-max {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_m1_pro_max__d1toavnfl1m6_large_2x.png")
}
}
.section-compare .image-compare-icon-memory {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_memory__e26txeytwkcy_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-icon-memory {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_memory__e26txeytwkcy_large_2x.png")
}
}
.section-compare .image-compare-icon-unified-memory {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_unified_memory__emykppauav2a_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-icon-unified-memory {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_unified_memory__emykppauav2a_large_2x.png")
}
}
.section-compare .image-compare-icon-keyboard {
width: 144px;
height: 44px;
background-size: 144px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_keyboard__gkxt65itjamq_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-icon-keyboard {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_keyboard__gkxt65itjamq_large_2x.png")
}
}
.section-compare .image-compare-icon-touchbar {
width: 165px;
height: 38px;
background-size: 165px 38px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_touchbar__c3l91n4q5yi6_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-icon-touchbar {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_touchbar__c3l91n4q5yi6_large_2x.png")
}
}
.section-compare .image-compare-icon-touchid {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_touchid__fanxgkqe1xei_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-icon-touchid {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_touchid__fanxgkqe1xei_large_2x.png")
}
}
.section-compare .image-compare-icon-touch-id-touch-bar {
width: 48px;
height: 44px;
background-size: 48px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_touch_id_touch_bar__e6rwp5pfboae_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-icon-touch-id-touch-bar {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_icon_touch_id_touch_bar__e6rwp5pfboae_large_2x.png")
}
}
.section-compare .image-compare-swatches-multicolor {
width: 124px;
height: 14px;
background-size: 124px 14px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_multicolor__ese4oyi8w4mu_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-swatches-multicolor {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_multicolor__ese4oyi8w4mu_large_2x.png")
}
}
.section-compare .image-compare-swatches-one-color {
width: 14px;
height: 14px;
background-size: 14px 14px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_one_color__fk3qx0i2y96y_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-swatches-one-color {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_one_color__fk3qx0i2y96y_large_2x.png")
}
}
.section-compare .image-compare-swatches-three-colors {
width: 50px;
height: 14px;
background-size: 50px 14px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_three_colors__bagzlsvl2ehu_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-swatches-three-colors {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_three_colors__bagzlsvl2ehu_large_2x.png")
}
}
.section-compare .image-compare-swatches-two-colors {
width: 32px;
height: 14px;
background-size: 32px 14px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_two_colors__dfe181bip0ya_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-swatches-two-colors {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_two_colors__dfe181bip0ya_large_2x.png")
}
}
.section-compare .image-compare-swatches-two-colors-BNAOO-mini {
width: 32px;
height: 14px;
background-size: 32px 14px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_two_colors_BNAOO_mini__ftd28sgtl52e_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-compare .image-compare-swatches-two-colors-BNAOO-mini {
background-image: url("/v/BNAOO/home/bj/images/overview/compare/compare_swatches_two_colors_BNAOO_mini__ftd28sgtl52e_large_2x.png")
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.display .column {
width: 57%
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.battery .column {
width: 75%
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.camera .column {
width: 75%
}
}
@media only screen and (min-width: 735px) {
.section-compare .gallery .item-container .gallery-item .BNAOOmini.cell.row.chip {
width: 82%
}
}
.section-compare .gallery .item-container .gallery-item .buy.cell.row,
.section-compare .gallery .item-container .gallery-item .cta.cell.row {
display: none
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .mbp14-and-16.device {
margin-top: 66px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .mbp14-and-16.device h3 {
margin-left: auto;
margin-right: auto;
width: 75%
}
}
.section-compare .gallery .item-container .gallery-item .mbp14-and-16.chip .image-icon {
margin-top: 3px
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .mbp14-and-16.chip .image-icon {
margin-bottom: 12px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .mbp14-and-16.chip .column {
width: 85%
}
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .cell.keyboard.iBNAOO24 {
width: 100%
}
}
.section-compare .gallery .item-container .gallery-item .cell.keyboard.iBNAOO24 .column {
width: 92%
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .cell.keyboard.iBNAOO24 .column {
width: 100%
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cell.keyboard.iBNAOO24 .column {
width: 66%
}
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .cpu.iBNAOO24.cell.row,
.section-compare .gallery .item-container .gallery-item .cpu.iBNAOO27.cell.row {
margin-top: -25px
}
}
@media only screen and (max-width: 1068px) {
.section-compare .gallery .item-container .gallery-item .gpu.mbp14-and-16.cell.row,
.section-compare .gallery .item-container .gallery-item .gpu.mbp13.cell.row,
.section-compare .gallery .item-container .gallery-item .gpu.mba.cell.row {
margin-top: -5px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .cpu.iBNAOO24.cell.row,
.section-compare .gallery .item-container .gallery-item .cpu.iBNAOO27.cell.row,
.section-compare .gallery .item-container .gallery-item .cpu.mbp13.cell.row,
.section-compare .gallery .item-container .gallery-item .cpu.mba.cell.row {
margin-top: -11px
}
}
@media only screen and (max-width: 734px) {
.section-compare .gallery .item-container .gallery-item .gpu.BNAOOpro.cell.row,
.section-compare .gallery .item-container .gallery-item .gpu.BNAOOmini.cell.row,
.section-compare .gallery .item-container .gallery-item .cpu.BNAOOpro.cell.row,
.section-compare .gallery .item-container .gallery-item .cpu.BNAOOmini.cell.row,
.section-compare .gallery .item-container .gallery-item .gpu.iBNAOO24.cell.row,
.section-compare .gallery .item-container .gallery-item .gpu.iBNAOO27.cell.row,
.section-compare .gallery .item-container .gallery-item .cpu.mbp14-and-16.cell.row,
.section-compare .gallery .item-container .gallery-item .gpu.mbp14-and-16.cell.row,
.section-compare .gallery .item-container .gallery-item .gpu.mbp13.cell.row,
.section-compare .gallery .item-container .gallery-item .gpu.mba.cell.row {
margin-top: 10px
}
}
.section-holiday-2021 {
margin-top: 30px;
margin-bottom: 30px
}
@media only screen and (max-width: 1068px) {
.section-holiday-2021 {
margin-top: 20px;
margin-bottom: 20px
}
}
@media only screen and (max-width: 734px) {
.section-holiday-2021 {
margin-top: 15px;
margin-bottom: 15px
}
}
.section-holiday-2021 .section-content {
width: auto;
margin-left: auto;
margin-right: auto;
max-width: 1440px;
text-align: center;
overflow: hidden
}
@media only screen and (max-width: 1068px) {
.section-holiday-2021 .section-content {
max-width: 768px
}
}
.section-holiday-2021 .section-content .holiday-2021 {
position: relative;
display: flex;
flex-direction: column;
background: #eaf2fc;
margin-left: 2.08333%;
margin-right: 2.08333%;
overflow: hidden;
min-height: 532px;
padding: 0 0 52px
}
@media only screen and (max-width: 1068px) {
.section-holiday-2021 .section-content .holiday-2021 {
flex-direction: row;
padding: 0 55px 52px;
justify-content: space-between;
min-height: 345px
}
}
@media only screen and (max-width: 734px) {
.section-holiday-2021 .section-content .holiday-2021 {
flex-direction: column;
padding: 0 0 7px;
margin: 0
}
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-logo-wrapper {
position: relative;
width: 100%;
margin: 36px auto 0
}
@media only screen and (max-width: 734px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-logo-wrapper {
margin-top: 0
}
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-logo-wrapper .holiday-2021-logo {
width: 59px;
height: 74px;
background-size: 59px 74px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero_logo__bizwsp23jwgi_large.png");
margin: auto
}
@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-holiday-2021 .section-content .holiday-2021 .holiday-2021-logo-wrapper .holiday-2021-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero_logo__bizwsp23jwgi_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-logo-wrapper .holiday-2021-logo {
width: 50px;
height: 62px;
background-size: 50px 62px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero_logo__bizwsp23jwgi_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-logo-wrapper .holiday-2021-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero_logo__bizwsp23jwgi_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-logo-wrapper .holiday-2021-logo {
width: 44px;
height: 54px;
background-size: 44px 54px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero_logo__bizwsp23jwgi_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-logo-wrapper .holiday-2021-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero_logo__bizwsp23jwgi_small_2x.png")
}
}
@media only screen and (max-width: 734px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-logo-wrapper .holiday-2021-logo {
margin: auto
}
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content {
text-align: center;
width: 100%
}
@media only screen and (max-width: 1068px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content {
width: auto;
margin-top: 40px
}
}
@media only screen and (max-width: 734px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content {
margin-top: 32px
}
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline {
font-size: 48px;
line-height: 1.08349;
font-weight: 600;
letter-spacing: -.003em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
margin: 16px auto 0;
max-width: 950px
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(ar) {
line-height: 1.25;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(ja) {
line-height: 1.14599;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(ko) {
line-height: 1.1875;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(zh) {
letter-spacing: 0em
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(th) {
line-height: 1.33349;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-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
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-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
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-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
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-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
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(th) {
line-height: 1.35;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 734px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-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
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-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
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-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
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-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
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 1068px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline {
margin: 17px auto 0;
max-width: 285px
}
}
@media only screen and (max-width: 734px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .holiday-2021-content-headline {
margin: 9px auto 13px;
max-width: 310px
}
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .typography-tile-model-copy {
display: inline-block;
margin-top: 12px
}
@media only screen and (max-width: 1068px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .typography-tile-model-copy {
margin-top: 20px
}
}
@media only screen and (max-width: 734px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-content .typography-tile-model-copy {
margin-top: 0;
margin-left: 0
}
}
@media only screen and (max-width: 1068px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-image-wrapper {
margin: auto 0
}
}
@media only screen and (max-width: 734px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-image-wrapper {
width: 100%;
height: 100%;
margin: auto
}
}
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-image {
width: 921px;
height: 262px;
background-size: 921px 262px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero__gjmygt9ehwuq_large.jpg");
margin: 48px auto 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-image {
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero__gjmygt9ehwuq_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-image {
width: 286px;
height: 282px;
background-size: 286px 282px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero__gjmygt9ehwuq_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-holiday-2021 .section-content .holiday-2021 .holiday-2021-image {
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero__gjmygt9ehwuq_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-image {
width: 280px;
height: 276px;
background-size: 280px 276px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero__gjmygt9ehwuq_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-holiday-2021 .section-content .holiday-2021 .holiday-2021-image {
background-image: url("/v/BNAOO/home/bj/images/overview/holiday-2021/aos_hol21_BNAOO_family_hero__gjmygt9ehwuq_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-image {
margin: 60px auto 0
}
}
@media only screen and (max-width: 734px) {
.section-holiday-2021 .section-content .holiday-2021 .holiday-2021-image {
margin: 37px auto
}
}
.section-retail {
margin-top: 30px
}
@media only screen and (max-width: 1068px) {
.section-retail {
margin-top: 20px
}
}
@media only screen and (max-width: 734px) {
.section-retail {
margin-top: 15px
}
}
.section-retail .fp-tile {
background-color: #fff;
height: 440px;
}
.section-content h2{
font-size: 40px;
text-align: center;
margin-bottom: 20px;
color: #6f6f6f;
font-weight: 500;
}
.section-retail .promo-intro {
margin-top: 20px;
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
}
.section-retail .promo-intro: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
}
.section-retail .promo-intro:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-retail .promo-intro: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
}
.section-retail .promo-intro:lang(zh) {
letter-spacing: 0em
}
.section-retail .promo-intro: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
}
.section-retail .promo-intro:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-retail .promo-intro:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-retail .promo-intro:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-retail .promo-intro:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.section-retail .promo-intro {
margin-top: 19px
}
}
.section-retail .icon-wrapper {
font-size: 17px;
line-height: 1.47059;
font-weight: 400;
letter-spacing: -.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
color: #06c
}
.section-retail .icon-wrapper: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
}
.section-retail .icon-wrapper:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-retail .icon-wrapper: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
}
.section-retail .icon-wrapper:lang(zh) {
letter-spacing: 0em
}
.section-retail .icon-wrapper: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
}
.section-retail .icon-wrapper:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-retail .icon-wrapper:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-retail .icon-wrapper:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-retail .icon-wrapper:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-retail .promo-headline,
.section-retail .promo-copy-wrapper {
text-align: center
}
@media only screen and (max-width: 734px) {
.section-retail .fp-tile-2 {
margin-bottom: 15px
}
}
.tv-plus {
display: block;
background-color: #000
}
@media only screen and (max-width: 1068px) {
.tv-plus {
min-height: 234px
}
}
@media only screen and (max-width: 734px) {
.tv-plus {
min-height: inherit;
flex-direction: column
}
}
.tv-plus .promo-copy-container {
display: block;
height: auto;
padding: 0;
min-width: unset
}
.tv-plus .promo-copy-wrapper {
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: 390px
}
@media only screen and (max-width: 1068px) {
.tv-plus .promo-copy-wrapper {
max-width: 290px
}
}
@media only screen and (max-width: 734px) {
.tv-plus .promo-copy-wrapper {
max-width: initial;
margin-left: auto;
margin-right: auto;
text-align: center
}
}
.tv-plus .tile-logo {
width: 98px;
height: 39px;
background-size: 98px 39px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_logo__kjr1fpjocgqe_large.png");
margin-left: auto;
margin-right: auto;
padding-bottom: 2px
}
@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) {
.tv-plus .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_logo__kjr1fpjocgqe_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.tv-plus .tile-logo {
width: 64px;
height: 26px;
background-size: 64px 26px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_logo__kjr1fpjocgqe_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.tv-plus .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_logo__kjr1fpjocgqe_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.tv-plus .tile-logo {
width: 64px;
height: 26px;
background-size: 64px 26px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_logo__kjr1fpjocgqe_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.tv-plus .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_logo__kjr1fpjocgqe_small_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.tv-plus .tile-logo {
padding-bottom: 0
}
}
@media only screen and (max-width: 734px) {
.tv-plus .tile-logo {
margin-left: auto;
margin-right: auto;
margin-top: 0
}
}
.tv-plus .promo-intro {
font-size: 21px;
line-height: 1.381;
font-weight: 400;
letter-spacing: .011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
margin-top: 17px
}
.tv-plus .promo-intro:lang(ar) {
line-height: 1.52381;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-intro:lang(ja) {
line-height: 1.4286;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-intro:lang(ko) {
line-height: 1.52381;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-intro:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-intro:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-intro:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-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
}
.tv-plus .promo-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) {
.tv-plus .promo-intro {
font-size: 19px;
line-height: 1.4211;
font-weight: 400;
letter-spacing: .012em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-intro:lang(ar) {
line-height: 1.57895;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-intro:lang(ja) {
line-height: 1.47376;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-intro:lang(ko) {
line-height: 1.52632;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-intro:lang(th) {
line-height: 1.36844;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-intro:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-intro:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-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
}
.tv-plus .promo-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) {
.tv-plus .promo-intro {
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;
margin-top: 20px
}
.tv-plus .promo-intro: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
}
.tv-plus .promo-intro: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
}
.tv-plus .promo-intro: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
}
.tv-plus .promo-intro:lang(zh) {
letter-spacing: 0em
}
.tv-plus .promo-intro: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
}
.tv-plus .promo-intro:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-intro:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-intro:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.tv-plus .promo-intro: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) {
.tv-plus .promo-intro {
margin-top: 17px
}
}
.tv-plus .links-inline {
margin-top: 0.64em
}
@media only screen and (max-width: 1068px) {
.tv-plus .links-inline {
margin-top: 0.8em
}
}
.tv-plus .links-inline li {
margin-top: 0
}
@media only screen and (max-width: 1068px) {
.tv-plus .figure-wrapper {
top: auto;
right: 0;
bottom: 0
}
}
@media only screen and (max-width: 734px) {
.tv-plus .figure-wrapper {
position: relative;
margin-top: -178px
}
}
.tv-plus .promo-image {
width: 675px;
height: 354px;
background-size: 675px 354px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_half_tile__ff92r4xibwuq_large.jpg");
position: relative;
left: 50%;
margin-left: -337.5px;
margin-top: 42px
}
@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) {
.tv-plus .promo-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_half_tile__ff92r4xibwuq_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.tv-plus .promo-image {
width: 359px;
height: 234px;
background-size: 359px 234px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_half_tile__ff92r4xibwuq_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) {
.tv-plus .promo-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_half_tile__ff92r4xibwuq_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.tv-plus .promo-image {
width: 735px;
height: 273px;
background-size: 735px 273px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_half_tile__ff92r4xibwuq_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) {
.tv-plus .promo-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-tv-plus/apple_tv_plus_half_tile__ff92r4xibwuq_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.tv-plus .promo-image {
left: 50%;
margin-left: -179.5px
}
}
@media only screen and (max-width: 734px) {
.tv-plus .promo-image {
left: 50%;
margin-left: -367.5px
}
}
@media only screen and (max-width: 1068px) {
.tv-plus .promo-image {
margin-top: 34px
}
}
@media only screen and (max-width: 734px) {
.tv-plus .promo-image {
margin-top: 242px;
margin-bottom: 10px
}
}
html.text-zoom .tv-plus .promo-image {
margin-left: 0
}
.tv-plus .footnote {
color: #2997ff
}
.tv-plus .icon-external::after {
color: #2997ff;
padding-left: 0
}
.apple-news {
background-size: 675px 600px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_half_tile__fsburpmunrma_large.jpg");
background-position-x: center;
background-position-y: bottom;
min-height: 600px;
background-color: #fa3454
}
@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) {
.apple-news {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_half_tile__fsburpmunrma_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.apple-news {
background-size: 359px 525px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_half_tile__fsburpmunrma_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) {
.apple-news {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_half_tile__fsburpmunrma_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.apple-news {
background-size: 736px 490px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_half_tile__fsburpmunrma_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) {
.apple-news {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_half_tile__fsburpmunrma_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.apple-news {
min-height: 400px
}
}
@media only screen and (max-width: 734px) {
.apple-news {
min-height: 490px
}
}
@media only screen and (max-width: 734px) {
.apple-news {
background-position-y: 10px;
padding: 0
}
}
.apple-news .promo-copy-container {
padding-bottom: 378px
}
@media only screen and (max-width: 1068px) {
.apple-news .promo-copy-container {
padding-bottom: 324px
}
}
@media only screen and (max-width: 734px) {
.apple-news .promo-copy-container {
padding-bottom: 320px
}
}
.apple-news .promo-copy-wrapper h3.promo-intro {
margin-top: 19px
}
@media only screen and (max-width: 1068px) {
.apple-news .promo-copy-wrapper h3.promo-intro {
margin-top: 18px
}
}
.apple-news p {
color: #f5f5f7
}
.apple-news .icon-wrapper,
.apple-news .footnote {
color: #f5f5f7
}
.apple-news .promo-headline {
width: 175px;
height: 40px;
background-size: 175px 40px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_logo__cggpupc1mpci_large.png");
position: relative;
left: 50%;
margin-left: -87.5px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.apple-news .promo-headline {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_logo__cggpupc1mpci_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.apple-news .promo-headline {
width: 114px;
height: 28px;
background-size: 114px 28px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_logo__cggpupc1mpci_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.apple-news .promo-headline {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-news-plus/apple_news_plus_logo__cggpupc1mpci_medium_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.apple-news .promo-headline {
left: 50%;
margin-left: -57px
}
}
@media only screen and (max-width: 1068px) {
.apple-news .links li {
display: inline;
margin: 0 0.8em
}
}
.apple-news .links li span.icon-external {
font-size: 21px
}
@media only screen and (max-width: 1068px) {
.apple-news .links li span.icon-external {
font-size: 17px
}
}
.apple-news .links li span.icon-external:after {
padding-left: 0
}
.arcade {
background-color: #FBFAFC
}
.arcade .promo-headline {
width: 180px;
height: 40px;
background-size: 180px 40px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/logo_apple_arcade__mvq317ljfkqe_large.png");
position: relative;
left: 50%;
margin-left: -90px
}
@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) {
.arcade .promo-headline {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/logo_apple_arcade__mvq317ljfkqe_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.arcade .promo-headline {
width: 118px;
height: 26px;
background-size: 118px 26px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/logo_apple_arcade__mvq317ljfkqe_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.arcade .promo-headline {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/logo_apple_arcade__mvq317ljfkqe_medium_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.arcade .promo-headline {
left: 50%;
margin-left: -59px
}
}
.arcade li span.icon-external {
font-size: 21px
}
@media only screen and (max-width: 1068px) {
.arcade li span.icon-external {
font-size: 17px
}
}
.arcade li span.icon-external:after {
padding-left: 0
}
.arcade .arcade-image {
width: 675px;
height: 306px;
background-size: 675px 306px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_arcade__fh7xxmrbt9iu_large.jpg");
position: relative;
left: 50%;
margin-left: -337.5px;
margin-top: 40px
}
@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) {
.arcade .arcade-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_arcade__fh7xxmrbt9iu_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.arcade .arcade-image {
width: 359px;
height: 180px;
background-size: 359px 180px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_arcade__fh7xxmrbt9iu_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) {
.arcade .arcade-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_arcade__fh7xxmrbt9iu_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.arcade .arcade-image {
width: 638px;
height: 181px;
background-size: 638px 181px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_arcade__fh7xxmrbt9iu_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) {
.arcade .arcade-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_arcade__fh7xxmrbt9iu_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.arcade .arcade-image {
left: 50%;
margin-left: -179.5px
}
}
@media only screen and (max-width: 734px) {
.arcade .arcade-image {
left: 50%;
margin-left: -319px
}
}
@media only screen and (max-width: 1068px) {
.arcade .arcade-image {
margin-top: 66px
}
}
@media only screen and (max-width: 734px) {
.arcade .arcade-image {
margin-top: 55px;
margin-bottom: 78px
}
}
.apple-card {
background-color: #cccccc;
height: 612px
}
@media only screen and (max-width: 1068px) {
.apple-card {
height: 467px
}
}
@media only screen and (max-width: 734px) {
.apple-card {
height: 490px
}
}
@media only screen and (max-width: 755px) {
.apple-card .flex-copy.promo-copy-container {
flex-basis: 75%;
max-width: 75%
}
}
@media only screen and (max-width: 734px) {
.apple-card .flex-copy.promo-copy-container {
width: 215px
}
}
@media only screen and (max-width: 734px) and (max-width: 320px) {
.apple-card .flex-copy.promo-copy-container {
width: 214px
}
}
.apple-card .flex-copy.promo-copy-container .promo-copy-wrapper {
position: relative;
z-index: 2
}
@media only screen and (max-width: 1068px) {
.apple-card .flex-copy.promo-copy-container .promo-copy-wrapper {
margin-top: 0
}
}
.apple-card .tile-logo {
margin-left: auto;
margin-right: auto;
width: 128px;
height: 38px;
background-size: 128px 38px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_logo__bc566rakrw5e_large.png");
position: relative;
left: -8px
}
@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) {
.apple-card .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_logo__bc566rakrw5e_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.apple-card .tile-logo {
width: 80px;
height: 25px;
background-size: 80px 25px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_logo__bc566rakrw5e_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.apple-card .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_logo__bc566rakrw5e_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.apple-card .tile-logo {
width: 86px;
height: 26px;
background-size: 86px 26px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_logo__bc566rakrw5e_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.apple-card .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_logo__bc566rakrw5e_small_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.apple-card .tile-logo {
width: 86px;
height: 26px;
background-size: 86px 26px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_logo__bc566rakrw5e_small.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.apple-card .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_logo__bc566rakrw5e_small_2x.png")
}
}
.apple-card a {
color: #1d1d1f
}
.apple-card .scaling-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
@media only screen and (min-width: 1069px) and (max-width: 1235px) {
.apple-card .scaling-container {
left: -16.5%
}
}
@media only screen and (max-width: 1068px) {
.apple-card .scaling-container {
top: 0;
left: 0
}
}
@media only screen and (max-width: 734px) {
.apple-card .scaling-container {
right: 0
}
}
.apple-card .scaling-container figure {
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_half_tile__dunurbtihbki_large.jpg");
background-size: contain;
position: absolute;
background-position: right bottom;
width: 100%;
height: 100%;
z-index: 1
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.apple-card .scaling-container figure {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_half_tile__dunurbtihbki_large_2x.jpg")
}
}
.apple-card .scaling-container figure::after {
content: '';
display: block;
padding-bottom: 88.88889%
}
@media only screen and (max-width: 1068px) {
.apple-card .scaling-container figure {
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_half_tile__dunurbtihbki_medium.jpg");
background-size: contain
}
}
@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) {
.apple-card .scaling-container figure {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_half_tile__dunurbtihbki_medium_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.apple-card .scaling-container figure::after {
content: '';
display: block;
padding-bottom: 125.69832%
}
}
@media only screen and (max-width: 734px) {
.apple-card .scaling-container figure {
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_half_tile__dunurbtihbki_small.jpg");
background-size: contain
}
}
@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) {
.apple-card .scaling-container figure {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-card/apple_card_half_tile__dunurbtihbki_small_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.apple-card .scaling-container figure::after {
content: '';
display: block;
padding-bottom: 66.57609%
}
}
@media only screen and (min-width: 735px) and (max-width: 1235px) {
.apple-card .scaling-container figure {
background-position: left bottom
}
}
@media only screen and (max-width: 734px) {
.apple-card .scaling-container figure {
width: 736px;
height: 490px;
left: 50%;
transform: translateX(-50%);
background-size: cover;
background-position: center bottom
}
}
.section-retail .acmi {
overflow: hidden;
margin-top: 30px;
margin-bottom: 30px
}
@media only screen and (max-width: 1068px) {
.section-retail .acmi {
margin-top: 20px;
margin-bottom: 20px
}
}
@media only screen and (max-width: 734px) {
.section-retail .acmi {
margin-top: 15px;
margin-bottom: 15px
}
}
@media only screen and (max-width: 734px) {
.section-retail .acmi {
margin-left: 0;
margin-right: 0;
max-width: 100%
}
}
.section-retail .acmi .flex-copy-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 2.08333vw;
padding-left: 4.16667%;
padding-right: 4.16667%;
width: 38.54167%;
z-index: 2
}
@media only screen and (max-width: 1068px) {
.section-retail .acmi .flex-copy-wrapper {
margin-bottom: 2.34082vw;
padding-left: 3.74532%;
padding-right: 3.74532%;
width: 38.99813%
}
}
.section-retail .acmi .flex-copy-wrapper:nth-child(2n+1) {
margin-left: 2.08333%;
margin-right: 1.04167%
}
@media only screen and (max-width: 1068px) {
.section-retail .acmi .flex-copy-wrapper:nth-child(2n+1) {
margin-left: 2.34082%;
margin-right: 1.17041%
}
}
.section-retail .acmi .flex-copy-wrapper:nth-child(2n) {
margin-left: 1.04167%;
margin-right: 2.08333%
}
@media only screen and (max-width: 1068px) {
.section-retail .acmi .flex-copy-wrapper:nth-child(2n) {
margin-left: 1.17041%;
margin-right: 2.34082%
}
}
@media only screen and (min-width: 1440px) {
.section-retail .acmi .flex-copy-wrapper {
margin-bottom: 30px
}
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .flex-copy-wrapper {
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
max-width: 734px;
width: auto
}
.section-retail .acmi .flex-copy-wrapper:nth-child(n) {
margin-left: auto;
margin-right: auto
}
}
@media only screen and (min-width: 1069px) {
.section-retail .acmi .flex-copy-wrapper:nth-child(2n) {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
width: 47%
}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
.section-retail .acmi .flex-copy-wrapper {
margin-top: 40px;
margin-bottom: 40px;
padding-left: 10px;
padding-right: 0;
width: 42%
}
.section-retail .acmi .flex-copy-wrapper:nth-child(2n) {
margin-right: 34px
}
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .flex-copy-wrapper {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
margin-top: 40px;
width: 100%;
max-width: 385px
}
}
@media only screen and (max-width: 320px) {
.section-retail .acmi .flex-copy-wrapper {
max-width: 87.5%
}
}
.section-retail .acmi .flex-copy-wrapper .promo-copy-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.section-retail .acmi .flex-copy-wrapper .promo-copy-container a {
white-space: nowrap
}
.section-retail .acmi .icon-wrapper {
margin-top: 7px
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .icon-wrapper {
margin-top: 4px
}
}
.section-retail .acmi .banner-wrapper {
margin-left: auto;
margin-right: auto;
max-width: 1440px;
text-align: center;
overflow: hidden
}
@media only screen and (max-width: 1068px) {
.section-retail .acmi .banner-wrapper {
max-width: 768px
}
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .banner-wrapper {
max-width: 100%
}
}
.section-retail .acmi .banner-wrapper .banner-container {
position: relative;
display: flex;
flex-direction: row;
background: #f2f2f2;
margin-left: 2.08333%;
margin-right: 2.08333%;
justify-content: space-between
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .banner-wrapper .banner-container {
flex-direction: column-reverse;
margin-left: 0;
margin-right: 0;
justify-content: center
}
}
.section-retail .acmi .banner-wrapper .flex-image-wrapper {
min-height: 411px;
margin: 75px 0;
z-index: 1
}
@media only screen and (max-width: 1068px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper {
min-height: 277px;
margin: 80px 0
}
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper {
min-height: auto;
margin: 24px 0 45px
}
}
.section-retail .acmi .banner-wrapper .flex-image-wrapper .image-wrapper {
width: 50%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin-left: 60px;
position: absolute
}
@media only screen and (min-width: 1069px) and (max-width: 1299px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .image-wrapper {
margin-left: 40px
}
}
@media only screen and (max-width: 1068px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .image-wrapper {
margin-left: 30px
}
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .image-wrapper {
margin-left: auto;
margin-right: auto;
width: 100%;
position: relative
}
}
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container {
position: relative
}
}
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_large.jpg");
background-size: contain;
position: absolute;
width: 100%;
height: 100%;
background-position: right center
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_large_2x.jpg")
}
}
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image::after {
content: '';
display: block;
padding-bottom: 51.89394%
}
@media only screen and (max-width: 1068px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_medium.jpg");
background-size: contain
}
}
@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-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_medium_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image::after {
content: '';
display: block;
padding-bottom: 65.79572%
}
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_small.jpg");
background-size: contain
}
}
@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-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_small_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image::after {
content: '';
display: block;
padding-bottom: 38.8785%
}
}
@media only screen and (min-width: 1069px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
max-width: 792px
}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
max-width: 421px
}
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
width: 792px;
height: 411px;
background-size: 792px 411px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_large.jpg");
position: relative;
left: 50%;
margin-left: -396px
}
}
@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-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_large_2x.jpg")
}
}
@media only screen and (max-width: 734px) and (max-width: 1068px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
width: 421px;
height: 277px;
background-size: 421px 277px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_medium.jpg")
}
}
@media only screen and (max-width: 734px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (max-width: 1068px) and (min-resolution: 144dpi) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
width: 535px;
height: 208px;
background-size: 535px 208px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_small.jpg")
}
}
@media only screen and (max-width: 734px) and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 144dpi) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_small_2x.jpg")
}
}
@media only screen and (max-width: 734px) and (max-width: 1068px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
left: 50%;
margin-left: -210.5px
}
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
.section-retail .acmi .banner-wrapper .flex-image-wrapper .scaling-container .banner-image {
left: 50%;
margin-left: -274.5px
}
}
.section-retail .acmi .banner-wrapper .banner-container.update {
overflow: hidden
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .banner-wrapper .banner-container.update {
flex-wrap: wrap;
flex-direction: row
}
}
.section-retail .acmi .banner-wrapper .banner-container.update .flex-image-wrapper.large-order-1 {
min-height: 434px;
margin-bottom: 0
}
@media only screen and (max-width: 1068px) {
.section-retail .acmi .banner-wrapper .banner-container.update .flex-image-wrapper.large-order-1 {
min-height: 352px;
margin: 0
}
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .banner-wrapper .banner-container.update .flex-image-wrapper.large-order-1 {
min-height: 202px
}
}
.section-retail .acmi .banner-wrapper .banner-container.update .flex-image-wrapper.large-order-1 .image-wrapper {
position: relative;
width: 100%;
height: 100%;
margin-left: unset
}
.section-retail .acmi .banner-wrapper .banner-container.update .flex-image-wrapper.large-order-1 .banner-image {
width: 792px;
height: 411px;
background-size: 792px 411px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_large.jpg");
position: absolute;
bottom: 0;
left: -100px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-retail .acmi .banner-wrapper .banner-container.update .flex-image-wrapper.large-order-1 .banner-image {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-retail .acmi .banner-wrapper .banner-container.update .flex-image-wrapper.large-order-1 .banner-image {
width: 421px;
height: 277px;
background-size: 421px 277px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_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-retail .acmi .banner-wrapper .banner-container.update .flex-image-wrapper.large-order-1 .banner-image {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .banner-wrapper .banner-container.update .flex-image-wrapper.large-order-1 .banner-image {
width: 535px;
height: 208px;
background-size: 535px 208px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_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-retail .acmi .banner-wrapper .banner-container.update .flex-image-wrapper.large-order-1 .banner-image {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/acmi__e6hmokx3ap0m_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-retail .acmi .banner-wrapper .banner-container.update .flex-image-wrapper.large-order-1 .banner-image {
left: -53px
}
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .banner-wrapper .banner-container.update .flex-image-wrapper.large-order-1 .banner-image {
position: absolute;
left: 50%;
margin-left: -396px
}
}
@media only screen and (max-width: 734px) and (max-width: 1068px) {
.section-retail .acmi .banner-wrapper .banner-container.update .flex-image-wrapper.large-order-1 .banner-image {
left: 50%;
margin-left: -210.5px
}
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
.section-retail .acmi .banner-wrapper .banner-container.update .flex-image-wrapper.large-order-1 .banner-image {
left: 50%;
margin-left: -185.5px
}
}
@media only screen and (min-width: 1069px) {
.section-retail .acmi .banner-wrapper .banner-container.update .flex-copy-wrapper:nth-child(2n) {
width: 46%
}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
.section-retail .acmi .banner-wrapper .banner-container.update .flex-copy-wrapper {
margin-top: 20px;
margin-bottom: 20px;
padding-left: 36px;
padding-right: 0
}
.section-retail .acmi .banner-wrapper .banner-container.update .flex-copy-wrapper:nth-child(2n) {
margin-right: 36px
}
}
@media only screen and (max-width: 734px) {
.section-retail .acmi .banner-wrapper .banner-container.update .flex-copy-wrapper {
margin-top: 40px;
margin-bottom: 40px
}
}
.section-apple-card-q2-tile {
overflow: hidden;
margin-top: 30px;
margin-bottom: 30px
}
@media only screen and (max-width: 1068px) {
.section-apple-card-q2-tile {
margin-top: 20px;
margin-bottom: 20px
}
}
@media only screen and (max-width: 734px) {
.section-apple-card-q2-tile {
margin-top: 15px;
margin-bottom: 15px
}
}
.section-apple-card-q2-tile .banner-wrapper {
margin-left: auto;
margin-right: auto;
max-width: 1440px;
text-align: center;
overflow: hidden
}
@media only screen and (max-width: 1068px) {
.section-apple-card-q2-tile .banner-wrapper {
max-width: 768px
}
}
@media only screen and (max-width: 734px) {
.section-apple-card-q2-tile .banner-wrapper {
max-width: 100%
}
}
.section-apple-card-q2-tile .banner-wrapper .banner-container {
background: #f2f2f2;
position: relative;
display: flex;
flex-direction: row;
min-height: 504px;
margin-left: 2.08333%;
margin-right: 2.08333%;
overflow: hidden
}
@media only screen and (max-width: 1068px) {
.section-apple-card-q2-tile .banner-wrapper .banner-container {
min-height: 358px
}
}
@media only screen and (max-width: 734px) {
.section-apple-card-q2-tile .banner-wrapper .banner-container {
min-height: 0;
flex-direction: column-reverse;
margin-left: 0;
margin-right: 0
}
}
.section-apple-card-q2-tile .flex-copy-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 585px
}
@media only screen and (max-width: 1068px) {
.section-apple-card-q2-tile .flex-copy-wrapper {
min-width: 0;
align-items: flex-end
}
}
@media only screen and (max-width: 734px) {
.section-apple-card-q2-tile .flex-copy-wrapper {
align-items: center;
padding-top: 38px
}
}
.section-apple-card-q2-tile .flex-copy-wrapper .promo-copy-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: auto;
padding: 60px 20px 30px;
margin-left: 13px
}
@media only screen and (max-width: 1068px) {
.section-apple-card-q2-tile .flex-copy-wrapper .promo-copy-container {
padding-left: 0;
padding-top: 65px;
padding-right: 28px;
padding-bottom: 0;
margin-left: 0
}
}
@media only screen and (max-width: 734px) {
.section-apple-card-q2-tile .flex-copy-wrapper .promo-copy-container {
padding: 0 15px;
margin-top: 0
}
}
.section-apple-card-q2-tile .flex-copy-wrapper .tile-headline {
background: linear-gradient(to right, #f06844 0%, #ee4c54 25%, #d45e95 50%, #9c6ca6 75%, #6583c1 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 7px
}
@media only screen and (max-width: 1068px) {
.section-apple-card-q2-tile .flex-copy-wrapper .tile-headline {
max-width: 7em;
margin-bottom: -3px
}
}
@media only screen and (max-width: 734px) {
.section-apple-card-q2-tile .flex-copy-wrapper .tile-headline {
margin-bottom: 0
}
}
.section-apple-card-q2-tile .flex-copy-wrapper .cta-container {
display: flex;
justify-content: center;
margin-top: 12px
}
@media only screen and (max-width: 734px) {
.section-apple-card-q2-tile .flex-copy-wrapper .cta-container {
margin-top: 18px
}
}
.section-apple-card-q2-tile .flex-copy-wrapper .tile-cta+.tile-cta {
margin-left: 34px
}
.section-apple-card-q2-tile .flex-copy-wrapper .promo-terms {
color: #1d1d1f;
margin-top: auto;
margin-bottom: 20px
}
@media only screen and (max-width: 1068px) {
.section-apple-card-q2-tile .flex-copy-wrapper .promo-terms {
width: 100%;
margin-bottom: 32px
}
}
@media only screen and (max-width: 734px) {
.section-apple-card-q2-tile .flex-copy-wrapper .promo-terms {
margin-top: 25px;
margin-bottom: 0;
width: unset
}
}
@media only screen and (max-width: 734px) {
.section-apple-card-q2-tile .flex-image-wrapper {
padding-top: 0;
margin-top: -29px
}
}
.section-apple-card-q2-tile .flex-image-wrapper .banner-image {
width: 801px;
height: 504px;
background-size: 801px 504px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/apple-card-q2-promo/apple_card__cwmne91xyiye_large.jpg");
width: 109%;
background-position: right center
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-apple-card-q2-tile .flex-image-wrapper .banner-image {
background-image: url("/v/BNAOO/home/bj/images/overview/apple-card-q2-promo/apple_card__cwmne91xyiye_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-apple-card-q2-tile .flex-image-wrapper .banner-image {
width: 487px;
height: 358px;
background-size: 487px 358px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/apple-card-q2-promo/apple_card__cwmne91xyiye_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.section-apple-card-q2-tile .flex-image-wrapper .banner-image {
background-image: url("/v/BNAOO/home/bj/images/overview/apple-card-q2-promo/apple_card__cwmne91xyiye_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.section-apple-card-q2-tile .flex-image-wrapper .banner-image {
width: 734px;
height: 269px;
background-size: 734px 269px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/apple-card-q2-promo/apple_card__cwmne91xyiye_small.jpg")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.section-apple-card-q2-tile .flex-image-wrapper .banner-image {
background-image: url("/v/BNAOO/home/bj/images/overview/apple-card-q2-promo/apple_card__cwmne91xyiye_small_2x.jpg")
}
}
@media only screen and (min-width: 1069px) and (max-width: 1241px) {
.section-apple-card-q2-tile .flex-image-wrapper .banner-image {
margin-left: -106px;
width: 801px
}
}
@media only screen and (max-width: 734px) {
.section-apple-card-q2-tile .flex-image-wrapper .banner-image {
width: 100%;
background-position: center center
}
}
.apple-pay {
background-color: #FBFAFC
}
.apple-pay .tile-logo {
width: 114px;
height: 46px;
background-size: 114px 46px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay_logo__d2j4vxi85iaa_large.png");
position: relative;
left: 50%;
margin-left: -57px
}
@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) {
.apple-pay .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay_logo__d2j4vxi85iaa_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.apple-pay .tile-logo {
width: 75px;
height: 31px;
background-size: 75px 31px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay_logo__d2j4vxi85iaa_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.apple-pay .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay_logo__d2j4vxi85iaa_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.apple-pay .tile-logo {
width: 76px;
height: 32px;
background-size: 76px 32px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay_logo__d2j4vxi85iaa_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.apple-pay .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay_logo__d2j4vxi85iaa_small_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.apple-pay .tile-logo {
left: 50%;
margin-left: -37.5px
}
}
@media only screen and (max-width: 734px) {
.apple-pay .tile-logo {
left: 50%;
margin-left: -38px
}
}
.apple-pay li span.icon-external {
font-size: 21px
}
@media only screen and (max-width: 1068px) {
.apple-pay li span.icon-external {
font-size: 17px
}
}
.apple-pay li span.icon-external:after {
padding-left: 0
}
.apple-pay .apple-pay-image {
width: 469px;
height: 277px;
background-size: 469px 277px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay__9nvboo37kn6y_large.jpg");
position: relative;
left: 50%;
margin-left: -234.5px;
margin-top: 40px
}
@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) {
.apple-pay .apple-pay-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay__9nvboo37kn6y_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.apple-pay .apple-pay-image {
width: 270px;
height: 159px;
background-size: 270px 159px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay__9nvboo37kn6y_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) {
.apple-pay .apple-pay-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay__9nvboo37kn6y_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.apple-pay .apple-pay-image {
width: 305px;
height: 181px;
background-size: 305px 181px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay__9nvboo37kn6y_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) {
.apple-pay .apple-pay-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-pay/apple_pay__9nvboo37kn6y_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.apple-pay .apple-pay-image {
left: 50%;
margin-left: -135px
}
}
@media only screen and (max-width: 734px) {
.apple-pay .apple-pay-image {
left: 50%;
margin-left: -152.5px
}
}
@media only screen and (max-width: 1068px) {
.apple-pay .apple-pay-image {
margin-top: 30px
}
}
@media only screen and (max-width: 734px) {
.apple-pay .apple-pay-image {
margin-top: 55px;
margin-bottom: 78px
}
}
.trade-in {
background-size: 422px 282px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_large.jpg");
background-position-x: center;
background-position-y: bottom;
padding-bottom: 320px
}
@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) {
.trade-in {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.trade-in {
background-size: 294px 174px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_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) {
.trade-in {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.trade-in {
background-size: 736px 170px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_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) {
.trade-in {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.trade-in {
padding-bottom: 214px
}
}
@media only screen and (max-width: 734px) {
.trade-in {
padding-bottom: 196px
}
}
.trade-in .promo-copy-container {
padding-top: 60px
}
@media only screen and (max-width: 1068px) {
.trade-in .promo-copy-container {
padding-top: 45px
}
}
.trade-in .promo-copy-container .promo-headline {
max-width: 500px;
margin-left: auto;
margin-right: auto
}
@media only screen and (max-width: 1068px) {
.trade-in .promo-copy-container .promo-headline {
max-width: 300px
}
}
@media only screen and (max-width: 734px) {
.trade-in .promo-copy-container .promo-headline {
max-width: 270px
}
}
.trade-in .promo-copy-container .promo-intro {
color: #1d1d1f;
margin-left: auto;
margin-right: auto;
max-width: 430px
}
@media only screen and (max-width: 734px) {
.trade-in .promo-copy-container .promo-intro {
max-width: 320px
}
}
.monterey {
background-size: 1380px 600px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/monterey/tile_monterey__bm1x7sttegty_large.jpg");
background-position-x: center;
background-position-y: bottom;
height: 600px
}
@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) {
.monterey {
background-image: url("/v/BNAOO/home/bj/images/overview/monterey/tile_monterey__bm1x7sttegty_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.monterey {
background-size: 736px 400px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/monterey/tile_monterey__bm1x7sttegty_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) {
.monterey {
background-image: url("/v/BNAOO/home/bj/images/overview/monterey/tile_monterey__bm1x7sttegty_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.monterey {
background-size: 736px 550px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/monterey/tile_monterey__bm1x7sttegty_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) {
.monterey {
background-image: url("/v/BNAOO/home/bj/images/overview/monterey/tile_monterey__bm1x7sttegty_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.monterey {
height: 400px
}
}
@media only screen and (max-width: 734px) {
.monterey {
height: 550px
}
}
html.text-zoom .monterey {
min-height: 600px
}
@media only screen and (max-width: 1068px) {
html.text-zoom .monterey {
min-height: 400px
}
}
@media only screen and (max-width: 734px) {
html.text-zoom .monterey {
min-height: 550px
}
}
.monterey.promo-tile .promo-copy-container {
height: 100%;
padding-top: 0
}
.monterey .promo-copy-wrapper {
position: relative;
top: 50%;
transform: translateY(-50%)
}
@media only screen and (max-width: 734px) {
html.text-zoom .monterey .promo-copy-wrapper {
padding-top: 35px
}
}
.monterey .icon-wrapper {
margin: 0 15px;
color: #f5f5f7
}
.monterey .cta-links {
display: inline-block
}
@media only screen and (max-width: 734px) {
.monterey .cta-links {
display: block
}
}
@media only screen and (max-width: 734px) {
.monterey .upgrade-now {
margin-bottom: 0.8em
}
}
@media only screen and (min-width: 735px) {
.monterey .learn,
.monterey .upgrade-now {
display: inline-block
}
}
.section-buystrip {
padding-top: 52px;
text-align: center
}
@media only screen and (max-width: 1068px) {
.section-buystrip {
padding-top: 38px
}
}
@media only screen and (max-width: 734px) {
.section-buystrip {
padding: 50px 15px
}
}
.section-buystrip h2+* {
margin-top: 0
}
.section-buystrip p+* {
margin-top: .23529em
}
.section-buystrip .fp-tile {
background-color: inherit;
height: auto;
overflow: visible
}
@media only screen and (max-width: 734px) {
.section-buystrip .fp-tile+.fp-tile {
margin-top: 84px
}
}
@media only screen and (max-width: 734px) {
.section-buystrip .fp-tilegrid-2 {
padding-top: 20px;
padding-bottom: 20px
}
}
.section-buystrip .fp-tile-3 {
width: 33.33333%
}
@media only screen and (max-width: 734px) {
.section-buystrip .fp-tile-3 {
width: initial
}
}
html.text-zoom .section-buystrip .fp-tile-3 .buystrip-headline,
html.text-zoom .section-buystrip .fp-tile-3 .typography-buystrip-copy {
word-break: break-word
}
.section-buystrip .typography-buystrip-copy {
max-width: 350px
}
@media only screen and (max-width: 1068px) {
.section-buystrip .typography-buystrip-copy {
max-width: none
}
}
@media only screen and (max-width: 734px) {
.section-buystrip .typography-buystrip-copy {
max-width: 260px
}
}
@media only screen and (max-width: 734px) {
html.text-zoom .section-buystrip .typography-buystrip-copy {
max-width: none
}
}
.section-buystrip .image-icon {
margin-bottom: .70588em
}
.section-buystrip .buystrip-headline {
font-weight: 600
}
@media only screen and (max-width: 734px) {
.section-buystrip .buystrip-headline {
padding-top: 10px
}
}
.section-buystrip .image-icon-delivery {
width: 40px;
height: 44px;
background-size: 40px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/buystrip/icon-delivery__cthkmrp24qoi_large.png");
position: relative;
left: 50%;
margin-left: -20px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section-buystrip .image-icon-delivery {
background-image: url("/v/BNAOO/home/bj/images/overview/buystrip/icon-delivery__cthkmrp24qoi_large_2x.png")
}
}
.section-buystrip .image-icon-personal-setup {
width: 68px;
height: 44px;
background-size: 68px 44px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/buystrip/icon-personal-setup__d4pym6pw3vwy_large.png");
position: relative;
left: 50%;
margin-left: -34px
}
@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-buystrip .image-icon-personal-setup {
background-image: url("/v/BNAOO/home/bj/images/overview/buystrip/icon-personal-setup__d4pym6pw3vwy_large_2x.png")
}
}
.section-buystrip .image-icon-financing {
background-size: auto auto;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/buystrip/icon-finance__fk30uafhm76u_large.svg");
background-size: 100% 73px;
background-position-y: -14px;
height: 44px
}
.section-buystrip .image-icon-help {
background-size: auto auto;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/buystrip/icon-help__cwmazkux9uaa_large.svg");
background-size: 100% 56px;
background-position-y: -4px;
height: 44px
}
.accessories {
background-size: 675px 272px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/accessories_tile__cybkm8f034uq_large.jpg");
background-position-x: center;
background-position-y: bottom;
padding-bottom: 276px;
background-position-y: 308px
}
@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) {
.accessories {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/accessories_tile__cybkm8f034uq_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.accessories {
background-size: 360px 202px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/accessories_tile__cybkm8f034uq_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) {
.accessories {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/accessories_tile__cybkm8f034uq_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.accessories {
background-size: 736px 224px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/accessories_tile__cybkm8f034uq_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) {
.accessories {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/accessories_tile__cybkm8f034uq_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.accessories {
padding-bottom: 286px;
background-position-y: 288px
}
}
@media only screen and (max-width: 734px) {
.accessories {
padding-bottom: 254px;
background-position-y: 230px
}
}
.accessories .promo-copy-container {
padding-top: 60px
}
@media only screen and (max-width: 1068px) {
.accessories .promo-copy-container {
padding-top: 45px
}
}
.accessories .promo-copy-container .promo-headline {
max-width: 525px;
margin-left: auto;
margin-right: auto
}
@media only screen and (max-width: 734px) {
.accessories .promo-copy-container .promo-headline {
max-width: 280px;
margin-left: auto;
margin-right: auto
}
}
.accessories .promo-copy-container .promo-intro {
color: #1d1d1f;
max-width: 380px;
margin-left: auto;
margin-right: auto
}
@media only screen and (max-width: 1068px) {
.accessories .promo-copy-container .promo-intro {
max-width: 300px
}
}
@media only screen and (max-width: 734px) {
.accessories .promo-copy-container .promo-intro {
max-width: 280px
}
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO {
padding-top: 50px
}
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .typography-what-makes-a-BNAOO-headline {
line-height: 1.2
}
}
.section-what-makes-BNAOO .promo-tile {
background-color: #fff;
height: 440px;
border-radius: 20px;
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO p {
margin-left: auto;
margin-right: auto;
max-width: 87.5%
}
}
.section-what-makes-BNAOO .fp-promo-gallery {
margin-left: auto;
margin-right: auto
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .fp-promo-gallery {
background-color: #f5f5f7
}
}
.section-what-makes-BNAOO .fp-promo-gallery .gallery-container {
padding-top: 32px
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .fp-promo-gallery .gallery-container {
position: relative;
display: flex;
flex-wrap: wrap;
padding-bottom: 82px
}
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .fp-promo-gallery .main-gallery {
margin-left: auto;
margin-right: auto;
order: 1
}
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .fp-promo-gallery [data-analytics-gallery-id*="built-in"] .gallery-captions-container .caption-subhead-container .icon {
margin: 10px 4px 8px 0
}
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .fp-promo-gallery [data-analytics-gallery-id*="pro"] .gallery-captions-container .caption-subhead-container .icon {
margin: 10px 4px 14px 0
}
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .fp-promo-gallery .gallery-captions-container {
width: 100%;
order: 2
}
}
.section-what-makes-BNAOO .fp-promo-gallery .gallery-captions-container .caption-subhead-container {
display: none
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .fp-promo-gallery .gallery-captions-container .caption-subhead-container {
display: inline-block
}
}
.section-what-makes-BNAOO .fp-promo-gallery .gallery-captions-container .caption-subhead-container .icon {
margin: 0 4px 0 0;
display: inline-block
}
.section-what-makes-BNAOO .fp-promo-gallery .gallery-captions-container .caption-subhead-container .icon-caption {
display: inline-block;
vertical-align: middle;
margin-top: -56px
}
.section-what-makes-BNAOO .fp-promo-gallery .tabnav {
height: auto
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .fp-promo-gallery .tabnav {
display: none
}
}
.section-what-makes-BNAOO .fp-promo-gallery .tabnav-items {
display: flex;
justify-content: center;
margin: 0;
padding-bottom: 2em
}
@media only screen and (max-width: 1068px) {
.section-what-makes-BNAOO .fp-promo-gallery .tabnav-items.items-width li:not(:first-child) {
padding-left: 45px
}
}
.section-what-makes-BNAOO .fp-promo-gallery .tabnav-link {
text-align: center
}
@media only screen and (max-width: 1068px) {
.section-what-makes-BNAOO .fp-promo-gallery .tabnav-link {
font-size: 14px
}
}
.section-what-makes-BNAOO .fp-promo-gallery .dotnav {
display: none
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .fp-promo-gallery .dotnav {
display: block;
position: absolute;
width: 100%;
bottom: 45px;
text-align: center
}
}
.section-what-makes-BNAOO .section-apps {
margin-left: auto;
margin-right: auto;
max-width: 1440px
}
@media only screen and (max-width: 1068px) {
.section-what-makes-BNAOO .section-apps {
max-width: 773px
}
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .section-apps {
max-width: 100%
}
}
.section-what-makes-BNAOO .section-apps .section-content {
margin: 0 2.08333%
}
@media only screen and (max-width: 1068px) {
.section-what-makes-BNAOO .section-apps .section-content {
margin: 0 2.34082%
}
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .section-apps .section-content {
margin: 0
}
}
.section-what-makes-BNAOO .built-in-apps-gallery,
.section-what-makes-BNAOO .pro-apps-gallery {
background-color: #fbfbfd
}
.section-what-makes-BNAOO .built-in-apps-gallery .icon,
.section-what-makes-BNAOO .pro-apps-gallery .icon {
margin-left: auto;
margin-right: auto
}
.section-what-makes-BNAOO .built-in-apps-gallery .main-gallery,
.section-what-makes-BNAOO .pro-apps-gallery .main-gallery {
position: relative;
padding-bottom: 66px
}
@media only screen and (max-width: 1068px) {
.section-what-makes-BNAOO .built-in-apps-gallery .main-gallery,
.section-what-makes-BNAOO .pro-apps-gallery .main-gallery {
padding-bottom: 70px
}
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .built-in-apps-gallery .main-gallery,
.section-what-makes-BNAOO .pro-apps-gallery .main-gallery {
padding-bottom: 10px
}
}
.section-what-makes-BNAOO .built-in-apps-gallery .main-gallery:before,
.section-what-makes-BNAOO .pro-apps-gallery .main-gallery:before {
margin-left: auto;
margin-right: auto;
content: '';
display: block
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-slide,
.section-what-makes-BNAOO .pro-apps-gallery .gallery-slide {
position: absolute;
top: 16px
}
@media only screen and (max-width: 1068px) {
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-slide,
.section-what-makes-BNAOO .pro-apps-gallery .gallery-slide {
top: 13px
}
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-slide,
.section-what-makes-BNAOO .pro-apps-gallery .gallery-slide {
top: 8px
}
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container,
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container {
margin-left: auto;
margin-right: auto;
position: relative;
max-width: 707px;
padding-bottom: 52px;
transition: height 500ms ease-in-out
}
@media only screen and (max-width: 1068px) {
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container,
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container {
padding-bottom: 66px
}
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container,
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container {
padding-bottom: 0
}
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption-item,
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption,
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption-item,
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption {
margin-left: auto;
margin-right: auto;
width: 100%;
opacity: 0;
transition: opacity 500ms ease-in-out
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption-item,
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption-item {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
transition: opacity 500ms ease-in-out
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption-item.current,
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption-item.current {
opacity: 1
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption-item.current .caption,
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption-item.current .caption {
opacity: 1;
z-index: 1;
pointer-events: auto
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption,
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption {
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
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(ar),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption: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
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(ja),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(ko),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption: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
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(zh),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption:lang(zh) {
letter-spacing: 0em
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(th),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(zh-CN),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(zh-HK),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(zh-MO),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .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
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(zh-TW),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption,
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption {
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
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(ar),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption: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
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(ja),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(ko),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption:lang(ko) {
line-height: 1.57143;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(zh),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption:lang(zh) {
letter-spacing: 0em
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(th),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption:lang(th) {
line-height: 1.35718;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(zh-CN),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(zh-HK),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(zh-MO),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .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
}
.section-what-makes-BNAOO .built-in-apps-gallery .gallery-captions-container .caption:lang(zh-TW),
.section-what-makes-BNAOO .pro-apps-gallery .gallery-captions-container .caption:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.section-what-makes-BNAOO .built-in-apps-gallery .promo-headline,
.section-what-makes-BNAOO .pro-apps-gallery .promo-headline {
padding-top: 75px
}
@media only screen and (max-width: 1068px) {
.section-what-makes-BNAOO .built-in-apps-gallery .promo-headline,
.section-what-makes-BNAOO .pro-apps-gallery .promo-headline {
padding-top: 37px
}
}
@media only screen and (max-width: 734px) {
.section-what-makes-BNAOO .built-in-apps-gallery .promo-headline,
.section-what-makes-BNAOO .pro-apps-gallery .promo-headline {
padding-top: 37px
}
}
.why-BNAOO {
background-size: 459px 289px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/why_BNAOO__cs3wqw10kieu_large.jpg");
background-position-x: center;
background-position-y: bottom;
background-position-y: 264px
}
@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) {
.why-BNAOO {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/why_BNAOO__cs3wqw10kieu_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.why-BNAOO {
background-size: 299px 189px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/why_BNAOO__cs3wqw10kieu_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) {
.why-BNAOO {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/why_BNAOO__cs3wqw10kieu_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.why-BNAOO {
background-size: 280px 177px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/why_BNAOO__cs3wqw10kieu_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) {
.why-BNAOO {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/why_BNAOO__cs3wqw10kieu_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.why-BNAOO {
background-position-y: 288px
}
}
@media only screen and (max-width: 734px) {
.why-BNAOO {
background-position-y: 220px;
height: 440px
}
}
@media only screen and (max-width: 1068px) {
.why-BNAOO .promo-headline {
display: flex;
align-items: center;
justify-content: center
}
}
.BNAOOos {
background-size: 675px 303px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/continuity__f7o5n4kqigeq_large.jpg");
background-position-x: center;
background-position-y: bottom;
background-position-y: 93%
}
@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) {
.BNAOOos {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/continuity__f7o5n4kqigeq_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.BNAOOos {
background-size: 360px 185px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/continuity__f7o5n4kqigeq_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) {
.BNAOOos {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/continuity__f7o5n4kqigeq_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.BNAOOos {
background-size: 736px 195px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/continuity__f7o5n4kqigeq_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) {
.BNAOOos {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/continuity__f7o5n4kqigeq_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.BNAOOos {
background-position-y: 86%
}
}
@media only screen and (max-width: 734px) {
.BNAOOos {
background-position-y: 92%
}
}
.BNAOOos .promo-copy-wrapper {
padding-bottom: 360px
}
@media only screen and (max-width: 1068px) {
.BNAOOos .promo-copy-wrapper {
padding-bottom: 282px
}
}
@media only screen and (max-width: 734px) {
.BNAOOos .promo-copy-wrapper {
padding-bottom: 249px
}
}
.may-2021-trade-in {
background-size: 422px 282px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_large.jpg");
background-position-x: center;
background-position-y: bottom;
background-size: 422px 278px;
background-position-y: 104%;
padding-bottom: 294px
}
@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) {
.may-2021-trade-in {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.may-2021-trade-in {
background-size: 294px 174px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_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) {
.may-2021-trade-in {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.may-2021-trade-in {
background-size: 736px 170px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_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) {
.may-2021-trade-in {
background-image: url("/v/BNAOO/home/bj/images/overview/retail/trade_in_BNAOO_tile__d67bvlqow1ua_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.may-2021-trade-in {
background-position-y: bottom
}
}
@media only screen and (max-width: 734px) {
.may-2021-trade-in {
background-position-y: 106.5%
}
}
html.text-zoom .may-2021-trade-in {
background-position-y: bottom
}
@media only screen and (max-width: 1068px) {
.may-2021-trade-in {
padding-bottom: 251px
}
}
@media only screen and (max-width: 734px) {
.may-2021-trade-in {
padding-bottom: 166px
}
}
.may-2021-trade-in .promo-copy-container {
padding-top: 60px
}
@media only screen and (max-width: 1068px) {
.may-2021-trade-in .promo-copy-container {
padding-top: 45px
}
}
@media only screen and (max-width: 734px) {
.may-2021-trade-in .promo-copy-container {
padding-top: 46px
}
}
.may-2021-trade-in .promo-copy-container .promo-copy-wrapper {
position: relative
}
.may-2021-trade-in .promo-copy-container .violator-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;
padding-bottom: 4px
}
.may-2021-trade-in .promo-copy-container .violator-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
}
.may-2021-trade-in .promo-copy-container .violator-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
}
.may-2021-trade-in .promo-copy-container .violator-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
}
.may-2021-trade-in .promo-copy-container .violator-reduced:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .violator-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .violator-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .violator-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
}
.may-2021-trade-in .promo-copy-container .violator-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) {
.may-2021-trade-in .promo-copy-container .violator-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
}
.may-2021-trade-in .promo-copy-container .violator-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
}
.may-2021-trade-in .promo-copy-container .violator-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
}
.may-2021-trade-in .promo-copy-container .violator-reduced:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .violator-reduced:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .violator-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .violator-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .violator-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
}
.may-2021-trade-in .promo-copy-container .violator-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) {
.may-2021-trade-in .promo-copy-container .violator-reduced {
padding-bottom: 1px
}
}
@media only screen and (max-width: 734px) {
.may-2021-trade-in .promo-copy-container .violator-reduced {
padding-bottom: 4px
}
}
@media only screen and (min-width: 735px) {
.may-2021-trade-in .promo-copy-container .violator-reduced {
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(calc(-3px))
}
}
@media only screen and (max-width: 734px) {
.may-2021-trade-in .promo-copy-container .violator-reduced {
padding-top: 0
}
}
.may-2021-trade-in .promo-copy-container .violator-reduced+.promo-headline {
padding-top: 38px
}
@media only screen and (max-width: 1068px) {
.may-2021-trade-in .promo-copy-container .violator-reduced+.promo-headline {
padding-top: 35px
}
}
@media only screen and (max-width: 734px) {
.may-2021-trade-in .promo-copy-container .violator-reduced+.promo-headline {
padding-top: 3px
}
}
.may-2021-trade-in .promo-copy-container .promo-headline {
font-size: 48px;
line-height: 1.08349;
font-weight: 600;
letter-spacing: -.003em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
max-width: 500px;
margin-left: auto;
margin-right: auto
}
.may-2021-trade-in .promo-copy-container .promo-headline:lang(ar) {
line-height: 1.25;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .promo-headline:lang(ja) {
line-height: 1.14599;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .promo-headline:lang(ko) {
line-height: 1.1875;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .promo-headline:lang(zh) {
letter-spacing: 0em
}
.may-2021-trade-in .promo-copy-container .promo-headline:lang(th) {
line-height: 1.33349;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .promo-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .promo-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .promo-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
}
.may-2021-trade-in .promo-copy-container .promo-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) {
.may-2021-trade-in .promo-copy-container .promo-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
}
.may-2021-trade-in .promo-copy-container .promo-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
}
.may-2021-trade-in .promo-copy-container .promo-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
}
.may-2021-trade-in .promo-copy-container .promo-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
}
.may-2021-trade-in .promo-copy-container .promo-headline:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .promo-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .promo-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.may-2021-trade-in .promo-copy-container .promo-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
}
.may-2021-trade-in .promo-copy-container .promo-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) {
.may-2021-trade-in .promo-copy-container .promo-headline {
max-width: 300px
}
}
@media only screen and (max-width: 734px) {
.may-2021-trade-in .promo-copy-container .promo-headline {
max-width: 270px
}
}
.may-2021-trade-in .promo-copy-container .promo-intro {
color: #1d1d1f;
margin-left: auto;
margin-right: auto;
max-width: 430px;
margin-top: 22px
}
@media only screen and (max-width: 734px) {
.may-2021-trade-in .promo-copy-container .promo-intro {
max-width: 300px
}
}
@media only screen and (max-width: 1068px) {
.may-2021-trade-in .promo-copy-container .promo-intro {
margin-top: 18px
}
}
@media only screen and (max-width: 734px) {
.may-2021-trade-in .promo-copy-container .promo-intro {
margin-top: 17px
}
}
.icloud {
background-size: 497px 230px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/security__gnmff1f0q2a2_large.jpg");
background-position-x: center;
background-position-y: bottom;
background-position-y: 81%
}
@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) {
.icloud {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/security__gnmff1f0q2a2_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.icloud {
background-size: 299px 138px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/security__gnmff1f0q2a2_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) {
.icloud {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/security__gnmff1f0q2a2_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.icloud {
background-size: 289px 129px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/security__gnmff1f0q2a2_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) {
.icloud {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/security__gnmff1f0q2a2_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.icloud {
background-position-y: 82%
}
}
@media only screen and (max-width: 734px) {
.icloud .promo-copy-container {
padding-top: 30px;
padding-bottom: 58px
}
}
.icloud .promo-copy-wrapper {
padding-bottom: 200px
}
@media only screen and (max-width: 734px) {
.icloud .promo-copy-wrapper {
padding-bottom: 156px
}
}
html.edge .built-in-apps-gallery .main-gallery {
overflow: hidden
}
.built-in-apps-gallery .main-gallery:before {
width: 608px;
height: 514px;
background-size: 608px 514px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_hw__eb4197lfok2u_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) {
.built-in-apps-gallery .main-gallery:before {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_hw__eb4197lfok2u_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .main-gallery:before {
width: 476px;
height: 402px;
background-size: 476px 402px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_hw__eb4197lfok2u_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) {
.built-in-apps-gallery .main-gallery:before {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_hw__eb4197lfok2u_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .main-gallery:before {
width: 266px;
height: 225px;
background-size: 266px 225px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_hw__eb4197lfok2u_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) {
.built-in-apps-gallery .main-gallery:before {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_hw__eb4197lfok2u_small_2x.jpg")
}
}
.built-in-apps-gallery .icon {
margin-bottom: 9px
}
.built-in-apps-gallery .slide-photos-icon {
width: 48px;
height: 59px;
background-size: 48px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_photos__f2izri0oyzee_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) {
.built-in-apps-gallery .slide-photos-icon {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_photos__f2izri0oyzee_large_2x.jpg")
}
}
.built-in-apps-gallery .slide-imovie-icon {
width: 48px;
height: 59px;
background-size: 48px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_imovie__b0pjfv6j5w9y_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) {
.built-in-apps-gallery .slide-imovie-icon {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_imovie__b0pjfv6j5w9y_large_2x.jpg")
}
}
.built-in-apps-gallery .slide-garageband-icon {
width: 48px;
height: 59px;
background-size: 48px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_garageband__cxmciudp6k02_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) {
.built-in-apps-gallery .slide-garageband-icon {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_garageband__cxmciudp6k02_large_2x.jpg")
}
}
.built-in-apps-gallery .slide-pages-icon {
width: 48px;
height: 59px;
background-size: 48px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_pages__ci5gjd3xa5si_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) {
.built-in-apps-gallery .slide-pages-icon {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_pages__ci5gjd3xa5si_large_2x.jpg")
}
}
.built-in-apps-gallery .slide-numbers-icon {
width: 48px;
height: 59px;
background-size: 48px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_numbers__e9eog351v3iy_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) {
.built-in-apps-gallery .slide-numbers-icon {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_numbers__e9eog351v3iy_large_2x.jpg")
}
}
.built-in-apps-gallery .slide-keynote-icon {
width: 48px;
height: 59px;
background-size: 48px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_keynote__e5b6yp23dx2e_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) {
.built-in-apps-gallery .slide-keynote-icon {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_keynote__e5b6yp23dx2e_large_2x.jpg")
}
}
.built-in-apps-gallery .slide-safari-icon {
width: 48px;
height: 59px;
background-size: 48px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_safari__b4hes9xilhjm_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) {
.built-in-apps-gallery .slide-safari-icon {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/nav_icon_safari__b4hes9xilhjm_large_2x.jpg")
}
}
.built-in-apps-gallery .slide-photos-image {
width: 575px;
height: 324px;
background-size: 575px 324px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_photos__cz11vic5lncm_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) {
.built-in-apps-gallery .slide-photos-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_photos__cz11vic5lncm_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .slide-photos-image {
width: 450px;
height: 254px;
background-size: 450px 254px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_photos__cz11vic5lncm_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) {
.built-in-apps-gallery .slide-photos-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_photos__cz11vic5lncm_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .slide-photos-image {
width: 251px;
height: 141px;
background-size: 251px 141px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_photos__cz11vic5lncm_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) {
.built-in-apps-gallery .slide-photos-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_photos__cz11vic5lncm_small_2x.jpg")
}
}
.built-in-apps-gallery .slide-photos-image {
position: relative;
left: 50%;
margin-left: -287.5px
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .slide-photos-image {
left: 50%;
margin-left: -225px
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .slide-photos-image {
left: 50%;
margin-left: -125.5px
}
}
.built-in-apps-gallery .slide-imovie-image {
width: 575px;
height: 324px;
background-size: 575px 324px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_imovie__eufhd8vcyo02_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) {
.built-in-apps-gallery .slide-imovie-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_imovie__eufhd8vcyo02_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .slide-imovie-image {
width: 450px;
height: 254px;
background-size: 450px 254px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_imovie__eufhd8vcyo02_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) {
.built-in-apps-gallery .slide-imovie-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_imovie__eufhd8vcyo02_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .slide-imovie-image {
width: 251px;
height: 141px;
background-size: 251px 141px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_imovie__eufhd8vcyo02_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) {
.built-in-apps-gallery .slide-imovie-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_imovie__eufhd8vcyo02_small_2x.jpg")
}
}
.built-in-apps-gallery .slide-imovie-image {
position: relative;
left: 50%;
margin-left: -287.5px
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .slide-imovie-image {
left: 50%;
margin-left: -225px
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .slide-imovie-image {
left: 50%;
margin-left: -125.5px
}
}
.built-in-apps-gallery .slide-garageband-image {
width: 575px;
height: 324px;
background-size: 575px 324px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_garageband__cdjv7ykdtimq_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) {
.built-in-apps-gallery .slide-garageband-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_garageband__cdjv7ykdtimq_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .slide-garageband-image {
width: 450px;
height: 254px;
background-size: 450px 254px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_garageband__cdjv7ykdtimq_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) {
.built-in-apps-gallery .slide-garageband-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_garageband__cdjv7ykdtimq_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .slide-garageband-image {
width: 251px;
height: 141px;
background-size: 251px 141px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_garageband__cdjv7ykdtimq_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) {
.built-in-apps-gallery .slide-garageband-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_garageband__cdjv7ykdtimq_small_2x.jpg")
}
}
.built-in-apps-gallery .slide-garageband-image {
position: relative;
left: 50%;
margin-left: -287.5px
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .slide-garageband-image {
left: 50%;
margin-left: -225px
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .slide-garageband-image {
left: 50%;
margin-left: -125.5px
}
}
.built-in-apps-gallery .slide-pages-image {
width: 575px;
height: 324px;
background-size: 575px 324px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_pages__v70unua3zgiy_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) {
.built-in-apps-gallery .slide-pages-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_pages__v70unua3zgiy_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .slide-pages-image {
width: 450px;
height: 254px;
background-size: 450px 254px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_pages__v70unua3zgiy_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) {
.built-in-apps-gallery .slide-pages-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_pages__v70unua3zgiy_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .slide-pages-image {
width: 251px;
height: 141px;
background-size: 251px 141px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_pages__v70unua3zgiy_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) {
.built-in-apps-gallery .slide-pages-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_pages__v70unua3zgiy_small_2x.jpg")
}
}
.built-in-apps-gallery .slide-pages-image {
position: relative;
left: 50%;
margin-left: -287.5px
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .slide-pages-image {
left: 50%;
margin-left: -225px
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .slide-pages-image {
left: 50%;
margin-left: -125.5px
}
}
.built-in-apps-gallery .slide-numbers-image {
width: 575px;
height: 324px;
background-size: 575px 324px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_numbers__fto87hwyhliu_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) {
.built-in-apps-gallery .slide-numbers-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_numbers__fto87hwyhliu_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .slide-numbers-image {
width: 450px;
height: 254px;
background-size: 450px 254px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_numbers__fto87hwyhliu_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) {
.built-in-apps-gallery .slide-numbers-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_numbers__fto87hwyhliu_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .slide-numbers-image {
width: 251px;
height: 141px;
background-size: 251px 141px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_numbers__fto87hwyhliu_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) {
.built-in-apps-gallery .slide-numbers-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_numbers__fto87hwyhliu_small_2x.jpg")
}
}
.built-in-apps-gallery .slide-numbers-image {
position: relative;
left: 50%;
margin-left: -287.5px
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .slide-numbers-image {
left: 50%;
margin-left: -225px
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .slide-numbers-image {
left: 50%;
margin-left: -125.5px
}
}
.built-in-apps-gallery .slide-keynote-image {
width: 575px;
height: 324px;
background-size: 575px 324px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_keynote__bmh51wz81auq_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) {
.built-in-apps-gallery .slide-keynote-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_keynote__bmh51wz81auq_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .slide-keynote-image {
width: 450px;
height: 254px;
background-size: 450px 254px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_keynote__bmh51wz81auq_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) {
.built-in-apps-gallery .slide-keynote-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_keynote__bmh51wz81auq_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .slide-keynote-image {
width: 251px;
height: 141px;
background-size: 251px 141px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_keynote__bmh51wz81auq_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) {
.built-in-apps-gallery .slide-keynote-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_keynote__bmh51wz81auq_small_2x.jpg")
}
}
.built-in-apps-gallery .slide-keynote-image {
position: relative;
left: 50%;
margin-left: -287.5px
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .slide-keynote-image {
left: 50%;
margin-left: -225px
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .slide-keynote-image {
left: 50%;
margin-left: -125.5px
}
}
.built-in-apps-gallery .slide-safari-image {
width: 575px;
height: 324px;
background-size: 575px 324px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_safari__gns2a0avylyu_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) {
.built-in-apps-gallery .slide-safari-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_safari__gns2a0avylyu_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .slide-safari-image {
width: 450px;
height: 254px;
background-size: 450px 254px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_safari__gns2a0avylyu_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) {
.built-in-apps-gallery .slide-safari-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_safari__gns2a0avylyu_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .slide-safari-image {
width: 251px;
height: 141px;
background-size: 251px 141px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_safari__gns2a0avylyu_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) {
.built-in-apps-gallery .slide-safari-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/built-in-apps/bia_safari__gns2a0avylyu_small_2x.jpg")
}
}
.built-in-apps-gallery .slide-safari-image {
position: relative;
left: 50%;
margin-left: -287.5px
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .slide-safari-image {
left: 50%;
margin-left: -225px
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .slide-safari-image {
left: 50%;
margin-left: -125.5px
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .gallery-container {
margin-bottom: 15px
}
}
@media only screen and (max-width: 1068px) {
.built-in-apps-gallery .caption {
max-width: 547px
}
}
@media only screen and (max-width: 734px) {
.built-in-apps-gallery .caption {
max-width: 293px
}
}
.pro-apps-gallery {
margin: 30px 0 0 0
}
@media only screen and (max-width: 1068px) {
.pro-apps-gallery {
margin: 20px 0 0 0
}
}
@media only screen and (max-width: 734px) {
.pro-apps-gallery {
margin: 0 auto
}
}
.pro-apps-gallery .icon {
margin-bottom: 13px
}
.pro-apps-gallery .dotnav {
z-index: 3
}
.pro-apps-gallery .main-gallery:before {
width: 625px;
height: 364px;
background-size: 625px 364px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/gallery_hw__cc6xqmf7tbyq_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.pro-apps-gallery .main-gallery:before {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/gallery_hw__cc6xqmf7tbyq_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.pro-apps-gallery .main-gallery:before {
width: 540px;
height: 315px;
background-size: 540px 315px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/gallery_hw__cc6xqmf7tbyq_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.pro-apps-gallery .main-gallery:before {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/gallery_hw__cc6xqmf7tbyq_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.pro-apps-gallery .main-gallery:before {
width: 307px;
height: 179px;
background-size: 307px 179px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/gallery_hw__cc6xqmf7tbyq_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.pro-apps-gallery .main-gallery:before {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/gallery_hw__cc6xqmf7tbyq_small_2x.png")
}
}
.pro-apps-gallery .slide-finalcut-icon {
width: 43px;
height: 49px;
background-size: 43px 49px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_finalcut__gkqcowigoxaq_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) {
.pro-apps-gallery .slide-finalcut-icon {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_finalcut__gkqcowigoxaq_large_2x.jpg")
}
}
.pro-apps-gallery .slide-logicpro-icon {
width: 43px;
height: 49px;
background-size: 43px 49px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_logicpro__ghlrlwvkxmy6_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) {
.pro-apps-gallery .slide-logicpro-icon {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_logicpro__ghlrlwvkxmy6_large_2x.jpg")
}
}
.pro-apps-gallery .slide-motion-icon {
width: 43px;
height: 49px;
background-size: 43px 49px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_motion__ccrna97y89ua_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) {
.pro-apps-gallery .slide-motion-icon {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_motion__ccrna97y89ua_large_2x.jpg")
}
}
.pro-apps-gallery .slide-compressor-icon {
width: 43px;
height: 49px;
background-size: 43px 49px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_compressor__fzftqvqqqkmm_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) {
.pro-apps-gallery .slide-compressor-icon {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_compressor__fzftqvqqqkmm_large_2x.jpg")
}
}
.pro-apps-gallery .slide-mainstage-icon {
width: 43px;
height: 49px;
background-size: 43px 49px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_mainstage__qux1a93eo9mm_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) {
.pro-apps-gallery .slide-mainstage-icon {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/nav_icon_mainstage__qux1a93eo9mm_large_2x.jpg")
}
}
.pro-apps-gallery .slide-finalcut-image {
width: 479px;
height: 300px;
background-size: 479px 300px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_finalcut__bcplnlmrhyjm_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) {
.pro-apps-gallery .slide-finalcut-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_finalcut__bcplnlmrhyjm_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.pro-apps-gallery .slide-finalcut-image {
width: 415px;
height: 260px;
background-size: 415px 260px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_finalcut__bcplnlmrhyjm_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) {
.pro-apps-gallery .slide-finalcut-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_finalcut__bcplnlmrhyjm_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.pro-apps-gallery .slide-finalcut-image {
width: 235px;
height: 147px;
background-size: 235px 147px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_finalcut__bcplnlmrhyjm_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) {
.pro-apps-gallery .slide-finalcut-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_finalcut__bcplnlmrhyjm_small_2x.jpg")
}
}
.pro-apps-gallery .slide-finalcut-image {
position: relative;
left: 50%;
margin-left: -239.5px
}
@media only screen and (max-width: 1068px) {
.pro-apps-gallery .slide-finalcut-image {
left: 50%;
margin-left: -207.5px
}
}
@media only screen and (max-width: 734px) {
.pro-apps-gallery .slide-finalcut-image {
left: 50%;
margin-left: -117.5px
}
}
.pro-apps-gallery .slide-logicpro-image {
width: 479px;
height: 300px;
background-size: 479px 300px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_logicpro__dfv2sjloqkqe_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) {
.pro-apps-gallery .slide-logicpro-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_logicpro__dfv2sjloqkqe_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.pro-apps-gallery .slide-logicpro-image {
width: 415px;
height: 260px;
background-size: 415px 260px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_logicpro__dfv2sjloqkqe_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) {
.pro-apps-gallery .slide-logicpro-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_logicpro__dfv2sjloqkqe_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.pro-apps-gallery .slide-logicpro-image {
width: 235px;
height: 147px;
background-size: 235px 147px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_logicpro__dfv2sjloqkqe_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) {
.pro-apps-gallery .slide-logicpro-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_logicpro__dfv2sjloqkqe_small_2x.jpg")
}
}
.pro-apps-gallery .slide-logicpro-image {
position: relative;
left: 50%;
margin-left: -239.5px
}
@media only screen and (max-width: 1068px) {
.pro-apps-gallery .slide-logicpro-image {
left: 50%;
margin-left: -207.5px
}
}
@media only screen and (max-width: 734px) {
.pro-apps-gallery .slide-logicpro-image {
left: 50%;
margin-left: -117.5px
}
}
.pro-apps-gallery .slide-motion-image {
width: 479px;
height: 300px;
background-size: 479px 300px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_motion__e8fjbzoh3vyq_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) {
.pro-apps-gallery .slide-motion-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_motion__e8fjbzoh3vyq_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.pro-apps-gallery .slide-motion-image {
width: 415px;
height: 260px;
background-size: 415px 260px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_motion__e8fjbzoh3vyq_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) {
.pro-apps-gallery .slide-motion-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_motion__e8fjbzoh3vyq_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.pro-apps-gallery .slide-motion-image {
width: 235px;
height: 147px;
background-size: 235px 147px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_motion__e8fjbzoh3vyq_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) {
.pro-apps-gallery .slide-motion-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_motion__e8fjbzoh3vyq_small_2x.jpg")
}
}
.pro-apps-gallery .slide-motion-image {
position: relative;
left: 50%;
margin-left: -239.5px
}
@media only screen and (max-width: 1068px) {
.pro-apps-gallery .slide-motion-image {
left: 50%;
margin-left: -207.5px
}
}
@media only screen and (max-width: 734px) {
.pro-apps-gallery .slide-motion-image {
left: 50%;
margin-left: -117.5px
}
}
.pro-apps-gallery .slide-compressor-image {
width: 479px;
height: 300px;
background-size: 479px 300px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_compressor__f9jt79x2r6a2_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) {
.pro-apps-gallery .slide-compressor-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_compressor__f9jt79x2r6a2_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.pro-apps-gallery .slide-compressor-image {
width: 415px;
height: 260px;
background-size: 415px 260px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_compressor__f9jt79x2r6a2_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) {
.pro-apps-gallery .slide-compressor-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_compressor__f9jt79x2r6a2_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.pro-apps-gallery .slide-compressor-image {
width: 235px;
height: 147px;
background-size: 235px 147px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_compressor__f9jt79x2r6a2_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) {
.pro-apps-gallery .slide-compressor-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_compressor__f9jt79x2r6a2_small_2x.jpg")
}
}
.pro-apps-gallery .slide-compressor-image {
position: relative;
left: 50%;
margin-left: -239.5px
}
@media only screen and (max-width: 1068px) {
.pro-apps-gallery .slide-compressor-image {
left: 50%;
margin-left: -207.5px
}
}
@media only screen and (max-width: 734px) {
.pro-apps-gallery .slide-compressor-image {
left: 50%;
margin-left: -117.5px
}
}
.pro-apps-gallery .slide-mainstage-image {
width: 479px;
height: 300px;
background-size: 479px 300px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_mainstage__ghx1p14qepym_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) {
.pro-apps-gallery .slide-mainstage-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_mainstage__ghx1p14qepym_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.pro-apps-gallery .slide-mainstage-image {
width: 415px;
height: 260px;
background-size: 415px 260px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_mainstage__ghx1p14qepym_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) {
.pro-apps-gallery .slide-mainstage-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_mainstage__ghx1p14qepym_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.pro-apps-gallery .slide-mainstage-image {
width: 235px;
height: 147px;
background-size: 235px 147px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_mainstage__ghx1p14qepym_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) {
.pro-apps-gallery .slide-mainstage-image {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/pro_mainstage__ghx1p14qepym_small_2x.jpg")
}
}
.pro-apps-gallery .slide-mainstage-image {
position: relative;
left: 50%;
margin-left: -239.5px
}
@media only screen and (max-width: 1068px) {
.pro-apps-gallery .slide-mainstage-image {
left: 50%;
margin-left: -207.5px
}
}
@media only screen and (max-width: 734px) {
.pro-apps-gallery .slide-mainstage-image {
left: 50%;
margin-left: -117.5px
}
}
@media only screen and (max-width: 1068px) {
.pro-apps-gallery .caption {
max-width: 547px
}
}
@media only screen and (max-width: 734px) {
.pro-apps-gallery .caption {
max-width: 293px
}
}
.fp-BNAOOstore {
margin-left: auto;
margin-right: auto;
background-color: #fbfbfd;
max-width: 1380px
}
@media only screen and (max-width: 1068px) {
.fp-BNAOOstore {
max-width: 735px
}
}
@media only screen and (max-width: 734px) {
.fp-BNAOOstore {
max-width: 735px
}
}
.fp-BNAOOstore .fp-border {
border-top: 1px solid #d2d2d7
}
.fp-BNAOOstore .fp-BNAOOstore-section {
margin: 0 auto 30px;
padding: 3.58824em 0 5.29412em
}
@media only screen and (max-width: 1068px) {
.fp-BNAOOstore .fp-BNAOOstore-section {
margin: 0 auto 20px;
padding: 4em 0
}
}
@media only screen and (max-width: 734px) {
.fp-BNAOOstore .fp-BNAOOstore-section {
margin: 0 auto 15px;
padding: 2.8em 0
}
}
.fp-BNAOOstore .copy-container {
display: flex;
align-items: center;
justify-items: center
}
@media only screen and (max-width: 734px) {
.fp-BNAOOstore .copy-container {
display: block
}
.fp-BNAOOstore .copy-container .icon-wrapper {
display: inline-block
}
}
.fp-BNAOOstore p {
margin-right: 18px;
text-align: left
}
@media only screen and (max-width: 734px) {
.fp-BNAOOstore p {
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: 87.5%
}
}
.fp-BNAOOstore .app-store-icon {
width: 71px;
height: 71px;
background-size: 71px 71px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/icon_appstore__ks6wdzcwx26a_large.png");
margin-left: 18px;
min-width: 88px
}
@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) {
.fp-BNAOOstore .app-store-icon {
background-image: url("/v/BNAOO/home/bj/images/overview/BNAOOos/pro-apps/icon_appstore__ks6wdzcwx26a_large_2x.png")
}
}
@media only screen and (max-width: 734px) {
.fp-BNAOOstore .app-store-icon {
margin-left: 0;
margin: 0 auto 15px;
min-width: 71px
}
}
.section-get-more .typography-promo-headline,
.section-get-more .product-copy {
color: #1d1d1f
}
.section-get-more .link-container {
display: block
}
.section-get-more .link-container a {
display: block
}
@media only screen and (max-width: 1068px) {
.section-get-more .link-container a {
margin-left: 0;
margin-right: 0
}
}
.section-get-more .link-container a:last-child {
margin-top: .1em
}
@media only screen and (max-width: 734px) {
.section-get-more .link-container a:last-child {
margin-top: 0.4em
}
}
.section-get-more .promo-section {
padding-top: 0
}
.section-get-more .promo-tile .promo-copy-container.center {
padding-top: 213px
}
@media only screen and (max-width: 1068px) {
.section-get-more .promo-tile .promo-copy-container.center {
padding-top: 145px
}
}
@media only screen and (max-width: 734px) {
.section-get-more .promo-tile .promo-copy-container.center {
padding-top: 170px
}
}
html.text-zoom .section-get-more .promo-tile .promo-copy-container.center {
padding-top: 10px
}
.section-get-more .promo-tile.apple-pay .promo-intro {
margin-top: 15px
}
.section-get-more .promo-tile .promo-intro {
margin-top: 20px
}
.section-get-more .banner-promo .promo-copy-container {
padding-top: 217px
}
@media only screen and (max-width: 1068px) {
.section-get-more .banner-promo .promo-copy-container {
padding-top: 124px
}
}
@media only screen and (max-width: 734px) {
.section-get-more .banner-promo .promo-copy-container {
padding-top: 167px
}
}
html.text-zoom .section-get-more .banner-promo .promo-copy-container {
padding-top: 10px
}
.gift-card {
position: relative;
display: flex;
background-color: #fbfbfd
}
@media only screen and (max-width: 1068px) {
.gift-card {
min-height: 404px;
flex-direction: column
}
}
@media only screen and (max-width: 734px) {
.gift-card {
min-height: inherit;
flex-direction: column
}
}
.gift-card .promo-copy-container {
padding-left: 7.10144%;
padding-top: 0;
display: flex;
align-items: center;
height: 100%;
box-sizing: border-box;
position: relative;
z-index: 1;
min-width: 565px
}
@media only screen and (max-width: 1068px) {
.gift-card .promo-copy-container {
padding-left: 0
}
}
@media only screen and (max-width: 734px) {
.gift-card .promo-copy-container {
min-width: inherit
}
}
html.text-zoom .gift-card .promo-copy-container {
min-width: inherit
}
.gift-card .promo-copy-wrapper {
text-align: center;
max-width: 390px
}
@media only screen and (max-width: 1068px) {
.gift-card .promo-copy-wrapper {
max-width: 290px;
margin-left: auto;
margin-right: auto
}
}
@media only screen and (max-width: 734px) {
.gift-card .promo-copy-wrapper {
max-width: initial
}
}
.gift-card .tile-logo {
width: 209px;
height: 39px;
background-size: 209px 39px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_logo__es2vdqwat126_large.png");
margin-left: auto;
margin-right: auto
}
@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) {
.gift-card .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_logo__es2vdqwat126_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.gift-card .tile-logo {
width: 142px;
height: 27px;
background-size: 142px 27px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_logo__es2vdqwat126_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.gift-card .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_logo__es2vdqwat126_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.gift-card .tile-logo {
width: 136px;
height: 25px;
background-size: 136px 25px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_logo__es2vdqwat126_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.gift-card .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_logo__es2vdqwat126_small_2x.png")
}
}
.gift-card .promo-intro {
margin-top: 24px
}
@media only screen and (max-width: 1068px) {
.gift-card .promo-intro {
margin-top: 21px
}
}
.gift-card .links-inline {
margin-top: 11px
}
@media only screen and (max-width: 1068px) {
.gift-card .links-inline {
margin-top: 1px
}
}
@media only screen and (max-width: 734px) {
.gift-card .links-inline {
margin-top: 7px
}
}
.gift-card .links-inline li {
display: inline-block;
margin-top: .4em
}
@media only screen and (max-width: 1068px) {
.gift-card .links-inline li {
margin-right: 15px
}
}
@media only screen and (max-width: 734px) {
.gift-card .links-inline li {
margin-top: 0
}
}
@media only screen and (max-width: 1068px) {
.gift-card .figure-wrapper {
position: relative;
margin-top: 0px
}
}
@media only screen and (max-width: 734px) {
.gift-card .figure-wrapper {
position: relative;
margin-top: 0px
}
}
.gift-card .promo-image {
width: 978px;
height: 346px;
background-size: 978px 346px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_tile__d777mr3okcom_large.jpg");
margin-left: -180px;
margin-top: 78px;
margin-bottom: 78px
}
@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) {
.gift-card .promo-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_tile__d777mr3okcom_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.gift-card .promo-image {
width: 549px;
height: 197px;
background-size: 549px 197px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_tile__d777mr3okcom_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) {
.gift-card .promo-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_tile__d777mr3okcom_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.gift-card .promo-image {
width: 694px;
height: 247px;
background-size: 694px 247px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_tile__d777mr3okcom_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) {
.gift-card .promo-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-gift-card/apple_gift_card_tile__d777mr3okcom_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.gift-card .promo-image {
left: 50%;
margin-left: -274.5px;
position: relative;
margin-top: 11px;
margin-bottom: 65px
}
}
@media only screen and (max-width: 734px) {
.gift-card .promo-image {
left: 50%;
margin-left: -347px;
position: relative;
margin-top: 39px;
margin-bottom: 56px
}
}
html.text-zoom .gift-card .promo-image {
margin-left: 0
}
.promo-tile.education {
background-size: 1380px 600px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/education__bq047y5fu7n6_large.jpg");
background-position-x: center;
background-position-y: bottom;
height: 600px
}
@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) {
.promo-tile.education {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/education__bq047y5fu7n6_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.promo-tile.education {
background-size: 736px 400px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/education__bq047y5fu7n6_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) {
.promo-tile.education {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/education__bq047y5fu7n6_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.promo-tile.education {
background-size: 736px 490px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/education__bq047y5fu7n6_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) {
.promo-tile.education {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/education__bq047y5fu7n6_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.promo-tile.education {
height: 400px
}
}
@media only screen and (max-width: 734px) {
.promo-tile.education {
height: 490px
}
}
.promo-tile.education .promo-copy-container {
padding-top: 242px
}
@media only screen and (max-width: 1068px) {
.promo-tile.education .promo-copy-container {
padding-top: 134px
}
}
@media only screen and (max-width: 734px) {
.promo-tile.education .promo-copy-container {
padding-top: 176px
}
}
.promo-tile.education .icon-wrapper {
color: #fff
}
.promo-tile.business {
background-size: 1380px 600px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_at_work__gk7gvf49y3qu_large.jpg");
background-position-x: center;
background-position-y: bottom;
height: 600px;
display: flex;
align-items: center
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.promo-tile.business {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_at_work__gk7gvf49y3qu_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.promo-tile.business {
background-size: 736px 400px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_at_work__gk7gvf49y3qu_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) {
.promo-tile.business {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_at_work__gk7gvf49y3qu_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.promo-tile.business {
background-size: 736px 490px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_at_work__gk7gvf49y3qu_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) {
.promo-tile.business {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple_at_work__gk7gvf49y3qu_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.promo-tile.business {
height: 400px
}
}
@media only screen and (max-width: 734px) {
.promo-tile.business {
height: 490px
}
}
.promo-tile.business .promo-copy-container {
padding-top: 0
}
.promo-tile.business .figure-wrapper {
display: none
}
.promo-tile.business .icon-wrapper {
color: #fff
}
.modals {
display: none
}
.modal .content-padding {
border-radius: 10px
}
.modal-content {
text-align: center;
margin-top: -37px;
margin-bottom: -10px
}
@media only screen and (max-width: 1068px) {
.modal-content {
margin-top: -26px;
margin-bottom: -16px
}
}
@media only screen and (max-width: 734px) {
.modal-content {
margin-top: -16px;
margin-bottom: -6px
}
}
.modal-news-plus-icon {
width: 80px;
height: 80px;
background-size: 80px 80px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/modal/icon_news_plus__gdo15rw66pu2_large.png");
position: relative;
left: 50%;
margin-left: -40px;
box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.14);
border-radius: 16px;
margin-bottom: 27px
}
@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) {
.modal-news-plus-icon {
background-image: url("/v/BNAOO/home/bj/images/overview/modal/icon_news_plus__gdo15rw66pu2_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.modal-news-plus-icon {
width: 60px;
height: 60px;
background-size: 60px 60px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/modal/icon_news_plus__gdo15rw66pu2_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.modal-news-plus-icon {
background-image: url("/v/BNAOO/home/bj/images/overview/modal/icon_news_plus__gdo15rw66pu2_medium_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.modal-news-plus-icon {
left: 50%;
margin-left: -30px
}
}
@media only screen and (max-width: 1068px) {
.modal-news-plus-icon {
margin-bottom: 32px
}
}
.modal-headline {
margin-bottom: 36px
}
@media only screen and (max-width: 1068px) {
.modal-headline {
margin-bottom: 23px
}
}
.modal-cta {
display: inline-block;
margin-right: 20px;
margin-left: 20px
}
@media only screen and (max-width: 1068px) {
.modal-cta {
margin-right: 18px;
margin-left: 18px
}
}
.modal-close {
height: 1em;
width: 1em
}
.promo-section .tile-virtual-sessions {
display: flex;
box-sizing: border-box;
max-width: 1440px;
background-color: #fbfbfd
}
@media only screen and (max-width: 1068px) {
.promo-section .tile-virtual-sessions {
margin-top: 19px;
max-width: 776px
}
}
@media only screen and (max-width: 734px) {
.promo-section .tile-virtual-sessions {
flex-direction: column
}
}
.promo-section .tile-virtual-sessions .promo-copy-container {
display: flex;
flex-direction: column;
justify-content: center
}
@media only screen and (min-width: 735px) {
.promo-section .tile-virtual-sessions .promo-copy-container {
padding-top: 0
}
}
@media only screen and (max-width: 734px) {
.promo-section .tile-virtual-sessions .promo-copy-container {
flex-wrap: wrap;
padding-bottom: 51px
}
}
.promo-section .tile-virtual-sessions .promo-copy-container .promo-copy-wrapper {
padding-left: 85px
}
@media only screen and (max-width: 1068px) {
.promo-section .tile-virtual-sessions .promo-copy-container .promo-copy-wrapper {
padding-left: 0px
}
}
@media only screen and (max-width: 734px) {
.promo-section .tile-virtual-sessions .promo-copy-container .promo-copy-wrapper {
padding: 0
}
}
@media only screen and (max-width: 1068px) {
.promo-section .tile-virtual-sessions .promo-copy-container .promo-copy-wrapper .promo-intro {
margin-top: .8em
}
}
@media only screen and (max-width: 734px) {
.promo-section .tile-virtual-sessions .promo-copy-container .promo-copy-wrapper .links-inline {
margin-top: 7px
}
}
.promo-section .tile-virtual-sessions .figure-wrapper {
overflow: hidden;
display: flex;
justify-content: flex-end
}
@media only screen and (max-width: 734px) {
.promo-section .tile-virtual-sessions .figure-wrapper {
justify-content: unset;
overflow: visible
}
}
.promo-section .tile-virtual-sessions .figure-wrapper .virtual-sessions-image {
width: 703px;
height: 504px;
background-size: 703px 504px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/virtual_sessions__bf3oif13injm_large.jpg");
margin-left: 85px
}
@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) {
.promo-section .tile-virtual-sessions .figure-wrapper .virtual-sessions-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/virtual_sessions__bf3oif13injm_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.promo-section .tile-virtual-sessions .figure-wrapper .virtual-sessions-image {
width: 378px;
height: 350px;
background-size: 378px 350px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/virtual_sessions__bf3oif13injm_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) {
.promo-section .tile-virtual-sessions .figure-wrapper .virtual-sessions-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/virtual_sessions__bf3oif13injm_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.promo-section .tile-virtual-sessions .figure-wrapper .virtual-sessions-image {
width: 736px;
height: 214px;
background-size: 736px 214px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/virtual_sessions__bf3oif13injm_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) {
.promo-section .tile-virtual-sessions .figure-wrapper .virtual-sessions-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/virtual_sessions__bf3oif13injm_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.promo-section .tile-virtual-sessions .figure-wrapper .virtual-sessions-image {
margin-left: -10px
}
}
@media only screen and (max-width: 734px) {
.promo-section .tile-virtual-sessions .figure-wrapper .virtual-sessions-image {
left: 50%;
margin-left: -368px;
position: relative;
margin-top: -18px
}
}
.apple-one {
background-color: #fbfbfd;
display: flex;
flex-direction: row-reverse
}
@media only screen and (max-width: 734px) {
.apple-one {
flex-direction: column
}
}
.apple-one .figure-wrapper {
display: flex;
justify-content: center
}
@media only screen and (min-width: 1069px) and (max-width: 1440px) {
.apple-one .figure-wrapper {
padding-left: 3%
}
}
@media only screen and (max-width: 734px) {
.apple-one .figure-wrapper {
align-items: center
}
}
.apple-one .promo-image {
width: 542px;
height: 329px;
background-size: 542px 329px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/bundle__gaazdu9x3jqu_large.jpg");
margin-top: 145px;
margin-bottom: 125px
}
@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) {
.apple-one .promo-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/bundle__gaazdu9x3jqu_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.apple-one .promo-image {
width: 313px;
height: 191px;
background-size: 313px 191px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/bundle__gaazdu9x3jqu_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) {
.apple-one .promo-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/bundle__gaazdu9x3jqu_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.apple-one .promo-image {
width: 297px;
height: 181px;
background-size: 297px 181px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/bundle__gaazdu9x3jqu_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) {
.apple-one .promo-image {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/bundle__gaazdu9x3jqu_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.apple-one .promo-image {
margin-top: 90px;
margin-bottom: 75px;
margin-right: -38px
}
}
@media only screen and (max-width: 734px) {
.apple-one .promo-image {
margin-top: 55px;
margin-bottom: 60px;
margin-right: -30px
}
}
.apple-one .promo-copy-container {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
margin-right: 20px;
margin-top: -10px;
z-index: 1
}
@media only screen and (max-width: 1068px) {
.apple-one .promo-copy-container {
margin-top: 0
}
}
@media only screen and (max-width: 734px) {
.apple-one .promo-copy-container {
margin-left: auto;
margin-right: auto;
margin-top: 13px
}
}
.apple-one .promo-copy-wrapper {
margin-right: 170px;
margin-bottom: 50px
}
@media only screen and (max-width: 1068px) {
.apple-one .promo-copy-wrapper {
margin-right: 30px;
margin-bottom: 60px
}
}
@media only screen and (max-width: 734px) {
.apple-one .promo-copy-wrapper {
margin-bottom: 0;
margin-right: 0
}
}
.apple-one .tile-logo {
width: 317px;
height: 100px;
background-size: 317px 100px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/apple_one_logo__cj3a404ir8mu_large.jpg");
position: relative;
left: 50%;
margin-left: -158.5px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.apple-one .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/apple_one_logo__cj3a404ir8mu_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.apple-one .tile-logo {
width: 184px;
height: 59px;
background-size: 184px 59px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/apple_one_logo__cj3a404ir8mu_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) {
.apple-one .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/apple_one_logo__cj3a404ir8mu_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.apple-one .tile-logo {
width: 82px;
height: 27px;
background-size: 82px 27px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/apple_one_logo__cj3a404ir8mu_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) {
.apple-one .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/get-more/apple-one/apple_one_logo__cj3a404ir8mu_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.apple-one .tile-logo {
left: 50%;
margin-left: -92px
}
}
@media only screen and (max-width: 734px) {
.apple-one .tile-logo {
left: 50%;
margin-left: -41px
}
}
.apple-one .promo-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;
width: 408px
}
.apple-one .promo-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
}
.apple-one .promo-intro:lang(th) {
line-height: 1.39286;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.apple-one .promo-intro:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.apple-one .promo-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
}
.apple-one .promo-intro:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.apple-one .promo-intro:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.apple-one .promo-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
}
.apple-one .promo-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) {
.apple-one .promo-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
}
.apple-one .promo-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
}
.apple-one .promo-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
}
.apple-one .promo-intro:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.apple-one .promo-intro:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.apple-one .promo-intro:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.apple-one .promo-intro:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.apple-one .promo-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
}
.apple-one .promo-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) {
.apple-one .promo-intro {
max-width: 254px
}
}
@media only screen and (max-width: 734px) {
.apple-one .promo-intro {
max-width: 310px
}
}
.apple-one .footnote,
.apple-one .icon-external {
color: #06c
}
.apple-one .promo-intro .footnote {
color: #1d1d1f
}
.apple-one .promo-intro .footnote:hover {
color: #06c
}
.section-billie-eilish-gc {
width: 1440px;
height: 500px;
background-size: 1440px 500px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish__cn60rtcm23xy_large.jpg");
background-position: right;
width: 100%;
margin: 0 2.08333% 30px
}
@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-billie-eilish-gc {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish__cn60rtcm23xy_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-billie-eilish-gc {
width: 736px;
height: 400px;
background-size: 736px 400px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish__cn60rtcm23xy_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-billie-eilish-gc {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish__cn60rtcm23xy_medium_2x.jpg")
}
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc {
width: 734px;
height: 898px;
background-size: 734px 898px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish__cn60rtcm23xy_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-billie-eilish-gc {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish__cn60rtcm23xy_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-billie-eilish-gc {
margin: 0 2.34082% 20px
}
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc {
background-position: center;
width: 100vw;
margin: 0 0 15px
}
}
html.text-zoom .section-billie-eilish-gc {
height: 100%;
background-size: cover
}
.section-billie-eilish-gc .banner-wrapper {
background-position: right;
position: relative;
display: flex;
flex-direction: row
}
@media only screen and (max-width: 1068px) {
.section-billie-eilish-gc .banner-wrapper {
width: 100%
}
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc .banner-wrapper {
height: 898px;
min-height: inherit;
flex-direction: column;
justify-content: flex-end
}
}
.section-billie-eilish-gc .banner-container {
display: flex;
align-items: center;
min-width: 344px;
margin-left: 48px;
margin-right: 0
}
@media only screen and (max-width: 1068px) {
.section-billie-eilish-gc .banner-container {
min-width: 277px;
margin-left: 28px
}
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc .banner-container {
margin: 0 auto 43px
}
}
.section-billie-eilish-gc .banner-container .banner-image {
width: 276px;
height: 321px;
background-size: 276px 321px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish_gc__b6ugc1lieweq_large.png");
position: relative;
left: 50%;
margin-left: -138px;
background-position: center;
margin-top: 10px;
display: block
}
@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-billie-eilish-gc .banner-container .banner-image {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish_gc__b6ugc1lieweq_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-billie-eilish-gc .banner-container .banner-image {
width: 244px;
height: 285px;
background-size: 244px 285px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish_gc__b6ugc1lieweq_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.section-billie-eilish-gc .banner-container .banner-image {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish_gc__b6ugc1lieweq_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc .banner-container .banner-image {
width: 135px;
height: 154px;
background-size: 135px 154px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish_gc__b6ugc1lieweq_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.section-billie-eilish-gc .banner-container .banner-image {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/family_page_billie_eilish_gc__b6ugc1lieweq_small_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-billie-eilish-gc .banner-container .banner-image {
left: 50%;
margin-left: -122px
}
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc .banner-container .banner-image {
left: 50%;
margin-left: -67.5px
}
}
.section-billie-eilish-gc .copy-container {
display: flex;
flex-direction: column;
padding: 105px 0 99px 6px;
max-width: 500px;
align-items: flex-start;
text-align: left;
color: #fff
}
@media only screen and (max-width: 1068px) {
.section-billie-eilish-gc .copy-container {
padding: 50px 0 50px 13px;
max-width: 100%
}
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc .copy-container {
max-width: 310px;
align-items: center;
text-align: center;
margin: 0 auto;
padding: 0
}
}
@media only screen and (max-width: 320px) {
.section-billie-eilish-gc .copy-container {
max-width: 270px
}
}
html.text-zoom .section-billie-eilish-gc .copy-container {
max-width: 100%
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow {
width: 100%;
display: block;
margin-bottom: 17px;
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;
letter-spacing: 0.01em;
color: #fff
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(ar) {
line-height: 1.33341;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(ja) {
line-height: 1.25;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(ko) {
line-height: 1.29167;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow {
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
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(ar) {
line-height: 1.36844;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(ja) {
line-height: 1.26316;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(ko) {
line-height: 1.31579;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(th) {
line-height: 1.36844;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow {
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
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(ar) {
line-height: 1.36844;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(ja) {
line-height: 1.26316;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(ko) {
line-height: 1.31579;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(th) {
line-height: 1.36844;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 1068px) {
.section-billie-eilish-gc .copy-container .billie-eilish-eyebrow {
margin-bottom: 12px
}
}
.section-billie-eilish-gc .copy-container .tile-logo {
width: 224px;
height: 38px;
background-size: 224px 38px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/gift_card_logo__n9er9cjg2h2m_large.png");
width: 100%;
margin-bottom: 4px
}
@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-billie-eilish-gc .copy-container .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/gift_card_logo__n9er9cjg2h2m_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-billie-eilish-gc .copy-container .tile-logo {
width: 131px;
height: 22px;
background-size: 131px 22px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/gift_card_logo__n9er9cjg2h2m_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.section-billie-eilish-gc .copy-container .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/gift_card_logo__n9er9cjg2h2m_medium_2x.png")
}
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc .copy-container .tile-logo {
width: 131px;
height: 22px;
background-size: 131px 22px;
background-repeat: no-repeat;
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/gift_card_logo__n9er9cjg2h2m_small.png")
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.section-billie-eilish-gc .copy-container .tile-logo {
background-image: url("/v/BNAOO/home/bj/images/overview/billie-eilish-gc/gift_card_logo__n9er9cjg2h2m_small_2x.png")
}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
.section-billie-eilish-gc .copy-container .tile-logo {
margin-bottom: 0px
}
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc .copy-container .tile-logo {
margin: 10px auto 8px
}
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy {
font-size: 21px;
line-height: 1.381;
font-weight: 400;
letter-spacing: .011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
padding-right: 6px;
letter-spacing: 0.01em;
margin-top: 15px;
margin-left: 1px
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(ar) {
line-height: 1.52381;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(ja) {
line-height: 1.4286;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(ko) {
line-height: 1.52381;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.section-billie-eilish-gc .copy-container .billie-eilish-copy {
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
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy: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
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(ko) {
line-height: 1.58824;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(zh) {
letter-spacing: 0em
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy: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
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc .copy-container .billie-eilish-copy {
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
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy: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
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(ko) {
line-height: 1.58824;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(zh) {
letter-spacing: 0em
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy: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
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .billie-eilish-copy:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 1068px) {
.section-billie-eilish-gc .copy-container .billie-eilish-copy {
margin-top: 18px;
padding-right: 80px
}
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc .copy-container .billie-eilish-copy {
width: 100%;
padding: 0;
margin: 10px auto 0
}
}
.section-billie-eilish-gc .copy-container .links-inline {
display: flex;
margin-top: 11px
}
@media only screen and (max-width: 1068px) {
.section-billie-eilish-gc .copy-container .links-inline {
margin-top: 7px;
flex-direction: column
}
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc .copy-container .links-inline {
margin-top: 14px;
margin-bottom: 34px
}
}
html.text-zoom .section-billie-eilish-gc .copy-container .links-inline {
flex-direction: column
}
.section-billie-eilish-gc .copy-container .links-inline li {
display: inline-block;
margin-top: .4em
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc .copy-container .links-inline li:first-child {
margin: 0
}
}
.section-billie-eilish-gc .copy-container .links-inline li:last-child {
margin-left: 19px
}
@media only screen and (max-width: 1068px) {
.section-billie-eilish-gc .copy-container .links-inline li:last-child {
margin-top: 13px;
margin-left: 0
}
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc .copy-container .links-inline li:last-child {
margin-top: 7px
}
}
html.text-zoom .section-billie-eilish-gc .copy-container .links-inline li:last-child {
margin-left: 0
}
.section-billie-eilish-gc .copy-container .links-inline li a {
font-size: 21px;
line-height: 1.381;
font-weight: 400;
letter-spacing: .011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
letter-spacing: 0.01em;
color: #fff
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(ar) {
line-height: 1.52381;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(ja) {
line-height: 1.4286;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(ko) {
line-height: 1.52381;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.section-billie-eilish-gc .copy-container .links-inline li a {
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
}
.section-billie-eilish-gc .copy-container .links-inline li a: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
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .links-inline li a: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
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(zh) {
letter-spacing: 0em
}
.section-billie-eilish-gc .copy-container .links-inline li a: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
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 734px) {
.section-billie-eilish-gc .copy-container .links-inline li a {
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
}
.section-billie-eilish-gc .copy-container .links-inline li a: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
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシッ?, "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .links-inline li a: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
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(zh) {
letter-spacing: 0em
}
.section-billie-eilish-gc .copy-container .links-inline li a: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
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.section-billie-eilish-gc .copy-container .links-inline li a:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
.page-overview .ribbon-content-wrapper {
padding: 9px 0
}
.ac-ls-visible .page-overview .ribbon {
margin-top: 116px
}
.ac-ls-visible .ribbon-obdb {
margin-top: 116px
}
.ac-ls-visible .ribbon-ase+.ribbon-obdb {
margin-top: 0
}