@charset "UTF-8";
/* main.scss */
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: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
background-color: white;
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: 0.8em; }
h1 + h1,
h1 + h2,
h1 + h3,
h1 + h4,
h1 + h5,
h1 + h6,
h2 + h1,
h2 + h2,
h2 + h3,
h2 + h4,
h2 + h5,
h2 + h6,
h3 + h1,
h3 + h2,
h3 + h3,
h3 + h4,
h3 + h5,
h3 + h6,
h4 + h1,
h4 + h2,
h4 + h3,
h4 + h4,
h4 + h5,
h4 + h6,
h5 + h1,
h5 + h2,
h5 + h3,
h5 + h4,
h5 + h5,
h5 + h6,
h6 + h1,
h6 + h2,
h6 + h3,
h6 + h4,
h6 + h5,
h6 + h6 {
margin-top: 0.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: 0.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: #0066cc;
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: 0.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: 0.4em; }
b,
strong {
font-weight: 600; }
em,
i,
cite,
dfn {
font-style: italic; }
sup,
sub {
position: relative;
font-size: 0.6em;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
.footnote a {
vertical-align: inherit;
color: inherit; }
.footnote a:hover {
color: #0066cc;
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;
-webkit-font-feature-settings: "numr";
font-feature-settings: "numr";
font-size: 1em; }
sup.footnote-diamond {
top: initial; }
sub.footnote-diamond {
bottom: -0.5em; }
.footnote-diamond.footnote-reduced {
font-size: 0.9em;
top: -0.09em; }
sub.footnote-diamond.footnote-reduced {
top: initial;
bottom: -0.52em; }
.footnote-number {
position: relative;
vertical-align: baseline;
-webkit-font-feature-settings: "numr";
font-feature-settings: "numr";
font-size: 1em; }
sup.footnote-number {
top: initial; }
sub.footnote-number {
bottom: -0.5em; }
.footnote-number.footnote-reduced {
font-size: 0.9em;
top: -0.09em; }
sub.footnote-number.footnote-reduced {
top: initial;
bottom: -0.52em; }
abbr {
border: 0; }
:lang(ja), :lang(ko), :lang(th), :lang(zh) {
font-style: normal; }
:lang(ko) {
word-break: keep-all; }
.justify-content-start {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.justify-content-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.justify-content-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.justify-content-spacebetween {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.justify-content-spacearound {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.justify-content-spaceevenly {
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly; }
.align-items-start {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.align-items-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.align-items-end {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.align-self-start {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
.align-self-center {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.align-self-end {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; }
.large-justify-content-start {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.large-justify-content-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.large-justify-content-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.large-justify-content-spacebetween {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.large-justify-content-spacearound {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.large-justify-content-spaceevenly {
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly; }
.large-align-items-start {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.large-align-items-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.large-align-items-end {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.large-align-self-start {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
.large-align-self-center {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.large-align-self-end {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; }
@media only screen and (min-width: 1441px) {
.xlarge-justify-content-start {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.xlarge-justify-content-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.xlarge-justify-content-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.xlarge-justify-content-spacebetween {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.xlarge-justify-content-spacearound {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.xlarge-justify-content-spaceevenly {
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly; }
.xlarge-align-items-start {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.xlarge-align-items-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.xlarge-align-items-end {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.xlarge-align-self-start {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
.xlarge-align-self-center {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.xlarge-align-self-end {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; } }
@media only screen and (max-width: 1068px) {
.medium-justify-content-start {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.medium-justify-content-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.medium-justify-content-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.medium-justify-content-spacebetween {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.medium-justify-content-spacearound {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.medium-justify-content-spaceevenly {
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly; }
.medium-align-items-start {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.medium-align-items-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.medium-align-items-end {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.medium-align-self-start {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
.medium-align-self-center {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.medium-align-self-end {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; } }
@media only screen and (max-width: 734px) {
.small-justify-content-start {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.small-justify-content-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.small-justify-content-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.small-justify-content-spacebetween {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.small-justify-content-spacearound {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.small-justify-content-spaceevenly {
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly; }
.small-align-items-start {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.small-align-items-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.small-align-items-end {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.small-align-self-start {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
.small-align-self-center {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.small-align-self-end {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; } }
.selfclear::before, .selfclear::after {
content: ' ';
display: table; }
.selfclear::after {
clear: both; }
.visuallyhidden {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0; }
@media only screen and (inverted-colors) {
.no-inversion {
-webkit-filter: invert(1);
filter: invert(1); } }
.nowrap {
display: inline-block;
text-decoration: inherit;
white-space: nowrap; }
.clear {
clear: both; }
.cursor-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab; }
.cursor-grabbing {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing; }
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
width: 100%; }
.row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.column {
box-sizing: border-box;
margin: 0;
padding: 0;
min-width: 0px; }
.large-offset-0 {
margin-left: 0; }
.large-order-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.large-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.large-offset-1 {
margin-left: 8.33333%; }
.large-order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.large-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.large-offset-2 {
margin-left: 16.66667%; }
.large-order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.large-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.large-offset-3 {
margin-left: 25%; }
.large-order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.large-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.large-offset-4 {
margin-left: 33.33333%; }
.large-order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.large-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.large-offset-5 {
margin-left: 41.66667%; }
.large-order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.large-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.large-offset-6 {
margin-left: 50%; }
.large-order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.large-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.large-offset-7 {
margin-left: 58.33333%; }
.large-order-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.large-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.large-offset-8 {
margin-left: 66.66667%; }
.large-order-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.large-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.large-offset-9 {
margin-left: 75%; }
.large-order-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.large-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.large-offset-10 {
margin-left: 83.33333%; }
.large-order-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.large-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.large-offset-11 {
margin-left: 91.66667%; }
.large-order-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.large-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.large-offset-12 {
margin-left: 100%; }
.large-order-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.large-centered {
margin-left: auto;
margin-right: auto; }
.large-uncentered {
margin-left: 0;
margin-right: 0; }
.large-last {
margin-left: auto; }
.large-notlast {
margin-left: 0; }
.large-grow {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
max-width: initial; }
.large-ungrow {
-webkit-box-flex: initial;
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
max-width: initial; }
@media only screen and (min-width: 1441px) {
.xlarge-offset-0 {
margin-left: 0; }
.xlarge-order-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.xlarge-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.xlarge-offset-1 {
margin-left: 8.33333%; }
.xlarge-order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.xlarge-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.xlarge-offset-2 {
margin-left: 16.66667%; }
.xlarge-order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.xlarge-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.xlarge-offset-3 {
margin-left: 25%; }
.xlarge-order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.xlarge-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.xlarge-offset-4 {
margin-left: 33.33333%; }
.xlarge-order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.xlarge-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.xlarge-offset-5 {
margin-left: 41.66667%; }
.xlarge-order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.xlarge-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.xlarge-offset-6 {
margin-left: 50%; }
.xlarge-order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.xlarge-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.xlarge-offset-7 {
margin-left: 58.33333%; }
.xlarge-order-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.xlarge-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.xlarge-offset-8 {
margin-left: 66.66667%; }
.xlarge-order-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.xlarge-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.xlarge-offset-9 {
margin-left: 75%; }
.xlarge-order-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.xlarge-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.xlarge-offset-10 {
margin-left: 83.33333%; }
.xlarge-order-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.xlarge-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.xlarge-offset-11 {
margin-left: 91.66667%; }
.xlarge-order-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.xlarge-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.xlarge-offset-12 {
margin-left: 100%; }
.xlarge-order-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.xlarge-centered {
margin-left: auto;
margin-right: auto; }
.xlarge-uncentered {
margin-left: 0;
margin-right: 0; }
.xlarge-last {
margin-left: auto; }
.xlarge-notlast {
margin-left: 0; }
.xlarge-grow {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
max-width: initial; }
.xlarge-ungrow {
-webkit-box-flex: initial;
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
max-width: initial; } }
@media only screen and (max-width: 1068px) {
.medium-offset-0 {
margin-left: 0; }
.medium-order-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.medium-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.medium-offset-1 {
margin-left: 8.33333%; }
.medium-order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.medium-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.medium-offset-2 {
margin-left: 16.66667%; }
.medium-order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.medium-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.medium-offset-3 {
margin-left: 25%; }
.medium-order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.medium-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.medium-offset-4 {
margin-left: 33.33333%; }
.medium-order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.medium-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.medium-offset-5 {
margin-left: 41.66667%; }
.medium-order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.medium-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.medium-offset-6 {
margin-left: 50%; }
.medium-order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.medium-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.medium-offset-7 {
margin-left: 58.33333%; }
.medium-order-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.medium-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.medium-offset-8 {
margin-left: 66.66667%; }
.medium-order-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.medium-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.medium-offset-9 {
margin-left: 75%; }
.medium-order-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.medium-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.medium-offset-10 {
margin-left: 83.33333%; }
.medium-order-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.medium-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.medium-offset-11 {
margin-left: 91.66667%; }
.medium-order-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.medium-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.medium-offset-12 {
margin-left: 100%; }
.medium-order-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.medium-centered {
margin-left: auto;
margin-right: auto; }
.medium-uncentered {
margin-left: 0;
margin-right: 0; }
.medium-last {
margin-left: auto; }
.medium-notlast {
margin-left: 0; }
.medium-grow {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
max-width: initial; }
.medium-ungrow {
-webkit-box-flex: initial;
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
max-width: initial; } }
@media only screen and (max-width: 734px) {
.small-offset-0 {
margin-left: 0; }
.small-order-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.small-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.small-offset-1 {
margin-left: 8.33333%; }
.small-order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.small-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.small-offset-2 {
margin-left: 16.66667%; }
.small-order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.small-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.small-offset-3 {
margin-left: 25%; }
.small-order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.small-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.small-offset-4 {
margin-left: 33.33333%; }
.small-order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.small-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.small-offset-5 {
margin-left: 41.66667%; }
.small-order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.small-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.small-offset-6 {
margin-left: 50%; }
.small-order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.small-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.small-offset-7 {
margin-left: 58.33333%; }
.small-order-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.small-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.small-offset-8 {
margin-left: 66.66667%; }
.small-order-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.small-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.small-offset-9 {
margin-left: 75%; }
.small-order-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.small-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.small-offset-10 {
margin-left: 83.33333%; }
.small-order-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.small-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.small-offset-11 {
margin-left: 91.66667%; }
.small-order-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.small-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.small-offset-12 {
margin-left: 100%; }
.small-order-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.small-centered {
margin-left: auto;
margin-right: auto; }
.small-uncentered {
margin-left: 0;
margin-right: 0; }
.small-last {
margin-left: auto; }
.small-notlast {
margin-left: 0; }
.small-grow {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
max-width: initial; }
.small-ungrow {
-webkit-box-flex: initial;
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
max-width: initial; } }
.row-reverse .column {
box-sizing: border-box;
margin: 0;
padding: 0;
min-width: 0px; }
.row-reverse .large-offset-0 {
margin-right: 0; }
.row-reverse .large-offset-1 {
margin-right: 8.33333%; }
.row-reverse .large-offset-2 {
margin-right: 16.66667%; }
.row-reverse .large-offset-3 {
margin-right: 25%; }
.row-reverse .large-offset-4 {
margin-right: 33.33333%; }
.row-reverse .large-offset-5 {
margin-right: 41.66667%; }
.row-reverse .large-offset-6 {
margin-right: 50%; }
.row-reverse .large-offset-7 {
margin-right: 58.33333%; }
.row-reverse .large-offset-8 {
margin-right: 66.66667%; }
.row-reverse .large-offset-9 {
margin-right: 75%; }
.row-reverse .large-offset-10 {
margin-right: 83.33333%; }
.row-reverse .large-offset-11 {
margin-right: 91.66667%; }
.row-reverse .large-offset-12 {
margin-right: 100%; }
.row-reverse .large-last {
margin-right: auto; }
.row-reverse .large-notlast {
margin-right: 0; }
@media only screen and (min-width: 1441px) {
.row-reverse .xlarge-offset-0 {
margin-right: 0; }
.row-reverse .xlarge-offset-1 {
margin-right: 8.33333%; }
.row-reverse .xlarge-offset-2 {
margin-right: 16.66667%; }
.row-reverse .xlarge-offset-3 {
margin-right: 25%; }
.row-reverse .xlarge-offset-4 {
margin-right: 33.33333%; }
.row-reverse .xlarge-offset-5 {
margin-right: 41.66667%; }
.row-reverse .xlarge-offset-6 {
margin-right: 50%; }
.row-reverse .xlarge-offset-7 {
margin-right: 58.33333%; }
.row-reverse .xlarge-offset-8 {
margin-right: 66.66667%; }
.row-reverse .xlarge-offset-9 {
margin-right: 75%; }
.row-reverse .xlarge-offset-10 {
margin-right: 83.33333%; }
.row-reverse .xlarge-offset-11 {
margin-right: 91.66667%; }
.row-reverse .xlarge-offset-12 {
margin-right: 100%; }
.row-reverse .xlarge-last {
margin-right: auto; }
.row-reverse .xlarge-notlast {
margin-right: 0; } }
@media only screen and (max-width: 1068px) {
.row-reverse .medium-offset-0 {
margin-right: 0; }
.row-reverse .medium-offset-1 {
margin-right: 8.33333%; }
.row-reverse .medium-offset-2 {
margin-right: 16.66667%; }
.row-reverse .medium-offset-3 {
margin-right: 25%; }
.row-reverse .medium-offset-4 {
margin-right: 33.33333%; }
.row-reverse .medium-offset-5 {
margin-right: 41.66667%; }
.row-reverse .medium-offset-6 {
margin-right: 50%; }
.row-reverse .medium-offset-7 {
margin-right: 58.33333%; }
.row-reverse .medium-offset-8 {
margin-right: 66.66667%; }
.row-reverse .medium-offset-9 {
margin-right: 75%; }
.row-reverse .medium-offset-10 {
margin-right: 83.33333%; }
.row-reverse .medium-offset-11 {
margin-right: 91.66667%; }
.row-reverse .medium-offset-12 {
margin-right: 100%; }
.row-reverse .medium-last {
margin-right: auto; }
.row-reverse .medium-notlast {
margin-right: 0; } }
@media only screen and (max-width: 734px) {
.row-reverse .small-offset-0 {
margin-right: 0; }
.row-reverse .small-offset-1 {
margin-right: 8.33333%; }
.row-reverse .small-offset-2 {
margin-right: 16.66667%; }
.row-reverse .small-offset-3 {
margin-right: 25%; }
.row-reverse .small-offset-4 {
margin-right: 33.33333%; }
.row-reverse .small-offset-5 {
margin-right: 41.66667%; }
.row-reverse .small-offset-6 {
margin-right: 50%; }
.row-reverse .small-offset-7 {
margin-right: 58.33333%; }
.row-reverse .small-offset-8 {
margin-right: 66.66667%; }
.row-reverse .small-offset-9 {
margin-right: 75%; }
.row-reverse .small-offset-10 {
margin-right: 83.33333%; }
.row-reverse .small-offset-11 {
margin-right: 91.66667%; }
.row-reverse .small-offset-12 {
margin-right: 100%; }
.row-reverse .small-last {
margin-right: auto; }
.row-reverse .small-notlast {
margin-right: 0; } }
.grid {
margin-left: auto;
margin-right: auto;
grid-column-gap: 24px;
grid-row-gap: 24px;
padding-left: 24px;
padding-right: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr)); }
.grid .grid {
height: 100%;
padding-left: 0;
padding-right: 0; }
.grid-item {
position: relative;
box-sizing: border-box; }
.large-span-0 {
grid-column: span 0; }
.large-span-1 {
grid-column: span 1; }
.large-span-2 {
grid-column: span 2; }
.large-span-3 {
grid-column: span 3; }
.large-span-4 {
grid-column: span 4; }
.large-span-5 {
grid-column: span 5; }
.large-span-6 {
grid-column: span 6; }
.large-span-7 {
grid-column: span 7; }
.large-span-8 {
grid-column: span 8; }
.large-span-9 {
grid-column: span 9; }
.large-span-10 {
grid-column: span 10; }
.large-span-11 {
grid-column: span 11; }
.large-span-12 {
grid-column: span 12; }
@media only screen and (min-width: 1441px) {
.xlarge-span-0 {
grid-column: span 0; }
.xlarge-span-1 {
grid-column: span 1; }
.xlarge-span-2 {
grid-column: span 2; }
.xlarge-span-3 {
grid-column: span 3; }
.xlarge-span-4 {
grid-column: span 4; }
.xlarge-span-5 {
grid-column: span 5; }
.xlarge-span-6 {
grid-column: span 6; }
.xlarge-span-7 {
grid-column: span 7; }
.xlarge-span-8 {
grid-column: span 8; }
.xlarge-span-9 {
grid-column: span 9; }
.xlarge-span-10 {
grid-column: span 10; }
.xlarge-span-11 {
grid-column: span 11; }
.xlarge-span-12 {
grid-column: span 12; } }
@media only screen and (max-width: 1068px) {
.medium-span-0 {
grid-column: span 0; }
.medium-span-1 {
grid-column: span 1; }
.medium-span-2 {
grid-column: span 2; }
.medium-span-3 {
grid-column: span 3; }
.medium-span-4 {
grid-column: span 4; }
.medium-span-5 {
grid-column: span 5; }
.medium-span-6 {
grid-column: span 6; }
.medium-span-7 {
grid-column: span 7; }
.medium-span-8 {
grid-column: span 8; }
.medium-span-9 {
grid-column: span 9; }
.medium-span-10 {
grid-column: span 10; }
.medium-span-11 {
grid-column: span 11; }
.medium-span-12 {
grid-column: span 12; } }
@media only screen and (max-width: 734px) {
.small-span-0 {
grid-column: span 0; }
.small-span-1 {
grid-column: span 1; }
.small-span-2 {
grid-column: span 2; }
.small-span-3 {
grid-column: span 3; }
.small-span-4 {
grid-column: span 4; }
.small-span-5 {
grid-column: span 5; }
.small-span-6 {
grid-column: span 6; }
.small-span-7 {
grid-column: span 7; }
.small-span-8 {
grid-column: span 8; }
.small-span-9 {
grid-column: span 9; }
.small-span-10 {
grid-column: span 10; }
.small-span-11 {
grid-column: span 11; }
.small-span-12 {
grid-column: span 12; } }
.icon::before, .icon::after,
.more::before,
.more::after {
font-family: "SF Pro Icons";
color: inherit;
display: inline-block;
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: underline;
position: relative;
z-index: 1;
alt: ''; }
.icon::before, .icon::after,
.more::before,
.more::after {
text-decoration: none; }
.icon::before,
.more::before {
display: none; }
.icon-after::after,
.more::after {
padding-left: 0.3em;
top: 0; }
.icon-before::before {
padding-right: 0.3em;
display: inline-block;
top: 0; }
.icon-before::after {
display: none; }
.icon-before.icon-apple::before {
padding-right: 0;
display: inline-block;
top: 0; }
.icon-before.icon-apple::after {
display: none; }
.icon-apple::before, .icon-apple::after {
content: ""; }
.icon-chevrondown::before, .icon-chevrondown::after {
content: ""; }
.icon-chevrondowncircle::before, .icon-chevrondowncircle::after {
content: ""; }
.icon-chevronleft::before, .icon-chevronleft::after {
content: ""; }
.icon-chevronleftcircle::before, .icon-chevronleftcircle::after {
content: ""; }
.icon-chevronright::before, .icon-chevronright::after {
content: ""; }
.icon-chevronrightcircle::before, .icon-chevronrightcircle::after {
content: ""; }
.icon-chevronup::before, .icon-chevronup::after {
content: ""; }
.icon-chevronupcircle::before, .icon-chevronupcircle::after {
content: ""; }
.icon-downloadcircle::before, .icon-downloadcircle::after {
content: ""; }
.icon-arrowupcircle::before, .icon-arrowupcircle::after {
content: ""; }
.icon-external::before, .icon-external::after {
content: ""; }
.icon-share::before, .icon-share::after {
content: ""; }
.icon-search::before, .icon-search::after {
content: ""; }
.icon-arkit::before, .icon-arkit::after {
content: ""; }
.icon-pausecircle::before, .icon-pausecircle::after {
content: ""; }
.icon-pausesolid::before, .icon-pausesolid::after {
content: ""; }
.icon-playcircle::before, .icon-playcircle::after {
content: ""; }
.icon-playsolid::before, .icon-playsolid::after {
content: ""; }
.icon-replay::before, .icon-replay::after {
content: ""; }
.icon-stopcircle::before, .icon-stopcircle::after {
content: ""; }
.icon-stopsolid::before, .icon-stopsolid::after {
content: ""; }
.icon-circle::before, .icon-circle::after {
content: ""; }
.icon-check::before, .icon-check::after {
content: ""; }
.icon-checkcircle::before, .icon-checkcircle::after {
content: ""; }
.icon-checksolid::before, .icon-checksolid::after {
content: ""; }
.icon-reset::before, .icon-reset::after {
content: ""; }
.icon-resetcircle::before, .icon-resetcircle::after {
content: ""; }
.icon-resetsolid::before, .icon-resetsolid::after {
content: ""; }
.icon-exclamation::before, .icon-exclamation::after {
content: ""; }
.icon-exclamationcircle::before, .icon-exclamationcircle::after {
content: ""; }
.icon-exclamationsolid::before, .icon-exclamationsolid::after {
content: ""; }
.icon-exclamationtriangle::before, .icon-exclamationtriangle::after {
content: ""; }
.icon-exclamationtrianglesolid::before, .icon-exclamationtrianglesolid::after {
content: ""; }
.icon-infocircle::before, .icon-infocircle::after {
content: ""; }
.icon-infosolid::before, .icon-infosolid::after {
content: ""; }
.icon-question::before, .icon-question::after {
content: ""; }
.icon-questioncircle::before, .icon-questioncircle::after {
content: ""; }
.icon-questionsolid::before, .icon-questionsolid::after {
content: ""; }
.icon-plus::before, .icon-plus::after {
content: ""; }
.icon-pluscircle::before, .icon-pluscircle::after {
content: ""; }
.icon-plussolid::before, .icon-plussolid::after {
content: ""; }
.icon-minus::before, .icon-minus::after {
content: ""; }
.icon-minuscircle::before, .icon-minuscircle::after {
content: ""; }
.icon-minussolid::before, .icon-minussolid::after {
content: ""; }
.icon-1circle::before, .icon-1circle::after {
content: ""; }
.icon-2circle::before, .icon-2circle::after {
content: ""; }
.icon-3circle::before, .icon-3circle::after {
content: ""; }
.icon-4circle::before, .icon-4circle::after {
content: ""; }
.icon-5circle::before, .icon-5circle::after {
content: ""; }
.icon-6circle::before, .icon-6circle::after {
content: ""; }
.icon-7circle::before, .icon-7circle::after {
content: ""; }
.icon-8circle::before, .icon-8circle::after {
content: ""; }
.icon-9circle::before, .icon-9circle::after {
content: ""; }
.icon-10circle::before, .icon-10circle::after {
content: ""; }
.icon-11circle::before, .icon-11circle::after {
content: ""; }
.icon-12circle::before, .icon-12circle::after {
content: ""; }
.icon-13circle::before, .icon-13circle::after {
content: ""; }
.icon-14circle::before, .icon-14circle::after {
content: ""; }
.icon-15circle::before, .icon-15circle::after {
content: ""; }
.icon-16circle::before, .icon-16circle::after {
content: ""; }
.icon-17circle::before, .icon-17circle::after {
content: ""; }
.icon-18circle::before, .icon-18circle::after {
content: ""; }
.icon-19circle::before, .icon-19circle::after {
content: ""; }
.icon-20circle::before, .icon-20circle::after {
content: ""; }
.icon-close::before, .icon-close::after {
content: ""; }
.icon-closecompact::before, .icon-closecompact::after {
content: ""; }
.icon-paddleleft::before, .icon-paddleleft::after {
content: ""; }
.icon-paddleleftcompact::before, .icon-paddleleftcompact::after {
content: ""; }
.icon-paddleright::before, .icon-paddleright::after {
content: ""; }
.icon-paddlerightcompact::before, .icon-paddlerightcompact::after {
content: ""; }
.icon-paddleup::before, .icon-paddleup::after {
content: ""; }
.icon-paddleupcompact::before, .icon-paddleupcompact::after {
content: ""; }
.icon-paddledown::before, .icon-paddledown::after {
content: ""; }
.icon-paddledowncompact::before, .icon-paddledowncompact::after {
content: ""; }
.icon-thumbnailreplay::before, .icon-thumbnailreplay::after {
content: ""; }
.icon-thumbnailpause::before, .icon-thumbnailpause::after {
content: ""; }
.icon-thumbnailplay::before, .icon-thumbnailplay::after {
content: ""; }
.icon-externalrtl::before, .icon-externalrtl::after {
content: ""; }
.icon-questionrtl::before, .icon-questionrtl::after {
content: ""; }
.icon-questioncirclertl::before, .icon-questioncirclertl::after {
content: ""; }
.icon-questionsolidrtl::before, .icon-questionsolidrtl::after {
content: ""; }
.more::before, .more::after {
content: ""; }
.more-block {
margin-top: .5em; }
.icon-wrapper .icon,
.icon-wrapper .more::after,
.icon-wrapper .icon-before::before,
.icon-wrapper .icon-after::after {
display: inline;
position: static; }
a.icon-wrapper {
text-decoration: none; }
a.icon-wrapper:hover .icon-copy {
text-decoration: underline; }
html[dir=rtl] .icon-external::before, html[dir=rtl] .icon-external::after {
content: ""; }
html[dir=rtl] .icon-wrapper {
unicode-bidi: bidi-override; }
html[dir=rtl] .icon-copy {
unicode-bidi: embed; }
:lang(ar) .icon-question::before, :lang(ar) .icon-question::after {
content: ""; }
:lang(ar) .icon-questioncircle::before, :lang(ar) .icon-questioncircle::after {
content: ""; }
:lang(ar) .icon-questionsolid::before, :lang(ar) .icon-questionsolid::after {
content: ""; }
body {
min-width: 320px; }
.large-hide {
display: none; }
.large-show {
display: block; }
.large-show-inline {
display: inline; }
.large-show-inlineblock {
display: inline-block; }
@media only screen and (min-width: 1441px) {
.xlarge-hide {
display: none; }
.xlarge-show {
display: block; }
.xlarge-show-inline {
display: inline; }
.xlarge-show-inlineblock {
display: inline-block; } }
@media only screen and (max-width: 1068px) {
.medium-hide {
display: none; }
.medium-show {
display: block; }
.medium-show-inline {
display: inline; }
.medium-show-inlineblock {
display: inline-block; } }
@media only screen and (max-width: 734px) {
.small-hide {
display: none; }
.small-show {
display: block; }
.small-show-inline {
display: inline; }
.small-show-inlineblock {
display: inline-block; } }
.viewport-content {
margin-left: auto;
margin-right: auto;
width: 980px; }
@media only screen and (min-width: 1441px) {
.viewport-content {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.viewport-content {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.viewport-content {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
.typography-headline-standalone {
font-size: 96px;
line-height: 1.04167;
font-weight: 600;
letter-spacing: -0.015em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone:lang(ko) {
line-height: 1.14615;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone:lang(zh) {
letter-spacing: 0em; }
.typography-headline-standalone: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-standalone:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 1068px) {
.typography-headline-standalone {
font-size: 80px;
line-height: 1.05;
font-weight: 600;
letter-spacing: -0.015em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone: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-headline-standalone:lang(ja) {
line-height: 1.0875;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone:lang(ko) {
line-height: 1.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-headline-standalone:lang(zh) {
letter-spacing: 0em; }
.typography-headline-standalone: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-standalone:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
@media only screen and (max-width: 734px) {
.typography-headline-standalone {
font-size: 48px;
line-height: 1.08349;
font-weight: 600;
letter-spacing: -0.003em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone: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-standalone: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-standalone:lang(ko) {
line-height: 1.1875;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone:lang(zh) {
letter-spacing: 0em; }
.typography-headline-standalone: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-standalone:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-standalone:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.typography-headline-super {
font-size: 80px;
line-height: 1.05;
font-weight: 600;
letter-spacing: -0.015em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-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-headline-super:lang(ja) {
line-height: 1.0875;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super:lang(ko) {
line-height: 1.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-headline-super:lang(zh) {
letter-spacing: 0em; }
.typography-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-headline-super:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 1068px) {
.typography-headline-super {
font-size: 64px;
line-height: 1.0625;
font-weight: 600;
letter-spacing: -0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super: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-super:lang(ja) {
line-height: 1.10938;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super:lang(ko) {
line-height: 1.17188;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super:lang(zh) {
letter-spacing: 0em; }
.typography-headline-super:lang(th) {
line-height: 1.34375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
@media only screen and (max-width: 734px) {
.typography-headline-super {
font-size: 48px;
line-height: 1.08349;
font-weight: 600;
letter-spacing: -0.003em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super: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-super: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-super:lang(ko) {
line-height: 1.1875;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super:lang(zh) {
letter-spacing: 0em; }
.typography-headline-super: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-super:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-super:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.typography-headline-elevated {
font-size: 64px;
line-height: 1.0625;
font-weight: 600;
letter-spacing: -0.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: -0.003em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(ar) {
line-height: 1.25;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(ja) {
line-height: 1.14599;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(ko) {
line-height: 1.1875;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(zh) {
letter-spacing: 0em; }
.typography-headline-elevated:lang(th) {
line-height: 1.33349;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
@media only screen and (max-width: 734px) {
.typography-headline-elevated {
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: 0em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(ar) {
line-height: 1.3;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(ja) {
line-height: 1.175;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(ko) {
line-height: 1.2;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(th) {
line-height: 1.35;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-elevated:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.typography-headline {
font-size: 48px;
line-height: 1.08349;
font-weight: 600;
letter-spacing: -0.003em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(ar) {
line-height: 1.25;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(ja) {
line-height: 1.14599;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(ko) {
line-height: 1.1875;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(zh) {
letter-spacing: 0em; }
.typography-headline:lang(th) {
line-height: 1.33349;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 1068px) {
.typography-headline {
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: 0em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(ar) {
line-height: 1.3;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(ja) {
line-height: 1.175;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(ko) {
line-height: 1.2;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(th) {
line-height: 1.35;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
@media only screen and (max-width: 734px) {
.typography-headline {
font-size: 32px;
line-height: 1.125;
font-weight: 600;
letter-spacing: 0.004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(ar) {
line-height: 1.34375;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(ja) {
line-height: 1.21875;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(ko) {
line-height: 1.21875;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.typography-headline-reduced {
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: 0em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(ar) {
line-height: 1.3;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(ja) {
line-height: 1.175;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(ko) {
line-height: 1.2;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(th) {
line-height: 1.35;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 1068px) {
.typography-headline-reduced {
font-size: 32px;
line-height: 1.125;
font-weight: 600;
letter-spacing: 0.004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(ar) {
line-height: 1.34375;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(ja) {
line-height: 1.21875;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(ko) {
line-height: 1.21875;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
@media only screen and (max-width: 734px) {
.typography-headline-reduced {
font-size: 28px;
line-height: 1.14286;
font-weight: 600;
letter-spacing: 0.007em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(ko) {
line-height: 1.25;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(th) {
line-height: 1.39286;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-headline-reduced:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.typography-eyebrow-super {
font-size: 32px;
line-height: 1.125;
font-weight: 600;
letter-spacing: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow:lang(ja) {
line-height: 1.2381;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow:lang(ko) {
line-height: 1.2858;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.typography-eyebrow-reduced {
font-size: 21px;
line-height: 1.19048;
font-weight: 600;
letter-spacing: 0.011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(ja) {
line-height: 1.2381;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(ko) {
line-height: 1.2858;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 734px) {
.typography-eyebrow-reduced {
font-size: 19px;
line-height: 1.21053;
font-weight: 600;
letter-spacing: 0.012em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(ar) {
line-height: 1.36844;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(ja) {
line-height: 1.26316;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(ko) {
line-height: 1.31579;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(th) {
line-height: 1.36844;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-eyebrow-reduced:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.typography-intro-elevated {
font-size: 24px;
line-height: 1.33341;
font-weight: 400;
letter-spacing: 0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(ar) {
line-height: 1.5;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(ja) {
line-height: 1.41667;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(ko) {
line-height: 1.45841;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 1068px) {
.typography-intro-elevated {
font-size: 21px;
line-height: 1.381;
font-weight: 400;
letter-spacing: 0.011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(ar) {
line-height: 1.52381;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(ja) {
line-height: 1.4286;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(ko) {
line-height: 1.52381;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro-elevated:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.typography-intro {
font-size: 21px;
line-height: 1.381;
font-weight: 400;
letter-spacing: 0.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: 0.012em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro:lang(ar) {
line-height: 1.57895;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro:lang(ja) {
line-height: 1.47376;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro:lang(ko) {
line-height: 1.52632;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro:lang(th) {
line-height: 1.36844;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-intro:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.typography-quote {
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; }
.typography-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; }
.typography-quote:lang(ja) {
line-height: 1.275;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(ko) {
line-height: 1.325;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(th) {
line-height: 1.35;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 1068px) {
.typography-quote {
font-size: 32px;
line-height: 1.25;
font-weight: 400;
letter-spacing: 0.004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-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; }
.typography-quote:lang(ja) {
line-height: 1.34375;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(ko) {
line-height: 1.375;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
@media only screen and (max-width: 734px) {
.typography-quote {
font-size: 28px;
line-height: 1.28583;
font-weight: 400;
letter-spacing: 0.007em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-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; }
.typography-quote:lang(th) {
line-height: 1.39286;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.typography-quote-reduced {
font-size: 32px;
line-height: 1.25;
font-weight: 400;
letter-spacing: 0.004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(ar) {
line-height: 1.40625;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(ja) {
line-height: 1.34375;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(ko) {
line-height: 1.375;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 1068px) {
.typography-quote-reduced {
font-size: 28px;
line-height: 1.28583;
font-weight: 400;
letter-spacing: 0.007em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(ko) {
line-height: 1.39286;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(th) {
line-height: 1.39286;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
@media only screen and (max-width: 734px) {
.typography-quote-reduced {
font-size: 24px;
line-height: 1.33341;
font-weight: 400;
letter-spacing: 0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(ar) {
line-height: 1.5;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(ja) {
line-height: 1.41667;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(ko) {
line-height: 1.45841;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-quote-reduced:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.typography-callout {
font-size: 32px;
line-height: 1.125;
font-weight: 600;
letter-spacing: 0.004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(ar) {
line-height: 1.34375;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(ja) {
line-height: 1.21875;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(ko) {
line-height: 1.21875;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 1068px) {
.typography-callout {
font-size: 28px;
line-height: 1.14286;
font-weight: 600;
letter-spacing: 0.007em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(ko) {
line-height: 1.25;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(th) {
line-height: 1.39286;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
@media only screen and (max-width: 734px) {
.typography-callout {
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: 0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(ar) {
line-height: 1.33341;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(ja) {
line-height: 1.25;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(ko) {
line-height: 1.29167;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-callout:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.typography-manifesto {
font-size: 32px;
line-height: 1.25;
font-weight: 600;
letter-spacing: 0.004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(ar) {
line-height: 1.40625;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(ja) {
line-height: 1.34375;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(ko) {
line-height: 1.375;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 1068px) {
.typography-manifesto {
font-size: 28px;
line-height: 1.28583;
font-weight: 600;
letter-spacing: 0.007em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(ko) {
line-height: 1.39286;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(th) {
line-height: 1.39286;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
@media only screen and (max-width: 734px) {
.typography-manifesto {
font-size: 24px;
line-height: 1.33341;
font-weight: 600;
letter-spacing: 0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(ar) {
line-height: 1.5;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(ja) {
line-height: 1.41667;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(ko) {
line-height: 1.45841;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-manifesto:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.typography-label {
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: 0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(ar) {
line-height: 1.33341;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(ja) {
line-height: 1.25;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(ko) {
line-height: 1.29167;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 1068px) {
.typography-label {
font-size: 21px;
line-height: 1.19048;
font-weight: 600;
letter-spacing: 0.011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(ja) {
line-height: 1.2381;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(ko) {
line-height: 1.2858;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-label:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.typography-tout {
font-size: 19px;
line-height: 1.21053;
font-weight: 600;
letter-spacing: 0.012em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-tout:lang(ar) {
line-height: 1.36844;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-tout:lang(ja) {
line-height: 1.26316;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-tout:lang(ko) {
line-height: 1.31579;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-tout:lang(th) {
line-height: 1.36844;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-tout:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-tout:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-tout:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-tout:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-body {
font-size: 17px;
line-height: 1.47059;
font-weight: 400;
letter-spacing: -0.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-tight {
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-body-tight:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-body-tight:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-body-tight:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-body-tight:lang(zh) {
letter-spacing: 0em; }
.typography-body-tight:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-body-tight:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-body-tight:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-body-tight:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-body-tight:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-body-reduced {
font-size: 14px;
line-height: 1.42859;
font-weight: 400;
letter-spacing: -0.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: -0.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: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-caption:lang(ar) {
line-height: 1.66667;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-caption:lang(ja) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-caption:lang(ko) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-caption:lang(zh) {
letter-spacing: 0em; }
.typography-caption:lang(th) {
line-height: 1.33337;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-caption:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-caption:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-caption:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-caption:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-sosumi {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-sosumi:lang(ar) {
line-height: 1.66667;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-sosumi:lang(ja) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-sosumi:lang(ko) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-sosumi:lang(zh) {
letter-spacing: 0em; }
.typography-sosumi:lang(th) {
line-height: 1.33337;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-sosumi:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-sosumi:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-sosumi:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.typography-sosumi:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
[class*="typography-eyebrow"] {
display: block;
margin-bottom: 0.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; }
.as-common-loader {
background: url("commons/ac-assets/ac-toolkit/images/svg/spinner.svg") no-repeat center;
position: absolute;
background-size: 36px;
width: 40px;
height: 40px;
top: -webkit-calc(50% - 20px);
top: calc(50% - 20px);
left: -webkit-calc(50% - 20px);
left: calc(50% - 20px);
z-index: 1;
-webkit-animation: as-common-loader-animation 1s linear infinite;
animation: as-common-loader-animation 1s linear infinite; }
html.no-transition .as-common-loader,
html.no-svg .as-common-loader {
background: url("commons/ac-assets/ac-toolkit/images/spinner.gif") no-repeat center;
top: 44%;
left: 48%; }
@-webkit-keyframes as-common-loader-animation {
from {
-webkit-transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0); }
to {
-webkit-transform: rotate(360deg) translateZ(0);
transform: rotate(360deg) translateZ(0); } }
@keyframes as-common-loader-animation {
from {
-webkit-transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0); }
to {
-webkit-transform: rotate(360deg) translateZ(0);
transform: rotate(360deg) translateZ(0); } }
.button .as-button-loader::before {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22rgba%280%2C0%2C0%2C0%29%22%20style%3D%22%22%3E%3Cpath%20stroke%3D%22rgb%28255%2C255%2C255%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20d%3D%22M14.997%204.583a8%208%200%201%200%204.828%205.754%22%2F%3E%3C%2Fsvg%3E);
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;
top: -0.04em;
vertical-align: middle;
display: inline-block;
content: "";
width: 24px;
height: 24px;
margin-top: -0.1em;
margin-bottom: -0.1em;
margin-left: -32px;
margin-right: 8px;
-webkit-animation: as-common-loader-animation 1s linear infinite;
animation: as-common-loader-animation 1s linear infinite; }
.icon-closealt::before, .icon-closealt::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-closealt::before, .icon-closealt::after {
text-decoration: none; }
.icon-closealt::before {
display: none; }
.icon-closealt::before, .icon-closealt::after {
content: ""; }
.icon-closealt::after {
padding-left: 0.3em;
top: 0; }
.icon-play::before, .icon-play::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-play::before, .icon-play::after {
text-decoration: none; }
.icon-play::before {
display: none; }
.icon-play::before, .icon-play::after {
content: play; }
.icon-play::before {
padding-right: 0.3em;
display: inline-block;
top: 0; }
.icon-play::after {
display: none; }
.icon-play::before, .icon-play::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-play::before, .icon-play::after {
text-decoration: none; }
.icon-play::before {
display: none; }
.icon-play::before, .icon-play::after {
content: play; }
.icon-play::after {
padding-left: 0.3em;
top: 0; }
.icon-share::before, .icon-share::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-share::before, .icon-share::after {
text-decoration: none; }
.icon-share::before {
display: none; }
.icon-share::before, .icon-share::after {
content: ""; }
.icon-share::before {
padding-right: 0.3em;
display: inline-block;
top: 0; }
.icon-share::after {
display: none; }
.icon-share::before, .icon-share::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-share::before, .icon-share::after {
text-decoration: none; }
.icon-share::before {
display: none; }
.icon-share::before, .icon-share::after {
content: ""; }
.icon-share::after {
padding-left: 0.3em;
top: 0; }
.icon-chevronright::before, .icon-chevronright::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-chevronright::before, .icon-chevronright::after {
text-decoration: none; }
.icon-chevronright::before {
display: none; }
.icon-chevronright::before, .icon-chevronright::after {
content: icon-after; }
.icon-chevronright::before {
padding-right: 0.3em;
display: inline-block;
top: 0; }
.icon-chevronright::after {
display: none; }
.icon-chevronright::before, .icon-chevronright::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-chevronright::before, .icon-chevronright::after {
text-decoration: none; }
.icon-chevronright::before {
display: none; }
.icon-chevronright::before, .icon-chevronright::after {
content: icon-after; }
.icon-chevronright::after {
padding-left: 0.3em;
top: 0; }
.progress-indicator-curtain {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
opacity: 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--progress-indicator-curtain-color);
--progress-indicator-curtain-color: rgba(255, 255, 255, 0.48); }
.theme-dark .progress-indicator-curtain, .progress-indicator-curtain.theme-dark {
--progress-indicator-curtain-color: rgba(0, 0, 0, 0.48); }
.progress-indicator-indeterminate {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
--progress-indicator-size: 39px;
--progress-indicator-color: rgba(0, 0, 0, 0.56); }
.progress-indicator-indeterminate.progress-indicator-visible {
opacity: 1; }
.progress-indicator-indeterminate.progress-indicator-visible .progress-indicator-icon {
opacity: 1;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
will-change: opacity; }
.progress-indicator-indeterminate.progress-indicator-immediate .progress-indicator-icon {
-webkit-transition: none;
transition: none; }
.theme-dark .progress-indicator-indeterminate, .progress-indicator-indeterminate.theme-dark {
--progress-indicator-color: rgba(255, 255, 255, 0.8); }
.progress-indicator-icon {
width: var(--progress-indicator-size);
height: var(--progress-indicator-size);
opacity: 0; }
.progress-indicator-icon .progress-indicator-spoke {
fill: var(--progress-indicator-color);
opacity: 0.2;
-webkit-animation-name: progress-indicator-animating;
animation-name: progress-indicator-animating;
-webkit-animation-direction: forward;
animation-direction: forward;
-webkit-animation-timing-function: cubic-bezier(1, 0.1, 0, 0.3);
animation-timing-function: cubic-bezier(1, 0.1, 0, 0.3);
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.progress-indicator-icon .progress-indicator-spoke:nth-child(0) {
-webkit-animation-delay: -0.125s;
animation-delay: -0.125s; }
.progress-indicator-icon .progress-indicator-spoke:nth-child(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s; }
.progress-indicator-icon .progress-indicator-spoke:nth-child(2) {
-webkit-animation-delay: 0.125s;
animation-delay: 0.125s; }
.progress-indicator-icon .progress-indicator-spoke:nth-child(3) {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s; }
.progress-indicator-icon .progress-indicator-spoke:nth-child(4) {
-webkit-animation-delay: 0.375s;
animation-delay: 0.375s; }
.progress-indicator-icon .progress-indicator-spoke:nth-child(5) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s; }
.progress-indicator-icon .progress-indicator-spoke:nth-child(6) {
-webkit-animation-delay: 0.625s;
animation-delay: 0.625s; }
.progress-indicator-icon .progress-indicator-spoke:nth-child(7) {
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s; }
.progress-indicator-icon .progress-indicator-spoke:nth-child(8) {
-webkit-animation-delay: 0.875s;
animation-delay: 0.875s; }
@-webkit-keyframes progress-indicator-animating {
0% {
opacity: 1; }
12.5% {
opacity: 0.9; }
25% {
opacity: 0.7; }
37.5% {
opacity: 0.6; }
50% {
opacity: 0.4; }
62.5% {
opacity: 0.3; }
75% {
opacity: 0.2; }
87.5% {
opacity: 0.13; } }
@keyframes progress-indicator-animating {
0% {
opacity: 1; }
12.5% {
opacity: 0.9; }
25% {
opacity: 0.7; }
37.5% {
opacity: 0.6; }
50% {
opacity: 0.4; }
62.5% {
opacity: 0.3; }
75% {
opacity: 0.2; }
87.5% {
opacity: 0.13; } }
.progress-indicator-indeterminate-size-tiny {
--progress-indicator-size: 15px; }
.progress-indicator-indeterminate-size-elevated {
--progress-indicator-size: 55px; }
.button {
cursor: pointer;
display: inline-block;
text-align: center;
white-space: nowrap;
font-size: 17px;
line-height: 1.17648;
font-weight: 400;
letter-spacing: -0.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: white; }
.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: white;
opacity: 0.32; }
.button-block {
box-sizing: border-box;
display: block;
width: 100%;
border-radius: 8px; }
.button-neutral {
background: #1d1d1f;
color: white; }
.button-neutral:hover {
background: #272729; }
.button-neutral:active {
background: #18181A; }
.button-neutral:disabled, .button-neutral.disabled {
background: #1d1d1f;
color: white;
opacity: 0.32; }
.button-secondary {
background: #e8e8ed;
color: black; }
.button-secondary:hover {
background: #EBEBF0; }
.button-secondary:active {
background: #E6E6EB; }
.button-secondary:disabled, .button-secondary.disabled {
background: #e8e8ed;
color: black;
opacity: 0.56; }
.button-secondary-alpha {
background: rgba(0, 0, 0, 0.08);
color: black; }
.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: black;
opacity: 0.56; }
.button-super {
font-size: 17px;
line-height: 1.17648;
font-weight: 400;
letter-spacing: -0.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: -0.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: -0.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; }
.sosumi {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
color: #86868b; }
.sosumi:lang(ar) {
line-height: 1.66667;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.sosumi:lang(ja) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.sosumi:lang(ko) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.sosumi:lang(zh) {
letter-spacing: 0em; }
.sosumi:lang(th) {
line-height: 1.33337;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.sosumi:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.sosumi:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.sosumi:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.sosumi:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.sosumi * {
margin: 0;
padding: 0; }
.sosumi ul {
list-style: none; }
.sosumi ol {
list-style: decimal outside;
padding-left: 1.33333em;
padding-right: 1.33333em; }
.sosumi li,
.sosumi p {
padding-bottom: 0.8em; }
.sosumi small {
font-size: 1em; }
.sosumi > :last-child {
margin-bottom: -0.8em; }
.sosumi a {
color: #515154; }
.colornav {
display: inline-block;
text-align: center; }
.colornav-title {
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
border-bottom: 1px solid #d2d2d7;
margin: 0;
padding: 12px 0;
width: 100%; }
.colornav-title:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.colornav-title:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.colornav-title:lang(ko) {
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.colornav-title:lang(zh) {
letter-spacing: 0em; }
.colornav-title:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.colornav-title:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.colornav-title:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.colornav-title:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.colornav-title:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.colornav-items {
display: inline-block;
list-style: none;
margin: 0 -1px;
padding-top: 17px; }
@media only screen and (max-width: 1068px) {
.colornav-items {
margin-left: 2px;
margin-right: 2px;
padding-top: 13px; } }
.colornav-item {
float: left;
margin: -1px 5px; }
@media only screen and (max-width: 1068px) {
.colornav-item {
margin-left: 4px;
margin-right: 4px; } }
.colornav-value {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0; }
.colornav-link {
border: 2px solid transparent;
border-radius: 50%;
box-sizing: border-box;
color: #1d1d1f;
cursor: pointer;
float: left;
margin-bottom: 2.47059em;
padding: 3px;
position: relative;
width: 42px;
height: 42px;
z-index: 1; }
@media only screen and (max-width: 1068px) {
.colornav-link {
margin-bottom: 2.58824em;
padding: 2px;
width: 36px;
height: 36px; } }
.colornav-link.current,
.colornav-value:checked ~ .colornav-link {
border-color: #0071e3;
cursor: default; }
.colornav-link:focus,
.colornav-value:focus ~ .colornav-link {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none; }
.colornav-link:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .colornav-link:focus[data-focus-method="touch"]:not(input):not(textarea):not(select),
.colornav-value:focus ~ .colornav-link[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.colornav-value:focus ~ .colornav-link[data-focus-method="touch"]:not(input):not(textarea):not(select) {
box-shadow: none; }
.colornav-swatch {
background: #f5f5f7 center center;
border-radius: 50%;
display: block;
width: 32px;
height: 32px; }
@media only screen and (max-width: 1068px) {
.colornav-swatch {
width: 28px;
height: 28px; } }
.colornav-swatch:after {
border-radius: inherit;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
content: '';
display: block;
height: inherit;
position: absolute;
width: inherit; }
.colornav-label, .colornav-label-hidden {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0; }
.colornav-label {
overflow: visible; }
.colornav-link.current .colornav-label,
.colornav-value:checked ~ .colornav-link .colornav-label {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
clip: auto;
-webkit-clip-path: none;
clip-path: none;
margin-left: -50px;
padding-top: 7px;
position: absolute;
top: 100%;
left: 50%;
text-align: center;
white-space: nowrap;
width: 100px;
height: auto;
z-index: 1; }
.colornav-link.current .colornav-label:lang(ar),
.colornav-value:checked ~ .colornav-link .colornav-label:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.colornav-link.current .colornav-label:lang(ja),
.colornav-value:checked ~ .colornav-link .colornav-label:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.colornav-link.current .colornav-label:lang(ko),
.colornav-value:checked ~ .colornav-link .colornav-label:lang(ko) {
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.colornav-link.current .colornav-label:lang(zh),
.colornav-value:checked ~ .colornav-link .colornav-label:lang(zh) {
letter-spacing: 0em; }
.colornav-link.current .colornav-label:lang(th),
.colornav-value:checked ~ .colornav-link .colornav-label:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.colornav-link.current .colornav-label:lang(zh-CN),
.colornav-value:checked ~ .colornav-link .colornav-label:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.colornav-link.current .colornav-label:lang(zh-HK),
.colornav-value:checked ~ .colornav-link .colornav-label:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.colornav-link.current .colornav-label:lang(zh-MO),
.colornav-value:checked ~ .colornav-link .colornav-label:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.colornav-link.current .colornav-label:lang(zh-TW),
.colornav-value:checked ~ .colornav-link .colornav-label:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 1068px) {
.colornav-link.current .colornav-label,
.colornav-value:checked ~ .colornav-link .colornav-label {
padding-top: 4px; } }
.colornav-neutral .colornav-title {
border-color: #d2d2d7; }
.colornav-neutral .colornav-link {
color: #1d1d1f; }
.colornav-neutral .colornav-link.current,
.colornav-neutral .colornav-value:checked ~ .colornav-link {
border-color: #1d1d1f; }
.theme-dark .colornav .colornav-title {
border-color: #424245; }
.theme-dark .colornav .colornav-link {
color: #f5f5f7; }
.theme-dark .colornav .colornav-link.current,
.theme-dark .colornav .colornav-value:checked ~ .colornav-link {
border-color: #0071e3; }
.theme-dark .colornav-neutral .colornav-title {
border-color: #424245; }
.theme-dark .colornav-neutral .colornav-link {
color: #f5f5f7; }
.theme-dark .colornav-neutral .colornav-link.current,
.theme-dark .colornav-neutral .colornav-value:checked ~ .colornav-link {
border-color: #f5f5f7; }
.colornav-item-productred {
padding-right: 76px; }
.colornav-logo-productred {
width: 70px;
height: 21px;
background-size: 70px 21px;
background-repeat: no-repeat;
background-image: url("Base-sk7/assets/patterns/ac-colornav/productred.svg");
margin-top: -10.5px;
margin-left: 6px;
position: absolute;
left: 100%;
top: 50%;
z-index: 1; }
html.no-svg .colornav-logo-productred {
background-image: url("Base-sk7/assets/patterns/ac-colornav/productred.png"); }
.form-message-wrapper {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
color: #e30000;
position: relative;
margin-top: 0.47059rem;
margin-bottom: 0.70588rem;
display: none; }
.form-message-wrapper:lang(ar) {
line-height: 1.66667;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-message-wrapper:lang(ja) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-message-wrapper:lang(ko) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-message-wrapper:lang(zh) {
letter-spacing: 0em; }
.form-message-wrapper:lang(th) {
line-height: 1.33337;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-message-wrapper:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-message-wrapper:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-message-wrapper:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-message-wrapper:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-message-wrapper::before, .form-message-wrapper::after {
font-family: "SF Pro Icons";
color: inherit;
display: inline-block;
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: underline;
position: relative;
z-index: 1;
alt: ''; }
.form-message-wrapper::before, .form-message-wrapper::after {
text-decoration: none; }
.form-message-wrapper::before {
display: none; }
.form-message-wrapper::before, .form-message-wrapper::after {
content: ""; }
.form-message-wrapper::before {
padding-right: 0.3em;
display: inline-block;
top: 0; }
.form-message-wrapper::after {
display: none; }
.form-message-wrapper::before {
padding-right: 0.17647rem;
top: 0.17647rem; }
.is-error .form-message-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.form-label {
display: inline-block;
position: relative;
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
color: #1d1d1f; }
.form-label:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-label:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-label:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-label:lang(zh) {
letter-spacing: 0em; }
.form-label:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-label:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-label:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-label:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-label:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-label-small {
display: inline-block;
position: relative;
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
color: #1d1d1f; }
.form-label-small:lang(ar) {
line-height: 1.66667;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-label-small:lang(ja) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-label-small:lang(ko) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-label-small:lang(zh) {
letter-spacing: 0em; }
.form-label-small:lang(th) {
line-height: 1.33337;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-label-small:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-label-small:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-label-small:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-label-small:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-group-label {
display: inline-block;
position: relative;
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
color: #1d1d1f; }
.form-group-label:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-group-label:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-group-label:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-group-label:lang(zh) {
letter-spacing: 0em; }
.form-group-label:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-group-label:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-group-label:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-group-label:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-group-label:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.is-error .form-group-label {
color: #e30000; }
.form-title {
display: inline-block;
position: relative;
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: 0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
color: #1d1d1f; }
.form-title:lang(ar) {
line-height: 1.33341;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-title:lang(ja) {
line-height: 1.25;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-title:lang(ko) {
line-height: 1.29167;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-title:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-title:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-title:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-title:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-title:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 1068px) {
.form-title {
font-size: 21px;
line-height: 1.19048;
font-weight: 600;
letter-spacing: 0.011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-title:lang(ja) {
line-height: 1.2381;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-title:lang(ko) {
line-height: 1.2858;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-title:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-title:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-title:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-title:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-title:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-title:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.form-alert {
width: auto;
height: auto;
border-radius: 12px;
border-width: 1px;
border-style: solid;
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
background-clip: padding-box;
padding: 0.70588rem 0.94118rem;
margin-bottom: 17px;
margin-top: 17px;
color: #1d1d1f;
border-color: #d2d2d7;
background-color: rgba(0, 0, 0, 0.02); }
.form-alert:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-alert:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-alert:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-alert:lang(zh) {
letter-spacing: 0em; }
.form-alert:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-alert:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-alert:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-alert:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-alert:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-alert.is-error {
background-color: #fff2f4;
border-color: rgba(227, 0, 0, 0.4); }
.form-alert-title {
margin-bottom: 0.35294rem; }
.button {
cursor: pointer;
display: inline-block;
text-align: center;
white-space: nowrap;
font-size: 17px;
line-height: 1.17648;
font-weight: 400;
letter-spacing: -0.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: white; }
.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: white;
opacity: 0.32; }
.button-block {
box-sizing: border-box;
display: block;
width: 100%;
border-radius: 8px; }
.button-neutral {
background: #1d1d1f;
color: white; }
.button-neutral:hover {
background: #272729; }
.button-neutral:active {
background: #18181A; }
.button-neutral:disabled, .button-neutral.disabled {
background: #1d1d1f;
color: white;
opacity: 0.32; }
.button-secondary {
background: #e8e8ed;
color: black; }
.button-secondary:hover {
background: #EBEBF0; }
.button-secondary:active {
background: #E6E6EB; }
.button-secondary:disabled, .button-secondary.disabled {
background: #e8e8ed;
color: black;
opacity: 0.56; }
.button-secondary-alpha {
background: rgba(0, 0, 0, 0.08);
color: black; }
.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: black;
opacity: 0.56; }
.button-super {
font-size: 17px;
line-height: 1.17648;
font-weight: 400;
letter-spacing: -0.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: -0.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: -0.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; }
.form-button {
cursor: pointer;
display: inline-block;
text-align: center;
white-space: nowrap;
font-size: 17px;
line-height: 1.17648;
font-weight: 400;
letter-spacing: -0.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: white;
font-size: 17px;
line-height: 1.17648;
font-weight: 400;
letter-spacing: -0.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;
box-sizing: border-box;
display: block;
width: 100%;
border-radius: 8px;
border-radius: 12px;
white-space: normal;
display: inline-block; }
.form-button:hover {
text-decoration: none; }
.form-button:focus {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none; }
.form-button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .form-button:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
box-shadow: none; }
.form-button:active {
outline: none; }
.form-button:disabled, .form-button.disabled {
cursor: default; }
.form-button:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-button:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-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; }
.form-button:lang(zh) {
letter-spacing: 0em; }
.form-button:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-button:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-button:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-button:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-button:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-button:hover {
background: #0077ED; }
.form-button:active {
background: #006EDB; }
.form-button:disabled, .form-button.disabled {
background: #0071e3;
color: white;
opacity: 0.32; }
.form-button:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-button:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-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; }
.form-button:lang(zh) {
letter-spacing: 0em; }
.form-button:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-button:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-button:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-button:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-button:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-button-secondary {
background: #e8e8ed;
color: black; }
.form-button-secondary:hover {
background: #EBEBF0; }
.form-button-secondary:active {
background: #E6E6EB; }
.form-button-secondary:disabled, .form-button-secondary.disabled {
background: #e8e8ed;
color: black;
opacity: 0.56; }
.form-button-secondary-alpha {
background: rgba(0, 0, 0, 0.08);
color: black; }
.form-button-secondary-alpha:hover {
background: rgba(0, 0, 0, 0.07); }
.form-button-secondary-alpha:active {
background: rgba(0, 0, 0, 0.09); }
.form-button-secondary-alpha:disabled, .form-button-secondary-alpha.disabled {
background: rgba(0, 0, 0, 0.08);
color: black;
opacity: 0.56; }
.form-checkbox {
position: relative; }
.form-checkbox .form-checkbox-indicator {
border-color: #d2d2d7;
background-color: rgba(255, 255, 255, 0.8); }
.form-checkbox :focus ~ .form-label .form-checkbox-indicator,
.form-checkbox .focused ~ .form-label .form-checkbox-indicator {
border-color: #0071e3;
background-color: rgba(255, 255, 255, 0.8); }
.form-checkbox :checked ~ .form-label .form-checkbox-indicator {
color: white;
border-color: #0071e3;
background-color: #0071e3; }
.form-checkbox .disabled ~ .form-label,
.form-checkbox :disabled ~ .form-label {
color: #86868b; }
.form-checkbox .disabled ~ .form-label .form-checkbox-indicator,
.form-checkbox :disabled ~ .form-label .form-checkbox-indicator {
color: #86868b;
border-color: #d2d2d7;
background: rgba(0, 0, 0, 0.04); }
.is-error .form-checkbox .form-checkbox-indicator {
border-color: #e30000;
background: #fff2f4; }
.form-checkbox-input {
position: absolute;
top: 0.17647rem;
left: 0;
opacity: 0;
width: 0.94118rem;
height: 0.94118rem; }
.form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::before, .form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::after {
font-family: "SF Pro Icons";
color: inherit;
display: inline-block;
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: underline;
position: relative;
z-index: 1;
alt: ''; }
.form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::before, .form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::after {
text-decoration: none; }
.form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::before {
display: none; }
.form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::before, .form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::after {
content: ""; }
.form-checkbox-input:checked ~ .form-label .form-checkbox-indicator::after {
position: absolute;
top: -0.41176rem;
left: 0.5px;
font-size: 18px;
line-height: 1.55556;
font-weight: 400;
letter-spacing: 0.009em;
font-family: "SF Pro Icons"; }
.form-checkbox-input:focus ~ .form-label .form-checkbox-indicator, .form-checkbox-input.focused ~ .form-label .form-checkbox-indicator {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none; }
.form-checkbox-input:focus ~ .form-label .form-checkbox-indicator[data-focus-method="mouse"]:not(input):not(textarea):not(select), .form-checkbox-input:focus ~ .form-label .form-checkbox-indicator[data-focus-method="touch"]:not(input):not(textarea):not(select), .form-checkbox-input.focused ~ .form-label .form-checkbox-indicator[data-focus-method="mouse"]:not(input):not(textarea):not(select), .form-checkbox-input.focused ~ .form-label .form-checkbox-indicator[data-focus-method="touch"]:not(input):not(textarea):not(select) {
box-shadow: none; }
.form-checkbox .form-label {
padding-left: 1.52941rem;
margin-bottom: 0.64706rem; }
.form-checkbox-indicator {
position: absolute;
top: 0.11765rem;
display: inline-block;
cursor: pointer;
width: 0.82353rem;
height: 0.82353rem;
border-radius: 0.17647rem;
border-width: 1px;
border-style: solid;
left: 0; }
.form-dropdown {
position: relative;
margin-bottom: 0.82353rem; }
.form-dropdown .form-dropdown-select {
color: #1d1d1f;
border-color: #d2d2d7;
background-color: rgba(255, 255, 255, 0.8); }
.form-dropdown .form-dropdown-select:focus, .form-dropdown .form-dropdown-select.focused {
border-color: #0071e3; }
.form-dropdown .form-dropdown-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #1d1d1f; }
.form-dropdown .form-dropdown-select option:not(:disabled) {
color: #1d1d1f; }
.form-dropdown :disabled {
color: #86868b;
background-color: rgba(0, 0, 0, 0.02); }
.form-dropdown .form-dropdown-selectnone {
color: transparent; }
.form-dropdown .form-dropdown-selectnone:-moz-focusring {
text-shadow: none; }
.form-dropdown .form-dropdown-chevron {
color: #86868b; }
.form-dropdown .form-dropdown-label {
color: #6e6e73; }
.form-dropdown :disabled ~ .form-dropdown-label,
.form-dropdown .form-dropdown-selectnone ~ .form-dropdown-label {
color: #86868b; }
.form-dropdown.is-error .form-dropdown-select {
border-color: #e30000;
background-color: #fff2f4; }
.form-dropdown.is-error .focused .form-dropdown-select,
.form-dropdown.is-error .form-dropdown-select:focus {
border-color: #0071e3;
background-color: rgba(255, 255, 255, 0.8); }
.form-dropdown.is-error .form-dropdown-label {
color: #e30000; }
.form-dropdown.is-error .is-expanded .form-dropdown-label {
color: #86868b; }
.form-dropdown-select {
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
width: 100%;
height: 3.29412rem;
border-radius: 12px;
border-width: 1px;
border-style: solid;
box-sizing: border-box;
padding: 1.05882rem 2.35294rem 0 0.94118rem;
-webkit-appearance: none;
appearance: none;
overflow: hidden;
text-overflow: ellipsis; }
.form-dropdown-select:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-select:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-select:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-select:lang(zh) {
letter-spacing: 0em; }
.form-dropdown-select:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-select:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-select:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-select:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-select:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@-moz-document url-prefix() {
.form-dropdown-select {
text-indent: -2px; } }
.form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label {
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
top: 1.05882rem; }
.form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(zh) {
letter-spacing: 0em; }
.form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-select:focus:not(button) {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none; }
.form-dropdown-select:focus:not(button)[data-focus-method="mouse"]:not(input):not(textarea):not(select), .form-dropdown-select:focus:not(button)[data-focus-method="touch"]:not(input):not(textarea):not(select) {
box-shadow: none; }
.form-dropdown-select:disabled + .form-dropdown-chevron {
opacity: 0.42; }
.is-error .form-dropdown-select {
margin-bottom: 0; }
.form-dropdown-chevron {
font-size: 20px;
line-height: 1.4;
font-weight: 400;
letter-spacing: 0.006em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
position: absolute;
pointer-events: none;
right: 0.94118rem;
top: 0.70588rem; }
.form-dropdown-chevron::before, .form-dropdown-chevron::after {
font-family: "SF Pro Icons";
color: inherit;
display: inline-block;
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: underline;
position: relative;
z-index: 1;
alt: ''; }
.form-dropdown-chevron::before, .form-dropdown-chevron::after {
text-decoration: none; }
.form-dropdown-chevron::before {
display: none; }
.form-dropdown-chevron::before, .form-dropdown-chevron::after {
content: ""; }
.form-dropdown-chevron:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-chevron:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-chevron:lang(ko) {
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-chevron:lang(th) {
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-chevron:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-chevron:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-chevron:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-chevron:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.is-expanded .form-dropdown-chevron::before, .is-expanded .form-dropdown-chevron::after {
font-family: "SF Pro Icons";
color: inherit;
display: inline-block;
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: underline;
position: relative;
z-index: 1;
alt: ''; }
.is-expanded .form-dropdown-chevron::before, .is-expanded .form-dropdown-chevron::after {
text-decoration: none; }
.is-expanded .form-dropdown-chevron::before {
display: none; }
.is-expanded .form-dropdown-chevron::before, .is-expanded .form-dropdown-chevron::after {
content: ""; }
.form-dropdown-label {
position: absolute;
pointer-events: none;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-duration: .125s;
transition-duration: .125s;
top: 0.58824rem;
left: 1rem;
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-label:lang(ar) {
line-height: 1.66667;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-label:lang(ja) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-label:lang(ko) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-label:lang(zh) {
letter-spacing: 0em; }
.form-dropdown-label:lang(th) {
line-height: 1.33337;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-label:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-label:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-label:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-label:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-multiline {
position: relative;
max-height: 3.29412rem; }
.form-dropdown-multiline .form-dropdown-select:focus {
border-color: #d2d2d7; }
.form-dropdown-multiline .form-dropdown-options {
background-color: white; }
.form-dropdown-multiline .form-dropdown-option {
background-color: rgba(255, 255, 255, 0.8);
color: #1d1d1f;
border-color: #d2d2d7; }
.form-dropdown-multiline .form-dropdown-option-text {
color: #86868b; }
.form-dropdown-multiline.focused .form-dropdown-select {
border-color: #0071e3; }
.form-dropdown-multiline .form-dropdown-option.selected, .form-dropdown-multiline .form-dropdown-option:hover {
background-color: #0071e3;
color: white; }
.form-dropdown-multiline .form-dropdown-option.selected .form-dropdown-option-text, .form-dropdown-multiline .form-dropdown-option:hover .form-dropdown-option-text {
color: white; }
.form-dropdown-multiline.is-expanded {
z-index: 2; }
@-moz-document url-prefix() {
.form-dropdown-multiline .form-dropdown-select {
text-indent: 0; } }
.form-dropdown-multiline.focused .form-dropdown-select,
.form-dropdown-multiline .form-dropdown-select:focus {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none; }
.form-dropdown-title {
margin: 0;
padding: 0;
top: 1.58824rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: absolute; }
.form-dropdown-options {
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
position: absolute;
top: 3.23529rem;
left: 0;
margin-left: 1px;
margin-right: 1px;
display: none;
list-style-type: none;
border-bottom-left-radius: 11px;
border-bottom-right-radius: 11px;
width: -webkit-calc(100% - 2px);
width: calc(100% - 2px);
max-height: 23.52941rem;
overflow: auto; }
.form-dropdown-options:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-options:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-options:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-options:lang(zh) {
letter-spacing: 0em; }
.form-dropdown-options:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-options:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-options:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-options:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-options:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.is-expanded .form-dropdown-options {
display: block; }
.is-expanded .form-dropdown-options .form-dropdown-option:last-child.selected, .is-expanded .form-dropdown-options .form-dropdown-option:last-child:hover {
padding-bottom: 12px; }
.form-dropdown-option {
position: relative;
border-top-width: 1px;
border-top-style: solid;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 11px; }
.form-dropdown-option .icon-check {
right: 16px;
position: absolute;
margin: 0;
top: 0.64706rem;
display: none; }
.form-dropdown-option.checked .icon-check {
display: block; }
.form-dropdown-option-title {
margin: 12px 0 2px 0; }
.form-dropdown-option-text {
font-size: 14px;
line-height: 1.42859;
font-weight: 400;
letter-spacing: -0.016em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
padding: 0;
margin: 0; }
.form-dropdown-option-text:lang(ar) {
line-height: 1.57143;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-option-text:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-option-text:lang(ko) {
line-height: 1.57143;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-option-text:lang(zh) {
letter-spacing: 0em; }
.form-dropdown-option-text:lang(th) {
line-height: 1.35718;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-option-text:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-option-text:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-option-text:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-dropdown-option-text:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-icons {
display: block; }
.form-icons:focus, .form-icons.focused {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
border-radius: 50%;
outline: none; }
.form-icons-circle15 {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22rgb%28134%2C134%2C139%29%22%20style%3D%22%22%3E%20%3Ctitle%3Ecircle_reduced%401x%3C%2Ftitle%3E%20%3Cg%20transform%3D%22translate%28-0.5%2C%20-3%29%22%3E%20%3Cpath%20d%3D%22M10%2C4.1a8.4%2C8.4%2C0%2C1%2C1-8.4%2C8.4A8.409%2C8.409%2C0%2C0%2C1%2C10%2C4.1M10%2C3a9.5%2C9.5%2C0%2C1%2C0%2C9.5%2C9.5A9.5%2C9.5%2C0%2C0%2C0%2C10%2C3Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
background-size: 15px;
background-repeat: no-repeat;
width: 15px;
height: 15px; }
.form-icons-checkalt15 {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22rgb%280%2C128%2C9%29%22%20style%3D%22%22%3E%20%3Ctitle%3Echeckmark.circle_reduced%401x%3C%2Ftitle%3E%20%3Cg%20transform%3D%22translate%28-0.5%2C%20-3%29%22%3E%20%3Cpath%20d%3D%22M10%2C4.1a8.4%2C8.4%2C0%2C1%2C1-8.4%2C8.4A8.409%2C8.409%2C0%2C0%2C1%2C10%2C4.1M10%2C3a9.5%2C9.5%2C0%2C1%2C0%2C9.5%2C9.5A9.5%2C9.5%2C0%2C0%2C0%2C10%2C3Z%22%2F%3E%20%3Cpath%20d%3D%22M9.19%2C16.914a.5.5%2C0%2C0%2C1-.809.046L5.25%2C13.112a.55.55%2C0%2C1%2C1%2C.854-.694l2.608%2C3.2%2C4.8-7.478a.55.55%2C0%2C0%2C1%2C.926.594Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
background-size: 15px;
background-repeat: no-repeat;
width: 15px;
height: 15px; }
.form-icons-unvalidatedalt15 {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22rgb%28227%2C0%2C0%29%22%20style%3D%22%22%3E%20%3Ctitle%3Eexclamationmark.circle_reduced%401x%3C%2Ftitle%3E%20%3Cg%20transform%3D%22translate%28-0.5%2C%20-3%29%22%3E%20%3Cpath%20d%3D%22M10%2C4.1a8.4%2C8.4%2C0%2C1%2C1-8.4%2C8.4A8.409%2C8.409%2C0%2C0%2C1%2C10%2C4.1M10%2C3a9.5%2C9.5%2C0%2C1%2C0%2C9.5%2C9.5A9.5%2C9.5%2C0%2C0%2C0%2C10%2C3Z%22%2F%3E%20%3Cpath%20d%3D%22M9.092%2C16.411A.9.9%2C0%2C0%2C1%2C10%2C15.532a.879.879%2C0%2C1%2C1%2C0%2C1.758A.907.907%2C0%2C0%2C1%2C9.092%2C16.411Zm.3-2.773L9.287%2C8.413A.674.674%2C0%2C0%2C1%2C10%2C7.71a.691.691%2C0%2C0%2C1%2C.713.7L10.6%2C13.638a.561.561%2C0%2C0%2C1-.6.635A.568.568%2C0%2C0%2C1%2C9.395%2C13.638Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
background-size: 15px;
background-repeat: no-repeat;
width: 15px;
height: 15px; }
.form-icons-reset, .form-icons-clearsolid15 {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22rgb%28134%2C134%2C139%29%22%20style%3D%22%22%3E%20%3Ctitle%3Exmark.circle.fill_reduced%401x%3C%2Ftitle%3E%20%3Cg%20transform%3D%22translate%28-0.5%2C%20-3%29%22%3E%20%3Cpath%20d%3D%22M10%2C3a9.5%2C9.5%2C0%2C1%2C0%2C9.5%2C9.5A9.5%2C9.5%2C0%2C0%2C0%2C10%2C3Zm3.889%2C12.611a.55.55%2C0%2C1%2C1-.777.777L10%2C13.277%2C6.889%2C16.389a.55.55%2C0%2C0%2C1-.777-.777L9.223%2C12.5%2C6.111%2C9.389a.55.55%2C0%2C0%2C1%2C.777-.777L10%2C11.723l3.111-3.111a.55.55%2C0%2C0%2C1%2C.777.777L10.777%2C12.5Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
background-size: 15px;
background-repeat: no-repeat;
width: 15px;
height: 15px; }
.form-icons-search15 {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2025%22%20fill%3D%22rgb%28134%2C134%2C139%29%22%20style%3D%22%22%3E%20%3Ctitle%3Emagnifyingglass_reduced%401x%3C%2Ftitle%3E%20%3Cg%20transform%3D%22translate%280%2C%20-2.75%29%22%3E%20%3Crect%20width%3D%2218%22%20height%3D%2225%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M17.512%2C20.113l-4.786-4.788a7.068%2C7.068%2C0%2C1%2C0-.777.778l4.785%2C4.788a.55.55%2C0%2C1%2C0%2C.777-.777ZM1.427%2C10.75A5.946%2C5.946%2C0%2C1%2C1%2C7.373%2C16.7%2C5.957%2C5.957%2C0%2C0%2C1%2C1.427%2C10.75Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
background-size: 15px;
background-repeat: no-repeat;
width: 15px;
height: 15px; }
.form-icons-info19 {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22rgb%28134%2C134%2C139%29%22%20style%3D%22%22%3E%20%3Ctitle%3Equestionmark.circle.fill_reduced%401x%3C%2Ftitle%3E%20%3Cg%20transform%3D%22translate%28-0.5%2C%20-3%29%22%3E%20%3Cpath%20d%3D%22M10%2C3a9.5%2C9.5%2C0%2C1%2C0%2C9.5%2C9.5A9.5%2C9.5%2C0%2C0%2C0%2C10%2C3ZM9.746%2C17.295a.879.879%2C0%2C1%2C1%2C.908-.879A.9.9%2C0%2C0%2C1%2C9.746%2C17.295Zm1.631-4.951c-.723.479-1.016.84-1.016%2C1.416v.2a.549.549%2C0%2C0%2C1-.6.557.546.546%2C0%2C0%2C1-.605-.605v-.215a2.2%2C2.2%2C0%2C0%2C1%2C1.191-1.924c.9-.625%2C1.279-.986%2C1.279-1.66%2C0-.791-.654-1.357-1.66-1.357A1.677%2C1.677%2C0%2C0%2C0%2C8.33%2C9.932c-.205.3-.293.527-.723.527a.515.515%2C0%2C0%2C1-.527-.537%2C2.261%2C2.261%2C0%2C0%2C1%2C.059-.439A2.735%2C2.735%2C0%2C0%2C1%2C10.02%2C7.705c1.6%2C0%2C2.9.879%2C2.9%2C2.344C12.92%2C11.1%2C12.354%2C11.68%2C11.377%2C12.344Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
background-size: 19px;
background-repeat: no-repeat;
width: 19px;
height: 19px; }
.form-icons-info19:lang(ar) {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg); }
.form-icons-circle19 {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22rgb%28134%2C134%2C139%29%22%20style%3D%22%22%3E%20%3Ctitle%3Ecircle_reduced%401x%3C%2Ftitle%3E%20%3Cg%20transform%3D%22translate%28-0.5%2C%20-3%29%22%3E%20%3Cpath%20d%3D%22M10%2C4.1a8.4%2C8.4%2C0%2C1%2C1-8.4%2C8.4A8.409%2C8.409%2C0%2C0%2C1%2C10%2C4.1M10%2C3a9.5%2C9.5%2C0%2C1%2C0%2C9.5%2C9.5A9.5%2C9.5%2C0%2C0%2C0%2C10%2C3Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
background-size: 19px;
background-repeat: no-repeat;
width: 19px;
height: 19px; }
.form-icons-checkalt19 {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22rgb%280%2C128%2C9%29%22%20style%3D%22%22%3E%20%3Ctitle%3Echeckmark.circle_reduced%401x%3C%2Ftitle%3E%20%3Cg%20transform%3D%22translate%28-0.5%2C%20-3%29%22%3E%20%3Cpath%20d%3D%22M10%2C4.1a8.4%2C8.4%2C0%2C1%2C1-8.4%2C8.4A8.409%2C8.409%2C0%2C0%2C1%2C10%2C4.1M10%2C3a9.5%2C9.5%2C0%2C1%2C0%2C9.5%2C9.5A9.5%2C9.5%2C0%2C0%2C0%2C10%2C3Z%22%2F%3E%20%3Cpath%20d%3D%22M9.19%2C16.914a.5.5%2C0%2C0%2C1-.809.046L5.25%2C13.112a.55.55%2C0%2C1%2C1%2C.854-.694l2.608%2C3.2%2C4.8-7.478a.55.55%2C0%2C0%2C1%2C.926.594Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
background-size: 19px;
background-repeat: no-repeat;
width: 19px;
height: 19px; }
.form-icons-unvalidatedalt19 {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22rgb%28227%2C0%2C0%29%22%20style%3D%22%22%3E%20%3Ctitle%3Eexclamationmark.circle_reduced%401x%3C%2Ftitle%3E%20%3Cg%20transform%3D%22translate%28-0.5%2C%20-3%29%22%3E%20%3Cpath%20d%3D%22M10%2C4.1a8.4%2C8.4%2C0%2C1%2C1-8.4%2C8.4A8.409%2C8.409%2C0%2C0%2C1%2C10%2C4.1M10%2C3a9.5%2C9.5%2C0%2C1%2C0%2C9.5%2C9.5A9.5%2C9.5%2C0%2C0%2C0%2C10%2C3Z%22%2F%3E%20%3Cpath%20d%3D%22M9.092%2C16.411A.9.9%2C0%2C0%2C1%2C10%2C15.532a.879.879%2C0%2C1%2C1%2C0%2C1.758A.907.907%2C0%2C0%2C1%2C9.092%2C16.411Zm.3-2.773L9.287%2C8.413A.674.674%2C0%2C0%2C1%2C10%2C7.71a.691.691%2C0%2C0%2C1%2C.713.7L10.6%2C13.638a.561.561%2C0%2C0%2C1-.6.635A.568.568%2C0%2C0%2C1%2C9.395%2C13.638Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
background-size: 19px;
background-repeat: no-repeat;
width: 19px;
height: 19px; }
.form-icons-unvalidated19 {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22rgb%28227%2C0%2C0%29%22%20style%3D%22%22%3E%20%3Ctitle%3Eexclamationmark.circle.fill_reduced%401x%3C%2Ftitle%3E%20%3Cg%20transform%3D%22translate%28-0.5%2C%20-3%29%22%3E%20%3Cpath%20d%3D%22M10%2C3a9.5%2C9.5%2C0%2C1%2C0%2C9.5%2C9.5A9.5%2C9.5%2C0%2C0%2C0%2C10%2C3Zm0%2C4.71a.691.691%2C0%2C0%2C1%2C.713.7L10.6%2C13.638a.561.561%2C0%2C0%2C1-.6.635.568.568%2C0%2C0%2C1-.605-.635L9.287%2C8.413A.674.674%2C0%2C0%2C1%2C10%2C7.71Zm0%2C9.58a.879.879%2C0%2C1%2C1%2C0-1.758.879.879%2C0%2C1%2C1%2C0%2C1.758Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
background-size: 19px;
background-repeat: no-repeat;
width: 19px;
height: 19px; }
.form-icons-clearsolid19 {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22rgb%28134%2C134%2C139%29%22%20style%3D%22%22%3E%20%3Ctitle%3Exmark.circle.fill_reduced%401x%3C%2Ftitle%3E%20%3Cg%20transform%3D%22translate%28-0.5%2C%20-3%29%22%3E%20%3Cpath%20d%3D%22M10%2C3a9.5%2C9.5%2C0%2C1%2C0%2C9.5%2C9.5A9.5%2C9.5%2C0%2C0%2C0%2C10%2C3Zm3.889%2C12.611a.55.55%2C0%2C1%2C1-.777.777L10%2C13.277%2C6.889%2C16.389a.55.55%2C0%2C0%2C1-.777-.777L9.223%2C12.5%2C6.111%2C9.389a.55.55%2C0%2C0%2C1%2C.777-.777L10%2C11.723l3.111-3.111a.55.55%2C0%2C0%2C1%2C.777.777L10.777%2C12.5Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
background-size: 19px;
background-repeat: no-repeat;
width: 19px;
height: 19px; }
.form-icons-search19 {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2025%22%20fill%3D%22rgb%28134%2C134%2C139%29%22%20style%3D%22%22%3E%20%3Ctitle%3Emagnifyingglass_reduced%401x%3C%2Ftitle%3E%20%3Cg%20transform%3D%22translate%280%2C%20-2.75%29%22%3E%20%3Crect%20width%3D%2218%22%20height%3D%2225%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M17.512%2C20.113l-4.786-4.788a7.068%2C7.068%2C0%2C1%2C0-.777.778l4.785%2C4.788a.55.55%2C0%2C1%2C0%2C.777-.777ZM1.427%2C10.75A5.946%2C5.946%2C0%2C1%2C1%2C7.373%2C16.7%2C5.957%2C5.957%2C0%2C0%2C1%2C1.427%2C10.75Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
background-size: 19px;
background-repeat: no-repeat;
width: 19px;
height: 19px; }
.form-icons-add19 {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22rgb%280%2C102%2C204%29%22%20style%3D%22%22%3E%20%3Ctitle%3Eplus.circle.fill_reduced%401x%3C%2Ftitle%3E%20%3Cg%20transform%3D%22translate%28-0.5%2C%20-3%29%22%3E%20%3Cpath%20d%3D%22M10%2C3a9.5%2C9.5%2C0%2C1%2C0%2C9.5%2C9.5A9.5%2C9.5%2C0%2C0%2C0%2C10%2C3Zm4.25%2C10H10.5v3.75a.5.5%2C0%2C0%2C1-1%2C0V13H5.75a.5.5%2C0%2C0%2C1%2C0-1H9.5V8.25a.5.5%2C0%2C0%2C1%2C1%2C0V12h3.75a.5.5%2C0%2C0%2C1%2C0%2C1Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
background-size: 19px;
background-repeat: no-repeat;
width: 19px;
height: 19px; }
.form-icons-add29 {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22rgb%280%2C102%2C204%29%22%20style%3D%22%22%3E%20%3Ctitle%3Eplus.circle.fill_reduced%401x%3C%2Ftitle%3E%20%3Cg%20transform%3D%22translate%28-0.5%2C%20-3%29%22%3E%20%3Cpath%20d%3D%22M10%2C3a9.5%2C9.5%2C0%2C1%2C0%2C9.5%2C9.5A9.5%2C9.5%2C0%2C0%2C0%2C10%2C3Zm4.25%2C10H10.5v3.75a.5.5%2C0%2C0%2C1-1%2C0V13H5.75a.5.5%2C0%2C0%2C1%2C0-1H9.5V8.25a.5.5%2C0%2C0%2C1%2C1%2C0V12h3.75a.5.5%2C0%2C0%2C1%2C0%2C1Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
background-size: 29px;
background-repeat: no-repeat;
width: 29px;
height: 29px; }
.form-icons-remove19 {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22rgb%28227%2C0%2C0%29%22%20style%3D%22%22%3E%20%3Ctitle%3Eminus.circle.fill_reduced%401x%3C%2Ftitle%3E%20%3Cg%20transform%3D%22translate%28-0.5%2C%20-3%29%22%3E%20%3Cpath%20d%3D%22M10%2C3a9.5%2C9.5%2C0%2C1%2C0%2C9.5%2C9.5A9.5%2C9.5%2C0%2C0%2C0%2C10%2C3Zm4.25%2C10H5.75a.5.5%2C0%2C0%2C1%2C0-1h8.5a.5.5%2C0%2C0%2C1%2C0%2C1Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
background-size: 19px;
background-repeat: no-repeat;
width: 19px;
height: 19px; }
.form-icons-location {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2025%22%20fill%3D%22rgb%280%2C102%2C204%29%22%20style%3D%22%22%3E%20%3Ctitle%3Elocation_reduced%401x%3C%2Ftitle%3E%20%3Cg%3E%20%3Crect%20width%3D%2217%22%20height%3D%2225%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M15.946%2C5.057c-.008.02-.017.043-.027.066L9.235%2C19.511c-.034.073-.075.163-.116.246l-.034-6.57a1.251%2C1.251%2C0%2C0%2C0-.353-.923%2C1.236%2C1.236%2C0%2C0%2C0-.908-.345h0l-6.565-.043c.078-.037.161-.074.236-.108L15.879%2C5.086l.067-.029M16.149%2C4a1.67%2C1.67%2C0%2C0%2C0-.69.178L1.073%2C10.861a2.508%2C2.508%2C0%2C0%2C0-.8.467.86.86%2C0%2C0%2C0-.052%2C1.21%2C1.325%2C1.325%2C0%2C0%2C0%2C.942.337l6.649.043a.3.3%2C0%2C0%2C1%2C.207.052.28.28%2C0%2C0%2C1%2C.06.216l.035%2C6.649a1.325%2C1.325%2C0%2C0%2C0%2C.337.942A.794.794%2C0%2C0%2C0%2C9.017%2C21a.939.939%2C0%2C0%2C0%2C.658-.274%2C2.8%2C2.8%2C0%2C0%2C0%2C.467-.8L16.825%2C5.544c.259-.588.225-1-.069-1.3A.825.825%2C0%2C0%2C0%2C16.149%2C4Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
width: 17px;
height: 25px;
margin-top: -4px;
margin-right: 1px; }
.form-icons-calendar {
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22rgb%28134%2C134%2C139%29%22%20style%3D%22%22%3E%20%3Ctitle%3Ecalendar_reduced%401x%3C%2Ftitle%3E%20%3Cg%3E%20%3Crect%20width%3D%2225%22%20height%3D%2225%22%20fill%3D%22none%22%2F%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M19%2C4H6A3%2C3%2C0%2C0%2C0%2C3%2C7V19a3%2C3%2C0%2C0%2C0%2C3%2C3H19a3%2C3%2C0%2C0%2C0%2C3-3V7A3%2C3%2C0%2C0%2C0%2C19%2C4Zm2%2C15a2%2C2%2C0%2C0%2C1-2%2C2H6a2%2C2%2C0%2C0%2C1-2-2V11A2%2C2%2C0%2C0%2C1%2C6%2C9H19a2%2C2%2C0%2C0%2C1%2C2%2C2Z%22%2F%3E%20%3Crect%20x%3D%2210.125%22%20y%3D%2211.375%22%20width%3D%221.25%22%20height%3D%221.25%22%20rx%3D%220.25%22%20ry%3D%220.25%22%2F%3E%20%3Crect%20x%3D%2213.625%22%20y%3D%2211.375%22%20width%3D%221.25%22%20height%3D%221.25%22%20rx%3D%220.25%22%20ry%3D%220.25%22%2F%3E%20%3Crect%20x%3D%2217.125%22%20y%3D%2211.375%22%20width%3D%221.25%22%20height%3D%221.25%22%20rx%3D%220.25%22%20ry%3D%220.25%22%2F%3E%20%3Crect%20x%3D%226.625%22%20y%3D%2214.375%22%20width%3D%221.25%22%20height%3D%221.25%22%20rx%3D%220.25%22%20ry%3D%220.25%22%2F%3E%20%3Crect%20x%3D%2210.125%22%20y%3D%2214.375%22%20width%3D%221.25%22%20height%3D%221.25%22%20rx%3D%220.25%22%20ry%3D%220.25%22%2F%3E%20%3Crect%20x%3D%2213.625%22%20y%3D%2214.375%22%20width%3D%221.25%22%20height%3D%221.25%22%20rx%3D%220.25%22%20ry%3D%220.25%22%2F%3E%20%3Crect%20x%3D%2217.125%22%20y%3D%2214.375%22%20width%3D%221.25%22%20height%3D%221.25%22%20rx%3D%220.25%22%20ry%3D%220.25%22%2F%3E%20%3Crect%20x%3D%226.625%22%20y%3D%2217.375%22%20width%3D%221.25%22%20height%3D%221.25%22%20rx%3D%220.25%22%20ry%3D%220.25%22%2F%3E%20%3Crect%20x%3D%2210.125%22%20y%3D%2217.375%22%20width%3D%221.25%22%20height%3D%221.25%22%20rx%3D%220.25%22%20ry%3D%220.25%22%2F%3E%20%3Crect%20x%3D%2213.625%22%20y%3D%2217.375%22%20width%3D%221.25%22%20height%3D%221.25%22%20rx%3D%220.25%22%20ry%3D%220.25%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
width: 25px;
height: 25px;
margin-top: -5px;
margin-right: -3px; }
.form-icons-before {
margin-left: 0;
margin-right: 0.47059rem; }
.form-icons-after {
margin-left: 0.47059rem;
margin-right: 0; }
.form-icons-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.form-icons-message {
padding-left: 0.17647rem;
color: #86868b; }
.form-icons-message .form-icons-message-link {
color: #0066cc; }
.form-icons-message .form-icons-message-link:hover {
text-decoration: underline; }
.form-icons-message .form-label-small {
display: block; }
.form-radiobutton {
position: relative; }
.form-radiobutton .form-radiobutton-indicator {
border-color: #d2d2d7;
background-color: rgba(255, 255, 255, 0.8); }
.form-radiobutton :checked ~ .form-label .form-radiobutton-indicator,
.form-radiobutton :focus ~ .form-label .form-radiobutton-indicator,
.form-radiobutton .focused ~ .form-label .form-radiobutton-indicator {
border-color: #0071e3;
background-color: white; }
.form-radiobutton :disabled ~ .form-label {
color: #86868b; }
.form-radiobutton :disabled ~ .form-label .form-radiobutton-indicator {
background-color: rgba(0, 0, 0, 0.04);
border-color: #d2d2d7; }
.form-radiobutton :disabled:checked ~ .form-label .form-radiobutton-indicator {
border-color: #d2d2d7; }
.form-radiobutton :disabled:checked ~ .form-label .form-radiobutton-indicator::after {
background-color: #86868b; }
.is-error .form-radiobutton .form-radiobutton-indicator {
border-color: #e30000;
background: #fff2f4; }
.form-radiobutton-input {
position: absolute;
top: 3px;
left: 0;
opacity: 0;
width: 16px;
height: 16px; }
.form-radiobutton-input:checked:not(:disabled) ~ .form-label .form-radiobutton-indicator {
width: 4px;
height: 4px;
border-width: 6px; }
.form-radiobutton-input:checked:disabled ~ .form-label .form-radiobutton-indicator::after {
content: '';
position: absolute;
top: 5px;
width: 4px;
height: 4px;
border-radius: 50%;
left: 5px; }
.form-radiobutton-input:focus ~ .form-label .form-radiobutton-indicator, .form-radiobutton-input.focused ~ .form-label .form-radiobutton-indicator {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none; }
.form-radiobutton-input:focus ~ .form-label .form-radiobutton-indicator[data-focus-method="mouse"]:not(input):not(textarea):not(select), .form-radiobutton-input:focus ~ .form-label .form-radiobutton-indicator[data-focus-method="touch"]:not(input):not(textarea):not(select), .form-radiobutton-input.focused ~ .form-label .form-radiobutton-indicator[data-focus-method="mouse"]:not(input):not(textarea):not(select), .form-radiobutton-input.focused ~ .form-label .form-radiobutton-indicator[data-focus-method="touch"]:not(input):not(textarea):not(select) {
box-shadow: none; }
.form-radiobutton .form-label {
padding-left: 26px;
margin-bottom: 11px; }
.form-radiobutton-indicator {
left: 0;
border-radius: 50%;
width: 14px;
height: 14px;
border-width: 1px;
border-style: solid;
cursor: pointer;
position: absolute;
display: inline-block;
top: 2px; }
.form-sectionnumber {
position: relative;
list-style-type: none;
color: #1d1d1f; }
.form-sectionnumber::before {
left: -2.17647rem;
position: absolute;
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: 0em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
top: 0; }
.form-sectionnumber::before:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-sectionnumber::before:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-sectionnumber::before:lang(ko) {
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-sectionnumber::before:lang(th) {
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-sectionnumber::before:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-sectionnumber::before:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-sectionnumber::before:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-sectionnumber::before:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 1068px) {
.form-sectionnumber::before {
font-size: 21px;
line-height: 1.3334;
font-weight: 600;
letter-spacing: 0em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-sectionnumber::before:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-sectionnumber::before:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-sectionnumber::before:lang(ko) {
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-sectionnumber::before:lang(th) {
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-sectionnumber::before:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-sectionnumber::before:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-sectionnumber::before:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-sectionnumber::before:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
@media only screen and (max-width: 1068px) {
.form-sectionnumber::before {
left: -1.82353rem;
top: -0.05882rem; } }
.form-sectionnumber.is-hidden > .form-title {
margin-left: 0; }
.form-sectionnumber.is-hidden::before {
display: none; }
.form-sectionnumber.disabled {
opacity: 0.32; }
.form-sectionnumber-list {
margin-left: 2.05882rem; }
@media only screen and (max-width: 734px) {
.form-sectionnumber-list {
margin-left: 1.82353rem; } }
.form-sectionnumber-list.is-hidden {
margin: 0; }
.violator {
box-sizing: border-box;
white-space: nowrap;
display: inline-block;
border: 1px solid;
background: transparent;
border-color: #bf4800;
color: #bf4800;
font-size: 17px;
line-height: 1.17648;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
border-radius: 18px;
padding-left: 18px;
padding-right: 18px;
padding-top: 7px;
padding-bottom: 7px; }
.violator:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.violator:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.violator:lang(ko) {
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.violator:lang(zh) {
letter-spacing: 0em; }
.violator:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.violator:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.violator:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.violator:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.violator:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.violator-inline {
margin-left: 10px;
display: inline-block; }
.violator-secondary {
background: transparent;
border-color: #6e6e73;
color: #6e6e73; }
.violator-reduced {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.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: -0.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; }
.form-selector {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.form-selector .form-selector-label {
color: #1d1d1f;
border-color: #d2d2d7;
background-color: rgba(255, 255, 255, 0.8); }
.form-selector .form-selector-label .form-selector-list-header {
border-color: #d2d2d7; }
@supports (background-image: -webkit-named-image(apple-pay-logo-black)) {
.form-selector .form-selector-label .form-selector-applepay {
background-image: -webkit-named-image(apple-pay-logo-black); }
.form-selector .form-selector-label .form-selector-applepay img {
display: none; } }
.form-selector.form-selector-non-editable .form-selector-label {
color: #86868b;
background-color: rgba(0, 0, 0, 0.02); }
.form-selector .form-selector-input:hover ~ .form-selector-label {
border-color: #86868b; }
.form-selector .form-selector-input:checked ~ .form-selector-label {
border-color: #0071e3; }
.form-selector .form-selector-input:focus ~ .form-selector-label, .form-selector .form-selector-input.focused ~ .form-selector-label {
border-color: #0071e3;
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); }
.form-selector .form-selector-input:disabled ~ .form-selector-label {
border-color: #d2d2d7; }
.form-selector-input {
position: absolute;
opacity: 0; }
.form-selector-input:disabled ~ .form-selector-label {
opacity: 0.32;
cursor: auto; }
.form-selector-input:checked ~ .form-selector-label, .form-selector-input:focus ~ .form-selector-label, .form-selector-input.focused ~ .form-selector-label {
outline: none;
border-width: 2px;
padding: 14px; }
.form-selector-label {
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
width: 100%;
height: auto;
border-radius: 12px;
border-width: 1px;
border-style: solid;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px;
text-align: center;
box-sizing: border-box;
cursor: pointer;
min-height: 4.88235rem; }
.form-selector-label:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label:lang(zh) {
letter-spacing: 0em; }
.form-selector-label:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-selector-title {
font-weight: 600; }
.form-selector-label .form-label-small {
display: block;
margin-top: 0.23529rem; }
.form-selector-label .form-label-storagesize {
font-size: 28px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.007em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storagesize:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storagesize:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storagesize:lang(ko) {
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storagesize:lang(th) {
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storagesize:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storagesize:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storagesize:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storagesize:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storageunit {
font-size: 28px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.012em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storageunit:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storageunit:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storageunit:lang(ko) {
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storageunit:lang(th) {
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storageunit:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storageunit:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storageunit:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-label-storageunit:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .colornav-swatch {
margin-top: 0.23529rem;
margin-bottom: 0.23529rem; }
.form-selector-label .form-icons {
margin-right: 0.05882rem;
margin-top: 0.17647rem;
margin-bottom: 0.52941rem; }
.form-selector-label .row {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.form-selector-label .form-selector-left-col {
position: relative;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
text-align: left; }
.form-selector-label .form-selector-left-col .violator-frameless:first-child {
padding-top: 4px; }
.form-selector-label .form-selector-right-col {
position: relative;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
text-align: right; }
.form-selector-label .form-selector-right-col.form-label-small {
margin-top: 0; }
.form-selector-label .form-selector-right-text {
width: 8.82353rem;
float: right; }
@media only screen and (max-width: 734px) {
.form-selector-label .form-selector-right-text {
width: 5.88235rem; } }
.form-selector-label .form-selector-giftimage {
left: -0.17647rem;
top: -0.23529rem;
position: absolute; }
.form-selector-label .form-selector-giftimage ~ .form-selector-title {
margin-left: 1.88235rem; }
.form-selector-label .form-selector-applepay img {
padding-top: 0.47059rem;
padding-left: 0.11765rem; }
@supports (background-image: -webkit-named-image(apple-pay-logo-black)) {
.form-selector-label .form-selector-applepay {
display: block;
width: 4.35294rem;
height: 1.64706rem; } }
.form-selector-label .form-selector-list-header {
width: 100%;
padding-top: 0.23529rem;
padding-bottom: 1.17647rem;
border-bottom-width: 1px;
border-bottom-style: solid; }
.form-selector-label .form-selector-list-content {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
margin-left: 1.52941rem;
margin-top: 1.17647rem;
width: 100%;
text-align: left;
list-style-type: none; }
.form-selector-label .form-selector-list-content:lang(ar) {
line-height: 1.66667;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-selector-list-content:lang(ja) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-selector-list-content:lang(ko) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-selector-list-content:lang(zh) {
letter-spacing: 0em; }
.form-selector-label .form-selector-list-content:lang(th) {
line-height: 1.33337;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-selector-list-content:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-selector-list-content:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-selector-list-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; }
.form-selector-label .form-selector-list-content:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .form-selector-list-content > li {
margin-bottom: 0.29412rem;
position: relative; }
.form-selector-label .form-selector-list-content > li:last-child {
margin-bottom: 0; }
.form-selector-label .form-selector-list-content > li::before {
content: '.';
font-size: 30px;
position: absolute;
top: -1.17647rem;
left: -0.82353rem; }
.form-selector-label .violator-frameless {
font-size: 10px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.008em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
padding-bottom: 1px; }
.form-selector-label .violator-frameless:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .violator-frameless: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; }
.form-selector-label .violator-frameless: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; }
.form-selector-label .violator-frameless:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .violator-frameless:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .violator-frameless:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .violator-frameless:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .violator-frameless:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-label .violator-frameless ~ .form-selector-title {
display: block;
padding: 7px 0 2px; }
.form-selector-label .violator-frameless ~ .form-label-small {
margin-top: 0.11765rem; }
.form-selector-threeline .form-selector-label {
min-height: 6.23529rem; }
.form-selector-swatch .form-selector-label {
min-height: 6.05882rem; }
.form-selector-tall .form-selector-label,
.form-selector-upload .form-selector-label {
min-height: 7.29412rem; }
.form-selector-carrier .form-selector-label {
min-height: 4.94118rem; }
.form-selector-twocol-threeline .form-selector-label {
min-height: 6.11765rem; }
.form-selector-list .form-selector-label {
min-height: 11.88235rem; }
.form-selector-list .form-selector-input {
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer; }
.form-selector-list .form-selector-label {
-webkit-box-pack: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start; }
.form-selector-group {
list-style: none;
width: auto;
margin-top: 8px; }
.form-selector-group .form-selector {
margin-top: 0.82353rem; }
.form-selector-group .form-selector.form-selector-circle {
padding-left: 0.41176rem;
padding-right: 0.41176rem; }
.form-selector-group ~ .form-message-wrapper {
margin-top: 14px; }
.form-selector-group-withgutters {
list-style: none;
width: auto;
margin-top: 8px;
margin-left: -0.41176rem;
margin-right: -0.41176rem; }
.form-selector-group-withgutters .form-selector {
margin-top: 0.82353rem; }
.form-selector-group-withgutters .form-selector.form-selector-circle {
padding-left: 0.41176rem;
padding-right: 0.41176rem; }
.form-selector-group-withgutters ~ .form-message-wrapper {
margin-top: 14px; }
.form-selector-group-withgutters .form-selector {
padding-left: 0.41176rem;
padding-right: 0.41176rem; }
.form-selector-group-withgutters ~ .form-message-wrapper {
margin-top: 14px; }
.form-selector-non-editable .form-selector-input:disabled ~ .form-selector-label {
opacity: 1; }
.form-selector-short .form-selector-label {
min-height: 3.29412rem; }
.form-selector-short .form-selector-label {
height: 3.29412rem; }
.form-selector-singleline .form-selector-label {
min-height: 6.11765rem; }
.form-selector-singleline .form-selector-title {
padding-bottom: 1px; }
.form-selector-violator .form-selector-label {
min-height: 6.11765rem; }
.form-selector-violator .violator-frameless ~ .form-selector-title {
padding: 7px 0 3px; }
.form-selector-violator.form-selector-swatch .form-selector-label {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.form-selector-violator.form-selector-swatch .form-selector-label .colornav-swatch {
margin-top: 0.52941rem;
margin-bottom: 0.23529rem; }
.form-selector-violator.form-selector-swatch .form-selector-label .violator-frameless {
font-size: 10px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.008em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
padding-top: 4px;
padding-bottom: 7px; }
.form-selector-violator.form-selector-swatch .form-selector-label .violator-frameless:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-violator.form-selector-swatch .form-selector-label .violator-frameless: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; }
.form-selector-violator.form-selector-swatch .form-selector-label .violator-frameless: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; }
.form-selector-violator.form-selector-swatch .form-selector-label .violator-frameless:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-violator.form-selector-swatch .form-selector-label .violator-frameless:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-violator.form-selector-swatch .form-selector-label .violator-frameless:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-violator.form-selector-swatch .form-selector-label .violator-frameless:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-violator.form-selector-swatch .form-selector-label .violator-frameless:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-selector-circle .form-selector-input:checked ~ .form-selector-label, .form-selector-circle .form-selector-input:focus ~ .form-selector-label, .form-selector-circle .form-selector-input.focused ~ .form-selector-label {
padding: 0; }
.form-selector-circle .form-selector-label {
border-radius: 50%;
min-height: -webkit-min-content;
min-height: min-content;
padding: 0;
height: 3.29412rem;
width: 3.29412rem; }
.form-selector-circle .form-selector-label .form-selector-title {
margin-top: 1px; }
.form-textbox {
position: relative; }
.form-textbox .form-textarea,
.form-textbox .form-textbox-input {
color: #1d1d1f;
border-color: #d2d2d7;
background-color: rgba(255, 255, 255, 0.8);
text-overflow: ellipsis; }
.form-textbox .form-textarea textarea,
.form-textbox .form-textbox-input textarea {
color: #1d1d1f;
background-color: transparent; }
.form-textbox .form-textarea.disabled, .form-textbox .form-textarea:disabled,
.form-textbox .form-textbox-input.disabled,
.form-textbox .form-textbox-input:disabled {
color: #86868b;
-webkit-text-fill-color: #86868b;
background-color: rgba(0, 0, 0, 0.02); }
.form-textbox .form-textarea.disabled textarea, .form-textbox .form-textarea:disabled textarea,
.form-textbox .form-textbox-input.disabled textarea,
.form-textbox .form-textbox-input:disabled textarea {
color: #86868b;
-webkit-text-fill-color: #86868b; }
.form-textbox .form-textarea:-webkit-autofill,
.form-textbox .form-textbox-input:-webkit-autofill {
color: #1d1d1f;
caret-color: #1d1d1f;
-webkit-text-fill-color: #1d1d1f;
box-shadow: 0 0 0 100px #fffef2 inset;
border-color: #ffe045; }
.form-textbox .form-textarea:-webkit-autofill:focus,
.form-textbox .form-textbox-input:-webkit-autofill:focus {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6), 0 0 0 100px #fffef2 inset; }
.form-textbox .form-textarea:focus, .form-textbox .form-textarea.focused,
.form-textbox .form-textbox-input:focus,
.form-textbox .form-textbox-input.focused {
border-color: #0071e3; }
.form-textbox .form-textarea::-webkit-input-placeholder,
.form-textbox .form-textbox-input::-webkit-input-placeholder {
color: #6e6e73; }
.form-textbox .form-textarea:-ms-input-placeholder,
.form-textbox .form-textbox-input:-ms-input-placeholder {
color: #6e6e73; }
.form-textbox .form-textarea::placeholder,
.form-textbox .form-textbox-input::placeholder {
color: #6e6e73; }
.form-textbox .form-textarea::-webkit-credentials-auto-fill-button, .form-textbox .form-textarea::-webkit-contacts-auto-fill-button,
.form-textbox .form-textbox-input::-webkit-credentials-auto-fill-button,
.form-textbox .form-textbox-input::-webkit-contacts-auto-fill-button {
background-color: #1d1d1f; }
.form-textbox .form-textbox-input:not(:disabled).focused ~ .form-textbox-label, .form-textbox .form-textbox-input:not(:disabled).form-textarea-with-placeholder ~ .form-textbox-label, .form-textbox .form-textbox-input:not(:disabled):focus ~ .form-textbox-label, .form-textbox .form-textbox-input:not(:disabled):valid[required] ~ .form-textbox-label, .form-textbox .form-textbox-input:not(:disabled)[placeholder]:not([placeholder=' ']) ~ .form-textbox-label, .form-textbox .form-textbox-input:not(:disabled)[placeholder]:not(:placeholder-shown) ~ .form-textbox-label, .form-textbox .form-textbox-input:not(:disabled).form-textbox-entered ~ .form-textbox-label {
color: #6e6e73; }
.form-textbox .form-textarea:not(.disabled).focused ~ .form-textbox-label, .form-textbox .form-textarea:not(.disabled).form-textarea-with-placeholder ~ .form-textbox-label, .form-textbox .form-textarea:not(.disabled):focus ~ .form-textbox-label, .form-textbox .form-textarea:not(.disabled):valid[required] ~ .form-textbox-label, .form-textbox .form-textarea:not(.disabled)[placeholder]:not([placeholder=' ']) ~ .form-textbox-label, .form-textbox .form-textarea:not(.disabled)[placeholder]:not(:placeholder-shown) ~ .form-textbox-label, .form-textbox .form-textarea:not(.disabled).form-textbox-entered ~ .form-textbox-label {
color: #6e6e73; }
.form-textbox .form-textbox-label {
color: #86868b; }
.form-textbox .icon-check {
color: #008009; }
.form-textbox .form-textbox-countrycode {
color: #86868b;
border-right: 1px solid #d2d2d7;
background-color: rgba(0, 0, 0, 0.02); }
.form-textbox .form-textbox-counter-wrapper {
color: #6e6e73; }
.form-textbox .form-textbox-counter-wrapper.is-error {
color: #e30000; }
.form-textbox.is-error .form-textarea:not(.focused),
.form-textbox.is-error .form-textbox-input:not(:focus) {
border-color: #e30000;
background-color: #fff2f4; }
.form-textbox.is-error .form-textarea:not(.focused) ~ .form-textbox-countrycode,
.form-textbox.is-error .form-textbox-input:not(:focus) ~ .form-textbox-countrycode {
border-right: 1px solid #e30000;
background-color: rgba(227, 0, 0, 0.04); }
.form-textbox.is-error .form-textarea:not(:disabled).focused ~ .form-textbox-label, .form-textbox.is-error .form-textarea:not(:disabled).form-textarea-with-placeholder ~ .form-textbox-label, .form-textbox.is-error .form-textarea:not(:disabled):focus ~ .form-textbox-label, .form-textbox.is-error .form-textarea:not(:disabled):valid[required] ~ .form-textbox-label, .form-textbox.is-error .form-textarea:not(:disabled)[placeholder]:not([placeholder=' ']) ~ .form-textbox-label, .form-textbox.is-error .form-textarea:not(:disabled)[placeholder]:not(:placeholder-shown) ~ .form-textbox-label, .form-textbox.is-error .form-textarea:not(:disabled).form-textbox-entered ~ .form-textbox-label,
.form-textbox.is-error .form-textbox-input:not(:disabled).focused ~ .form-textbox-label,
.form-textbox.is-error .form-textbox-input:not(:disabled).form-textarea-with-placeholder ~ .form-textbox-label,
.form-textbox.is-error .form-textbox-input:not(:disabled):focus ~ .form-textbox-label,
.form-textbox.is-error .form-textbox-input:not(:disabled):valid[required] ~ .form-textbox-label,
.form-textbox.is-error .form-textbox-input:not(:disabled)[placeholder]:not([placeholder=' ']) ~ .form-textbox-label,
.form-textbox.is-error .form-textbox-input:not(:disabled)[placeholder]:not(:placeholder-shown) ~ .form-textbox-label,
.form-textbox.is-error .form-textbox-input:not(:disabled).form-textbox-entered ~ .form-textbox-label {
color: #e30000; }
.form-textbox.is-error .form-textbox-label {
color: #e30000; }
.form-textbox-input {
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
width: 100%;
height: 3.29412rem;
border-radius: 12px;
border-width: 1px;
border-style: solid;
box-sizing: border-box;
margin-bottom: 0.82353rem;
padding: 1.05882rem 0.94118rem 0 0.94118rem;
text-align: left;
-webkit-appearance: none;
appearance: none; }
.form-textbox-input:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input:lang(zh) {
letter-spacing: 0em; }
.form-textbox-input:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input.focused ~ .form-textbox-label, .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label, .form-textbox-input:focus ~ .form-textbox-label, .form-textbox-input:valid[required] ~ .form-textbox-label, .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label, .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label, .form-textbox-input.form-textbox-entered ~ .form-textbox-label {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
top: 0.58824rem; }
.form-textbox-input.focused ~ .form-textbox-label:lang(ar), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(ar), .form-textbox-input:focus ~ .form-textbox-label:lang(ar), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(ar), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(ar), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(ar), .form-textbox-input.form-textbox-entered ~ .form-textbox-label:lang(ar) {
line-height: 1.66667;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input.focused ~ .form-textbox-label:lang(ja), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(ja), .form-textbox-input:focus ~ .form-textbox-label:lang(ja), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(ja), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(ja), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(ja), .form-textbox-input.form-textbox-entered ~ .form-textbox-label:lang(ja) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input.focused ~ .form-textbox-label:lang(ko), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(ko), .form-textbox-input:focus ~ .form-textbox-label:lang(ko), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(ko), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(ko), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(ko), .form-textbox-input.form-textbox-entered ~ .form-textbox-label:lang(ko) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input.focused ~ .form-textbox-label:lang(zh), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh), .form-textbox-input:focus ~ .form-textbox-label:lang(zh), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(zh), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh), .form-textbox-input.form-textbox-entered ~ .form-textbox-label:lang(zh) {
letter-spacing: 0em; }
.form-textbox-input.focused ~ .form-textbox-label:lang(th), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(th), .form-textbox-input:focus ~ .form-textbox-label:lang(th), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(th), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(th), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(th), .form-textbox-input.form-textbox-entered ~ .form-textbox-label:lang(th) {
line-height: 1.33337;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input.focused ~ .form-textbox-label:lang(zh-CN), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-CN), .form-textbox-input:focus ~ .form-textbox-label:lang(zh-CN), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(zh-CN), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-CN), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-CN), .form-textbox-input.form-textbox-entered ~ .form-textbox-label:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input.focused ~ .form-textbox-label:lang(zh-HK), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-HK), .form-textbox-input:focus ~ .form-textbox-label:lang(zh-HK), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(zh-HK), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-HK), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-HK), .form-textbox-input.form-textbox-entered ~ .form-textbox-label:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input.focused ~ .form-textbox-label:lang(zh-MO), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-MO), .form-textbox-input:focus ~ .form-textbox-label:lang(zh-MO), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(zh-MO), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-MO), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-MO), .form-textbox-input.form-textbox-entered ~ .form-textbox-label:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input.focused ~ .form-textbox-label:lang(zh-TW), .form-textbox-input.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-TW), .form-textbox-input:focus ~ .form-textbox-label:lang(zh-TW), .form-textbox-input:valid[required] ~ .form-textbox-label:lang(zh-TW), .form-textbox-input[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-TW), .form-textbox-input[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-TW), .form-textbox-input.form-textbox-entered ~ .form-textbox-label:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-input:valid[required] ~ .form-textbox-righticon .icon-check,
.form-textbox-input:valid[required] ~ .form-textbox-lefticon .icon-check, .form-textbox-input.form-textbox-entered ~ .form-textbox-righticon .icon-check,
.form-textbox-input.form-textbox-entered ~ .form-textbox-lefticon .icon-check {
display: block; }
.is-error .form-textbox-input:valid[required] ~ .form-textbox-righticon .icon-check, .is-error
.form-textbox-input:valid[required] ~ .form-textbox-lefticon .icon-check, .is-error .form-textbox-input.form-textbox-entered ~ .form-textbox-righticon .icon-check, .is-error
.form-textbox-input.form-textbox-entered ~ .form-textbox-lefticon .icon-check {
display: none; }
.form-textbox-input:valid[required] ~ .form-textbox-righticon .form-icons-reset,
.form-textbox-input:valid[required] ~ .form-textbox-lefticon .form-icons-reset, .form-textbox-input.form-textbox-entered ~ .form-textbox-righticon .form-icons-reset,
.form-textbox-input.form-textbox-entered ~ .form-textbox-lefticon .form-icons-reset {
display: block; }
.form-textbox-input.disabled ~ .form-textbox-righticon,
.form-textbox-input.disabled ~ .form-textbox-lefticon, .form-textbox-input:disabled ~ .form-textbox-righticon,
.form-textbox-input:disabled ~ .form-textbox-lefticon {
opacity: 0.4; }
.form-textbox-input.focused ~ .form-textbox-counter-wrapper, .form-textbox-input:focus ~ .form-textbox-counter-wrapper, .form-textbox-input:valid[required] ~ .form-textbox-counter-wrapper, .form-textbox-input.form-textbox-entered ~ .form-textbox-counter-wrapper, .form-textbox-input.is-error ~ .form-textbox-counter-wrapper {
display: block; }
.form-textbox-input.focused, .form-textbox-input:focus {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none; }
.is-error .form-textbox-input {
margin-bottom: 0; }
.form-textbox-label {
position: absolute;
pointer-events: none;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-duration: .125s;
transition-duration: .125s;
top: 1.05882rem;
white-space: nowrap;
overflow: hidden;
max-width: -webkit-calc(100% - 32px);
max-width: calc(100% - 32px);
left: 1rem;
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-label:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-label:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-label:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-label:lang(zh) {
letter-spacing: 0em; }
.form-textbox-label:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-label:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-label:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-label:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-label:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-lefticon .form-textbox-input {
padding-left: 2.88235rem; }
.form-textbox-with-lefticon .form-textbox-label {
left: 2.94118rem; }
.form-textbox-with-lefticon .form-textbox-lefticon {
position: absolute;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
top: 1.17647rem;
font-size: 32px;
line-height: 1.09375;
font-weight: 400;
letter-spacing: 0.011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
left: 1rem; }
.form-textbox-with-lefticon .form-textbox-lefticon:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-lefticon .form-textbox-lefticon:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-lefticon .form-textbox-lefticon:lang(ko) {
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-lefticon .form-textbox-lefticon:lang(th) {
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-lefticon .form-textbox-lefticon:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-lefticon .form-textbox-lefticon:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-lefticon .form-textbox-lefticon:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-lefticon .form-textbox-lefticon:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-lefticon .form-textbox-lefticon .form-icons-reset {
display: none; }
.form-textbox-with-lefticon .form-textbox-lefticon .icon-check {
display: none;
position: relative;
top: -11px;
left: 1px; }
.form-textbox-with-righticon .form-textbox-input {
padding-right: 2.88235rem; }
.form-textbox-with-righticon .form-textbox-righticon {
position: absolute;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
top: 1.17647rem;
font-size: 32px;
line-height: 1.09375;
font-weight: 400;
letter-spacing: 0.011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
right: 1rem; }
.form-textbox-with-righticon .form-textbox-righticon:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-righticon .form-textbox-righticon:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-righticon .form-textbox-righticon:lang(ko) {
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-righticon .form-textbox-righticon:lang(th) {
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-righticon .form-textbox-righticon:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-righticon .form-textbox-righticon:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-righticon .form-textbox-righticon:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-righticon .form-textbox-righticon:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-righticon .form-textbox-righticon .form-icons-reset {
display: none; }
.form-textbox-with-righticon .form-textbox-righticon .icon-check {
display: none;
position: relative;
top: -11px;
left: 1px; }
.form-textbox-with-counter .form-textbox-counter-wrapper {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
right: 0.94118rem;
position: absolute;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
top: 0.58824rem;
display: none; }
.form-textbox-with-counter .form-textbox-counter-wrapper:lang(ar) {
line-height: 1.66667;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-counter .form-textbox-counter-wrapper:lang(ja) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-counter .form-textbox-counter-wrapper:lang(ko) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-counter .form-textbox-counter-wrapper:lang(zh) {
letter-spacing: 0em; }
.form-textbox-with-counter .form-textbox-counter-wrapper:lang(th) {
line-height: 1.33337;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-counter .form-textbox-counter-wrapper:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-counter .form-textbox-counter-wrapper:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-counter .form-textbox-counter-wrapper:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-counter .form-textbox-counter-wrapper:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-countrycode .form-textbox-input {
padding-left: 6.29412rem; }
.form-textbox-with-countrycode .form-textbox-label {
left: 6.35294rem; }
.form-textbox-with-countrycode-small .form-textbox-input {
padding-left: 4rem; }
.form-textbox-with-countrycode-small .form-textbox-label {
left: 4.05882rem; }
.form-textbox-countrycode {
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
position: absolute;
left: 0;
top: 0.05882rem;
margin-left: 1px;
padding: 1rem 0.94118rem 0 0.94118rem;
overflow: hidden;
box-sizing: border-box;
height: 3.17647rem;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px; }
.form-textbox-countrycode:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-countrycode:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-countrycode:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-countrycode:lang(zh) {
letter-spacing: 0em; }
.form-textbox-countrycode:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-countrycode:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-countrycode:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-countrycode:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-countrycode:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-button .form-textbox-input {
padding-right: 3.82353rem; }
.form-textbox-with-button .form-textbox-button {
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
right: 0.88235rem;
color: #0066cc;
position: absolute;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
top: 1.05882rem; }
.form-textbox-with-button .form-textbox-button:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-button .form-textbox-button:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-button .form-textbox-button:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-button .form-textbox-button:lang(zh) {
letter-spacing: 0em; }
.form-textbox-with-button .form-textbox-button:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-button .form-textbox-button:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-button .form-textbox-button:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-button .form-textbox-button:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-button .form-textbox-button:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-with-button .form-textbox-button:disabled {
color: #86868b; }
@media only screen and (max-width: 734px) {
.form-textbox-with-button .form-textbox-button {
display: none; } }
.form-textbox-with-button :valid[required] ~ .form-textbox-button,
.form-textbox-with-button .form-textbox-entered ~ .form-textbox-button {
display: block; }
.form-textbox-with-button :valid[required] ~ .form-textbox-button:hover,
.form-textbox-with-button .form-textbox-entered ~ .form-textbox-button:hover {
text-decoration: underline; }
.form-textbox-sidebutton {
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
margin-left: 0.94118rem;
color: #0066cc;
margin-top: 1.11765rem; }
.form-textbox-sidebutton:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-sidebutton:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-sidebutton:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-sidebutton:lang(zh) {
letter-spacing: 0em; }
.form-textbox-sidebutton:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-sidebutton:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-sidebutton:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-sidebutton:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-sidebutton:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textbox-sidebutton:disabled {
color: #86868b; }
.form-textbox-sidebutton:hover {
text-decoration: underline; }
.form-textbox-sidebyside .column {
padding-left: 0.41176rem;
padding-right: 0.41176rem; }
.form-textbox-sidebyside .column:first-child {
padding-left: 0; }
.form-textbox-sidebyside .column:last-child {
padding-right: 0; }
.form-textbox-sidebyside.is-error .form-textarea:not(.focused),
.form-textbox-sidebyside.is-error .form-textbox-input:not(:focus) {
border-color: #e30000;
background-color: #fff2f4; }
.form-textbox-sidebyside.is-error .form-textarea:not(.focused) ~ .form-textbox-countrycode,
.form-textbox-sidebyside.is-error .form-textbox-input:not(:focus) ~ .form-textbox-countrycode {
border-right: 1px solid #e30000;
background-color: rgba(227, 0, 0, 0.04); }
.form-textbox-sidebyside.is-error .form-textarea:not(:disabled).focused ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textarea:not(:disabled).form-textarea-with-placeholder ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textarea:not(:disabled):focus ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textarea:not(:disabled):valid[required] ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textarea:not(:disabled)[placeholder]:not([placeholder=' ']) ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textarea:not(:disabled)[placeholder]:not(:placeholder-shown) ~ .form-textbox-label, .form-textbox-sidebyside.is-error .form-textarea:not(:disabled).form-textbox-entered ~ .form-textbox-label,
.form-textbox-sidebyside.is-error .form-textbox-input:not(:disabled).focused ~ .form-textbox-label,
.form-textbox-sidebyside.is-error .form-textbox-input:not(:disabled).form-textarea-with-placeholder ~ .form-textbox-label,
.form-textbox-sidebyside.is-error .form-textbox-input:not(:disabled):focus ~ .form-textbox-label,
.form-textbox-sidebyside.is-error .form-textbox-input:not(:disabled):valid[required] ~ .form-textbox-label,
.form-textbox-sidebyside.is-error .form-textbox-input:not(:disabled)[placeholder]:not([placeholder=' ']) ~ .form-textbox-label,
.form-textbox-sidebyside.is-error .form-textbox-input:not(:disabled)[placeholder]:not(:placeholder-shown) ~ .form-textbox-label,
.form-textbox-sidebyside.is-error .form-textbox-input:not(:disabled).form-textbox-entered ~ .form-textbox-label {
color: #e30000; }
.form-textbox-sidebyside.is-error .form-textbox-label {
color: #e30000; }
@media only screen and (max-width: 734px) {
.form-textbox-widebutton {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.form-textbox-widebutton .column {
max-width: 100%;
text-align: right; }
.form-textbox-widebutton .form-message-wrapper,
.form-textbox-widebutton .form-textbox-input {
margin-bottom: 0; }
.form-textbox-widebutton .form-textbox-sidebutton {
margin-right: 1rem;
margin-top: 0.41176rem;
margin-bottom: 0.82353rem; } }
.form-textarea {
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
width: 100%;
height: 3.29412rem;
border-radius: 12px;
border-width: 1px;
border-style: solid;
box-sizing: border-box;
margin-bottom: 0.82353rem;
padding: 1.05882rem 0.94118rem 0 0.94118rem;
text-align: left;
-webkit-appearance: none;
appearance: none;
height: auto;
padding: 1.88235rem 0.17647rem 0.17647rem 0.17647rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.form-textarea:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea:lang(zh) {
letter-spacing: 0em; }
.form-textarea:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea.focused ~ .form-textbox-label, .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label, .form-textarea:focus ~ .form-textbox-label, .form-textarea:valid[required] ~ .form-textbox-label, .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label, .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label, .form-textarea.form-textbox-entered ~ .form-textbox-label {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
top: 0.58824rem; }
.form-textarea.focused ~ .form-textbox-label:lang(ar), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(ar), .form-textarea:focus ~ .form-textbox-label:lang(ar), .form-textarea:valid[required] ~ .form-textbox-label:lang(ar), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(ar), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(ar), .form-textarea.form-textbox-entered ~ .form-textbox-label:lang(ar) {
line-height: 1.66667;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea.focused ~ .form-textbox-label:lang(ja), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(ja), .form-textarea:focus ~ .form-textbox-label:lang(ja), .form-textarea:valid[required] ~ .form-textbox-label:lang(ja), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(ja), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(ja), .form-textarea.form-textbox-entered ~ .form-textbox-label:lang(ja) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea.focused ~ .form-textbox-label:lang(ko), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(ko), .form-textarea:focus ~ .form-textbox-label:lang(ko), .form-textarea:valid[required] ~ .form-textbox-label:lang(ko), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(ko), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(ko), .form-textarea.form-textbox-entered ~ .form-textbox-label:lang(ko) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea.focused ~ .form-textbox-label:lang(zh), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh), .form-textarea:focus ~ .form-textbox-label:lang(zh), .form-textarea:valid[required] ~ .form-textbox-label:lang(zh), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh), .form-textarea.form-textbox-entered ~ .form-textbox-label:lang(zh) {
letter-spacing: 0em; }
.form-textarea.focused ~ .form-textbox-label:lang(th), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(th), .form-textarea:focus ~ .form-textbox-label:lang(th), .form-textarea:valid[required] ~ .form-textbox-label:lang(th), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(th), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(th), .form-textarea.form-textbox-entered ~ .form-textbox-label:lang(th) {
line-height: 1.33337;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea.focused ~ .form-textbox-label:lang(zh-CN), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-CN), .form-textarea:focus ~ .form-textbox-label:lang(zh-CN), .form-textarea:valid[required] ~ .form-textbox-label:lang(zh-CN), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-CN), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-CN), .form-textarea.form-textbox-entered ~ .form-textbox-label:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea.focused ~ .form-textbox-label:lang(zh-HK), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-HK), .form-textarea:focus ~ .form-textbox-label:lang(zh-HK), .form-textarea:valid[required] ~ .form-textbox-label:lang(zh-HK), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-HK), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-HK), .form-textarea.form-textbox-entered ~ .form-textbox-label:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea.focused ~ .form-textbox-label:lang(zh-MO), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-MO), .form-textarea:focus ~ .form-textbox-label:lang(zh-MO), .form-textarea:valid[required] ~ .form-textbox-label:lang(zh-MO), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-MO), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-MO), .form-textarea.form-textbox-entered ~ .form-textbox-label:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea.focused ~ .form-textbox-label:lang(zh-TW), .form-textarea.form-textarea-with-placeholder ~ .form-textbox-label:lang(zh-TW), .form-textarea:focus ~ .form-textbox-label:lang(zh-TW), .form-textarea:valid[required] ~ .form-textbox-label:lang(zh-TW), .form-textarea[placeholder]:not([placeholder=' ']) ~ .form-textbox-label:lang(zh-TW), .form-textarea[placeholder]:not(:placeholder-shown) ~ .form-textbox-label:lang(zh-TW), .form-textarea.form-textbox-entered ~ .form-textbox-label:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea:valid[required] ~ .form-textbox-righticon .icon-check,
.form-textarea:valid[required] ~ .form-textbox-lefticon .icon-check, .form-textarea.form-textbox-entered ~ .form-textbox-righticon .icon-check,
.form-textarea.form-textbox-entered ~ .form-textbox-lefticon .icon-check {
display: block; }
.is-error .form-textarea:valid[required] ~ .form-textbox-righticon .icon-check, .is-error
.form-textarea:valid[required] ~ .form-textbox-lefticon .icon-check, .is-error .form-textarea.form-textbox-entered ~ .form-textbox-righticon .icon-check, .is-error
.form-textarea.form-textbox-entered ~ .form-textbox-lefticon .icon-check {
display: none; }
.form-textarea:valid[required] ~ .form-textbox-righticon .form-icons-reset,
.form-textarea:valid[required] ~ .form-textbox-lefticon .form-icons-reset, .form-textarea.form-textbox-entered ~ .form-textbox-righticon .form-icons-reset,
.form-textarea.form-textbox-entered ~ .form-textbox-lefticon .form-icons-reset {
display: block; }
.form-textarea.disabled ~ .form-textbox-righticon,
.form-textarea.disabled ~ .form-textbox-lefticon, .form-textarea:disabled ~ .form-textbox-righticon,
.form-textarea:disabled ~ .form-textbox-lefticon {
opacity: 0.4; }
.form-textarea.focused ~ .form-textbox-counter-wrapper, .form-textarea:focus ~ .form-textbox-counter-wrapper, .form-textarea:valid[required] ~ .form-textbox-counter-wrapper, .form-textarea.form-textbox-entered ~ .form-textbox-counter-wrapper, .form-textarea.is-error ~ .form-textbox-counter-wrapper {
display: block; }
.form-textarea.focused, .form-textarea:focus {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none; }
.is-error .form-textarea {
margin-bottom: 0; }
.form-textarea.focused {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6); }
.form-textarea textarea {
font-size: 17px;
line-height: 1.23536;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
width: 100%;
height: 3.70588rem;
text-align: left;
outline: none;
border: 0;
padding: 0 0.76471rem 0 0.76471rem;
resize: vertical; }
.form-textarea textarea:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea textarea:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea textarea:lang(ko) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea textarea:lang(zh) {
letter-spacing: 0em; }
.form-textarea textarea:lang(th) {
line-height: 1.35296;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea textarea:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea textarea:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea textarea:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea textarea:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-textarea textarea:invalid {
box-shadow: none; }
.form-textarea ~ .form-label {
display: block;
margin-top: -4px; }
.form-toggle {
position: relative; }
.form-toggle .form-toggle-indicator {
border-color: white;
background-color: #d2d2d7; }
.form-toggle .form-toggle-indicator::before {
border-color: #6e6e73; }
.form-toggle .form-toggle-indicator::after {
background-color: white; }
.form-toggle :focus ~ .form-label .form-toggle-indicator,
.form-toggle .focused ~ .form-label .form-toggle-indicator {
border-color: #0071e3; }
.form-toggle :checked ~ .form-label .form-toggle-indicator {
background-color: #0071e3; }
.form-toggle :checked ~ .form-label .form-toggle-indicator::before {
border-color: white; }
.form-toggle :checked ~ .form-label .form-toggle-indicator::after {
background-color: white; }
.form-toggle-input {
position: absolute;
top: 3px;
left: 0;
opacity: 0;
cursor: pointer;
width: 34px;
height: 18px; }
.form-toggle-input:checked ~ .form-label .form-toggle-indicator::before {
height: 6px;
border-top: 0;
border-bottom: 0;
border-right: 0;
border-radius: 0;
left: 8px; }
.form-toggle-input:checked ~ .form-label .form-toggle-indicator::after {
left: 17px; }
.form-toggle-input:focus ~ .form-label .form-toggle-indicator, .form-toggle-input.focused ~ .form-label .form-toggle-indicator {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none; }
.form-toggle-input:focus ~ .form-label .form-toggle-indicator[data-focus-method="mouse"]:not(input):not(textarea):not(select), .form-toggle-input:focus ~ .form-label .form-toggle-indicator[data-focus-method="touch"]:not(input):not(textarea):not(select), .form-toggle-input.focused ~ .form-label .form-toggle-indicator[data-focus-method="mouse"]:not(input):not(textarea):not(select), .form-toggle-input.focused ~ .form-label .form-toggle-indicator[data-focus-method="touch"]:not(input):not(textarea):not(select) {
box-shadow: none; }
.form-toggle .form-label {
padding-left: 47px;
margin-bottom: 11px; }
.form-toggle-indicator {
position: absolute;
top: 0.05882rem;
display: inline-block;
width: 32px;
height: 16px;
border-radius: 16px;
border-width: 1px;
border-style: solid;
left: 0; }
.form-toggle-indicator::before {
border-radius: 50%;
width: 4px;
height: 4px;
border-width: 0;
border-style: solid;
left: 21px;
position: absolute;
content: '';
top: 0.29412rem;
border-style: solid;
border-width: 1px; }
.form-toggle-indicator::after {
border-radius: 50%;
width: 14px;
height: 14px;
border-width: 0;
border-style: solid;
left: 1px;
position: absolute;
content: '';
top: 1px;
-webkit-transition: left 0.4s;
transition: left 0.4s; }
.form-tooltip {
position: relative;
height: 1.11765rem;
display: inline-block;
top: 4px;
color: #1d1d1f; }
.form-tooltip .form-tooltip-info {
background-color: #e8e8ed; }
.form-tooltip .form-tooltip-info .form-tooltip-pointer, .form-tooltip .form-tooltip-info::after {
background-color: #e8e8ed; }
.form-tooltip:hover .form-tooltip-info, .form-tooltip.form-tooltip-show .form-tooltip-info {
display: block; }
.form-tooltip .form-tooltip-pointer-left {
left: -0.94118rem; }
.form-tooltip .form-tooltip-pointer-left::after {
right: 12.17647rem; }
.form-tooltip .form-tooltip-pointer-middle {
left: -6.52941rem; }
.form-tooltip .form-tooltip-pointer-middle::after {
right: 6.58824rem; }
.form-tooltip .form-tooltip-pointer-right {
left: -12rem; }
.form-tooltip .form-tooltip-pointer-right::after {
right: 1.11765rem; }
.form-tooltip .form-tooltip-pointer-adjusted {
left: -6.52941rem; }
.form-tooltip .form-tooltip-pointer-adjusted::after {
display: none; }
.form-tooltip .form-tooltip-pointer-adjusted .form-tooltip-pointer {
right: 6.58824rem; }
.form-tooltip-button {
display: block; }
.form-tooltip-button:focus, .form-tooltip-button.focused {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
border-radius: 50%;
outline: none; }
.form-tooltip-info {
font-size: 14px;
line-height: 1.28577;
font-weight: 400;
letter-spacing: -0.016em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
width: 14.11765rem;
height: auto;
border-radius: 12px;
border-width: 0;
border-style: solid;
box-sizing: border-box;
padding: 0.70588rem 1rem 0.76471rem;
position: absolute;
z-index: 1;
display: none;
margin: 0;
bottom: 1.76471rem; }
.form-tooltip-info:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-tooltip-info: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; }
.form-tooltip-info: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; }
.form-tooltip-info:lang(zh) {
letter-spacing: 0em; }
.form-tooltip-info:lang(th) {
line-height: 1.35718;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-tooltip-info:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-tooltip-info:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-tooltip-info:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-tooltip-info:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.form-tooltip-info .form-tooltip-pointer, .form-tooltip-info::after {
position: absolute;
content: '';
width: 0.88235rem;
height: 0.88235rem;
border-bottom-right-radius: 2px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
bottom: -0.23529rem; }
.form-tooltip-title {
font-weight: 600; }
.form-tooltip-content {
margin-top: 6px; }
.form-tooltip-validation {
width: 100%;
position: absolute; }
.form-tooltip-validation .form-tooltip-info {
width: auto;
bottom: 2.76471rem; }
.form-tooltip-validation .form-tooltip-validation-list {
margin: 0;
list-style: none; }
.form-tooltip-validation .form-tooltip-validation-msg {
margin-bottom: 0.11765rem; }
.form-tooltip-validation .form-tooltip-validation-msg .form-icons {
margin-right: 0.29412rem;
float: left;
margin-top: 0.17647rem;
display: none; }
.form-tooltip-validation .form-tooltip-validation-msg .form-icons-circle15 {
display: block; }
.form-tooltip-validation .form-tooltip-validation-msg.is-valid .form-icons-checkalt15 {
display: block; }
.form-tooltip-validation .form-tooltip-validation-msg.is-invalid .form-icons-unvalidatedalt15 {
display: block; }
.form-tooltip-validation .form-tooltip-validation-msg.is-invalid .form-icons-circle15, .form-tooltip-validation .form-tooltip-validation-msg.is-valid .form-icons-circle15 {
display: none; }
.form-tooltip-before {
margin-right: 0.47059rem; }
.form-tooltip-after {
margin-left: 0.47059rem; }
.form-tooltip-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.form-tooltip-wrapper .form-tooltip {
top: 0; }
.form-tooltip-textbox-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.form-tooltip-textbox-wrapper .form-tooltip {
top: 0; }
.form-tooltip-textbox-wrapper .form-textbox {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto; }
.form-tooltip-textbox-wrapper .form-tooltip {
top: 1.11765rem; }
.form-tooltip-textbox-wrapper .form-tooltip-validation {
top: 1rem; }
.form-textbox::-ms-clear {
display: none; }
html {
font-size: 106.25%; }
.main * {
box-sizing: border-box; }
.main > *:last-child {
padding-bottom: 74px; }
.main > .as-container-column:last-child {
padding-bottom: 74px; }
.main > .as-container-column:last-child .column-item {
padding-bottom: 0px; }
.as-ln-content {
width: 980px;
margin: 0 auto; }
@media only screen and (max-width: 1068px) {
.as-ln-content {
width: auto; } }
#globalheader {
margin-bottom: 0;
min-width: 0;
max-width: 100%; }
.data-only {
display: none; }
.a11y {
position: absolute !important;
overflow: hidden !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important; }
.clickable {
cursor: pointer !important; }
:lang(ar) .bilingual-excerpt,
:lang(ar) .bdo {
direction: rtl;
unicode-bidi: embed; }
html.oldie body {
position: relative;
min-width: 1069px; }
.as-last-child {
padding-bottom: 74px; }
a .sosumi {
color: #515154; }
.as-js-disabled {
display: none; }
.no-js .as-js-disabled {
display: block;
position: relative;
width: 980px;
padding: 16px;
margin: 24px auto;
text-align: left;
-webkit-animation: alertFadeInDown 500ms;
animation: alertFadeInDown 500ms; }
@media only screen and (max-width: 1068px) {
.no-js .as-js-disabled {
width: 692px; } }
@media only screen and (max-width: 734px) {
.no-js .as-js-disabled {
width: 90%; } }
.as-left {
text-align: left; }
.as-right {
text-align: right; }
.as-center {
text-align: center; }
picture {
-webkit-filter: invert(0) !important;
filter: invert(0) !important; }
img,
video {
-webkit-filter: invert(0) !important;
filter: invert(0) !important; }
@media screen and (inverted-colors: inverted) {
picture {
-webkit-filter: invert(0) !important;
filter: invert(0) !important; }
img,
video,
.as-banner-image {
-webkit-filter: invert(1) !important;
filter: invert(1) !important; } }
a.icon-wrapper {
display: inline-block; }
.main .form-textbox .form-textarea ~ .form-label {
margin-top: 0;
white-space: normal; }
.main .form-textbox .form-textarea.focused ~ .form-label,
.main .form-textbox .form-textarea.form-textbox-entered ~ .form-label {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.main .form-textbox .form-textbox-input ~ .form-textbox-label {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.main .form-textbox.form-textbox-with-counter .form-textbox-input:focus ~ .form-textbox-label,
.main .form-textbox.form-textbox-with-counter .form-textbox-input.form-textbox-entered ~ .form-textbox-label {
padding-right: 20px; }
.main .form-textbox.form-textbox-with-counter .form-textarea.focused ~ .form-label,
.main .form-textbox.form-textbox-with-counter .form-textarea.form-textbox-entered ~ .form-label {
padding-right: 25px; }
.main .form-textbox.form-textbox-with-righticon.is-error .form-textbox-input ~ .form-textbox-label, .main .form-textbox.form-textbox-with-righticon.is-success .form-textbox-input ~ .form-textbox-label {
padding-right: 20px; }
.main .form-dropdown .form-dropdown-label {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding-right: 2.35294rem;
max-width: 98%; }
.main .as-radio-section .as-radiobutton-group {
margin-top: 11px; }
.main .as-radio-section .as-radiobutton-group .form-radiobutton .form-label {
margin-bottom: 0; }
.main .as-radio-section .as-radiobutton-group .form-radiobutton-indicator,
.main .as-radio-section .as-radiobutton-group .form-radiobutton-input:checked:not(:disabled)
~ .form-label
.form-radiobutton-indicator {
width: 16px;
height: 16px; }
.main .as-radio-section .form-radiobutton {
margin-top: 11px; }
.main .as-checkbox-section .as-checkbox-group {
margin-top: 11px; }
.main .as-checkbox-section .as-checkbox-group .form-checkbox .form-label {
margin-bottom: 0; }
.main .as-checkbox-section .as-checkbox-group .form-checkbox-indicator {
width: 16px;
height: 16px; }
.main .as-checkbox-section .form-checkbox {
margin-top: 11px; }
.main .is-error .form-message-wrapper {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.main .is-error .form-message-wrapper::before {
top: 0; }
.icon-exclamation {
visibility: hidden; }
.main .progress-indicator-light {
--progress-indicator-color: rgba(255, 255, 255, 0.8); }
.main .progress-indicator-indeterminate-size-tiny {
--progress-indicator-size: 20px; }
.as-thumbnail-content .lockup-headline {
font-size: 32px;
line-height: 1.125;
font-weight: 600;
letter-spacing: 0.004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-content .lockup-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; }
.as-thumbnail-content .lockup-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; }
.as-thumbnail-content .lockup-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; }
.as-thumbnail-content .lockup-headline:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-content .lockup-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-content .lockup-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-content .lockup-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; }
.as-thumbnail-content .lockup-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) {
.as-thumbnail-content .lockup-headline {
font-size: 28px;
line-height: 1.14286;
font-weight: 600;
letter-spacing: 0.007em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-content .lockup-headline:lang(ko) {
line-height: 1.25;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-content .lockup-headline:lang(th) {
line-height: 1.39286;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-content .lockup-headline:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-content .lockup-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; }
.as-thumbnail-content .lockup-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-content .lockup-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-content .lockup-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; }
.as-thumbnail-content .lockup-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) {
.as-thumbnail-content .lockup-headline {
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: 0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-content .lockup-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; }
.as-thumbnail-content .lockup-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; }
.as-thumbnail-content .lockup-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; }
.as-thumbnail-content .lockup-headline:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-content .lockup-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-content .lockup-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-content .lockup-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; }
.as-thumbnail-content .lockup-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.as-contentblock-block .lockup-headline {
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: 0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-contentblock-block .lockup-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; }
.as-contentblock-block .lockup-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; }
.as-contentblock-block .lockup-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; }
.as-contentblock-block .lockup-headline:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-contentblock-block .lockup-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-contentblock-block .lockup-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-contentblock-block .lockup-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; }
.as-contentblock-block .lockup-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) {
.as-contentblock-block .lockup-headline {
font-size: 21px;
line-height: 1.19048;
font-weight: 600;
letter-spacing: 0.011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-contentblock-block .lockup-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; }
.as-contentblock-block .lockup-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; }
.as-contentblock-block .lockup-headline:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-contentblock-block .lockup-headline:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-contentblock-block .lockup-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-contentblock-block .lockup-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-contentblock-block .lockup-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; }
.as-contentblock-block .lockup-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) {
.as-contentblock-block .lockup-headline {
font-size: 21px;
line-height: 1.19048;
font-weight: 600;
letter-spacing: 0.011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-contentblock-block .lockup-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; }
.as-contentblock-block .lockup-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; }
.as-contentblock-block .lockup-headline:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-contentblock-block .lockup-headline:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-contentblock-block .lockup-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-contentblock-block .lockup-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-contentblock-block .lockup-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; }
.as-contentblock-block .lockup-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
/* end main.scss */
/* as-banner.scss */
.as-banner {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
margin-left: auto;
margin-right: auto;
z-index: 2; }
@media only screen and (max-width: 1068px) {
.as-banner {
max-width: 1107px; } }
@media only screen and (max-width: 734px) {
.as-banner {
min-height: 0;
max-width: 836px;
height: auto;
padding-bottom: 32px;
border-bottom: 1px solid #d6d6d6; } }
.as-container-column.as-banner {
width: 100%;
max-width: initial; }
.as-banner-cont {
overflow: hidden; }
.as-banner-image {
position: relative;
left: 50%;
background-repeat: no-repeat;
background-size: cover;
background-position: center 30%;
margin-left: -900px;
width: 1800px; }
.as-banner-image img {
width: 1800px;
width: 112.5rem;
height: auto;
vertical-align: middle; }
@media only screen and (min-width: 1800px) {
.as-banner-image {
left: 0;
margin-left: 0;
width: 100%; }
.as-banner-image img {
width: 1800px;
width: 112.5rem;
height: auto;
vertical-align: middle; } }
@media only screen and (max-width: 1068px) {
.as-banner-image {
margin-left: -720px;
width: 1440px; }
.as-banner-image img {
width: 1440px;
width: 90rem;
height: auto; } }
@media only screen and (max-width: 734px) {
.as-banner-image {
width: auto;
margin-left: 0;
top: auto;
left: 0;
height: auto; }
.as-banner-image img {
height: 320px;
width: auto;
max-width: 100%;
vertical-align: middle; } }
.as-banner-content {
position: absolute;
top: 50%;
width: 100%;
height: 100%;
z-index: 3;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
@media only screen and (max-width: 734px) {
.as-banner-content {
height: auto; }
.as-banner-content .as-section-title--light .as-section-title__heading {
color: #1d1d1f; }
.as-banner-content .as-section-title--light .as-section-title__intro {
color: #1d1d1f; } }
.as-banner-content .as-search {
margin-left: auto;
margin-right: auto;
width: 980px;
margin-top: 68px; }
@media only screen and (min-width: 1441px) {
.as-banner-content .as-search {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.as-banner-content .as-search {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.as-banner-content .as-search {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
.as-banner-content .as-search .as-search-content .as-search-form-input {
margin-bottom: 0;
background-color: white; }
@media only screen and (max-width: 734px) {
.as-banner-content {
position: relative;
margin-top: 0;
top: 0;
text-align: left;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
.as-banner-row {
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.as-container-column.as-banner.as-banner--top {
margin-top: -44px;
padding-bottom: 0; }
@media only screen and (max-width: 1068px) {
.as-container-column.as-banner.as-banner--top {
min-height: 0; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-banner.as-banner--top {
padding-bottom: 0;
border-bottom: none; } }
@media only screen and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
.as-container-column.as-banner.as-banner--top {
margin-top: 0; } }
@media only screen and (max-device-width: 736px) and (orientation: landscape) {
.as-container-column.as-banner.as-banner--top {
margin-top: 0; } }
.as-container-column.as-banner.as-banner--top .as-banner-content {
position: absolute;
top: 135px;
width: auto;
height: auto;
margin: 0 auto;
left: 0;
right: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
/* Top banner vertical spacing changes in other locales because of different line-heights from Sasskit*/ }
@media only screen and (max-width: 1068px) {
.as-container-column.as-banner.as-banner--top .as-banner-content {
margin-top: 0;
top: 103px; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-banner.as-banner--top .as-banner-content {
position: relative;
top: 0px; } }
.as-container-column.as-banner.as-banner--top .as-banner-content:lang(th), .as-container-column.as-banner.as-banner--top .as-banner-content:lang(ar) {
top: 129px; }
@media only screen and (max-width: 1068px) {
.as-container-column.as-banner.as-banner--top .as-banner-content:lang(th), .as-container-column.as-banner.as-banner--top .as-banner-content:lang(ar) {
top: 98px; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-banner.as-banner--top .as-banner-content:lang(th), .as-container-column.as-banner.as-banner--top .as-banner-content:lang(ar) {
top: -1px; } }
.as-container-column.as-banner.as-banner--top .as-banner-content:lang(zh) {
top: 133px; }
@media only screen and (max-width: 1068px) {
.as-container-column.as-banner.as-banner--top .as-banner-content:lang(zh) {
top: 101px; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-banner.as-banner--top .as-banner-content:lang(zh) {
top: 1px; } }
@media only screen and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
.as-container-column.as-banner.as-banner--top .as-banner-content {
position: static;
top: auto; } }
@media only screen and (max-device-width: 736px) and (orientation: landscape) {
.as-container-column.as-banner.as-banner--top .as-banner-content {
position: static;
top: auto; } }
.as-banner.as-banner--top.as-banner-text--light .as-banner-content {
color: white; }
@media only screen and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
.as-banner.as-banner--top.as-banner-text--light .as-banner-content {
color: #1d1d1f; } }
@media only screen and (max-width: 734px) {
.as-banner.as-banner--top.as-banner-text--light .as-banner-content {
color: #1d1d1f; } }
.as-banner.as-banner--top.as-banner-content--left .as-banner-content {
padding-right: 490px;
padding-left: 82px; }
@media only screen and (max-width: 1068px) {
.as-banner.as-banner--top.as-banner-content--left .as-banner-content {
padding-left: 0;
padding-right: 346px; } }
@media only screen and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
.as-banner.as-banner--top.as-banner-content--left .as-banner-content {
margin-top: 0;
padding: 0; } }
@media only screen and (max-width: 734px) {
.as-banner.as-banner--top.as-banner-content--left .as-banner-content {
margin-top: 0;
padding: 0; } }
@media only screen and (max-width: 1068px) {
.as-banner.as-banner--top.as-banner-content--left .as-banner-content .as-search {
width: 100%; } }
@media only screen and (max-width: 1068px) {
.as-banner.as-banner--top.as-banner-content--left .as-banner-content .as-search .as-search-suggestions.is-expanded {
padding: 16px; } }
.as-banner.as-banner--top .as-banner-image {
position: relative;
left: 50%;
background-repeat: no-repeat;
background-size: cover;
background-position: center 30%;
min-height: 540px;
margin-left: -900px;
width: 1800px; }
.as-banner.as-banner--top .as-banner-image img {
width: 1800px; }
@media only screen and (min-width: 1800px) {
.as-banner.as-banner--top .as-banner-image {
left: 0;
margin-left: 0;
width: 100%; }
.as-banner.as-banner--top .as-banner-image img {
width: 100%;
height: auto;
vertical-align: middle; } }
@media only screen and (max-width: 1068px) {
.as-banner.as-banner--top .as-banner-image {
margin-left: -900px;
min-height: 500px; }
.as-banner.as-banner--top .as-banner-image img {
width: 1800px; } }
@media only screen and (max-width: 734px) {
.as-banner.as-banner--top .as-banner-image {
padding-bottom: 0;
margin-top: 0;
margin-left: -367px;
width: 734px;
min-height: 326px;
height: 326px; }
.as-banner.as-banner--top .as-banner-image img {
height: 326px;
width: 734px;
vertical-align: middle; } }
@media only screen and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
.as-banner.as-banner--top .as-banner-image {
display: none; } }
@media only screen and (max-device-width: 736px) and (orientation: landscape) {
.as-banner.as-banner--top .as-banner-image {
display: none; } }
.as-banner-image--top {
height: auto; }
@media only screen and (max-width: 1068px) {
.as-banner-image--top {
margin-top: -62px; } }
@media only screen and (max-width: 734px) {
.as-banner-image--top {
margin-top: 0;
height: auto; } }
@media only screen and (min-width: 1441px) {
.as-banner-image--top.as-banner-image--top {
max-height: none; } }
.as-banner-cont .as-banner-image.as-banner-image--top:before {
padding-bottom: 0; }
.as-banner-image {
max-height: 690px; }
@media only screen and (max-width: 734px) {
.as-banner-image {
max-height: 560px; } }
.as-image-speculativedownload {
visibility: hidden; }
/* Adding different vertical spacing for Homepage with banner contents aligned left*/
.as-home .as-banner.as-banner--top.as-banner-content--left .as-banner-content {
/*TODO: remove margin-top as-banner-content and pageTitle and use just top, as it will be hard to troubleshoot */
margin-top: 90px; }
@media only screen and (max-width: 1068px) {
.as-home .as-banner.as-banner--top.as-banner-content--left .as-banner-content {
margin-top: 110px; } }
@media only screen and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
.as-home .as-banner.as-banner--top.as-banner-content--left .as-banner-content {
margin-top: 0; } }
@media only screen and (max-width: 734px) {
.as-home .as-banner.as-banner--top.as-banner-content--left .as-banner-content {
margin-top: 0; } }
.as-localnav ~ .as-banner.as-banner--top {
margin-top: -96px; }
/* end as-banner.scss */
@charset "UTF-8";
/* as-search.scss */
/* variation 1 - standalone version */
.as-search {
margin-left: auto;
margin-right: auto;
width: 980px;
margin-top: 68px; }
@media only screen and (min-width: 1441px) {
.as-search {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.as-search {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.as-search {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
.as-search .as-search-heading .as-heading {
text-align: center;
word-break: break-word; }
.as-search .as-search-heading + .as-search-content {
margin-top: 54px; }
.as-search .as-search-form {
width: 100%; }
.as-search .as-search-form .form-textbox-label {
text-overflow: ellipsis;
padding-right: 2.88235rem; }
.as-search .as-search-form-submit {
position: absolute;
z-index: 1;
cursor: default;
-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
background-color: transparent;
border: none;
left: 1rem;
top: 0.95rem;
background-size: 20px;
width: 20px;
height: 20px; }
.as-search .as-search-form-reset {
display: none;
position: absolute;
z-index: 1;
-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
background-color: transparent;
border: none;
overflow: hidden; }
.as-search .as-search-form-reset:hover {
cursor: pointer; }
.as-search .as-search-form-reset.is-shown {
display: block; }
.as-search .as-search-content .form-textbox {
box-shadow: none;
outline: none;
border: none; }
.as-search .as-search-content .as-search-form-input {
margin-bottom: 0;
border-radius: 12px; }
.as-search .as-search-content .as-search-form-input::-webkit-input-placeholder {
color: #888; }
.as-search .as-search-content .as-search-form-input:-ms-input-placeholder {
color: #888; }
.as-search .as-search-content .as-search-form-input::placeholder {
color: #888; }
.as-search .as-search-content .as-search-form-input.is-focus-active {
border-radius: 12px 12px 0 0; }
.as-search .as-search-content .as-search-form-input.is-focus-active:focus {
box-shadow: inset 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none;
border: 1px solid rgba(0, 125, 250, 0.6);
border-radius: 12px 12px 0 0; }
.as-search .as-search-content .as-search-form-input:focus {
box-shadow: inset 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none;
border: 1px solid rgba(0, 125, 250, 0.6); }
@media only screen and (max-width: 734px) {
.as-search .as-search-content .as-search-form-input[placeholder] {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.as-search .as-search-content .as-search-form-input::-webkit-input-placeholder {
white-space: nowrap;
text-overflow: ellipsis !important;
overflow: hidden; }
.as-search .as-search-content .as-search-form-input:-ms-input-placeholder {
white-space: nowrap;
text-overflow: ellipsis !important;
overflow: hidden; }
.as-search .as-search-content .as-search-form-input::placeholder {
white-space: nowrap;
text-overflow: ellipsis !important;
overflow: hidden; } }
.as-search .as-search-content .as-search-form-input::-ms-clear {
display: none; }
.as-search .as-search-content .as-search-form-input::-webkit-search-cancel-button {
display: none; }
.as-search .as-search-content .hide {
display: none; }
.as-search .as-search-suggestions {
display: none;
position: relative;
overflow: hidden;
background-color: white;
border: 1px solid #d2d2d7;
width: 100%;
max-height: 0;
padding: 0;
border-radius: 0 0 12px 12px;
z-index: 5100;
-webkit-transition: max-height 0.3s ease-in-out, visibility 1ms ease-in;
transition: max-height 0.3s ease-in-out, visibility 1ms ease-in;
white-space: nowrap; }
.as-search .as-search-suggestions.is-expanded {
display: block;
border-top-color: transparent;
max-height: 1000px;
padding: 20px 46px 26px 46px; }
@media only screen and (max-width: 1068px) {
.as-search .as-search-suggestions.is-expanded {
padding: 20px 46px 26px 46px; } }
@media only screen and (max-width: 734px) {
.as-search .as-search-suggestions.is-expanded {
padding: 16px 16px 26px 16px; } }
.as-search .as-search-suggestions.is-expanded .ac-gn-searchresults-section {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
.as-search .as-search-suggestions .as-search-results-section-divider-space .dividers-space {
width: 100%;
height: 4px;
border-top: 1px solid #d2d2d7;
margin: 26px 0 20px 0;
display: block; }
@media only screen and (max-width: 734px) {
.as-search .as-search-suggestions .as-search-results-section-divider-space .dividers-space {
margin: 26px 0 16px 0; } }
.as-search .as-search-suggestions .as-search-results-section-no-results {
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.as-search .as-search-suggestions .as-heading {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
color: #666;
text-align: left;
margin-bottom: 5px; }
.as-search .as-search-suggestions .as-heading: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; }
.as-search .as-search-suggestions .as-heading: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; }
.as-search .as-search-suggestions .as-heading: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; }
.as-search .as-search-suggestions .as-heading:lang(zh) {
letter-spacing: 0em; }
.as-search .as-search-suggestions .as-heading: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; }
.as-search .as-search-suggestions .as-heading:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-search .as-search-suggestions .as-heading:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-search .as-search-suggestions .as-heading:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-search .as-search-suggestions .as-heading:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-search .as-search-suggestions .ac-gn-searchresults-section {
margin: 0;
opacity: 0;
-webkit-transform: translateX(55%);
-ms-transform: translateX(55%);
transform: translateX(55%);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out; }
.as-search .as-search-suggestions .as-search-suggestionsList,
.as-search .as-search-suggestions .as-search-quickLinkList {
margin: 0;
padding: 0;
white-space: nowrap;
list-style-type: none; }
.as-search .as-search-suggestions .as-search-suggestionsList:focus,
.as-search .as-search-suggestions .as-search-quickLinkList:focus {
outline: none; }
.as-search .as-search-suggestions .as-search-suggestion-link {
font-size: 14px;
line-height: 1.42859;
font-weight: 400;
letter-spacing: -0.016em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
padding: 7px 7px 7px 58px;
color: #1d1d1f;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.as-search .as-search-suggestions .as-search-suggestion-link: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; }
.as-search .as-search-suggestions .as-search-suggestion-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; }
.as-search .as-search-suggestions .as-search-suggestion-link: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; }
.as-search .as-search-suggestions .as-search-suggestion-link:lang(zh) {
letter-spacing: 0em; }
.as-search .as-search-suggestions .as-search-suggestion-link: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; }
.as-search .as-search-suggestions .as-search-suggestion-link:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-search .as-search-suggestions .as-search-suggestion-link:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-search .as-search-suggestions .as-search-suggestion-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; }
.as-search .as-search-suggestions .as-search-suggestion-link:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 734px) {
.as-search .as-search-suggestions .as-search-suggestion-link {
margin-left: 0;
padding-left: 8px; } }
.as-search .as-search-suggestions .as-search-suggestion-link:focus {
outline-offset: 0;
box-shadow: inset 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none;
border-color: #0071e3;
border-radius: 4px; }
.as-search .as-search-suggestions .as-search-suggestion-link:hover {
text-decoration: none; }
.as-search .as-search-suggestionsList .as-search-suggestion,
.as-search .as-search-quickLinkList .as-search-suggestion {
overflow: hidden;
padding-bottom: 1px;
margin: 0 -44px;
border-radius: 4px; }
@media only screen and (max-width: 734px) {
.as-search .as-search-suggestionsList .as-search-suggestion,
.as-search .as-search-quickLinkList .as-search-suggestion {
margin: 0; } }
.as-search .as-search-suggestionsList .as-search-suggestion.is-selected,
.as-search .as-search-quickLinkList .as-search-suggestion.is-selected {
text-decoration: none;
background-color: #f2f2f2;
outline: none;
overflow: hidden;
border: none; }
.as-search .as-search-suggestionsList .as-search-suggestion.is-selected .as-search-suggestion-link,
.as-search .as-search-quickLinkList .as-search-suggestion.is-selected .as-search-suggestion-link {
color: #0066cc; }
.as-search .as-search-suggestionsList .as-search-suggestion-link:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAAAAXNSR0IArs4c6QAAA15JREFUSA29lk9I1EEUx92fi9khzTYpLbAuRUGG3dNuqRmGh6hr4GF3XVJTyCLYsK4KuqtQSXkoCJOEiC5FIWWXAoPCY0undk3qoLuiuNvnbftbNp3f/H67igPDzLz5vve+8+bPG1eRgxIMBo3KyspaoBUul2svbWxtbe1HIBCI0E9RCy4uK01x6vF46ouLiwM4PQMukkql/tD+pB5AVs24nP4U7bjf75+hn3dREhgZGTmKg3tYq8J4cGVl5U1nZ2d0vfVQKFQDro3qY24umUz2dXR0fFuP0403EMDoKVb9AcftsVjsCZFI6gzIHBg3W+Q3DKOPrfFC4rmdjjn/HwGcN+P8JSs5TUjfmyCn7dDQ0HG32z0N+avoP3ailyUgYUdhGucXWMFHJ8oqzODg4KHS0tLvkGj2+XyvVJhcmSEDQijtfeq1zTgXW11dXRGaE5yLh8PDw4dFpitpAuxfA6B9suc6sNM5r9f7lQiMsZ037XTSBDg8AYC3iYTtgbMzaM4vLy/fod/EuTpiylStkQl/g1w1FaBQWXd3dwLdSaLQprNhvnAR1T3XKTqcm2ArWnVYom/sAfBbByp0jm34hO5Jnb4BQw8AeV63vGS2Ic45EB/KIocwBomDytmtES6srq7usjJlSFbjzlZbATYrx3ZVSUnJLys7hqRUIlBOmGqsQIXKBwYGdoru/Px83MqGbIHk8ymYaq+LlQGdnJWfZ3Fvde9L+iECNA4BH0C3zmC+c9g8S9W+L2kCmc/EnKTUfJ1Y4cPh8DGu+LnFxcUxK4zI0wSkI58JFPrIivL12nRh5f0YCff29i7pjGUJyE9GPhMofpGUqlOymxsdHX2Knd3RaPSuHTZLQIDykyESl8jnM/K5sFNWzRPBZ8gvYudFWVnZDhUmV5b9kOQKMdLE+BF1jOe0P/Oi5UI29GXPM2GvmJ2dbayrq7vO4b4cj8fre3p6LN8BJQGxLp8JMtkNus3USeoE/4XP3JTsnZZ7TrRacNSI8xZqSMJuXju24pYdCUsCOEwXyeeSUjHUioNaWkmzC9T9jF2M39G8xvGDXHL/tIuK7EjYEjANma0kFnnb+T8sJBKJJXO15ryq1ZHIm4DKgROZFYltIyAkVSS2lYCKxLYTEBJc2XZe3Sau+JW/OcaRihKjgwgAAAAASUVORK5CYII=);
background-position: 50% 0.12rem;
background-size: 0.8rem;
background-repeat: no-repeat;
position: relative;
top: 0px;
content: "";
display: block;
width: 1rem;
height: 1.2rem;
float: left;
margin-right: 5px;
margin-left: 0px; }
.as-search .as-searchterm--highlight {
font-weight: bold; }
.as-search .ac-gn-searchresults-section-quicklinks + .ac-gn-searchresults-section-suggestions .as-heading {
margin-top: 15px; }
.as-search .as-searchterm--highlight {
font-weight: bold; }
.as-search .form-textbox-with-righticon
.form-textbox-righticon.is-shown
.form-icons-reset {
display: block; }
.oldie .as-search-form-submit {
background-position: 12px 20%; }
.oldie .as-search-form-reset {
height: 24px; }
.contentLink--vertical.contentLink + .as-search,
.section-toggletabs + .as-search {
border-top: 1px solid #dedede;
margin-top: 0px;
padding-top: 48px;
width: 817px;
margin: 0 auto; }
@media only screen and (max-width: 1068px) {
.contentLink--vertical.contentLink + .as-search,
.section-toggletabs + .as-search {
width: 692px; } }
@media only screen and (max-width: 734px) {
.contentLink--vertical.contentLink + .as-search,
.section-toggletabs + .as-search {
width: 90%; } }
.divider + .as-search {
margin-top: 48px; }
.as-ft-section-cont.as-ft-section-cont--border-bot + .as-search {
margin-top: 48px; }
.as-section-title + .as-search {
margin-top: 54px; }
/* todo: variation 2 - hero component */
/* end as-search.scss */
/* as-container-columns.scss */
.as-container-column .column-item {
position: relative;
box-sizing: border-box; }
.as-container-column.as-columns--1up {
margin-left: auto;
margin-right: auto;
grid-row-gap: 0;
padding-left: 0;
padding-right: 0;
grid-column-gap: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr)); }
.as-container-column.as-columns--1up .as-container-column.as-columns--1up {
height: 100%;
padding-left: 0;
padding-right: 0; }
.as-container-column.as-columns--2up {
margin-left: auto;
margin-right: auto;
grid-row-gap: 0;
padding-left: 0;
padding-right: 0;
grid-column-gap: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); }
.as-container-column.as-columns--2up .as-container-column.as-columns--2up {
height: 100%;
padding-left: 0;
padding-right: 0; }
.as-container-column.as-columns--3up {
margin-left: auto;
margin-right: auto;
grid-row-gap: 0;
padding-left: 0;
padding-right: 0;
grid-column-gap: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr)); }
.as-container-column.as-columns--3up .as-container-column.as-columns--3up {
height: 100%;
padding-left: 0;
padding-right: 0; }
@media only screen and (max-width: 1068px) {
.as-container-column.as-columns--3up {
margin-left: auto;
margin-right: auto;
grid-row-gap: 0;
padding-left: 0;
padding-right: 0;
grid-column-gap: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); }
.as-container-column.as-columns--3up .as-container-column.as-columns--3up {
height: 100%;
padding-left: 0;
padding-right: 0; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-columns--3up {
margin-left: auto;
margin-right: auto;
grid-row-gap: 0;
padding-left: 0;
padding-right: 0;
grid-column-gap: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); }
.as-container-column.as-columns--3up .as-container-column.as-columns--3up {
height: 100%;
padding-left: 0;
padding-right: 0; } }
.as-container-column.as-columns--4up {
margin-left: auto;
margin-right: auto;
grid-row-gap: 0;
padding-left: 0;
padding-right: 0;
grid-column-gap: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr)); }
.as-container-column.as-columns--4up .as-container-column.as-columns--4up {
height: 100%;
padding-left: 0;
padding-right: 0; }
@media only screen and (max-width: 1068px) {
.as-container-column.as-columns--4up {
margin-left: auto;
margin-right: auto;
grid-row-gap: 0;
padding-left: 0;
padding-right: 0;
grid-column-gap: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); }
.as-container-column.as-columns--4up .as-container-column.as-columns--4up {
height: 100%;
padding-left: 0;
padding-right: 0; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-columns--4up {
margin-left: auto;
margin-right: auto;
grid-row-gap: 0;
padding-left: 0;
padding-right: 0;
grid-column-gap: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); }
.as-container-column.as-columns--4up .as-container-column.as-columns--4up {
height: 100%;
padding-left: 0;
padding-right: 0; } }
.as-container-column.as-columns--5up {
margin-left: auto;
margin-right: auto;
grid-row-gap: 0;
padding-left: 0;
padding-right: 0;
grid-column-gap: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr)); }
.as-container-column.as-columns--5up .as-container-column.as-columns--5up {
height: 100%;
padding-left: 0;
padding-right: 0; }
@media only screen and (max-width: 1068px) {
.as-container-column.as-columns--5up {
margin-left: auto;
margin-right: auto;
grid-row-gap: 0;
padding-left: 0;
padding-right: 0;
grid-column-gap: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); }
.as-container-column.as-columns--5up .as-container-column.as-columns--5up {
height: 100%;
padding-left: 0;
padding-right: 0; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-columns--5up {
margin-left: auto;
margin-right: auto;
grid-row-gap: 0;
padding-left: 0;
padding-right: 0;
grid-column-gap: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); }
.as-container-column.as-columns--5up .as-container-column.as-columns--5up {
height: 100%;
padding-left: 0;
padding-right: 0; } }
.as-container-column.as-columns--6up {
margin-left: auto;
margin-right: auto;
grid-row-gap: 0;
padding-left: 0;
padding-right: 0;
grid-column-gap: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr)); }
.as-container-column.as-columns--6up .as-container-column.as-columns--6up {
height: 100%;
padding-left: 0;
padding-right: 0; }
@media only screen and (max-width: 1068px) {
.as-container-column.as-columns--6up {
margin-left: auto;
margin-right: auto;
grid-row-gap: 0;
padding-left: 0;
padding-right: 0;
grid-column-gap: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr)); }
.as-container-column.as-columns--6up .as-container-column.as-columns--6up {
height: 100%;
padding-left: 0;
padding-right: 0; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-columns--6up {
margin-left: auto;
margin-right: auto;
grid-row-gap: 0;
padding-left: 0;
padding-right: 0;
grid-column-gap: 24px;
padding-top: 0;
padding-bottom: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); }
.as-container-column.as-columns--6up .as-container-column.as-columns--6up {
height: 100%;
padding-left: 0;
padding-right: 0; } }
.as-container-column.as-columns--2up-67-33, .as-container-column.as-columns--2up-extended {
margin-left: auto;
margin-right: auto;
grid-column-gap: 0px;
display: grid; }
.as-container-column.as-columns--2up-67-33 {
grid-template-columns: 66.7% 33.2%; }
@media only screen and (max-width: 1068px) {
.as-container-column.as-columns--2up-67-33 {
grid-template-columns: 100%; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-columns--2up-67-33 {
grid-template-columns: 100%; } }
.as-container-column.as-columns--2up-extended {
grid-template-columns: 33.2% 66.7%; }
@media only screen and (max-width: 1068px) {
.as-container-column.as-columns--2up-extended {
grid-template-columns: 100%; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-columns--2up-extended {
grid-template-columns: 100%; } }
.as-container-column.as-banner {
margin-top: 68px; }
.as-container-column.as-banner .column-item {
padding-bottom: 0; }
.as-container-column.as-banner.as-banner--top + .as-columns-bg {
margin-top: 0px; }
.as-container-column.as-columns-bg {
background: #f5f5f7;
margin-top: 68px; }
.as-container-column.as-columns--simple-list {
margin-left: auto;
margin-right: auto;
width: 980px;
margin-top: 68px;
padding-left: 0;
padding-right: 0; }
@media only screen and (min-width: 1441px) {
.as-container-column.as-columns--simple-list {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.as-container-column.as-columns--simple-list {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-columns--simple-list {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
@media only screen and (max-width: 1068px) {
.as-container-column.as-columns--simple-list {
margin-top: 54px; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-columns--simple-list {
margin-top: 48px; } }
.as-container-column.as-columns--simple-list .column-item {
padding-bottom: 0; }
.as-container-column.as-columns--simple-list .as-simple-list-wrapper {
width: 100%;
padding-right: 34px;
margin-top: 0;
margin-bottom: 1.6em; }
@media only screen and (max-width: 734px) {
.as-container-column.as-columns--simple-list .as-simple-list-wrapper {
padding-right: 0px; } }
@media only screen and (max-width: 1068px) {
.as-container-column.as-columns--simple-list.as-columns--3up, .as-container-column.as-columns--simple-list.as-columns--4up {
display: block; }
.as-container-column.as-columns--simple-list.as-columns--3up::after, .as-container-column.as-columns--simple-list.as-columns--4up::after {
content: "";
display: block;
clear: both; } }
@media only screen and (max-width: 1068px) {
.as-container-column.as-columns--simple-list.as-columns--3up .column-item, .as-container-column.as-columns--simple-list.as-columns--4up .column-item {
width: 50%;
display: inline-block; }
.as-container-column.as-columns--simple-list.as-columns--3up .column-item:nth-child(odd), .as-container-column.as-columns--simple-list.as-columns--4up .column-item:nth-child(odd) {
float: left; }
.as-container-column.as-columns--simple-list.as-columns--3up .column-item:nth-child(even), .as-container-column.as-columns--simple-list.as-columns--4up .column-item:nth-child(even) {
float: right; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-columns--simple-list.as-columns--3up .column-item:nth-child(odd), .as-container-column.as-columns--simple-list.as-columns--3up .column-item:nth-child(even), .as-container-column.as-columns--simple-list.as-columns--4up .column-item:nth-child(odd), .as-container-column.as-columns--simple-list.as-columns--4up .column-item:nth-child(even) {
width: 100%;
float: none; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-columns--simple-list.as-columns--2up, .as-container-column.as-columns--simple-list.as-columns--3up, .as-container-column.as-columns--simple-list.as-columns--4up {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr)); } }
.as-container-column.as-column-divider {
margin-left: auto;
margin-right: auto;
width: 980px; }
@media only screen and (min-width: 1441px) {
.as-container-column.as-column-divider {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.as-container-column.as-column-divider {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-column-divider {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
.as-container-column.as-column-divider .column-item {
border-left: 1px solid #e8e8e8; }
.as-container-column.as-column-divider .column-item:first-child {
border-left: none; }
@media only screen and (max-width: 1068px) {
.as-container-column.as-column-divider.as-columns--4up .column-item:nth-child(4), .as-container-column.as-column-divider.as-columns--5up .column-item:nth-child(4), .as-container-column.as-column-divider.as-columns--6up .column-item:nth-child(4) {
border-left: none; } }
@media only screen and (max-width: 734px) {
.as-container-column.as-column-divider.as-columns--3up .column-item:nth-child(4), .as-container-column.as-column-divider.as-columns--4up .column-item:nth-child(4), .as-container-column.as-column-divider.as-columns--5up .column-item:nth-child(4), .as-container-column.as-column-divider.as-columns--6up .column-item:nth-child(4) {
border-left: 1px solid #e8e8e8; }
.as-container-column.as-column-divider.as-columns--3up .column-item:nth-child(odd), .as-container-column.as-column-divider.as-columns--4up .column-item:nth-child(odd), .as-container-column.as-column-divider.as-columns--5up .column-item:nth-child(odd), .as-container-column.as-column-divider.as-columns--6up .column-item:nth-child(odd) {
border-left: none; } }
.as-container-column:not(.as-columns--1up) .column-item .as-search,
.as-container-column:not(.as-columns--1up) .column-item .as-search .as-search-content,
.as-container-column:not(.as-columns--1up) .column-item .as-section-title,
.as-container-column:not(.as-columns--1up) .column-item .as-content-block,
.as-container-column:not(.as-columns--1up) .column-item .as-promo,
.as-container-column:not(.as-columns--1up) .column-item .as-video-container,
.as-container-column:not(.as-columns--1up) .column-item .as-imagegrid-wrapper,
.as-container-column:not(.as-columns--1up) .column-item .as-richtext-wrapper {
width: 100%;
max-width: 100%; }
.as-container-column:not(.as-columns--1up) .column-item .as-richtext {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.as-container-column:not(.as-columns--1up) .column-item .as-content-block .as-contentblock-item {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.as-columns--1up:not(.as-columns--simple-list) .column-item > :first-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-row > :first-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-content > :first-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper) {
margin-top: 68px; }
@media only screen and (max-width: 1068px) {
.as-columns--1up:not(.as-columns--simple-list) .column-item > :first-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-row > :first-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-content > :first-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper) {
margin-top: 54px; } }
@media only screen and (max-width: 734px) {
.as-columns--1up:not(.as-columns--simple-list) .column-item > :first-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-row > :first-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-content > :first-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper) {
margin-top: 48px; } }
.as-columns--1up:not(.as-columns--simple-list) .column-item > :first-child:is(.as-tile-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item > :first-child:is(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-row > :first-child:is(.as-tile-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-row > :first-child:is(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-content > :first-child:is(.as-tile-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-content > :first-child:is(.as-callout-wrapper) {
margin-top: 24px; }
.as-columns--1up:not(.as-columns--simple-list) .column-item > :last-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-row > :last-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-content > :last-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper) {
padding-bottom: 68px; }
@media only screen and (max-width: 1068px) {
.as-columns--1up:not(.as-columns--simple-list) .column-item > :last-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-row > :last-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-content > :last-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper) {
padding-bottom: 54px; } }
@media only screen and (max-width: 734px) {
.as-columns--1up:not(.as-columns--simple-list) .column-item > :last-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-row > :last-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-content > :last-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper) {
padding-bottom: 48px; } }
.as-columns--1up:not(.as-columns--simple-list) .column-item > :last-child:is(.as-tile-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item > :last-child:is(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-row > :last-child:is(.as-tile-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-row > :last-child:is(.as-callout-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-content > :last-child:is(.as-tile-wrapper),
.as-columns--1up:not(.as-columns--simple-list) .column-item .as-banner-content > :last-child:is(.as-callout-wrapper) {
padding-bottom: 24px; }
.as-container-column .column-item .as-callout-wrapper + .as-callout-wrapper,
.as-container-column .column-item > .as-banner-row .as-callout-wrapper + .as-callout-wrapper {
margin-top: 24px; }
.main > .as-container-column.as-columns-bg:first-child {
margin-top: 0px; }
.main[data-env="author"] > .as-container-column.as-columns-bg:first-child {
margin-top: 0px; }
.main > .as-container-column:last-child:not(.as-columns--simple-list) .column-item > :last-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper),
.main > .as-container-column:last-child:not(.as-columns--simple-list) .column-item .as-banner-row > :last-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper),
.main > .as-container-column:last-child:not(.as-columns--simple-list) .column-item .as-banner-content > :last-child:not(.as-banner-cont):not(.as-banner-content):not(.as-banner-row):not(.as-tile-wrapper):not(.as-callout-wrapper) {
padding-bottom: 0; }
/* end as-container-columns.scss */
/* as-imagegrid.scss */
.as-imagegrid-wrapper {
margin-left: auto;
margin-right: auto;
width: 980px;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
@media only screen and (min-width: 1441px) {
.as-imagegrid-wrapper {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.as-imagegrid-wrapper {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.as-imagegrid-wrapper {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
.as-imagegrid-wrapper.as-imagegrid--elevated {
margin-top: 68px;
row-gap: 68px; }
@media only screen and (max-width: 1068px) {
.as-imagegrid-wrapper.as-imagegrid--elevated {
margin-top: 54px; } }
@media only screen and (max-width: 734px) {
.as-imagegrid-wrapper.as-imagegrid--elevated {
margin-top: 48px; } }
@media only screen and (max-width: 1068px) {
.as-imagegrid-wrapper.as-imagegrid--elevated {
row-gap: 54px; } }
@media only screen and (max-width: 734px) {
.as-imagegrid-wrapper.as-imagegrid--elevated {
row-gap: 48px; } }
.as-imagegrid-wrapper.as-imagegrid--base {
margin-top: 54px;
row-gap: 54px; }
@media only screen and (max-width: 1068px) {
.as-imagegrid-wrapper.as-imagegrid--base {
margin-top: 48px; } }
@media only screen and (max-width: 734px) {
.as-imagegrid-wrapper.as-imagegrid--base {
margin-top: 40px; } }
@media only screen and (max-width: 1068px) {
.as-imagegrid-wrapper.as-imagegrid--base {
row-gap: 48px; } }
@media only screen and (max-width: 734px) {
.as-imagegrid-wrapper.as-imagegrid--base {
row-gap: 40px; } }
.as-imagegrid-wrapper.as-imagegrid--reduced {
margin-top: 32px;
row-gap: 32px; }
@media only screen and (max-width: 1068px) {
.as-imagegrid-wrapper.as-imagegrid--reduced {
margin-top: 28px; } }
@media only screen and (max-width: 734px) {
.as-imagegrid-wrapper.as-imagegrid--reduced {
margin-top: 24px; } }
@media only screen and (max-width: 1068px) {
.as-imagegrid-wrapper.as-imagegrid--reduced {
row-gap: 28px; } }
@media only screen and (max-width: 734px) {
.as-imagegrid-wrapper.as-imagegrid--reduced {
row-gap: 24px; } }
.as-imagegrid-wrapper.as-imagegrid--1up .as-imagegrid-item {
padding: 0px; }
.as-imagegrid-wrapper .as-imagegrid-item {
padding: 0 10px; }
.as-imagegrid-wrapper .as-imagegrid-item a,
.as-imagegrid-wrapper .as-imagegrid-item div {
text-align: center;
color: #1d1d1f;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
width: -webkit-fit-content;
width: fit-content;
margin: 0 auto;
max-width: 100%; }
.as-imagegrid-wrapper .as-imagegrid-item span {
word-wrap: break-word;
width: 100%; }
.as-imagegrid-wrapper .as-imagegrid-item .as-imagegrid-img img {
display: block;
max-width: 100%;
height: auto; }
.as-imagegrid-wrapper.as-imagegrid--1up + .as-page-title,
.as-imagegrid-wrapper.as-imagegrid--1up + .as-section-title {
margin-top: 32px; }
@media only screen and (max-width: 1068px) {
.as-imagegrid-wrapper.as-imagegrid--1up + .as-page-title,
.as-imagegrid-wrapper.as-imagegrid--1up + .as-section-title {
margin-top: 28px; } }
@media only screen and (max-width: 734px) {
.as-imagegrid-wrapper.as-imagegrid--1up + .as-page-title,
.as-imagegrid-wrapper.as-imagegrid--1up + .as-section-title {
margin-top: 24px; } }
.as-imagegrid-wrapper.as-imagegrid--5up .as-imagegrid-item {
width: 20%;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0; }
.as-imagegrid-wrapper.as-imagegrid--7up .as-imagegrid-item {
width: -webkit-calc(100% / 7);
width: calc(100% / 7);
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0; }
/* end as-imagegrid.scss */
/* as-pagetitle.scss */
.as-page-title {
margin-left: auto;
margin-right: auto;
width: 980px;
margin-top: 68px;
word-wrap: break-word;
text-align: center; }
@media only screen and (min-width: 1441px) {
.as-page-title {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.as-page-title {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.as-page-title {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
@media only screen and (max-width: 1068px) {
.as-page-title {
margin-top: 54px; } }
@media only screen and (max-width: 734px) {
.as-page-title {
margin-top: 48px; } }
.as-page-title.as-left {
text-align: left; }
.as-page-title.as-right {
text-align: right; }
.as-page-title.as-page-title--light h1,
.as-page-title.as-page-title--light p {
color: #f5f5f7; }
/* end as-pagetitle.scss */
/* as-sectiontitle.scss */
.as-section-title {
margin-left: auto;
margin-right: auto;
width: 980px;
margin-top: 68px;
word-wrap: break-word;
text-align: center; }
@media only screen and (min-width: 1441px) {
.as-section-title {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.as-section-title {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.as-section-title {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
.as-section-title__heading {
color: #1d1d1f; }
.as-section-title__intro {
color: #1d1d1f; }
.as-section-title.as-right {
text-align: right; }
.as-section-title.as-left {
text-align: left; }
.as-section-title--light .as-section-title__heading {
color: #f5f5f7; }
.as-section-title--light .as-section-title__intro {
color: #f5f5f7; }
.as-section-title .as-section-title__heading + .as-section-title__intro {
margin-top: 0.8em; }
/* end as-sectiontitle.scss */
@charset "UTF-8";
/**
* Document Element
*/
.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 Elements
*/
.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: white;
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: white;
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: black; }
.modal-open {
display: block;
z-index: 11000; }
.modal-open:focus {
outline-offset: -4px; }
/**
* Close Button
*/
.modal-close {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
z-index: 9999;
overflow: hidden;
top: 24px;
left: 24px;
margin: 0;
padding: 0;
font-size: 40px;
line-height: 1;
cursor: pointer;
background: none;
border: 0;
color: rgba(134, 134, 139, 0.8); }
.modal-close::before, .modal-close::after {
font-family: "SF Pro Icons";
color: inherit;
display: inline-block;
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: underline;
position: relative;
z-index: 1;
alt: ''; }
.modal-close::before, .modal-close::after {
text-decoration: none; }
.modal-close::before {
display: none; }
.modal-close::before, .modal-close::after {
content: ""; }
.modal-close:hover {
color: #86868b; }
.theme-dark .modal-close {
color: rgba(110, 110, 115, 0.8); }
.theme-dark .modal-close:hover {
color: #6e6e73; }
.modal-close::after {
width: 0.9em;
height: 0.9em;
top: 0.05em;
padding: 0;
font-weight: 300; }
@media only screen and (max-width: 1068px) {
.modal-close {
top: 20px;
left: 20px;
font-size: 32px; } }
.ac-video-icon {
background-repeat: no-repeat; }
.ac-video-icon.icon-ctrl_airplay, .ac-video-icon.controls-airplay-button {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20height%3D%2225%22%20width%3D%2221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h21v25h-21z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m18.5%204h-16a2.50294%202.50294%200%200%200%20-2.5%202.5v9a2.50294%202.50294%200%200%200%202.5%202.5h2.90786l.92859-1h-3.83645a1.50164%201.50164%200%200%201%20-1.5-1.5v-9a1.50164%201.50164%200%200%201%201.5-1.5h16a1.50164%201.50164%200%200%201%201.5%201.5v9a1.50164%201.50164%200%200%201%20-1.5%201.5h-3.86212l.92859%201h2.93353a2.50294%202.50294%200%200%200%202.5-2.5v-9a2.50294%202.50294%200%200%200%20-2.5-2.5z%22%2F%3E%3Cpath%20d%3D%22m16.39205%2020.32933-5.52465-5.91988a.503.503%200%200%200%20-.7348%200l-5.5246%205.91988a.39889.39889%200%200%200%20.29391.67067h11.19618a.39889.39889%200%200%200%20.29396-.67067z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_airplay_active, .ac-video-icon.controls-airplay-button.airplay-active {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20height%3D%2225%22%20width%3D%2221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h21v25h-21z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m18.5%204h-16a2.50294%202.50294%200%200%200%20-2.5%202.5v9a2.50294%202.50294%200%200%200%202.5%202.5h2.90786l.92859-1h-3.83645a1.50164%201.50164%200%200%201%20-1.5-1.5v-9a1.50164%201.50164%200%200%201%201.5-1.5h16a1.50164%201.50164%200%200%201%201.5%201.5v9a1.50164%201.50164%200%200%201%20-1.5%201.5h-3.86212l.92859%201h2.93353a2.50294%202.50294%200%200%200%202.5-2.5v-9a2.50294%202.50294%200%200%200%20-2.5-2.5z%22%2F%3E%3Cpath%20d%3D%22m16.39205%2020.32933-5.52465-5.91988a.503.503%200%200%200%20-.7348%200l-5.5246%205.91988a.39889.39889%200%200%200%20.29391.67067h11.19618a.39889.39889%200%200%200%20.29396-.67067z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_arrow, .compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-top,
.compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-right,
.compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-bottom,
.compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-left {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229px%22%20height%3D%2210px%22%20viewBox%3D%220%200%209%2010%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7.6%2C5.8c0.7-0.4%2C0.7-1.2%2C0-1.6L2.2%2C0.5C1.5%2C0%2C1%2C0.3%2C1%2C1.1v7.8C1%2C9.7%2C1.5%2C10%2C2.2%2C9.5L7.6%2C5.8z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20width%3D%229%22%20height%3D%2210%22%2F%3E%0A%3C%2Fsvg%3E%0A"); }
.ac-video-icon.icon-ctrl_cc_active {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.89%2C16H2.11C0.95%2C16%2C0%2C15.04%2C0%2C13.87V2.13C0%2C0.96%2C0.95%2C0%2C2.11%2C0h15.79%0AC19.05%2C0%2C20%2C0.96%2C20%2C2.13v11.73C20%2C15.04%2C19.05%2C16%2C17.89%2C16z%20M7.92%2C6.96c0.59%2C0%2C0.79%2C0%2C1.45%2C0c0.04-1.83-1.24-2.87-2.99-2.87%0AS3.34%2C5.31%2C3.34%2C7.53s0-0.05%2C0%2C1.03s0.41%2C3.35%2C3.1%2C3.35c2.23%2C0%2C3-1.61%2C2.93-2.78c-0.77%2C0-0.86%2C0-1.45%2C0c0%2C0.5-0.19%2C1.43-1.49%2C1.43%0Ac-1.31%2C0-1.57-1.22-1.58-2.05s0-0.07%2C0-1.16s0.57-1.92%2C1.59-1.92S7.92%2C6.13%2C7.92%2C6.96z%20M15.17%2C6.96c0.59%2C0%2C0.79%2C0%2C1.45%2C0%0Ac0.04-1.83-1.24-2.87-2.99-2.87s-3.04%2C1.23-3.04%2C3.44s0-0.05%2C0%2C1.03s0.41%2C3.35%2C3.1%2C3.35c2.23%2C0%2C3-1.61%2C2.93-2.78%0Ac-0.77%2C0-0.86%2C0-1.45%2C0c0%2C0.5-0.19%2C1.43-1.49%2C1.43c-1.31%2C0-1.57-1.22-1.58-2.05s0-0.07%2C0-1.16s0.57-1.92%2C1.59-1.92%0AS15.17%2C6.13%2C15.17%2C6.96z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A"); }
.ac-video-icon.icon-ctrl_cc_default {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.5%2C15.99h-15c-1.38%2C0-2.5-1.19-2.5-2.64V2.64C0%2C1.18%2C1.12%2C0%2C2.5%2C0h15C18.88%2C0%2C20%2C1.18%2C20%2C2.64%0A%09%09v10.71C20%2C14.81%2C18.88%2C15.99%2C17.5%2C15.99z%20M2.5%2C1C1.67%2C1%2C1%2C1.73%2C1%2C2.64v10.71c0%2C0.91%2C0.67%2C1.64%2C1.5%2C1.64h15%0A%09%09c0.83%2C0%2C1.5-0.74%2C1.5-1.64V2.64C19%2C1.73%2C18.33%2C1%2C17.5%2C1H2.5z%20M4.75%2C7.55c0-1.47%2C0.68-2.21%2C1.7-2.21s1.56%2C0.75%2C1.56%2C1.52h1.26V6.74%0A%09%09c0-1.34-1.02-2.56-2.83-2.56c-1.86%2C0-3.01%2C1.25-3.01%2C3.35v0.95c0%2C2.13%2C1.14%2C3.32%2C3%2C3.32c1.87%2C0%2C2.84-1.24%2C2.84-2.47V9.23H8.01%0A%09%09c0%2C0.77-0.53%2C1.43-1.55%2C1.43c-1.04%2C0-1.72-0.7-1.72-2.18V7.55z%20M12%2C7.55c0-1.47%2C0.68-2.21%2C1.7-2.21s1.56%2C0.75%2C1.56%2C1.52h1.26V6.74%0A%09%09c0-1.34-1.02-2.56-2.83-2.56c-1.86%2C0-3.01%2C1.25-3.01%2C3.35v0.95c0%2C2.13%2C1.14%2C3.32%2C3%2C3.32c1.87%2C0%2C2.84-1.24%2C2.84-2.47V9.23h-1.26%0A%09%09c0%2C0.77-0.53%2C1.43-1.55%2C1.43c-1.04%2C0-1.72-0.7-1.72-2.18V7.55z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); }
.ac-video-icon.icon-ctrl_cc_off, .ac-video-icon.controls-text-tracks-toggle-button {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2221%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h21v25h-21z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m8%2012h-3a.5.5%200%200%201%200-1h3a.5.5%200%200%201%200%201z%22%2F%3E%3Cpath%20d%3D%22m7%2014h-2a.5.5%200%200%201%200-1h2a.5.5%200%200%201%200%201z%22%2F%3E%3Cpath%20d%3D%22m16%2014h-2a.5.5%200%200%201%200-1h2a.5.5%200%200%201%200%201z%22%2F%3E%3Cpath%20d%3D%22m12%2014h-3a.5.5%200%200%201%200-1h3a.5.5%200%200%201%200%201z%22%2F%3E%3Cpath%20d%3D%22m16%2012h-6a.5.5%200%200%201%200-1h6a.5.5%200%200%201%200%201z%22%2F%3E%3Cpath%20d%3D%22m5.752%2021.2007a.75152.75152%200%200%201%20-.3125-.06885.74252.74252%200%200%201%20-.4395-.68262v-2.44923h-2.5a2.50263%202.50263%200%200%201%20-2.5-2.5v-9a2.50263%202.50263%200%200%201%202.5-2.5h16a2.50263%202.50263%200%200%201%202.5%202.5v9a2.50263%202.50263%200%200%201%20-2.5%202.5h-8.71777a.63645.63645%200%200%200%20-.2654.09972l-3.27269%202.914a.74468.74468%200%200%201%20-.49214.18698zm-3.252-16.2007a1.50164%201.50164%200%200%200%20-1.5%201.5v9a1.50164%201.50164%200%200%200%201.5%201.5h2.5a1.001%201.001%200%200%201%201%201v1.89844l2.959-2.58936a1.25044%201.25044%200%200%201%20.82323-.30908h8.71777a1.50164%201.50164%200%200%200%201.5-1.5v-9a1.50164%201.50164%200%200%200%20-1.5-1.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_cc_on, .ac-video-icon.controls-text-tracks-toggle-button.text-tracks-visible {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2221%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h21v25h-21z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m18.5%204h-16a2.50263%202.50263%200%200%200%20-2.5%202.5v9a2.50263%202.50263%200%200%200%202.5%202.5h2.5v2.44922a.74254.74254%200%200%200%20.43945.68262.74212.74212%200%200%200%20.80469-.11817l3.37305-2.95167a.251.251%200%200%201%20.165-.062h8.71781a2.50263%202.50263%200%200%200%202.5-2.5v-9a2.50263%202.50263%200%200%200%20-2.5-2.5zm-11.5%2010h-2a.5.5%200%200%201%200-1h2a.5.5%200%200%201%200%201zm1-2h-3a.5.5%200%200%201%200-1h3a.5.5%200%200%201%200%201zm4%202h-3a.5.5%200%200%201%200-1h3a.5.5%200%200%201%200%201zm4%200h-2a.5.5%200%200%201%200-1h2a.5.5%200%200%201%200%201zm0-2h-6a.5.5%200%200%201%200-1h6a.5.5%200%200%201%200%201z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_check, .ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled::before,
.ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22Checkmark%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2216%22%20viewBox%3D%220%200%208%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Echeckmark%3C%2Ftitle%3E%3Crect%20id%3D%22Bounding-Box%22%20class%3D%22cls-1%22%20width%3D%228%22%20height%3D%2216%22%2F%3E%3Cg%20id%3D%22Icon%22%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M2.76%2C11.69.86%2C9.33A.72.72%2C0%2C0%2C1%2C.7%2C8.9a.53.53%2C0%2C0%2C1%2C.53-.55.6.6%2C0%2C0%2C1%2C.51.28l1.58%2C2L6.41%2C5.74a.57.57%2C0%2C0%2C1%2C.48-.32.54.54%2C0%2C0%2C1%2C.56.51.83.83%2C0%2C0%2C1-.17.44L3.91%2C11.68a.67.67%2C0%2C0%2C1-.56.32A.74.74%2C0%2C0%2C1%2C2.76%2C11.69Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_fullscreen, .ac-video-icon.controls-full-screen-button {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2217%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h17v25h-17z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m9.32047%2014.0275%205.97253%205.9725h-4.793a.5.5%200%200%200%200%201h5.3999a1.10154%201.10154%200%200%200%201.1001-1.1001v-5.3999a.5.5%200%200%200%20-1%200v4.793l-5.9725-5.9725a.49995.49995%200%200%200%20-.707.707z%22%2F%3E%3Cpath%20d%3D%22m7.67953%2010.9725-5.97253-5.9725h4.793a.5.5%200%200%200%200-1h-5.3999a1.10154%201.10154%200%200%200%20-1.1001%201.1001v5.3999a.5.5%200%200%200%201%200v-4.793l5.9725%205.9725a.49995.49995%200%200%200%20.707-.707z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_fullscreen_exit, .ac-video-icon.controls-full-screen-button.is-fullscreen {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2217%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h17v25h-17z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m.32048%205.02751%205.97252%205.97249h-4.793a.5.5%200%201%200%200%201h5.3999a1.10154%201.10154%200%200%200%201.1001-1.1001v-5.3999a.5.5%200%201%200%20-1%200v4.793l-5.97249-5.97252a.49995.49995%200%201%200%20-.707.707z%22%2F%3E%3Cpath%20d%3D%22m16.67952%2019.97249-5.97252-5.97249h4.793a.5.5%200%200%200%200-1h-5.3999a1.10154%201.10154%200%200%200%20-1.1001%201.1001v5.3999a.5.5%200%200%200%201%200v-4.793l5.97249%205.97249a.49995.49995%200%201%200%20.707-.707z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_pause, .is-playing .ac-video-icon.controls-play-pause-button {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2256%22%20height%3D%2256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h56v56h-56z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Crect%20height%3D%2236%22%20rx%3D%223%22%20width%3D%2211%22%20x%3D%2214%22%20y%3D%2210%22%2F%3E%3Crect%20height%3D%2236%22%20rx%3D%223%22%20width%3D%2211%22%20x%3D%2231%22%20y%3D%2210%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_pause_super, .ac-video-player.large .is-playing .ac-video-icon.controls-play-pause-button {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2275%22%20height%3D%2275%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h75v75h-75z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Crect%20height%3D%2251%22%20rx%3D%224%22%20width%3D%2216%22%20x%3D%2217%22%20y%3D%2212%22%2F%3E%3Crect%20height%3D%2251%22%20rx%3D%224%22%20width%3D%2216%22%20x%3D%2242%22%20y%3D%2212%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_pip_active, .ac-video-icon.controls-picture-in-picture-button.is-picture-in-picture {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2225%22%3E%3Ctitle%3Epip.fill_reduced%401x%3C%2Ftitle%3E%3Crect%20width%3D%2221%22%20height%3D%2225%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M18.5%2C11H18v1h.5A1.5%2C1.5%2C0%2C0%2C1%2C20%2C13.5v5A1.5%2C1.5%2C0%2C0%2C1%2C18.5%2C20h-8A1.5%2C1.5%2C0%2C0%2C1%2C9%2C18.5V18H8v.5A2.5%2C2.5%2C0%2C0%2C0%2C10.5%2C21h8A2.5%2C2.5%2C0%2C0%2C0%2C21%2C18.5v-5A2.5%2C2.5%2C0%2C0%2C0%2C18.5%2C11Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M14.5%2C4H2.5A2.5%2C2.5%2C0%2C0%2C0%2C0%2C6.5v8A2.5%2C2.5%2C0%2C0%2C0%2C2.5%2C17h12A2.5%2C2.5%2C0%2C0%2C0%2C17%2C14.5v-8A2.5%2C2.5%2C0%2C0%2C0%2C14.5%2C4Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_pip_default, .ac-video-icon.controls-picture-in-picture-button {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2225%22%3E%3Ctitle%3Epip_reduced%401x%3C%2Ftitle%3E%3Crect%20width%3D%2221%22%20height%3D%2225%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M2.5%2C17A1.5%2C1.5%2C0%2C0%2C1%2C1%2C15.5v-9A1.5%2C1.5%2C0%2C0%2C1%2C2.5%2C5h13A1.5%2C1.5%2C0%2C0%2C1%2C17%2C6.5V10h1V6.5A2.5%2C2.5%2C0%2C0%2C0%2C15.5%2C4H2.5A2.5%2C2.5%2C0%2C0%2C0%2C0%2C6.5v9A2.5%2C2.5%2C0%2C0%2C0%2C2.5%2C18H7V17Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M18.5%2C11h-8A2.5%2C2.5%2C0%2C0%2C0%2C8%2C13.5v5A2.5%2C2.5%2C0%2C0%2C0%2C10.5%2C21h8A2.5%2C2.5%2C0%2C0%2C0%2C21%2C18.5v-5A2.5%2C2.5%2C0%2C0%2C0%2C18.5%2C11Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_play, .ac-video-icon.controls-play-pause-button {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2256%22%20height%3D%2256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h56v56h-56z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m14%2042.16188v-28.26778c0-2.88275%201.73588-4.3941%203.88446-4.3941a4.9721%204.9721%200%200%201%202.97495.83964l23.00036%2013.57413c2.03839%201.20348%203.14023%202.18305%203.14023%204.08623s-1.10184%202.88275-3.14023%204.08623l-23.00036%2013.57413a4.9721%204.9721%200%200%201%20-2.97495.83964c-2.14858%200-3.88446-1.45537-3.88446-4.33812z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_play_super, .ac-video-player.large .ac-video-icon.controls-play-pause-button {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2275%22%20height%3D%2275%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h75v75h-75z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m17%2057.40318v-39.72769c0-4.05144%202.4984-6.17549%205.59106-6.17549a7.28466%207.28466%200%200%201%204.28213%201.18l33.10681%2019.07719c2.934%201.69137%204.52%203.06807%204.52%205.74281s-1.586%204.05144-4.52%205.74281l-33.10681%2019.07719a7.28466%207.28466%200%200%201%20-4.28213%201.18c-3.09266%200-5.59106-2.04539-5.59106-6.09682z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_replay, .end-state .ac-video-icon.controls-play-pause-button {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2256%22%20height%3D%2256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h56v56h-56z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m24.42545%2025.27791a3.11341%203.11341%200%200%201%201.08878-2.42272l2.09524-2.0607h-.08428c-5.6693%200-9.88721%204.48342-9.88721%2010.582a10.3484%2010.3484%200%200%200%2020.6966%200%204.00782%204.00782%200%201%201%208.01542%200%2018.35%2018.35%200%200%201%20-36.7%200%2017.74383%2017.74383%200%200%201%2017.736-18.04508l-1.8718-1.83792a3.11339%203.11339%200%200%201%20-1.08878-2.42271%203.83824%203.83824%200%200%201%203.82595-3.87078%203.48968%203.48968%200%200%201%202.56956%201.08605l7.82039%207.99217a3.76391%203.76391%200%200%201%201.25734%202.84043%203.92685%203.92685%200%200%201%20-1.25734%202.86827l-7.82039%208.02a3.52556%203.52556%200%200%201%20-2.56956%201.05819%203.80252%203.80252%200%200%201%20-3.82592-3.7872z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_replay_super, .ac-video-player.large .end-state .ac-video-icon.controls-play-pause-button {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20height%3D%2275%22%20width%3D%2275%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h75v75h-75z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m32.435%2033.0377a4.4305%204.4305%200%200%201%201.54289-3.44352l2.96755-2.929h-.11823c-8.033%200-14.00914%206.37249-14.00914%2015.04067a14.66186%2014.66186%200%200%200%2029.32371%200%205.67941%205.67941%200%201%201%2011.35818%200%2026%2026%200%201%201%20-52%200c0-14.32822%2010.96244-25.52957%2025.12889-25.64831l-2.651-2.61233a4.43049%204.43049%200%200%201%20-1.54285-3.44349%205.44732%205.44732%200%200%201%205.42116-5.50172%204.937%204.937%200%200%201%203.64084%201.54365l11.08063%2011.35967a5.357%205.357%200%200%201%201.78037%204.03723%205.58839%205.58839%200%200%201%20-1.78033%204.07682l-11.08067%2011.39924a4.98778%204.98778%200%200%201%20-3.6408%201.50407%205.39626%205.39626%200%200%201%20-5.4212-5.38298z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_volume_mute, .ac-video-icon.controls-toggle-mute-volume-button.is-muted {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2221%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2025%22%3E%3Ctitle%3Espeaker.slash.fill_reduced%401x%3C%2Ftitle%3E%3Crect%20width%3D%2221%22%20height%3D%2225%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M15.0535%2C20.83783a.55655.55655%2C0%2C0%2C0%2C.78293.00244.548.548%2C0%2C0%2C0%2C.003-.77812L.9465%2C5.16168a.55776.55776%2C0%2C0%2C0-.78293-.00244.548.548%2C0%2C0%2C0-.00295.77812Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M1.5%2C9A1.50062%2C1.50062%2C0%2C0%2C0%2C0%2C10.5v4A1.50062%2C1.50062%2C0%2C0%2C0%2C1.5%2C16H4.4l5.0127%2C4.73083A.93.93%2C0%2C0%2C0%2C11%2C20.14825V18.33807L1.66559%2C9Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M11%2C4.83215a.93.93%2C0%2C0%2C0-1.58728-.58258L5.39526%2C8.05682%2C11%2C13.66382Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-ctrl_volume_on, .ac-video-icon.controls-toggle-mute-volume-button {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2221%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2025%22%3E%3Ctitle%3Espeaker.2.fill_reduced%401x%3C%2Ftitle%3E%3Crect%20width%3D%2221%22%20height%3D%2225%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M15.44879%2C16.3875a.55051.55051%2C0%2C0%2C1-.45716-.85518%2C5.45379%2C5.45379%2C0%2C0%2C0-.02246-6.06147.55025.55025%2C0%2C1%2C1%2C.91236-.61537%2C6.55712%2C6.55712%2C0%2C0%2C1%2C.02637%2C7.28636A.54931.54931%2C0%2C0%2C1%2C15.44879%2C16.3875Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M18.524%2C19a.52388.52388%2C0%2C0%2C1-.32053-.109.55375.55375%2C0%2C0%2C1-.10621-.76458%2C9.543%2C9.543%2C0%2C0%2C0%2C0-11.25256.55375.55375%2C0%2C0%2C1%2C.10621-.76458.52648.52648%2C0%2C0%2C1%2C.74726.10853%2C10.65433%2C10.65433%2C0%2C0%2C1%2C0%2C12.56466A.52777.52777%2C0%2C0%2C1%2C18.524%2C19Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M11%2C20.14826a.93.93%2C0%2C0%2C1-1.58725.58258L4.4%2C16H1.5A1.50064%2C1.50064%2C0%2C0%2C1%2C0%2C14.5v-4A1.50064%2C1.50064%2C0%2C0%2C1%2C1.5%2C9H4.4L9.41275%2C4.24957A.93.93%2C0%2C0%2C1%2C11%2C4.83215Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-share_close {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h13v21h-13z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m.55065%2017a.54981.54981%200%200%201%20-.38865-.93852l11.89991-11.89993a.54967.54967%200%200%201%20.77734.77735l-11.89993%2011.89993a.548.548%200%200%201%20-.38867.16117z%22%2F%3E%3Cpath%20d%3D%22m12.4502%2016.99911a.548.548%200%200%201%20-.38868-.16113l-11.90039-11.90039a.54967.54967%200%200%201%20.77735-.77734l11.90039%2011.90039a.5498.5498%200%200%201%20-.38867.93847z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-share_embed {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2222%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h22v25h-22z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m7.05%2018.55a.549.549%200%200%201%20-.37208-.14453l-6.00018-5.50014a.55093.55093%200%200%201%200-.81056l6.00026-5.50013a.55018.55018%200%200%201%20.74416.81056l-5.55883%205.09485%205.55879%205.09485a.55.55%200%200%201%20-.37212.9551z%22%2F%3E%3Cpath%20d%3D%22m8.74994%2021a.55037.55037%200%200%201%20-.52931-.69508l4.50012-15.9053a.54963.54963%200%200%201%201.05862.29609l-4.50012%2015.90529a.55009.55009%200%200%201%20-.52931.399z%22%2F%3E%3Cpath%20d%3D%22m14.95%2018.55a.549.549%200%200%200%20.37208-.14453l6.00022-5.50014a.55093.55093%200%200%200%200-.81056l-6.0003-5.50013a.55018.55018%200%200%200%20-.74416.81056l5.55879%205.09485-5.55875%205.09485a.55.55%200%200%200%20.37212.9551z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-share_fb {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h20v25h-20z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m19.5%2012.5a9.5%209.5%200%201%200%20-10.98438%209.38455v-6.63846h-2.4121v-2.74609h2.4121v-2.093a3.35244%203.35244%200%200%201%203.58828-3.69606%2014.60937%2014.60937%200%200%201%202.12657.18554v2.3379h-1.198a1.373%201.373%200%200%200%20-1.54809%201.48362v1.782h2.63476l-.42114%202.74609h-2.21362v6.63846a9.50227%209.50227%200%200%200%208.01562-9.38455z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-share_line {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2221%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Esocial.line_reduced%401x_FFF_np%3C%2Ftitle%3E%3Crect%20width%3D%2221%22%20height%3D%2225%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20.5%2C11.09106C20.5%2C6.62962%2C16.01409%2C3%2C10.49992%2C3%2C4.98638%2C3%2C.5%2C6.62962.5%2C11.09106c0%2C3.99967%2C3.55756%2C7.34934%2C8.36313%2C7.98266.32566.07.76891.214.881.49168a2.042%2C2.042%2C0%2C0%2C1%2C.03235.90151s-.11729.70351-.1427.85351c-.04356.252-.20094.98587.86615.53747a32.2811%2C32.2811%2C0%2C0%2C0%2C7.857-5.78869h-.00047A7.18774%2C7.18774%2C0%2C0%2C0%2C20.5%2C11.09106ZM6.97181%2C13.473a.19434.19434%2C0%2C0%2C1-.19447.19422H3.97494a.19368.19368%2C0%2C0%2C1-.13448-.05414l-.00285-.00268-.00269-.003a.19238.19238%2C0%2C0%2C1-.05445-.13409V9.12913a.19447.19447%2C0%2C0%2C1%2C.19479-.19405h.70151a.19433.19433%2C0%2C0%2C1%2C.19463.19405v3.45023H6.77734a.19434.19434%2C0%2C0%2C1%2C.19447.19422Zm1.69114.00038a.19431.19431%2C0%2C0%2C1-.19479.19374H7.76665a.1943.1943%2C0%2C0%2C1-.19478-.19374V9.129a.19444.19444%2C0%2C0%2C1%2C.19478-.19391h.70151A.19446.19446%2C0%2C0%2C1%2C8.663%2C9.129Zm4.828%2C0a.1942.1942%2C0%2C0%2C1-.19478.19374H12.5948a.19168.19168%2C0%2C0%2C1-.04988-.0066l-.00284-.00064-.01327-.00425-.00582-.0022-.00948-.00394-.00931-.00456-.00554-.003-.012-.00725-.002-.00157a.19228.19228%2C0%2C0%2C1-.04941-.04784L10.436%2C10.89319v2.5802a.19434.19434%2C0%2C0%2C1-.19494.19374H9.53968a.1943.1943%2C0%2C0%2C1-.19478-.19374V9.129a.19444.19444%2C0%2C0%2C1%2C.19478-.19391H10.241l.00678.00032.0101.00063.01027.00127.0082.0011.01121.00252.00679.00172.01152.00378.00632.0022.01121.00472.00615.003.01042.00582.00584.00345.0101.00694.00506.00393.01042.00866.00363.0033.01168.012.00126.00125.01515.01968L12.4%2C11.71V9.129a.19435.19435%2C0%2C0%2C1%2C.19479-.19391h.70136a.19434.19434%2C0%2C0%2C1%2C.19478.19391ZM17.3642%2C9.82875a.19424.19424%2C0%2C0%2C1-.19447.19422H15.26394v.73421h1.90579a.19437.19437%2C0%2C0%2C1%2C.19447.19437v.69927a.19423.19423%2C0%2C0%2C1-.19447.19421H15.26394v.73437h1.90579a.19433.19433%2C0%2C0%2C1%2C.19447.19422V13.473a.19433.19433%2C0%2C0%2C1-.19447.19422h-2.8024a.1935.1935%2C0%2C0%2C1-.13448-.0543L14.23%2C13.61044l-.00269-.003a.19238.19238%2C0%2C0%2C1-.05445-.13409V9.12917a.19284.19284%2C0%2C0%2C1%2C.054-.13378L14.23%2C8.99192l.00222-.00205a.19408.19408%2C0%2C0%2C1%2C.13511-.05477h2.8024a.19437.19437%2C0%2C0%2C1%2C.19447.19437Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-share_link {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2218%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h18v25h-18z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m11.39385%2010.10615a4.29818%204.29818%200%200%200%20-1.93835-1.102l-.71729.71759a2.17884%202.17884%200%200%200%20-.19141.23226%203.25128%203.25128%200%200%201%202.0692%205.52611l-.34785.34785-1.33865%201.33873-1.7835%201.78344a3.25%203.25%200%201%201%20-4.5962-4.59619l1.784-1.78394a5.47688%205.47688%200%200%201%20-.07569-.77588%205.48189%205.48189%200%200%201%20.076-.78009l-2.56211%202.56208a4.35%204.35%200%200%200%206.15183%206.15189l3.11394-3.114.35608-.356a4.51087%204.51087%200%200%200%201.24573-2.80139%204.34594%204.34594%200%200%200%20-.14356-1.41137%204.29894%204.29894%200%200%200%20-1.10217-1.93909z%22%2F%3E%3Cpath%20d%3D%22m16.228%205.272a4.355%204.355%200%200%200%20-6.15186%200l-3.09037%203.09037-.35595.356a4.51006%204.51006%200%200%200%20-1.24573%202.80139%204.34655%204.34655%200%200%200%20.14355%201.41144%204.20312%204.20312%200%200%200%203.04053%203.041l.71729-.71753a2.15692%202.15692%200%200%200%20.1914-.2323%203.25127%203.25127%200%200%201%20-2.06921-5.52621l.08335-.08343%201.0508-1.05073%202.3122-2.31213a3.25%203.25%200%201%201%204.5962%204.59619l-1.76033%201.76026a5.49382%205.49382%200%200%201%20.07568.77588%205.48188%205.48188%200%200%201%20-.076.78009l2.53845-2.53846a4.35494%204.35494%200%200%200%200-6.15183z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-share_twitter {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2221%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h21v25h-21z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m6.60282%2020.99995a12.15162%2012.15162%200%200%200%2012.259-12.21326c0-.18579%200-.37074-.0126-.55485a8.748%208.748%200%200%200%202.14952-2.22184%208.62494%208.62494%200%200%201%20-2.47464.67536%204.3102%204.3102%200%200%200%201.8942-2.3742%208.654%208.654%200%200%201%20-2.73588%201.04184%204.31033%204.31033%200%200%200%20-7.34242%203.91488%2012.24749%2012.24749%200%200%201%20-8.87966-4.48478%204.286%204.286%200%200%200%201.33392%205.73%204.28876%204.28876%200%200%201%20-1.95552-.53722v.05439a4.298%204.298%200%200%200%203.4566%204.20778%204.31723%204.31723%200%200%201%20-1.94544.07365%204.31148%204.31148%200%200%200%204.02528%202.98092%208.66585%208.66585%200%200%201%20-5.3508%201.84112%208.80489%208.80489%200%200%201%20-1.02564-.06193%2012.231%2012.231%200%200%200%206.60408%201.9248%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
.ac-video-icon.icon-view_field, .compass-wrapper .ac-video-icon.compass-field {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cg%3E%0A%09%3Crect%20class%3D%22no-fill%22%20width%3D%2238%22%20height%3D%2238%22%2F%3E%0A%09%3Cpath%20style%3D%22opacity%3A0.32%3Bfill%3A%23FFFFFF%3B%22%20d%3D%22M25.11%2C11.73c0%2C0-2.5-2.23-6.11-2.23s-6.11%2C2.23-6.11%2C2.23c-0.38%2C0.32-0.61%2C0.8-0.61%2C1.33%0A%09%09c0%2C0.48%2C0.19%2C0.91%2C0.5%2C1.23c0.32%2C0.32%2C5.24%2C5.32%2C5.46%2C5.53c0.2%2C0.19%2C0.47%2C0.31%2C0.77%2C0.31s0.57-0.12%2C0.77-0.31%0A%09%09c0.22-0.21%2C5.14-5.21%2C5.46-5.53c0.31-0.32%2C0.5-0.75%2C0.5-1.23C25.73%2C12.53%2C25.49%2C12.05%2C25.11%2C11.73z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); }
.ac-video-icon.icon-view_ring, .compass-wrapper .ac-video-icon.compass-ring {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cg%20id%3D%22View_Ring_1_%22%3E%0A%09%3Cpolyline%20class%3D%22no-fill%22%20points%3D%220%2C0%2038%2C0%2038%2C38%200%2C38%22%2F%3E%0A%09%3Cpath%20class%3D%22fill%22%20style%3D%22opacity%3A0.32%22%20d%3D%22M28.4%2C9.3C26%2C6.9%2C22.7%2C5.6%2C19%2C5.6s-7%2C1.4-9.4%2C3.8C7%2C11.8%2C5.4%2C15.2%2C5.4%2C19c0%2C7.5%2C6.1%2C13.6%2C13.6%2C13.6%0A%09%09S32.6%2C26.5%2C32.6%2C19C32.6%2C15.2%2C31%2C11.8%2C28.4%2C9.3z%20M19%2C30.4c-6.3%2C0-11.4-5.1-11.4-11.4c0-3.2%2C1.3-6.2%2C3.4-8.3c2.1-2%2C4.9-3.2%2C8-3.2%0A%09%09s5.9%2C1.3%2C8%2C3.2c2.2%2C2.1%2C3.4%2C5.1%2C3.4%2C8.3C30.4%2C25.3%2C25.3%2C30.4%2C19%2C30.4z%22%2F%3E%0A%09%3Cpath%20class%3D%22fill%22%20style%3D%22display%3Anone%3B%22%20d%3D%22M19%2C30.5c-6.3%2C0-11.4-5.1-11.4-11.4c0-3.3%2C1.3-6.3%2C3.5-8.4S16%2C7.5%2C19%2C7.5s5.9%2C1.3%2C7.9%2C3.1%0A%09%09c2.2%2C2.1%2C3.5%2C5.1%2C3.5%2C8.4C30.4%2C25.4%2C25.3%2C30.5%2C19%2C30.5z%22%2F%3E%0A%09%3Cpath%20class%3D%22fill%22%20d%3D%22M19%2C5.5c-3.6%2C0-6.9%2C1.4-9.4%2C3.8l0%2C0C9.4%2C9.5%2C9.3%2C9.7%2C9.3%2C10c0%2C0.6%2C0.5%2C1%2C1%2C1%0A%09%09c0.4%2C0%2C0.6-0.2%2C0.8-0.4C13%2C8.8%2C15.9%2C7.5%2C19%2C7.5s6%2C1.3%2C7.9%2C3.1c0.2%2C0.2%2C0.4%2C0.4%2C0.8%2C0.4c0.5%2C0%2C1-0.4%2C1-1c0-0.3-0.1-0.5-0.3-0.7l0%2C0%0A%09%09C25.9%2C6.9%2C22.6%2C5.5%2C19%2C5.5z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); }
.ac-video-icon.icon-view_scrim, .compass-wrapper .ac-video-icon.compass-background {
background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Sticker-Sheet%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22view_scrim%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22boundingbox%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2238%22%20height%3D%2238%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22icon%22%20fill%3D%22%236E6E73%22%20fill-rule%3D%22nonzero%22%20opacity%3D%220.4%22%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218.12%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
.cursor-pointer {
cursor: pointer; }
.ac-video-player {
cursor: none; }
.ac-video-player .acv-visually-hidden {
position: absolute;
clip: rect(1px 1px 1px 1px);
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; }
.ac-video-player:-webkit-full-screen {
background: #000;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 1; }
.ac-video-player:-ms-fullscreen {
background: #000;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 1; }
.ac-video-player:fullscreen {
background: #000;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 1; }
.ac-video-player .ac-video-blockade {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%; }
.ac-video-player > * {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none; }
.ac-video-player.threesixty-video {
-webkit-tap-highlight-color: transparent; }
.ac-video-player.threesixty-video .start-state .controls-play-pause-button-container, .ac-video-player.threesixty-video .end-state .controls-play-pause-button-container {
pointer-events: all; }
.ac-video-player.threesixty-video .ac-video-blockade {
display: none; }
.ac-video-player.threesixty-video .threesixty-video-container {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
height: 100%; }
.ac-video-player.threesixty-video .threesixty-video-container .threesixty-renderer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.ac-video-player.safari-fix-zindex video {
z-index: 0; }
.ac-video-player video {
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.ac-video-player video, .ac-video-player video img {
display: block;
outline: none; }
.ac-video-player video::-webkit-media-controls-start-playback-button {
background: rgba(0, 0, 0, 0.25);
-webkit-clip-path: none;
clip-path: none;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.ac-video-player video::-webkit-media-controls-start-playback-background {
background: rgba(255, 255, 255, 0.8);
backdrop-filter: none;
-webkit-clip-path: polygon(54.2px 55.2px, 54.2px 37.2px, 53.5px 37.9px, 25.1px 55.2px, 24.1px 55.5px, 22.4px 54.5px, 22.1px 53.5px, 22.1px 19.1px, 22.4px 18.1px, 23.1px 17.4px, 24.1px 17.1px, 25.1px 17.4px, 53.5px 34.6px, 54.2px 35.2px);
clip-path: polygon(54.2px 55.2px, 54.2px 37.2px, 53.5px 37.9px, 25.1px 55.2px, 24.1px 55.5px, 22.4px 54.5px, 22.1px 53.5px, 22.1px 19.1px, 22.4px 18.1px, 23.1px 17.4px, 24.1px 17.1px, 25.1px 17.4px, 53.5px 34.6px, 54.2px 35.2px);
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
.ac-video-player video::-webkit-media-controls-start-playback-tint, .ac-video-player video::-webkit-media-controls-start-playback-glyph {
background: none; }
.ac-video-controls.captions-selector-showing .ac-video-ax-tracks-selector-container {
visibility: visible;
opacity: 1;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease; }
.ac-video-controls .ac-video-ax-tracks-selector-container {
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
background-color: rgba(29, 29, 31, 0.56);
border-radius: 8px;
position: absolute;
left: -5px;
padding: 15px 8px 16px 15px;
max-width: 220px;
width: -webkit-max-content;
width: max-content;
overflow: hidden;
opacity: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
visibility: hidden;
pointer-events: all;
-webkit-transition: opacity 0.5s ease, visibility 0s ease 0.5s;
transition: opacity 0.5s ease, visibility 0s ease 0.5s;
bottom: 15px; }
.ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-ax-tracks-scroll-container {
overflow-y: auto;
overflow-x: hidden;
scrollbar-color: #fff #515154;
scrollbar-width: thin;
height: 100%;
padding-right: 16px; }
.ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-ax-tracks-scroll-container::-webkit-scrollbar {
width: 5px; }
.ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-ax-tracks-scroll-container::-webkit-scrollbar-track {
background-color: #515154;
border-radius: 16px; }
.ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-ax-tracks-scroll-container::-webkit-scrollbar-thumb {
background-color: #fff;
border-radius: 16px; }
.ac-video-player.small .ac-video-controls .ac-video-ax-tracks-selector-container {
bottom: 27px; }
.ac-video-player.medium .ac-video-controls .ac-video-ax-tracks-selector-container {
bottom: 21px; }
.ac-video-player.large .ac-video-controls .ac-video-ax-tracks-selector-container {
bottom: 15px; }
.ac-video-controls .ac-video-ax-tracks-selector-container.showing {
visibility: visible;
opacity: 1; }
.ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-audio-selector-container.hidden,
.ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-captions-selector-container.hidden {
display: none; }
.ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-audio-selector-title,
.ac-video-controls .ac-video-ax-tracks-selector-container .ac-video-captions-selector-title {
color: rgba(255, 255, 255, 0.52);
display: block;
font-size: 12px;
font-weight: 600;
line-height: 12px;
text-transform: uppercase;
position: relative; }
.ac-video-controls .ac-video-ax-tracks-selector-container:not(.no-captions) .controls-audio-selector {
padding-bottom: 12px; }
.ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector,
.ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector {
cursor: pointer;
color: #fff;
font-size: 14px;
line-height: 16px;
list-style: none;
margin: 0;
padding-left: 12px;
white-space: nowrap; }
.ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li,
.ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li {
padding-top: 5px;
white-space: pre-wrap;
position: relative;
width: -webkit-max-content;
width: max-content;
max-width: 180px; }
.ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li:first-child,
.ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li:first-child {
padding-top: 6px; }
.ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li:not(.enabled):hover,
.ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li:not(.enabled):hover {
text-decoration: underline; }
.ac-video-controls .ac-video-ax-tracks-selector-container .controls-audio-selector li.enabled::before,
.ac-video-controls .ac-video-ax-tracks-selector-container .controls-captions-selector li.enabled::before {
content: '';
position: absolute;
width: 8px;
height: 16px;
left: -12px; }
video::cue {
color: #fff;
font-family: "SF Pro Text", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 600; }
.ac-video-player-text-track-container {
position: absolute;
z-index: 9;
bottom: 20%;
left: 0px;
right: 0px;
text-align: center;
display: inline-block; }
.ac-video-player-text-track {
display: none;
padding: 2px 4px;
font-family: 'Arial';
font-weight: 700;
font-size: 24px;
color: white;
text-align: center;
background-color: black; }
.ac-video-player-text-track-container:empty {
display: none; }
.ac-video-player-text-track.is-visible:empty {
display: none; }
.ac-video-player-text-track.is-visible {
display: inline-block; }
.ac-video-poster {
-webkit-transition: opacity 500ms linear;
transition: opacity 500ms linear;
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 1; }
.ac-video-poster img {
display: block;
width: 100%;
height: auto; }
.ac-video-poster.ac-video-poster-hide {
opacity: 0;
pointer-events: none; }
.ac-video-controls {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
overflow: hidden; }
.ac-video-controls.mobile {
display: none; }
.ac-video-controls [data-focus-method="mouse"] {
outline: none; }
.ac-video-controls [data-focus-method="mouse"].ac-slider-chapter-container:focus::before {
outline: none; }
.ac-video-controls.hidden {
visibility: hidden; }
.ac-video-controls.start-state .controls-container {
opacity: 1;
background: rgba(0, 0, 0, 0.16);
-webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.6, 1);
transition: all 0.5s cubic-bezier(0.4, 0, 0.6, 1); }
.ac-video-controls.start-state .center-button-container {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.ac-video-controls.start-state .controls-social-tray {
opacity: 0;
pointer-events: none;
visibility: hidden; }
.ac-video-controls.start-state .main-controls-container {
opacity: 0;
pointer-events: none;
visibility: hidden; }
.ac-video-controls.start-state.mobile {
display: block; }
.ac-video-controls.start-state.mobile .controls-container .is-playing {
display: none; }
.ac-video-controls.end-state .controls-container {
opacity: 1;
background: rgba(0, 0, 0, 0.56);
-webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.6, 1);
transition: all 0.5s cubic-bezier(0.4, 0, 0.6, 1); }
.ac-video-controls.end-state .center-button-container {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.ac-video-controls.end-state .controls-social-tray {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.ac-video-controls.end-state .main-controls-container {
opacity: 0;
pointer-events: none;
visibility: hidden; }
.ac-video-controls.end-state.mobile {
display: block; }
.ac-video-controls .controls-container {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.04)), to(rgba(0, 0, 0, 0.56)));
background: -webkit-linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.56));
background: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.56));
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
-webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1); }
.ac-video-controls.hide-cursor .controls-container {
cursor: none; }
.ac-video-controls.hide-cursor .center-button-container {
cursor: none; }
.was-loading .ac-video-controls .center-button-container {
-webkit-transition: none;
transition: none; }
.ac-video-controls .center-button-container {
opacity: 0;
-webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); }
.ac-video-controls .controls-social-tray {
width: 100%;
position: absolute;
z-index: 3;
opacity: 0;
-webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); }
.ac-video-controls .controls-social-tray.hidden {
display: none; }
.ac-video-controls .main-controls-container {
direction: ltr;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
width: 100%;
bottom: 0;
position: absolute;
z-index: 3;
opacity: 0;
-webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); }
.ac-video-player.small .ac-video-controls .main-controls-container {
height: 37px; }
.ac-video-player.medium .ac-video-controls .main-controls-container {
height: 41px; }
.ac-video-player.large .ac-video-controls .main-controls-container {
height: 45px; }
.ac-video-controls .main-controls {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
max-width: 948px;
margin-left: auto;
margin-right: auto;
pointer-events: none; }
.ac-video-player.small .ac-video-controls .main-controls {
padding: 0 9px 10px 9px; }
.ac-video-player.medium .ac-video-controls .main-controls {
padding: 0 14px 20px 14px; }
.ac-video-player.large .ac-video-controls .main-controls {
padding: 0 18px 30px 18px; }
.ac-video-controls .main-controls-item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
top: 0; }
.ac-video-player.small .ac-video-controls .main-controls-item {
padding-left: 0px;
padding-right: 0px; }
.ac-video-player.medium .ac-video-controls .main-controls-item {
padding-left: 0px;
padding-right: 0px; }
.ac-video-player.large .ac-video-controls .main-controls-item {
padding-left: 0px;
padding-right: 0px; }
.ac-video-player.small .ac-video-controls .main-controls-item {
height: 33px; }
.ac-video-player.medium .ac-video-controls .main-controls-item {
height: 33px; }
.ac-video-player.large .ac-video-controls .main-controls-item {
height: 33px; }
.ac-video-controls .main-controls-item:first-child {
margin-left: 0; }
.ac-video-controls .main-controls-item:last-child {
margin-right: 0; }
.user-hover {
cursor: default; }
.user-hover .controls-container {
opacity: 1;
-webkit-transition: opacity 1s cubic-bezier(0.4, 0.1, 0.4, 1);
transition: opacity 1s cubic-bezier(0.4, 0.1, 0.4, 1); }
.user-hover .center-button-container {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s;
transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s; }
.user-hover .controls-social-tray {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.35s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.3s;
transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.35s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.3s; }
.user-hover .main-controls-container {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1);
transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.05s, transform 0.5s cubic-bezier(0, 0, 0.2, 1); }
.user-hover .start-state .controls-container {
background: rgba(0, 0, 0, 0.32); }
.user-hover .end-state .controls-container {
background: rgba(0, 0, 0, 0.64); }
.mouse-leave .center-button-container,
.mouse-leave .controls-social-tray,
.mouse-leave .main-controls-container {
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px); }
.initial-play .center-button-container,
.initial-play .controls-social-tray,
.initial-play .main-controls-container {
-webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); }
.threesixty-video {
cursor: none; }
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container {
cursor: -webkit-grabbing;
cursor: grabbing; }
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .main-controls-container, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-play-pause-button-container, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-social-tray, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .end-state-wrapper {
pointer-events: none; }
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .main-controls-container *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-play-pause-button-container *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-social-tray *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .end-state-wrapper * {
pointer-events: none; }
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-button {
cursor: -webkit-grabbing;
cursor: grabbing; }
.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar {
cursor: -webkit-grabbing;
cursor: grabbing; }
.threesixty-video.recently-dragging .ac-video-controls .controls-container {
cursor: -webkit-grab;
cursor: grab; }
.threesixty-video.recently-dragging .ac-video-controls .controls-container .controls-button {
cursor: -webkit-grab;
cursor: grab; }
.threesixty-video.recently-dragging .ac-video-controls .controls-container .controls-progress-bar {
cursor: -webkit-grab;
cursor: grab; }
.threesixty-video.user-hover .ac-video-controls .center-button-container {
cursor: -webkit-grab;
cursor: grab; }
.threesixty-video.user-hover .ac-video-controls.start-state .center-button-container, .threesixty-video.user-hover .ac-video-controls.end-state .center-button-container {
cursor: pointer; }
.threesixty-video .ac-video-controls.mobile {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.threesixty-video .ac-video-controls.mobile .controls-container {
display: block; }
.threesixty-video .ac-video-controls.mobile:not(.start-state):not(.end-state) .controls-play-pause-button-container {
pointer-events: none; }
.button-wrapper {
position: relative;
height: 100%; }
.controls-button {
border: 0;
padding: 0;
margin: 0;
text-transform: uppercase;
color: transparent;
overflow: hidden;
white-space: nowrap;
background-color: transparent;
box-sizing: content-box;
pointer-events: all; }
.controls-button:hover {
cursor: pointer; }
.loading .ac-video-icon.icon-ctrl_pause_super, .loading .ac-video-player.large .is-playing .ac-video-icon.controls-play-pause-button, .ac-video-player.large .is-playing .loading .ac-video-icon.controls-play-pause-button, .loading .ac-video-icon.icon-ctrl_pause, .loading .is-playing .ac-video-icon.controls-play-pause-button, .is-playing .loading .ac-video-icon.controls-play-pause-button, .loading .ac-video-icon.icon-ctrl_play_super, .loading .ac-video-player.large .ac-video-icon.controls-play-pause-button, .ac-video-player.large .loading .ac-video-icon.controls-play-pause-button, .loading .ac-video-icon.icon-ctrl_play, .loading .ac-video-icon.controls-play-pause-button {
background-image: none !important; }
.ac-video-icon {
background-position: 50% 50%;
opacity: 0.8;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease; }
.main-controls:hover .ac-video-icon,
.sharing-state:hover .ac-video-icon {
opacity: 0.56 !important; }
.sharing-state:hover .textarea-active .ac-video-icon {
opacity: 0.8 !important; }
.main-controls .ac-video-icon:hover,
.controls-social-tray .ac-video-icon:hover,
.controls-social-tray .textarea-active .ac-video-icon:hover,
.center-button-container:hover .ac-video-icon {
opacity: 1 !important; }
.user-hover .controls-play-pause-button-container,
.user-hover .controls-play-pause-button {
cursor: pointer; }
.main-controls-container,
.controls-social-tray {
cursor: default; }
.controls-play-pause-button-container {
width: 100%;
height: 100%; }
.controls-play-pause-button-container.hidden {
display: none; }
.controls-play-pause-button {
position: absolute;
top: 50%;
left: 50%;
opacity: 0.75;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform 0.2s ease, opacity 0.3s ease;
transition: transform 0.2s ease, opacity 0.3s ease; }
.ac-video-player.small .controls-play-pause-button {
width: 56px;
height: 56px; }
.ac-video-player.medium .controls-play-pause-button {
width: 56px;
height: 56px; }
.ac-video-player.large .controls-play-pause-button {
width: 75px;
height: 75px; }
.controls-play-pause-button-container:active .controls-play-pause-button {
-webkit-transform: scale(0.9) translateX(-50%) translateY(-50%);
-ms-transform: scale(0.9) translateX(-50%) translateY(-50%);
transform: scale(0.9) translateX(-50%) translateY(-50%); }
.controls-play-pause-button::after {
content: " ";
display: block; }
.is-playing .controls-play-pause-button::after {
display: none; }
.end-state .controls-play-pause-button::after {
display: none; }
.controls-toggle-mute-volume-button {
bottom: 0;
width: 35px;
max-width: 35px; }
.ac-video-player.small .controls-toggle-mute-volume-button {
height: 33px; }
.ac-video-player.medium .controls-toggle-mute-volume-button {
height: 33px; }
.ac-video-player.large .controls-toggle-mute-volume-button {
height: 33px; }
.controls-text-tracks-toggle-button {
width: 35px;
max-width: 35px; }
.controls-text-tracks-toggle-button.no-text-tracks {
display: none; }
.ac-video-controls.captions-selector-showing .controls-text-tracks-toggle-button {
opacity: 1 !important; }
.controls-airplay-button {
width: 35px;
max-width: 35px; }
.controls-airplay-button.airplay-unsupported {
display: none; }
.controls-picture-in-picture-button {
width: 35px;
max-width: 35px; }
.controls-picture-in-picture-button.picture-in-picture-unsupported {
display: none; }
.controls-full-screen-button {
width: 31px;
max-width: 31px; }
.controls-full-screen-button.fullscreen-unsupported {
display: none; }
.controls-progress {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
pointer-events: none; }
.ac-video-player.small .controls-progress {
margin-left: 9px;
margin-right: 1px;
padding-right: 0 !important; }
.ac-video-player.medium .controls-progress {
margin-left: 17px;
margin-right: 16px; }
.ac-video-player.large .controls-progress {
margin-left: 17px;
margin-right: 16px; }
.ac-video-player.ac-video-live-dvr.small .controls-progress {
padding-right: 7px !important; }
.controls-progress-bar {
cursor: pointer;
pointer-events: all;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 8px;
margin-right: 8px; }
.ac-video-player.small .controls-progress-bar {
margin-right: 8px; }
.controls-progress-bar:hover .ac-slider-thumb-background {
opacity: 1;
-webkit-transform: scale(0.84615);
-ms-transform: scale(0.84615);
transform: scale(0.84615);
-webkit-transition: -webkit-transform 0.25s ease, opacity 0.25s ease;
transition: transform 0.25s ease, opacity 0.25s ease; }
.controls-progress-bar:hover .ac-slider-chapter-container .ac-slider-chapter-marker {
opacity: 0.56; }
.controls-progress-bar:active .ac-slider-thumb-background {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.controls-progress-time {
color: #fff;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 600;
font-size: 12px;
font-variant-numeric: tabular-nums;
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
line-height: 16px;
letter-spacing: -0.11px;
position: relative; }
.controls-progress-time .label {
position: absolute;
clip: rect(1px 1px 1px 1px);
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; }
.ac-video-player.small .controls-progress-time-2 {
display: none; }
.controls-elapsed-time,
.controls-remaining-time {
display: block; }
.controls-elapsed-time div,
.controls-remaining-time div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.controls-progress-dvr-label-container {
display: none; }
.controls-time-maxwidth {
position: absolute;
display: block;
visibility: hidden; }
.longform.ac-video-player .controls-time-maxwidth::after {
content: ':4'; }
.controls-progress-indicator {
width: 100%;
height: 5px;
position: relative; }
.ac-video-player.small .controls-progress-indicator {
padding-top: 16px;
padding-bottom: 16px; }
.ac-video-player.medium .controls-progress-indicator {
padding-top: 16px;
padding-bottom: 16px; }
.ac-video-player.large .controls-progress-indicator {
padding-top: 18px;
padding-bottom: 18px; }
.controls-progress-indicator .ac-slider-runnable-track {
background: rgba(255, 255, 255, 0.16);
border-radius: 3px;
position: relative;
width: 100%;
height: 100%; }
.controls-progress-indicator .ac-slider-ax-track {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%; }
.controls-progress-indicator .ac-slider-hover-track {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden; }
.controls-progress-indicator .ac-slider-hover-notch {
position: absolute;
height: 100%;
width: 1px;
background: #fff;
z-index: 9;
opacity: 0;
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1);
pointer-events: none; }
.hover.controls-progress-indicator .ac-slider-hover-notch {
opacity: 1;
-webkit-transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1); }
.hover.controls-progress-indicator .ac-slider-hover-notch.hidden {
opacity: 0; }
.controls-progress-indicator .ac-slider-hover-notch.invert-element {
background: #000; }
.controls-progress-indicator .ac-slider-chapters-track {
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 2; }
.controls-progress-indicator .ac-slider-chapter-container {
box-sizing: content-box;
position: absolute;
height: 5px;
width: 9px;
padding: 18px 0;
background-color: transparent;
top: -18px;
opacity: 1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-right: 2px solid transparent;
border-top: 0;
border-left: 0;
border-bottom: 0;
cursor: pointer; }
.controls-progress-indicator .ac-slider-chapter-container.hidden-chapter {
pointer-events: none; }
.controls-progress-indicator .ac-slider-chapter-container.hidden-chapter .ac-slider-chapter-marker {
position: absolute;
clip: rect(1px 1px 1px 1px);
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; }
.controls-progress-indicator .ac-slider-chapter-container .ac-slider-chapter-marker {
position: relative;
height: 5px;
width: 5px;
margin: 0 auto;
background-color: #fff;
-webkit-transition: -webkit-transform 0.25s ease, opacity 0.4s ease, border-radius 0.25s ease;
transition: transform 0.25s ease, opacity 0.4s ease, border-radius 0.25s ease;
-webkit-transform: scaleX(0.25);
-ms-transform: scaleX(0.25);
transform: scaleX(0.25);
border-radius: 0;
backdrop-filter: blur(0); }
.controls-progress-indicator .ac-slider-chapter-container .ac-slider-chapter-marker span {
position: absolute;
clip: rect(1px 1px 1px 1px);
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; }
.controls-progress-indicator .ac-slider-chapter-container .ac-slider-chapter-marker.invert-element {
background: #000; }
.controls-progress-indicator .ac-slider-chapter-container::before {
content: '';
position: absolute;
top: 15px;
left: 0;
height: 10px;
width: 10px; }
.controls-progress-indicator .ac-slider-chapter-container:hover .ac-slider-chapter-marker, .controls-progress-indicator .ac-slider-chapter-container:focus .ac-slider-chapter-marker {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
border-radius: 100%; }
.controls-progress-indicator .ac-slider-chapter-container:focus {
outline: none; }
.controls-progress-indicator .ac-slider-chapter-container:focus::before {
outline: 4px solid rgba(0, 125, 250, 0.6);
outline-offset: 1px; }
.controls-progress-indicator .ac-slider-chapter-container:focus::before[data-focus-method="mouse"]:not(input):not(textarea):not(select), .controls-progress-indicator .ac-slider-chapter-container:focus::before[data-focus-method="touch"]:not(input):not(textarea):not(select) {
outline: none; }
.controls-progress-indicator .ac-slider-inner-track {
position: absolute;
border-radius: 3px;
overflow: hidden;
width: 100%;
height: 100%;
top: 0;
z-index: 1; }
.controls-progress-indicator .ac-slider-scrubbed {
position: absolute;
background: #fff;
height: 5px;
width: 100%;
margin-left: -webkit-calc(-100% + (5px / 2));
margin-left: calc(-100% + (5px / 2));
z-index: 1; }
.controls-progress-indicator .ac-slider-buffered {
position: absolute;
background: #FFFFFF;
height: 5px;
border-radius: 3px;
width: 100%;
margin-left: -webkit-calc(-100% + (5px / 2));
margin-left: calc(-100% + (5px / 2));
opacity: 0.16; }
.controls-progress-indicator .ac-slider-thumb {
border-radius: 50%;
height: 5px;
width: 5px;
position: relative;
z-index: 10; }
.controls-progress-indicator .ac-slider-thumb-background-wrapper {
height: 13px;
width: 13px;
position: relative;
top: -4px;
left: -4px; }
.controls-progress-indicator .ac-slider-thumb-background-wrapper:hover .ac-slider-thumb-background, .controls-progress-indicator .ac-slider-thumb-background-wrapper:active .ac-slider-thumb-background {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.controls-progress-indicator .ac-slider-thumb-background {
background: #fff;
border-radius: 50%;
height: 13px;
width: 100%;
opacity: 0;
-webkit-transform: scale(0.38462);
-ms-transform: scale(0.38462);
transform: scale(0.38462);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: -webkit-transform 0.25s ease, opacity 0.25s ease 0.25s;
transition: transform 0.25s ease, opacity 0.25s ease 0.25s;
will-change: transform; }
.controls-progress-indicator .ac-slider-thumb-overlay {
position: absolute;
z-index: 1;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #fff));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 50%);
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%);
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
height: 13px;
-webkit-transform: scale(0.38462);
-ms-transform: scale(0.38462);
transform: scale(0.38462);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
width: 100%; }
.controls-progress-indicator.ac-slider-inactive {
pointer-events: none; }
.controls-progress-indicator.ac-slider-inactive .ac-slider-thumb {
visibility: hidden; }
.controls-volume {
cursor: pointer; }
.controls-volume:hover {
height: 90px; }
.controls-volume .controls-volume-level-indicator {
bottom: 33px;
left: 4px;
width: 5px;
padding: 0 10px 0 10px;
height: 60px;
position: absolute;
pointer-events: none; }
.ac-video-controls.mobile .controls-volume .controls-volume-level-indicator {
display: none; }
.controls-volume .controls-volume-level-indicator:active .ac-slider-thumb-background {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.controls-volume .ac-slider-runnable-track {
border-radius: 3px;
position: relative;
width: 100%;
height: 100%;
left: -5px;
padding-left: 5px;
padding-right: 5px; }
.controls-volume .ac-slider-background {
background: rgba(255, 255, 255, 0.32);
border-radius: 3px;
height: 100%;
position: absolute;
bottom: 0;
width: 5px;
height: 5px;
opacity: 0;
-webkit-transition: height 0.2345s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s;
transition: height 0.2345s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s; }
.controls-volume .ac-slider-inner-track {
border-radius: 3px;
position: absolute;
overflow: hidden;
bottom: 0;
height: 0;
width: 5px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: height 0.335s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s;
transition: height 0.335s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s; }
.controls-volume .ac-slider-thumb-wrapper {
width: 13px;
height: 0;
bottom: 0;
left: 2px;
position: absolute;
z-index: 10;
-webkit-transition: height 0.335s cubic-bezier(0.4, 0, 0.6, 1);
transition: height 0.335s cubic-bezier(0.4, 0, 0.6, 1); }
.controls-volume .ac-slider-thumb {
background: #fff;
border-radius: 50%;
height: 11px;
width: 11px;
top: auto;
position: absolute;
opacity: 0;
-webkit-transform: scale(0.45455);
-ms-transform: scale(0.45455);
transform: scale(0.45455);
-webkit-transition: -webkit-transform 0.201s cubic-bezier(0.4, 0, 0.6, 1) 0.201s, opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s;
transition: transform 0.201s cubic-bezier(0.4, 0, 0.6, 1) 0.201s, opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s;
will-change: transform; }
.controls-volume .ac-slider-thumb-background-wrapper {
width: 13px;
height: 13px;
position: absolute;
top: -1px;
left: -1px; }
.controls-volume .ac-slider-thumb-background-wrapper:hover .ac-slider-thumb-background, .controls-volume .ac-slider-thumb-background-wrapper:active .ac-slider-thumb-background {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.controls-volume .ac-slider-thumb-background {
background: #fff;
border-radius: 50%;
width: 100%;
height: 100%;
-webkit-transform: scale(0.84615);
-ms-transform: scale(0.84615);
transform: scale(0.84615);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease; }
.controls-volume .ac-slider-scrubbed {
background: #fff;
bottom: -webkit-calc(100% - (11px / 2));
bottom: calc(100% - (11px / 2));
position: absolute;
width: 100%;
height: 100%;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: margin-bottom 0.335s linear;
transition: margin-bottom 0.335s linear;
will-change: bottom; }
.controls-volume:hover, .controls-volume:hover .controls-volume-level-indicator, .controls-volume:active, .controls-volume:active .controls-volume-level-indicator,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive),
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-volume-level-indicator {
pointer-events: all; }
.controls-volume:hover .ac-slider-ax-track, .controls-volume:hover .controls-volume-level-indicator .ac-slider-ax-track, .controls-volume:active .ac-slider-ax-track, .controls-volume:active .controls-volume-level-indicator .ac-slider-ax-track,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-ax-track,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-volume-level-indicator .ac-slider-ax-track {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%; }
.controls-volume:hover .controls-toggle-mute-volume-button, .controls-volume:active .controls-toggle-mute-volume-button,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-toggle-mute-volume-button {
opacity: 1 !important; }
.controls-volume:hover .ac-slider-background, .controls-volume:active .ac-slider-background,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-background {
height: 100%;
opacity: 1;
-webkit-transition: height 0.2345s ease-out, opacity 0.0335s ease-out;
transition: height 0.2345s ease-out, opacity 0.0335s ease-out; }
.controls-volume:hover .ac-slider-inner-track,
.controls-volume:hover .ac-slider-thumb-wrapper, .controls-volume:active .ac-slider-inner-track,
.controls-volume:active .ac-slider-thumb-wrapper,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-inner-track,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-thumb-wrapper {
height: 100%;
-webkit-transition: height 0.268s ease-out 0.067s;
transition: height 0.268s ease-out 0.067s; }
.controls-volume:hover .ac-slider-thumb, .controls-volume:active .ac-slider-thumb,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-thumb {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.25125s ease-out 0.05025s, opacity 0.05025s ease-out 0.05025s;
transition: transform 0.25125s ease-out 0.05025s, opacity 0.05025s ease-out 0.05025s; }
.controls-volume:hover .ac-slider-scrubbed, .controls-volume:active .ac-slider-scrubbed,
.controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-scrubbed {
margin-bottom: 5.5px;
-webkit-transition: margin-bottom 0.335s linear;
transition: margin-bottom 0.335s linear; }
.controls-progress-dvr-label-container,
.live-stream {
display: none;
text-align: center;
white-space: nowrap; }
.controls-progress-dvr-label-container .live-stream-text,
.live-stream .live-stream-text {
color: #fff;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 600;
line-height: 16px;
font-size: 12px;
letter-spacing: -0.01em;
display: block;
position: relative; }
.ac-video-player.small .controls-progress-dvr-label-container .live-stream-text, .ac-video-player.small
.live-stream .live-stream-text {
top: 10px; }
.ac-video-player.medium .controls-progress-dvr-label-container .live-stream-text, .ac-video-player.medium
.live-stream .live-stream-text {
top: 10px; }
.ac-video-player.large .controls-progress-dvr-label-container .live-stream-text, .ac-video-player.large
.live-stream .live-stream-text {
top: 10px; }
.controls-progress-dvr-label-container .live-stream-text::before,
.live-stream .live-stream-text::before {
content: '';
width: 5px;
height: 5px;
background: rgba(255, 48, 55, 0.8);
display: inline-block;
border-radius: 50%;
margin-right: 5px;
vertical-align: middle; }
.ac-video-live .main-controls {
max-width: 420px;
padding: 0 15px 30px !important; }
.ac-video-live .controls-progress {
display: none; }
.ac-video-live.ac-video-live-dvr .main-controls {
max-width: 980px; }
.ac-video-live.ac-video-live-dvr .controls-progress {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-time-2 {
display: none; }
.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container {
pointer-events: all;
display: block;
cursor: pointer;
max-width: 235px; }
.ac-video-player.small .ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container .live-stream-dvr-text {
top: 13px; }
.ac-video-player.medium .ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container .live-stream-dvr-text {
top: 13px; }
.ac-video-player.large .ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container .live-stream-dvr-text {
top: 15px; }
.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container .live-stream-dvr-text::before {
content: '';
width: 4px;
height: 4px;
border-radius: 50%;
margin-right: 4px;
background: rgba(255, 48, 55, 0.8);
display: inline-block;
vertical-align: middle;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
margin-top: -1.99px; }
.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container:not(.live) .live-stream-dvr-text::before {
background: rgba(255, 255, 255, 0.56); }
.ac-video-live.ac-video-live-dvr .live-stream {
display: none; }
.ac-video-live .live-stream {
display: block; }
.ac-video-player.small .loading-indicator {
width: 56px;
height: 56px;
bottom: 6px;
right: 2px; }
.ac-video-player.medium .loading-indicator {
width: 56px;
height: 56px;
bottom: 6px;
right: 2px; }
.ac-video-player.large .loading-indicator {
width: 75px;
height: 75px;
bottom: 8px;
right: 3px; }
.ac-video-player .loading-indicator-container {
position: absolute;
width: 100%;
height: 100%;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
top: 0;
pointer-events: none;
z-index: 15; }
.ac-video-player .loading-indicator {
opacity: 0;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
position: relative;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
-webkit-transform: translateX(50%) translateY(50%);
-ms-transform: translateX(50%) translateY(50%);
transform: translateX(50%) translateY(50%); }
.ac-video-player.small.loading .loading-indicator > *, .ac-video-player.medium.loading .loading-indicator > * {
width: 5px;
height: 12px;
border-radius: 19.5px; }
.ac-video-player.small.loading .loading-indicator > *:nth-child(0), .ac-video-player.medium.loading .loading-indicator > *:nth-child(0) {
-webkit-transform: rotate(-45deg) translate(0, -13.5px);
-ms-transform: rotate(-45deg) translate(0, -13.5px);
transform: rotate(-45deg) translate(0, -13.5px);
-webkit-animation-delay: -0.125s;
animation-delay: -0.125s; }
.ac-video-player.small.loading .loading-indicator > *:nth-child(1), .ac-video-player.medium.loading .loading-indicator > *:nth-child(1) {
-webkit-transform: rotate(0deg) translate(0, -13.5px);
-ms-transform: rotate(0deg) translate(0, -13.5px);
transform: rotate(0deg) translate(0, -13.5px);
-webkit-animation-delay: 0s;
animation-delay: 0s; }
.ac-video-player.small.loading .loading-indicator > *:nth-child(2), .ac-video-player.medium.loading .loading-indicator > *:nth-child(2) {
-webkit-transform: rotate(45deg) translate(0, -13.5px);
-ms-transform: rotate(45deg) translate(0, -13.5px);
transform: rotate(45deg) translate(0, -13.5px);
-webkit-animation-delay: 0.125s;
animation-delay: 0.125s; }
.ac-video-player.small.loading .loading-indicator > *:nth-child(3), .ac-video-player.medium.loading .loading-indicator > *:nth-child(3) {
-webkit-transform: rotate(90deg) translate(0, -13.5px);
-ms-transform: rotate(90deg) translate(0, -13.5px);
transform: rotate(90deg) translate(0, -13.5px);
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s; }
.ac-video-player.small.loading .loading-indicator > *:nth-child(4), .ac-video-player.medium.loading .loading-indicator > *:nth-child(4) {
-webkit-transform: rotate(135deg) translate(0, -13.5px);
-ms-transform: rotate(135deg) translate(0, -13.5px);
transform: rotate(135deg) translate(0, -13.5px);
-webkit-animation-delay: 0.375s;
animation-delay: 0.375s; }
.ac-video-player.small.loading .loading-indicator > *:nth-child(5), .ac-video-player.medium.loading .loading-indicator > *:nth-child(5) {
-webkit-transform: rotate(180deg) translate(0, -13.5px);
-ms-transform: rotate(180deg) translate(0, -13.5px);
transform: rotate(180deg) translate(0, -13.5px);
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s; }
.ac-video-player.small.loading .loading-indicator > *:nth-child(6), .ac-video-player.medium.loading .loading-indicator > *:nth-child(6) {
-webkit-transform: rotate(225deg) translate(0, -13.5px);
-ms-transform: rotate(225deg) translate(0, -13.5px);
transform: rotate(225deg) translate(0, -13.5px);
-webkit-animation-delay: 0.625s;
animation-delay: 0.625s; }
.ac-video-player.small.loading .loading-indicator > *:nth-child(7), .ac-video-player.medium.loading .loading-indicator > *:nth-child(7) {
-webkit-transform: rotate(270deg) translate(0, -13.5px);
-ms-transform: rotate(270deg) translate(0, -13.5px);
transform: rotate(270deg) translate(0, -13.5px);
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s; }
.ac-video-player.small.loading .loading-indicator > *:nth-child(8), .ac-video-player.medium.loading .loading-indicator > *:nth-child(8) {
-webkit-transform: rotate(315deg) translate(0, -13.5px);
-ms-transform: rotate(315deg) translate(0, -13.5px);
transform: rotate(315deg) translate(0, -13.5px);
-webkit-animation-delay: 0.875s;
animation-delay: 0.875s; }
.ac-video-player.loading .controls-container {
opacity: 1; }
.ac-video-player.loading .controls-container .controls-play-pause-button-container {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
.ac-video-player.loading .loading-indicator-container {
visibility: visible; }
.ac-video-player.loading .loading-indicator {
display: block;
opacity: 1; }
.ac-video-player.loading .loading-indicator > * {
width: 7px;
height: 18px;
background: #ffffff;
position: absolute;
display: block;
opacity: 0;
border-radius: 27.5px;
-webkit-animation-name: loading-fade;
animation-name: loading-fade;
-webkit-animation-direction: forward;
animation-direction: forward;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(1, 0.1, 0, 0.3);
animation-timing-function: cubic-bezier(1, 0.1, 0, 0.3); }
.ac-video-player.loading .loading-indicator > *:nth-child(0) {
-webkit-transform: rotate(-45deg) translate(0, -18.5px);
-ms-transform: rotate(-45deg) translate(0, -18.5px);
transform: rotate(-45deg) translate(0, -18.5px);
-webkit-animation-delay: -0.125s;
animation-delay: -0.125s; }
.ac-video-player.loading .loading-indicator > *:nth-child(1) {
-webkit-transform: rotate(0deg) translate(0, -18.5px);
-ms-transform: rotate(0deg) translate(0, -18.5px);
transform: rotate(0deg) translate(0, -18.5px);
-webkit-animation-delay: 0s;
animation-delay: 0s; }
.ac-video-player.loading .loading-indicator > *:nth-child(2) {
-webkit-transform: rotate(45deg) translate(0, -18.5px);
-ms-transform: rotate(45deg) translate(0, -18.5px);
transform: rotate(45deg) translate(0, -18.5px);
-webkit-animation-delay: 0.125s;
animation-delay: 0.125s; }
.ac-video-player.loading .loading-indicator > *:nth-child(3) {
-webkit-transform: rotate(90deg) translate(0, -18.5px);
-ms-transform: rotate(90deg) translate(0, -18.5px);
transform: rotate(90deg) translate(0, -18.5px);
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s; }
.ac-video-player.loading .loading-indicator > *:nth-child(4) {
-webkit-transform: rotate(135deg) translate(0, -18.5px);
-ms-transform: rotate(135deg) translate(0, -18.5px);
transform: rotate(135deg) translate(0, -18.5px);
-webkit-animation-delay: 0.375s;
animation-delay: 0.375s; }
.ac-video-player.loading .loading-indicator > *:nth-child(5) {
-webkit-transform: rotate(180deg) translate(0, -18.5px);
-ms-transform: rotate(180deg) translate(0, -18.5px);
transform: rotate(180deg) translate(0, -18.5px);
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s; }
.ac-video-player.loading .loading-indicator > *:nth-child(6) {
-webkit-transform: rotate(225deg) translate(0, -18.5px);
-ms-transform: rotate(225deg) translate(0, -18.5px);
transform: rotate(225deg) translate(0, -18.5px);
-webkit-animation-delay: 0.625s;
animation-delay: 0.625s; }
.ac-video-player.loading .loading-indicator > *:nth-child(7) {
-webkit-transform: rotate(270deg) translate(0, -18.5px);
-ms-transform: rotate(270deg) translate(0, -18.5px);
transform: rotate(270deg) translate(0, -18.5px);
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s; }
.ac-video-player.loading .loading-indicator > *:nth-child(8) {
-webkit-transform: rotate(315deg) translate(0, -18.5px);
-ms-transform: rotate(315deg) translate(0, -18.5px);
transform: rotate(315deg) translate(0, -18.5px);
-webkit-animation-delay: 0.875s;
animation-delay: 0.875s; }
@-webkit-keyframes loading-fade {
from {
opacity: 1; }
62.5% {
opacity: 0.12; }
to {
opacity: 0.12; } }
@keyframes loading-fade {
from {
opacity: 1; }
62.5% {
opacity: 0.12; }
to {
opacity: 0.12; } }
.ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay {
bottom: 13px; }
.ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay-image {
display: none; }
.ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay-chapter-title {
display: none; }
.ac-video-player.small .ac-slider-chapters-track {
display: none; }
.ac-video-player.medium .ac-video-overlay-container div .ac-video-trickplay {
width: 96px;
bottom: 23px; }
.ac-video-player.medium .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image {
height: 56px; }
.ac-video-player.medium .ac-video-overlay-container div.tft-video .ac-video-trickplay .ac-video-trickplay-image {
height: 40px; }
.ac-video-player.medium .ac-video-overlay-container div.square-video .ac-video-trickplay .ac-video-trickplay-image {
height: 96px; }
.ac-video-player.medium .ac-video-overlay-container div.vertical-video .ac-video-trickplay {
width: 56px;
bottom: 22px; }
.ac-video-player.medium .ac-video-overlay-container div.vertical-video .ac-video-trickplay .ac-video-trickplay-image {
height: 96px; }
.ac-video-player.large .ac-video-overlay-container div .ac-video-trickplay {
width: 144px;
bottom: 27px; }
.ac-video-player.large .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image {
height: 81px; }
.ac-video-player.large .ac-video-overlay-container div.tft-video .ac-video-trickplay .ac-video-trickplay-image {
height: 60px; }
.ac-video-player.large .ac-video-overlay-container div.square-video .ac-video-trickplay .ac-video-trickplay-image {
height: 144px; }
.ac-video-player.large .ac-video-overlay-container div.vertical-video .ac-video-trickplay {
width: 81px;
bottom: 27px; }
.ac-video-player.large .ac-video-overlay-container div.vertical-video .ac-video-trickplay .ac-video-trickplay-image {
height: 144px; }
.ac-video-player .ac-video-overlay-container {
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
z-index: 11; }
.ac-video-player .ac-video-overlay-container.hidden {
display: none; }
.ac-video-player .ac-video-overlay-container div {
bottom: 0;
position: absolute;
width: 100%; }
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image {
position: relative;
margin-bottom: 8px;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1) 0.05s, -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1) 0.05s;
transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1) 0.05s, transform 0.35s cubic-bezier(0, 0, 0.2, 1) 0.05s; }
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image.hidden {
opacity: 0;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s; }
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-time {
margin-bottom: 11px;
width: 180px;
text-align: center;
position: relative;
color: #fff;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 600;
font-size: 12px;
font-variant-numeric: tabular-nums;
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
line-height: 16px;
letter-spacing: -.09px;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), transform 0.35s cubic-bezier(0, 0, 0.2, 1); }
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title {
text-align: center;
position: relative;
color: #fff;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 600;
font-size: 12px;
line-height: 16px;
letter-spacing: -.09px;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), transform 0.35s cubic-bezier(0, 0, 0.2, 1); }
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title.hidden {
display: none; }
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title:not(:last-child) {
width: 180px; }
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-image {
opacity: 0;
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
-webkit-transition: opacity 0.35s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 0.35s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); }
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-time {
opacity: 0;
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); }
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-chapter-title {
opacity: 0;
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1); }
.ac-video-player.user-hover .start-state .ac-video-overlay-container,
.ac-video-player.user-hover .end-state .ac-video-overlay-container {
visibility: hidden; }
.ac-video-player.user-hover .ac-video-overlay-container {
visibility: visible; }
.ac-video-player.small .end-state-container {
padding: 0 16px 13px; }
.ac-video-player.medium .end-state-container {
padding: 0 20px 18px; }
.ac-video-player.large .end-state-container {
padding: 0 24px 22px; }
.ac-video-player .end-state-wrapper {
position: absolute;
bottom: 0;
width: 100%;
pointer-events: none; }
.ac-video-player.small .ac-video-player .end-state-wrapper {
height: 59px; }
.ac-video-player.medium .ac-video-player .end-state-wrapper {
height: 74px; }
.ac-video-player.large .ac-video-player .end-state-wrapper {
height: 84px; }
.ac-video-player .end-state-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
visibility: hidden;
width: 100%;
height: 100%;
box-sizing: border-box;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
pointer-events: all;
cursor: default;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px); }
.ac-video-player .end-state-container .end-state-item {
opacity: 0; }
.ac-video-player .end-state-container .end-state-item .end-state-link {
text-decoration: none; }
.ac-video-player .end-state-container .end-state-item:hover .end-state-text-container:before {
opacity: 1; }
.ac-video-player .end-state-container .end-state-item .end-state-text-container {
display: inline-block;
position: relative; }
.ac-video-player .end-state-container .end-state-item .end-state-text-container:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1px;
bottom: 2px;
left: 0;
background-color: #fff;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease; }
.ac-video-player .end-state .end-state-container {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1);
transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1);
visibility: visible; }
.ac-video-player .end-state .end-state-container.hidden {
display: none; }
.ac-video-player .end-state .end-state-container:hover .end-state-item:hover {
opacity: 1; }
.ac-video-player .end-state .end-state-container .end-state-item {
margin: 0 auto;
font-size: 14px;
letter-spacing: -0.37px;
line-height: 18px;
opacity: 0.8;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease; }
.ac-video-player .end-state .end-state-container .end-state-item:first-child {
padding-top: 0px;
padding-bottom: 6px; }
.ac-video-player .end-state .end-state-container .end-state-item:last-child {
padding-bottom: 0px; }
.ac-video-player .end-state .end-state-container .end-state-item:only-child {
padding-top: 0;
padding-bottom: 0; }
.ac-video-player .end-state .end-state-container .end-state-item .end-state-link {
color: #fff; }
.ac-video-player.medium .end-state-wrapper {
height: 72px; }
.ac-video-player.medium .end-state-item {
font-size: 17px;
letter-spacing: -0.37px;
line-height: 25px; }
.ac-video-player.medium .end-state-item:first-child {
padding-bottom: 7px; }
.ac-video-player.small .end-state .end-state-container .end-state-item {
font-size: 14px;
letter-spacing: -0.22px;
line-height: 20px; }
.ac-video-player.small .end-state .end-state-container .end-state-item:first-child {
padding-bottom: 4px; }
.ac-video-player.small .end-state .end-state-container .end-state-item:only-child {
padding-bottom: 10px; }
html[dir="rtl"] .controls-social-tray {
direction: rtl; }
.sharing-state {
text-align: center;
pointer-events: none; }
.ac-video-player.small .sharing-state {
height: 47px; }
.ac-video-player.medium .sharing-state {
height: 51px; }
.ac-video-player.large .sharing-state {
height: 55px; }
.sharing-state .acv-fb-share {
width: 1.25em;
max-width: 1.25em;
background-size: 20px; }
.mobile.sharing-state .acv-fb-share {
background-size: 27px; }
.sharing-state .acv-tw-share {
width: 1.3125em;
max-width: 1.3125em;
background-size: 21px; }
.mobile.sharing-state .acv-tw-share {
background-size: 28.35px; }
.sharing-state .acv-line-share {
width: 1.3125em;
max-width: 1.3125em;
background-size: 21px; }
.mobile.sharing-state .acv-line-share {
background-size: 28.35px; }
.sharing-state .copy-link {
width: 1.125em;
max-width: 1.125em;
background-size: 18px; }
.mobile.sharing-state .copy-link {
background-size: 24.3px; }
.sharing-state .copy-embed-code {
display: none !important; }
.sharing-state.embed-enabled .copy-embed-code {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
width: 1.375em;
max-width: 1.375em;
background-size: 22px; }
.mobile.sharing-state.embed-enabled .copy-embed-code {
background-size: 29.7px; }
.sharing-state .textinput-close-button {
width: 13px;
background-size: 13px; }
.mobile.sharing-state .textinput-close-button {
width: 17.55px;
background-size: 17.55px; }
.sharing-state .container {
background: rgba(110, 110, 115, 0.4);
border-radius: 8px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 0;
max-width: 290px;
padding-left: 5px;
padding-right: 5px; }
.mobile.sharing-state .container {
padding-left: 6.75px;
padding-right: 6.75px; }
.ac-video-player.small .sharing-state .container {
margin-top: 12px; }
.ac-video-player.medium .sharing-state .container {
margin-top: 16px; }
.ac-video-player.large .sharing-state .container {
margin-top: 20px; }
.sharing-state .container.hidden {
display: none; }
.sharing-state .container button {
border: 0;
padding: 0;
margin: 0;
text-transform: uppercase;
color: transparent;
overflow: hidden;
white-space: nowrap;
background-color: transparent;
cursor: pointer;
box-sizing: content-box;
line-height: 0;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
height: 35px; }
.mobile.sharing-state .container button {
height: 47.25px; }
.sharing-state .container .sharing-button-container {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px; }
.sharing-state .container .sharing-button-container button {
pointer-events: auto;
font: initial;
opacity: 0.8;
-webkit-transition: opacity 0.342s ease-out 0.038s, max-width 0.19s ease-out, width 0.19s ease-out, padding 0.19s ease-out, -webkit-transform 0.19s ease-out;
transition: opacity 0.342s ease-out 0.038s, max-width 0.19s ease-out, width 0.19s ease-out, padding 0.19s ease-out, transform 0.19s ease-out;
font-size: 16px;
padding-left: 8px;
padding-right: 8px; }
.mobile.sharing-state .container .sharing-button-container button {
font-size: 21.6px;
padding-left: 10.8px;
padding-right: 10.8px; }
.sharing-state .container .sharing-button-container button.hide-button {
display: none; }
.sharing-state .container .textarea-container {
font-size: 0;
visibility: hidden; }
.sharing-state .container .textarea-container span {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.sharing-state .container .textarea-container .copy-area {
background: none;
border: none;
color: #fff;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 600;
width: 0;
margin: 0;
padding-left: 2px;
padding-right: 0px;
text-align: left;
-webkit-transition: width 0.38s ease-out, -webkit-transform 0.38s ease-out;
transition: width 0.38s ease-out, transform 0.38s ease-out;
-webkit-transition-duration: 0.19s;
transition-duration: 0.19s;
font-size: 12px; }
.sharing-state .container .textarea-container .copy-area:focus {
outline: none; }
.mobile.sharing-state .container .textarea-container .copy-area {
font-size: 16.2px; }
.sharing-state .container .textarea-container .textinput-close-button {
opacity: 0;
max-width: 0;
padding: 0;
-webkit-transition: opacity 0.38s ease-out, max-width 0.19s ease-out, padding 0.19s ease-out;
transition: opacity 0.38s ease-out, max-width 0.19s ease-out, padding 0.19s ease-out; }
.sharing-state .container.textarea-active {
pointer-events: all;
background: rgba(110, 110, 115, 0.56); }
.sharing-state .container.textarea-active .textarea-container {
visibility: visible; }
.sharing-state .container.textarea-active .textarea-container .copy-area {
width: 207px;
-webkit-transition: width 0.38s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.38s cubic-bezier(0, 0, 0.2, 1);
transition: width 0.38s cubic-bezier(0, 0, 0.2, 1), transform 0.38s cubic-bezier(0, 0, 0.2, 1); }
.sharing-state .container.textarea-active .textarea-container .textinput-close-button {
opacity: 0.8;
padding-left: 12px;
padding-right: 11px;
-webkit-transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1) 0.19s, max-width 0.19s cubic-bezier(0, 0, 0.2, 1), padding 0.19s cubic-bezier(0, 0, 0.2, 1);
transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1) 0.19s, max-width 0.19s cubic-bezier(0, 0, 0.2, 1), padding 0.19s cubic-bezier(0, 0, 0.2, 1);
max-width: 13px; }
.mobile.sharing-state .container.textarea-active .textarea-container .textinput-close-button {
max-width: 17.55px; }
.sharing-state .container.textarea-active .social-sharing-container button:not(.active) {
opacity: 0;
max-width: 0;
width: 0;
padding: 0;
visibility: hidden;
-webkit-transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1), max-width 0.38s cubic-bezier(0, 0, 0.2, 1), width 0.38s cubic-bezier(0, 0, 0.2, 1), padding 0.38s cubic-bezier(0, 0, 0.2, 1);
transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1), max-width 0.38s cubic-bezier(0, 0, 0.2, 1), width 0.38s cubic-bezier(0, 0, 0.2, 1), padding 0.38s cubic-bezier(0, 0, 0.2, 1); }
.sharing-state .container.textarea-active .social-sharing-container button.active {
opacity: 0.8;
visibility: visible;
-webkit-transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1);
transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1); }
.threesixty-ui {
cursor: -webkit-grab;
cursor: grab; }
.threesixty-ui .ac-video-controls .compass-wrapper {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.threesixty-video .ac-video-controls .compass-wrapper {
display: inline-block; }
.ac-video-controls .compass-wrapper {
display: none; }
.compass-wrapper {
border: 0;
padding: 0;
margin: 0;
text-transform: uppercase;
color: transparent;
overflow: hidden;
white-space: nowrap;
background-color: transparent;
overflow: visible;
position: absolute;
top: -webkit-calc(50% - (38px / 2));
top: calc(50% - (38px / 2));
right: 17px;
height: 38px;
width: 38px;
z-index: 2;
opacity: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1), transform 0.5s cubic-bezier(0.4, 0, 0.6, 1); }
.compass-wrapper .compass-background {
width: 100%;
height: 100%;
position: absolute;
pointer-events: none;
-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s;
transition: transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; }
.compass-wrapper.show-arrows .compass-background {
-webkit-transform: scale(1.8);
-ms-transform: scale(1.8);
transform: scale(1.8);
-webkit-transition: -webkit-transform 0.335s cubic-bezier(0.4, 0, 0.6, 1);
transition: transform 0.335s cubic-bezier(0.4, 0, 0.6, 1); }
.compass-wrapper .compass {
border: 0;
padding: 0;
margin: 0;
text-transform: uppercase;
color: transparent;
overflow: hidden;
white-space: nowrap;
background-color: transparent;
cursor: inherit;
width: 38px;
height: 38px; }
.compass-wrapper .compass-ring {
width: 38px;
max-width: 38px;
position: absolute;
height: 38px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
box-sizing: border-box;
margin-top: 0px;
margin-left: 0px;
pointer-events: none;
will-change: transform; }
.compass-wrapper:hover {
cursor: pointer; }
.compass-wrapper .compass-field {
width: 38px;
max-width: 38px;
height: 38px;
position: absolute;
top: 0;
margin-top: 0px;
margin-left: 0px;
pointer-events: none; }
.compass-wrapper .compass-arrows {
pointer-events: none;
position: absolute;
width: 68px;
height: 68px;
top: -15px;
left: -15px;
opacity: 0;
-webkit-transition: opacity 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s;
transition: opacity 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; }
.compass-wrapper .compass-arrows .compass-arrow-top,
.compass-wrapper .compass-arrows .compass-arrow-right,
.compass-wrapper .compass-arrows .compass-arrow-bottom,
.compass-wrapper .compass-arrows .compass-arrow-left {
border: 0;
padding: 0;
margin: 0;
text-transform: uppercase;
color: transparent;
overflow: hidden;
white-space: nowrap;
background-color: transparent;
pointer-events: none;
cursor: inherit;
position: absolute;
width: 19px;
height: 19px;
opacity: 0.56;
will-change: opacity;
-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.03s;
transition: transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.03s; }
.compass-wrapper .compass-arrows .compass-arrow-top:focus, .compass-wrapper .compass-arrows .compass-arrow-top:active,
.compass-wrapper .compass-arrows .compass-arrow-right:focus,
.compass-wrapper .compass-arrows .compass-arrow-right:active,
.compass-wrapper .compass-arrows .compass-arrow-bottom:focus,
.compass-wrapper .compass-arrows .compass-arrow-bottom:active,
.compass-wrapper .compass-arrows .compass-arrow-left:focus,
.compass-wrapper .compass-arrows .compass-arrow-left:active {
opacity: 1; }
.ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-top, .ac-video-controls.mobile
.compass-wrapper .compass-arrows .compass-arrow-right, .ac-video-controls.mobile
.compass-wrapper .compass-arrows .compass-arrow-bottom, .ac-video-controls.mobile
.compass-wrapper .compass-arrows .compass-arrow-left {
pointer-events: all; }
.compass-wrapper .compass-arrows .compass-arrow-top {
top: 0;
left: 24px;
-webkit-transform: rotate(-90deg) translateX(-7px) scale(0.55);
-ms-transform: rotate(-90deg) translateX(-7px) scale(0.55);
transform: rotate(-90deg) translateX(-7px) scale(0.55); }
.compass-wrapper .compass-arrows .compass-arrow-right {
top: 24px;
left: 47px;
-webkit-transform: translateX(-7px) scale(0.55);
-ms-transform: translateX(-7px) scale(0.55);
transform: translateX(-7px) scale(0.55); }
.compass-wrapper .compass-arrows .compass-arrow-bottom {
top: 48px;
left: 25px;
-webkit-transform: rotate(90deg) translateX(-7px) scale(0.55);
-ms-transform: rotate(90deg) translateX(-7px) scale(0.55);
transform: rotate(90deg) translateX(-7px) scale(0.55); }
.compass-wrapper .compass-arrows .compass-arrow-left {
top: 24px;
left: 2px;
-webkit-transform: rotate(180deg) translateX(-7px) scale(0.55);
-ms-transform: rotate(180deg) translateX(-7px) scale(0.55);
transform: rotate(180deg) translateX(-7px) scale(0.55); }
.compass-wrapper.show-arrows .compass-arrows {
opacity: 1;
-webkit-transition: opacity 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s;
transition: opacity 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; }
.compass-wrapper.show-arrows .compass-arrow-top,
.compass-wrapper.show-arrows .compass-arrow-right,
.compass-wrapper.show-arrows .compass-arrow-bottom,
.compass-wrapper.show-arrows .compass-arrow-left {
pointer-events: all;
-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s;
transition: transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s; }
.compass-wrapper.show-arrows .compass-arrow-top {
-webkit-transform: rotate(-90deg) translateX(0) scale(1);
-ms-transform: rotate(-90deg) translateX(0) scale(1);
transform: rotate(-90deg) translateX(0) scale(1); }
.compass-wrapper.show-arrows .compass-arrow-right {
-webkit-transform: translateX(0) scale(1);
-ms-transform: translateX(0) scale(1);
transform: translateX(0) scale(1); }
.compass-wrapper.show-arrows .compass-arrow-bottom {
-webkit-transform: rotate(90deg) translateX(0) scale(1);
-ms-transform: rotate(90deg) translateX(0) scale(1);
transform: rotate(90deg) translateX(0) scale(1); }
.compass-wrapper.show-arrows .compass-arrow-left {
-webkit-transform: rotate(180deg) translateX(0) scale(1);
-ms-transform: rotate(180deg) translateX(0) scale(1);
transform: rotate(180deg) translateX(0) scale(1); }
.ac-video-controls.start-state .compass-wrapper {
visibility: hidden;
pointer-events: none;
opacity: 0; }
.ac-video-controls.end-state .compass-wrapper {
visibility: hidden;
pointer-events: none;
opacity: 0; }
.threesixty-ui .compass-wrapper {
opacity: 1;
-webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s;
transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s; }
.mouse-leave .compass-wrapper {
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s; }
.dragging .compass-wrapper {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.dragging .compass {
cursor: -webkit-grabbing;
cursor: grabbing; }
.ac-video-player .error-state-wrapper {
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
pointer-events: none;
visibility: hidden; }
.ac-video-player .error-state-wrapper .error-state-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
visibility: hidden;
width: 100%;
height: 100%;
box-sizing: border-box;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
pointer-events: all;
cursor: default;
background: rgba(0, 0, 0, 0.67); }
.ac-video-player .error-state-wrapper .error-state-container .error-state-message {
background-color: rgba(29, 29, 31, 0.8);
border-radius: 6px;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 17px;
color: white;
opacity: 1;
letter-spacing: -0.37px;
text-align: center;
line-height: 20px;
min-width: 40px;
max-width: 360px;
padding: 10px 16px;
outline: none; }
.ac-video-player:not(.idle-state).media-error .ac-video-controls {
opacity: 0;
visibility: hidden; }
.ac-video-player:not(.idle-state).media-error .error-state-wrapper {
visibility: visible;
pointer-events: all; }
.ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
visibility: visible; }
.ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container.hidden {
display: none; }
.ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container:hover .end-state-item:hover {
opacity: 1; }
.ac-player-tablet .modal {
display: none; }
.has-modal.modal-open .modal {
display: block; }
.modal .ac-video-player {
box-sizing: border-box; }
.modal .ac-video-player:before {
z-index: 1; }
.modal .ac-video-player .ac-video-not-supported {
background-color: transparent !important; }
@media (orientation: landscape) {
.modal .ac-player-container.ac-films-modal-mobile .ac-video-player {
margin: 56px; } }
.ac-modal-video-pip {
opacity: 0;
pointer-events: none;
display: block; }
.modal .modal-content {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.modal .modal-content.center-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.modal .modal-content.center-horizontal .ac-player-container {
position: relative;
width: auto; }
.modal .modal-content.center-horizontal .ac-player-container.ac-video-cinematic-aspect-ratio {
max-width: 1536px; }
.modal .modal-content.center-horizontal .ac-player-container.ac-video-cinematic-aspect-ratio .ac-video-player {
max-height: 640px; }
.modal .modal-content.center-horizontal .ac-player-container.ac-video-19x9-aspect-ratio {
max-width: 1624px; }
.modal .modal-content.center-horizontal .ac-player-container.ac-video-19x9-aspect-ratio .ac-video-player {
max-height: 750px; }
.modal .modal-content.center-horizontal .ac-player-container.ac-video-9x19-aspect-ratio {
max-width: 563px; }
.modal .modal-content.center-horizontal .ac-player-container.ac-video-9x19-aspect-ratio .ac-video-player {
max-height: 1218px; }
.modal .modal-content.center-horizontal .ac-player-container.ac-video-square-aspect-ratio {
max-width: 960px; }
.modal .modal-content.center-horizontal .ac-player-container.ac-video-square-aspect-ratio .ac-video-player {
max-height: 960px;
margin: 0px; }
.modal .modal-content.center-horizontal .ac-player-container.ac-video-vertical-aspect-ratio {
max-width: 540px; }
.modal .modal-content.center-horizontal .ac-player-container.ac-video-vertical-aspect-ratio.ac-films-modal-mobile {
max-width: 720px; }
.modal .modal-content.center-horizontal .ac-player-container.ac-video-vertical-aspect-ratio .ac-video-player {
max-height: 960px;
margin: 0px; }
.modal .modal-content.center-horizontal .ac-player-container.ac-films-modal-mobile .ac-video-player {
max-height: 85vh; }
.modal .modal-content.center-horizontal .ac-player-container .ac-video-player {
width: auto;
height: 100vh;
max-height: 720px; }
.modal .modal-content.center-horizontal .ac-player-container .ac-video-player video {
width: auto;
min-width: 320px; }
.modal .modal-content .ac-player-container {
max-width: 1280px;
width: 100vw;
min-width: 320px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.modal .modal-content .ac-player-container.ac-video-cinematic-aspect-ratio, .modal .modal-content .ac-player-container.ac-video-cinematic-aspect-ratio .ac-video-player .ac-video-poster {
max-width: 1536px; }
.modal .modal-content .ac-player-container.ac-films-modal-mobile {
min-width: 0px; }
.modal .modal-content .ac-player-container .ac-video-player {
overflow: hidden;
position: relative;
width: 100%;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.modal .modal-content .ac-player-container .ac-video-player video {
max-height: 100vh;
max-width: 100vw; }
.modal .modal-content .ac-player-container .ac-video-player .ac-video-poster {
top: auto;
left: auto;
justify-self: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.ac-video-player.ac-films-handheld-player {
position: fixed;
z-index: -1;
visibility: hidden;
width: 1px;
height: 1px;
top: 50%;
left: 50%; }
.ac-video-player.ac-films-handheld-player .error-state-wrapper {
display: none; }
.ac-video-player.ac-films-handheld-player.player-fullscreen {
visibility: visible; }
.as-thumbnail {
box-sizing: border-box;
overflow: hidden;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: top;
z-index: 1; }
.as-thumbnail:focus {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none; }
.as-thumbnail:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .as-thumbnail:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
box-shadow: none; }
.as-thumbnail, .as-thumbnail-image {
background-position: center;
background-size: cover; }
.as-thumbnail-image {
box-sizing: border-box;
display: block;
width: 100%;
height: 100%;
position: absolute; }
.as-thumbnail-scrim {
box-sizing: border-box;
height: 100%;
width: 100%;
position: absolute;
-webkit-transition: 500ms background-color cubic-bezier(0.4, 0, 0.6, 1);
transition: 500ms background-color cubic-bezier(0.4, 0, 0.6, 1); }
a:hover .as-thumbnail .as-thumbnail-copy, .as-thumbnail:hover .as-thumbnail-copy {
text-decoration: underline; }
.as-thumbnail .as-thumbnail-scrim {
background: rgba(0, 0, 0, 0.16); }
.as-thumbnail .as-thumbnail-button {
color: rgba(255, 255, 255, 0.8); }
.as-thumbnail .as-thumbnail-copy {
color: white; }
a:hover .as-thumbnail .as-thumbnail-scrim, .as-thumbnail:hover .as-thumbnail-scrim {
background: rgba(0, 0, 0, 0.32); }
a:hover .as-thumbnail .as-thumbnail-button, .as-thumbnail:hover .as-thumbnail-button {
color: white; }
a:hover .as-thumbnail .as-thumbnail-copy, .as-thumbnail:hover .as-thumbnail-copy {
color: white; }
.as-thumbnail .as-thumbnail-button {
font-size: 94px; }
.as-thumbnail .as-thumbnail-copy {
font-size: 32px;
line-height: 1.125;
font-weight: 600;
letter-spacing: 0.004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail .as-thumbnail-copy: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; }
.as-thumbnail .as-thumbnail-copy: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; }
.as-thumbnail .as-thumbnail-copy: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; }
.as-thumbnail .as-thumbnail-copy:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail .as-thumbnail-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail .as-thumbnail-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail .as-thumbnail-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; }
.as-thumbnail .as-thumbnail-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) {
.as-thumbnail .as-thumbnail-copy {
font-size: 28px;
line-height: 1.14286;
font-weight: 600;
letter-spacing: 0.007em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail .as-thumbnail-copy:lang(ko) {
line-height: 1.25;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail .as-thumbnail-copy:lang(th) {
line-height: 1.39286;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail .as-thumbnail-copy:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail .as-thumbnail-copy:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail .as-thumbnail-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail .as-thumbnail-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail .as-thumbnail-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; }
.as-thumbnail .as-thumbnail-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) {
.as-thumbnail .as-thumbnail-copy {
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: 0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail .as-thumbnail-copy: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; }
.as-thumbnail .as-thumbnail-copy: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; }
.as-thumbnail .as-thumbnail-copy: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; }
.as-thumbnail .as-thumbnail-copy:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail .as-thumbnail-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail .as-thumbnail-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail .as-thumbnail-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; }
.as-thumbnail .as-thumbnail-copy:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.as-thumbnail-rounded {
border-radius: 18px; }
.as-thumbnail-button {
display: block;
text-align: center;
cursor: pointer;
-webkit-transition: 500ms color ease;
transition: 500ms color ease; }
.as-thumbnail-button::before, .as-thumbnail-button::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: ''; }
.as-thumbnail-button::before, .as-thumbnail-button::after {
text-decoration: none; }
.as-thumbnail-button::before {
display: none; }
.as-thumbnail-button::before, .as-thumbnail-button::after {
content: ""; }
.as-thumbnail-button::after {
height: 100%; }
.as-thumbnail-button:focus {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none; }
.as-thumbnail-button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .as-thumbnail-button:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
box-shadow: none; }
.as-thumbnail-copy {
position: relative; }
.as-thumbnail-copy::before, .as-thumbnail-copy::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: ''; }
.as-thumbnail-copy::before, .as-thumbnail-copy::after {
text-decoration: none; }
.as-thumbnail-copy::before {
display: none; }
.as-thumbnail-copy::before, .as-thumbnail-copy::after {
content: ""; }
.as-thumbnail-copy::after {
padding-left: 0.3em;
top: 0; }
.as-thumbnail-fullsize .as-thumbnail-button {
font-size: 94px; }
.as-thumbnail-fullsize .as-thumbnail-copy {
font-size: 32px;
line-height: 1.125;
font-weight: 600;
letter-spacing: 0.004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-fullsize .as-thumbnail-copy: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; }
.as-thumbnail-fullsize .as-thumbnail-copy: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; }
.as-thumbnail-fullsize .as-thumbnail-copy: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; }
.as-thumbnail-fullsize .as-thumbnail-copy:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-fullsize .as-thumbnail-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-fullsize .as-thumbnail-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-fullsize .as-thumbnail-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; }
.as-thumbnail-fullsize .as-thumbnail-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) {
.as-thumbnail-fullsize .as-thumbnail-copy {
font-size: 28px;
line-height: 1.14286;
font-weight: 600;
letter-spacing: 0.007em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-fullsize .as-thumbnail-copy:lang(ko) {
line-height: 1.25;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-fullsize .as-thumbnail-copy:lang(th) {
line-height: 1.39286;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-fullsize .as-thumbnail-copy:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-fullsize .as-thumbnail-copy:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-fullsize .as-thumbnail-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-fullsize .as-thumbnail-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-fullsize .as-thumbnail-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; }
.as-thumbnail-fullsize .as-thumbnail-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) {
.as-thumbnail-fullsize .as-thumbnail-copy {
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: 0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-fullsize .as-thumbnail-copy: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; }
.as-thumbnail-fullsize .as-thumbnail-copy: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; }
.as-thumbnail-fullsize .as-thumbnail-copy: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; }
.as-thumbnail-fullsize .as-thumbnail-copy:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-fullsize .as-thumbnail-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-fullsize .as-thumbnail-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-fullsize .as-thumbnail-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; }
.as-thumbnail-fullsize .as-thumbnail-copy:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.as-thumbnail-fullsize.as-thumbnail-rounded {
border-radius: 18px; }
.as-thumbnail-compact .as-thumbnail-button {
font-size: 58px; }
.as-thumbnail-compact .as-thumbnail-copy {
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: 0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-compact .as-thumbnail-copy: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; }
.as-thumbnail-compact .as-thumbnail-copy: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; }
.as-thumbnail-compact .as-thumbnail-copy: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; }
.as-thumbnail-compact .as-thumbnail-copy:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-compact .as-thumbnail-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-compact .as-thumbnail-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-compact .as-thumbnail-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; }
.as-thumbnail-compact .as-thumbnail-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) {
.as-thumbnail-compact .as-thumbnail-copy {
font-size: 21px;
line-height: 1.19048;
font-weight: 600;
letter-spacing: 0.011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-compact .as-thumbnail-copy: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; }
.as-thumbnail-compact .as-thumbnail-copy: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; }
.as-thumbnail-compact .as-thumbnail-copy:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-compact .as-thumbnail-copy:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-compact .as-thumbnail-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-compact .as-thumbnail-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-compact .as-thumbnail-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; }
.as-thumbnail-compact .as-thumbnail-copy:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.as-thumbnail-compact.as-thumbnail-rounded {
border-radius: 15px; }
.as-thumbnail-tiny .as-thumbnail-button {
font-size: 36px; }
.as-thumbnail-tiny .as-thumbnail-copy {
font-size: 19px;
line-height: 1.21053;
font-weight: 600;
letter-spacing: 0.012em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-tiny .as-thumbnail-copy: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; }
.as-thumbnail-tiny .as-thumbnail-copy:lang(ja) {
line-height: 1.26316;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-tiny .as-thumbnail-copy: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; }
.as-thumbnail-tiny .as-thumbnail-copy:lang(th) {
line-height: 1.36844;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-tiny .as-thumbnail-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-tiny .as-thumbnail-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-tiny .as-thumbnail-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; }
.as-thumbnail-tiny .as-thumbnail-copy:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-thumbnail-tiny.as-thumbnail-rounded {
border-radius: 10px; }
.as-video-wrapper {
margin-left: auto;
margin-right: auto;
width: 980px;
margin-top: 68px; }
@media only screen and (min-width: 1441px) {
.as-video-wrapper {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.as-video-wrapper {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.as-video-wrapper {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
@media only screen and (max-width: 734px) {
.as-video-wrapper {
margin-top: 48px; } }
.as-thumbnail {
position: relative;
background-size: contain;
border-radius: 15px; }
.as-thumbnail::after {
content: "";
display: block;
padding-top: 56.25%; }
@media only screen and (max-width: 734px) {
.as-thumbnail {
border-radius: 10px; } }
.as-thumbnail img.as-thumbnail-img {
display: block;
width: 100%;
height: 100%;
position: absolute;
background-position: center;
background-size: cover; }
.as-thumbnail-content {
margin-top: 1.2em; }
@media only screen and (max-width: 734px) {
.as-thumbnail-content {
margin-top: 1em; } }
.as-section-title + .as-video-wrapper {
margin-top: 54px; }
.as-richtext + .links-stacked {
margin-top: 0.8em; }
/* as-promo.scss */
.as-promo {
margin-left: auto;
margin-right: auto;
width: 980px;
margin-top: 54px; }
@media only screen and (min-width: 1441px) {
.as-promo {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.as-promo {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.as-promo {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
.as-promo.as-center .as-promo-link {
text-align: center; }
.as-promo.as-promo--4up .as-promo-inner, .as-promo.as-promo--3up .as-promo-inner, .as-promo.as-promo--2up .as-promo-inner {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.as-promo .as-promo-item .as-promo-inner {
margin: 0 auto; }
.as-promo .as-promo-item .as-promo-inner .as-promo-image {
display: block;
margin: 0 auto;
width: 60px;
height: 60px; }
.as-promo .as-promo-item .as-promo-inner .as-promo-image + .as-promo-link {
margin-top: 0.8em; }
@media only screen and (max-width: 734px) {
.as-promo .as-promo-item .as-promo-inner .as-promo-image {
margin-bottom: 0; } }
@media only screen and (max-width: 734px) {
.as-promo .as-promo-item {
padding-bottom: 46px; } }
.as-promo .as-promo-item .as-promo-link {
text-align: center;
display: block;
color: #0066cc; }
.as-promo div.as-promo-item .as-promo-link {
color: #1d1d1f;
pointer-events: none; }
.as-promo a.as-promo-item:hover {
text-decoration: none; }
.as-promo a.as-promo-item:hover .icon-copy {
text-decoration: underline; }
@media only screen and (max-width: 734px) {
.as-promo .row > .as-promo-item:nth-last-child(-n+2) {
padding-bottom: 0px; } }
/* end as-promo.scss */
@charset "UTF-8";
/* as-contentblock.scss */
.as-content-block {
margin-top: 68px;
margin-left: auto;
margin-right: auto;
width: 980px; }
@media only screen and (min-width: 1441px) {
.as-content-block {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.as-content-block {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.as-content-block {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
.as-content-block .row .as-contentblock-item {
width: 100%; }
.as-content-block .row .as-contentblock-item .as-contentblock-img .as-contentblock-image {
height: auto;
max-width: 100%;
display: block; }
.as-content-block .row .as-contentblock-item .as-contentblock-img.justify-content-center .as-contentblock-image {
margin: 0 auto; }
.as-content-block .row .as-contentblock-item .as-contentblock-img + .as-contentblock-block {
margin-top: 1.2em; }
.as-content-block .row .as-contentblock-item .as-contentblock-block {
max-width: 100%; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline {
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: 0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-copy {
font-size: 17px;
line-height: 1.47059;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-copy:lang(zh) {
letter-spacing: 0em; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-copy:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-copy:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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) {
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline {
font-size: 21px;
line-height: 1.19048;
font-weight: 600;
letter-spacing: 0.011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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) {
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline {
font-size: 21px;
line-height: 1.19048;
font-weight: 600;
letter-spacing: 0.011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-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; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .lockup-headline:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.as-content-block .row .as-contentblock-item .as-contentblock-block .as-contentblock-title {
display: block;
margin-left: 0px;
margin-right: 0px; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .as-richText p {
max-width: 100%;
word-wrap: break-word; }
.as-content-block .row .as-contentblock-item .as-contentblock-block .as-richText + * {
margin-top: 0.8em; }
.as-content-block .row .as-contentblock-item .as-contentblock-block.justify-content-start {
text-align: left; }
.as-content-block .row .as-contentblock-item .as-contentblock-block.justify-content-center {
text-align: center; }
@media only screen and (max-width: 1068px) {
.as-content-block .row.as-contentblock--2up .as-contentblock-item:first-child {
padding-right: 28px; } }
@media only screen and (max-width: 734px) {
.as-content-block .row.as-contentblock--2up .as-contentblock-item:first-child {
padding-right: 0px; } }
@media only screen and (max-width: 1068px) {
.as-content-block .row.as-contentblock--2up .as-contentblock-item:last-child {
padding-left: 28px; } }
@media only screen and (max-width: 734px) {
.as-content-block .row.as-contentblock--2up .as-contentblock-item:last-child {
padding-left: 0px; } }
@media only screen and (min-width: 1069px) {
.as-content-block .row.as-contentblock--3up .as-contentblock-item {
width: 286px; } }
.as-content-block .row.as-contentblock--3up .as-contentblock-item:first-child {
margin-right: 40.5px; }
@media only screen and (max-width: 1068px) {
.as-content-block .row.as-contentblock--3up .as-contentblock-item:first-child {
padding-right: 28px;
margin-right: 0; } }
@media only screen and (max-width: 734px) {
.as-content-block .row.as-contentblock--3up .as-contentblock-item:first-child {
padding-right: 0px; } }
.as-content-block .row.as-contentblock--3up .as-contentblock-item:nth-child(2) {
margin-left: 20.5px;
margin-right: 20.5px; }
@media only screen and (max-width: 1068px) {
.as-content-block .row.as-contentblock--3up .as-contentblock-item:nth-child(2) {
padding-left: 28px;
margin-left: 0;
margin-right: 0; } }
@media only screen and (max-width: 734px) {
.as-content-block .row.as-contentblock--3up .as-contentblock-item:nth-child(2) {
padding-left: 0px; } }
.as-content-block .row.as-contentblock--3up .as-contentblock-item:last-child {
margin-left: 40.5px; }
@media only screen and (max-width: 1068px) {
.as-content-block .row.as-contentblock--3up .as-contentblock-item:last-child {
margin-top: 54px;
margin-left: 0; } }
.as-section-title + .as-content-block,
.as-content-block + .as-content-block {
margin-top: 54px; }
@media only screen and (max-width: 734px) {
.as-contentblock-item ~ .as-contentblock-item {
margin-top: 54px; } }
/* end as-contentblock.scss */
/* as-simpple-link.scss */
.as-simple-link-wrapper {
margin-left: auto;
margin-right: auto;
width: 980px;
margin-top: 1em; }
@media only screen and (min-width: 1441px) {
.as-simple-link-wrapper {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.as-simple-link-wrapper {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.as-simple-link-wrapper {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
.as-simple-link-wrapper.as-simplelink--light .as-simple-link {
color: #2997ff; }
@media only screen and (max-width: 734px) {
.as-simple-link-wrapper.as-simplelink--light .as-simple-link {
color: #0066cc; } }
/* as-simplelist.scss */
.as-simple-list-wrapper {
margin-left: auto;
margin-right: auto;
width: 980px;
margin-top: 1.6em; }
@media only screen and (min-width: 1441px) {
.as-simple-list-wrapper {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.as-simple-list-wrapper {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.as-simple-list-wrapper {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
.as-simple-list-wrapper.neutral a {
color: #1d1d1f; }
.as-simple-list-wrapper .as-simple-list-title {
font-weight: 600; }
.as-simple-list-wrapper .as-simple-list-title + ul {
margin-top: 0.4em; }
.as-simple-list-wrapper .links-stacked a {
display: inline-block;
word-break: break-word; }
.as-simple-list-wrapper.dynamic ul.links-stacked {
-webkit-column-gap: 0;
column-gap: 0;
margin-top: 0.4em; }
@media only screen and (max-width: 1068px) {
.as-simple-list-wrapper.dynamic ul.links-stacked {
-webkit-column-count: 2;
column-count: 2; } }
@media only screen and (max-width: 734px) {
.as-simple-list-wrapper.dynamic ul.links-stacked {
-webkit-column-count: 1;
column-count: 1; } }
.as-simple-list-wrapper.dynamic .links-stacked li {
margin: 0;
padding-bottom: 0.4em;
-webkit-column-break-inside: avoid;
break-inside: avoid; }
@media only screen and (min-width: 1069px) {
.as-simple-list-wrapper.dynamic .links-stacked li {
padding-right: 40.83333px; } }
@media only screen and (max-width: 1068px) {
.as-simple-list-wrapper.dynamic .links-stacked li {
padding-right: 28.83333px; } }
@media only screen and (max-width: 734px) {
.as-simple-list-wrapper.dynamic .links-stacked li {
padding-right: 0; } }
.as-simple-list-wrapper.dynamic-col2 .links-stacked {
-webkit-column-count: 2;
column-count: 2; }
.as-simple-list-wrapper.dynamic-col3 .links-stacked {
-webkit-column-count: 3;
column-count: 3; }
.as-simple-list-wrapper.dynamic-col4 .links-stacked {
-webkit-column-count: 4;
column-count: 4; }
/* end as-simplelist.scss */
/* as-tile.scss */
.as-tile {
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
height: 100%;
position: relative;
overflow: hidden;
background-color: white; }
.as-tile-content {
padding: 60px 8.33333%; }
.as-tile-button {
background-color: rgba(210, 210, 215, 0.64);
color: rgba(0, 0, 0, 0.56); }
.as-tile-button:hover {
background-color: rgba(223, 223, 227, 0.6976); }
.as-tile-button:active {
background-color: rgba(193, 193, 198, 0.6544); }
.as-tile-button:hover {
color: rgba(0, 0, 0, 0.64); }
.as-tile-button-wrapper {
width: 44px;
height: 44px;
bottom: 16px;
right: 16px;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute; }
@media only screen and (max-width: 1068px) {
.as-tile-button-wrapper {
bottom: 13px;
right: 13px; } }
.as-tile-button-wrapper:focus {
outline: none; }
.as-tile-button-wrapper:focus .as-tile-button {
box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
outline: none; }
.as-tile-button-wrapper:focus .as-tile-button[data-focus-method="mouse"]:not(input):not(textarea):not(select), .as-tile-button-wrapper:focus .as-tile-button[data-focus-method="touch"]:not(input):not(textarea):not(select) {
box-shadow: none; }
.as-tile-button-wrapper:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select) .as-tile-button, .as-tile-button-wrapper:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) .as-tile-button {
box-shadow: none; }
.as-tile-button {
width: 36px;
height: 36px;
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-transition: 100ms background-color linear;
transition: 100ms background-color linear; }
.as-tile-icon {
fill: currentColor;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 20px;
height: 20px; }
.as-tile-icon[viewBox='0 0 40 40'] {
width: 100%;
height: 100%;
position: unset;
left: unset;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset; }
.as-tile-rounded {
border-radius: 18px; }
.as-tile-shadow {
box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.08); }
.as-tile-wrapper {
margin-top: 68px;
padding: 0; }
.as-tile-wrapper.as-fluid {
margin-left: auto;
margin-right: auto;
width: 980px; }
@media only screen and (min-width: 1441px) {
.as-tile-wrapper.as-fluid {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.as-tile-wrapper.as-fluid {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.as-tile-wrapper.as-fluid {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
@media only screen and (max-width: 734px) {
.as-tile-wrapper.as-fluid .as-tile {
max-width: 480px; } }
.as-tile-wrapper.as-fluid + .as-fluid {
margin-top: 24px; }
.as-tile-wrapper.as-fluid + .as-fullbleed {
margin-top: 68px; }
.as-tile-wrapper.as-fullbleed {
width: 100%; }
.as-tile-wrapper.as-fullbleed + .as-fullbleed {
margin-top: 24px; }
.as-tile-wrapper.as-fullbleed + .as-fluid {
margin-top: 68px; }
.as-tile-wrapper .link-neutral {
color: #1d1d1f; }
.as-tile-wrapper .as-tile .as-tile-content {
padding: 40px 8.33333%;
word-break: break-word; }
.as-tile-wrapper .as-tile .as-tile-content .as-tile-image-chiklet {
height: 60px;
width: 60px;
vertical-align: bottom;
margin-bottom: 16px; }
.as-tile-wrapper .as-tile .as-tile-content .as-richText p {
max-width: 100%;
word-wrap: break-word; }
.as-tile-wrapper .as-tile .as-tile-content .as-richText + * {
margin-top: 0.8em; }
.as-tile-wrapper .as-tile .as-tile-image {
display: grid; }
.as-tile-wrapper .as-tile .as-tile-image img {
display: block;
height: auto; }
@media only screen and (min-width: 735px) {
.as-tile-wrapper .as-tile .as-tile-image img {
max-width: var(--width-large); } }
@media only screen and (max-width: 734px) {
.as-tile-wrapper .as-tile .as-tile-image img {
max-width: var(--width-small); } }
.as-tile-wrapper .as-tile.as-tile-gray {
background: #f5f5f7; }
.as-tile-wrapper + .as-tile-wrapper {
margin-top: 24px; }
.as-tile-wrapper .as-tile-shadow {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.5, 1);
transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1); }
.as-tile-wrapper .as-tile-shadow:hover {
-webkit-transform: scale3d(1.02, 1.02, 1.02);
transform: scale3d(1.02, 1.02, 1.02); }
.as-tile--2by3up .as-tile {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.as-tile--1up.as-tile-horizontal .as-tile {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
width: 100%; }
.as-tile--1up.as-tile-horizontal .as-tile-content {
margin: auto 0; }
.as-tile--1up.as-tile-horizontal .as-tile-content,
.as-tile--1up.as-tile-horizontal .as-tile-image {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
@media only screen and (max-width: 734px) {
.as-tile--1up.as-tile-horizontal .as-tile-content,
.as-tile--1up.as-tile-horizontal .as-tile-image {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; } }
.as-tile--1up.as-tile-horizontal .as-tile-image {
overflow: hidden; }
.as-tile--3up.as-tile--topics .as-tile {
display: block; }
@media only screen and (min-width: 1069px) {
.as-tile--3up.as-tile--3upcenter .grid-item {
left: 50%; } }
.as-tile--3up:not(.as-tile--topics) .as-tile {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.as-container-column .column-item > .as-tile-wrapper:not(:first-child),
.as-container-column .column-item > .as-banner-row > .as-tile-wrapper:not(:first-child) {
margin-top: 68px; }
.as-container-column .column-item .as-tile-wrapper,
.as-container-column .column-item > .as-banner-row .as-tile-wrapper {
margin-top: 24px; }
.as-container-column .column-item .as-tile-wrapper.as-fluid + .as-fluid,
.as-container-column .column-item > .as-banner-row .as-tile-wrapper.as-fluid + .as-fluid {
margin-top: 24px; }
.as-container-column .column-item .as-tile-wrapper.as-fullbleed + .as-fullbleed,
.as-container-column .column-item > .as-banner-row .as-tile-wrapper.as-fullbleed + .as-fullbleed {
margin-top: 24px; }
/* end as-tile.scss */
/* locale dropdown scss */
.as-locale-dropdown {
margin-left: auto;
margin-right: auto;
width: 980px;
margin-top: 68px; }
@media only screen and (min-width: 1441px) {
.as-locale-dropdown {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.as-locale-dropdown {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.as-locale-dropdown {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
@media only screen and (max-width: 1068px) {
.as-locale-dropdown {
margin-top: 54px; } }
@media only screen and (max-width: 734px) {
.as-locale-dropdown {
margin-top: 48px; } }
.as-locale-dropdown .form-dropdown {
margin-bottom: 0; }
/* end of locale dropdown scss */
@charset "UTF-8";
/* rich text editor css */
.as-richtext-wrapper {
margin-left: auto;
margin-right: auto;
width: 980px; }
@media only screen and (min-width: 1441px) {
.as-richtext-wrapper {
margin-left: auto;
margin-right: auto;
width: 980px; } }
@media only screen and (max-width: 1068px) {
.as-richtext-wrapper {
margin-left: auto;
margin-right: auto;
width: 692px; } }
@media only screen and (max-width: 734px) {
.as-richtext-wrapper {
margin-left: auto;
margin-right: auto;
width: 87.5%; } }
.as-richtext-wrapper.as-richtext-elevated {
margin-top: 68px; }
@media only screen and (max-width: 1068px) {
.as-richtext-wrapper.as-richtext-elevated {
margin-top: 54px; } }
@media only screen and (max-width: 734px) {
.as-richtext-wrapper.as-richtext-elevated {
margin-top: 48px; } }
.as-richtext-wrapper.as-richtext-base {
margin-top: 54px; }
.as-richtext-wrapper.as-richtext-reduced {
margin-top: 24px; }
.as-richtext-wrapper.as-richtext-none {
margin-top: 0px; }
.as-richtext-wrapper.as-richtext-none h1 {
margin-top: 1.4em; }
.as-richtext-wrapper.as-richtext-none h2,
.as-richtext-wrapper.as-richtext-none h3,
.as-richtext-wrapper.as-richtext-none h4,
.as-richtext-wrapper.as-richtext-none h5 {
margin-top: 0.8em; }
.as-richtext-wrapper.as-richtext-none h1 span.alt-heading {
margin-top: -0.6666em; }
.as-richtext-wrapper.as-richtext-none h2 span.alt-heading {
margin-top: 1.2em; }
.as-richtext-wrapper.as-callout-wrapper + .as-callout-wrapper {
margin-top: 24px; }
.as-richtext {
position: relative;
word-break: break-word; }
.as-richtext h1 {
font-size: 64px;
line-height: 1.0625;
font-weight: 600;
letter-spacing: -0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1: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; }
.as-richtext h1: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; }
.as-richtext h1: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; }
.as-richtext h1:lang(zh) {
letter-spacing: 0em; }
.as-richtext h1:lang(th) {
line-height: 1.34375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 1068px) {
.as-richtext h1 {
font-size: 48px;
line-height: 1.08349;
font-weight: 600;
letter-spacing: -0.003em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(ar) {
line-height: 1.25;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(ja) {
line-height: 1.14599;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(ko) {
line-height: 1.1875;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(zh) {
letter-spacing: 0em; }
.as-richtext h1:lang(th) {
line-height: 1.33349;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
@media only screen and (max-width: 734px) {
.as-richtext h1 {
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: 0em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(ar) {
line-height: 1.3;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(ja) {
line-height: 1.175;
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(ko) {
line-height: 1.2;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(th) {
line-height: 1.35;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h1:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.as-richtext h2 {
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; }
.as-richtext h2: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; }
.as-richtext h2: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; }
.as-richtext h2: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; }
.as-richtext h2:lang(th) {
line-height: 1.35;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h2:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h2:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h2:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h2:lang(zh-TW) {
font-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) {
.as-richtext h2 {
font-size: 32px;
line-height: 1.125;
font-weight: 600;
letter-spacing: 0.004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h2: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; }
.as-richtext h2: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; }
.as-richtext h2: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; }
.as-richtext h2:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h2:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h2:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h2:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h2:lang(zh-TW) {
font-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) {
.as-richtext h2 {
font-size: 28px;
line-height: 1.14286;
font-weight: 600;
letter-spacing: 0.007em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h2: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; }
.as-richtext h2:lang(th) {
line-height: 1.39286;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h2:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h2: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; }
.as-richtext h2:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h2:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h2:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h2:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.as-richtext h3 {
font-size: 32px;
line-height: 1.125;
font-weight: 600;
letter-spacing: 0.004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3: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; }
.as-richtext h3: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; }
.as-richtext h3: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; }
.as-richtext h3:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 1068px) {
.as-richtext h3 {
font-size: 28px;
line-height: 1.14286;
font-weight: 600;
letter-spacing: 0.007em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(ko) {
line-height: 1.25;
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(th) {
line-height: 1.39286;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
@media only screen and (max-width: 734px) {
.as-richtext h3 {
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: 0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3: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; }
.as-richtext h3: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; }
.as-richtext h3: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; }
.as-richtext h3:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h3:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.as-richtext h4 {
font-size: 24px;
line-height: 1.16667;
font-weight: 600;
letter-spacing: 0.009em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h4: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; }
.as-richtext h4: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; }
.as-richtext h4: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; }
.as-richtext h4:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h4:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h4:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h4:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h4:lang(zh-TW) {
font-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) {
.as-richtext h4 {
font-size: 21px;
line-height: 1.19048;
font-weight: 600;
letter-spacing: 0.011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h4: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; }
.as-richtext h4: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; }
.as-richtext h4:lang(th) {
line-height: 1.381;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h4:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h4:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h4:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h4:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h4:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.as-richtext h5 {
font-size: 17px;
line-height: 1.47059;
font-weight: 400;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 600; }
.as-richtext h5: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; }
.as-richtext h5: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; }
.as-richtext h5: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; }
.as-richtext h5:lang(zh) {
letter-spacing: 0em; }
.as-richtext h5: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; }
.as-richtext h5:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h5:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h5:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext h5:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext p + h1,
.as-richtext p + h2,
.as-richtext p + h3,
.as-richtext p + h4,
.as-richtext p + h5 {
margin-top: 15px; }
.as-richtext p img {
display: inline-block;
vertical-align: bottom; }
.as-richtext.as-callout {
border-radius: 18px;
color: #1d1d1f;
padding: 40px 8.33333%; }
.as-richtext.as-callout img {
margin: 5px 0 15px 0; }
.as-richtext.as-callout h1,
.as-richtext.as-callout h2,
.as-richtext.as-callout h3,
.as-richtext.as-callout h4,
.as-richtext.as-callout h5 {
margin-top: 0; }
.as-richtext.as-callout.as-callout-neutral {
background: white; }
.as-richtext.as-callout.as-callout-gray {
border: 1px solid;
background: #f5f5f7;
border-color: rgba(0, 0, 0, 0); }
.as-richtext span.alt-heading {
font-size: 48px;
line-height: 1.08349;
font-weight: 600;
letter-spacing: -0.003em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
display: block; }
.as-richtext span.alt-heading: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; }
.as-richtext span.alt-heading: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; }
.as-richtext span.alt-heading: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; }
.as-richtext span.alt-heading:lang(zh) {
letter-spacing: 0em; }
.as-richtext span.alt-heading:lang(th) {
line-height: 1.33349;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext span.alt-heading:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext span.alt-heading:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext span.alt-heading:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext span.alt-heading:lang(zh-TW) {
font-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) {
.as-richtext span.alt-heading {
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; }
.as-richtext span.alt-heading: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; }
.as-richtext span.alt-heading: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; }
.as-richtext span.alt-heading: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; }
.as-richtext span.alt-heading:lang(th) {
line-height: 1.35;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext span.alt-heading:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext span.alt-heading:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext span.alt-heading:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext span.alt-heading:lang(zh-TW) {
font-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) {
.as-richtext span.alt-heading {
font-size: 32px;
line-height: 1.125;
font-weight: 600;
letter-spacing: 0.004em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext span.alt-heading: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; }
.as-richtext span.alt-heading: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; }
.as-richtext span.alt-heading: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; }
.as-richtext span.alt-heading:lang(th) {
line-height: 1.375;
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext span.alt-heading:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext span.alt-heading:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext span.alt-heading:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext span.alt-heading:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.as-richtext .note {
font-size: 14px;
line-height: 1.42859;
font-weight: 400;
letter-spacing: -0.016em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
color: #1d1d1f; }
.as-richtext .note: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; }
.as-richtext .note: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; }
.as-richtext .note: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; }
.as-richtext .note:lang(zh) {
letter-spacing: 0em; }
.as-richtext .note: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; }
.as-richtext .note:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext .note:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext .note:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext .note:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-richtext ul li,
.as-richtext ol li {
margin-top: 0.4em; }
.as-richtext ol ol {
list-style-type: lower-alpha; }
.as-richtext ol ol ol {
list-style-type: lower-roman; }
.as-richtext br + img {
margin: 1em 0; }
.as-richtext table {
border-collapse: collapse;
min-width: 500px; }
@media only screen and (max-width: 734px) {
.as-richtext table {
min-width: auto;
width: 100%; } }
.as-richtext table th {
font-weight: 600;
background: #f5f5f5; }
.as-richtext table th,
.as-richtext table td {
padding: 8px;
line-height: 1.5;
border: 1px solid #ddd;
vertical-align: top; }
.as-richtext table th.center,
.as-richtext table td.center {
text-align: center; }
.as-richtext table td.date {
white-space: nowrap; }
.as-richtext table th.icon,
.as-richtext table td.icon {
text-align: center; }
.as-richtext table[border="0"] th,
.as-richtext table[border="0"] td {
border: none; }
.as-richtext .table-responsive {
margin: 1em 0; }
@media only screen and (max-width: 1068px) {
.as-richtext .table-responsive {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; } }
.as-richtext pre,
.as-richtext code {
border: 1px solid #dedede;
color: #666;
background-color: #fafbfc;
font-size: 16px;
font-size: 1rem; }
.as-richtext pre {
display: block;
overflow: auto;
padding: 8px;
margin-bottom: 28px; }
.as-richtext code {
padding: 2px 4px; }
.as-richtext strong, .as-richtext b {
font-weight: 600;
color: #1d1d1f; }
/* end of rich text editor css */
@charset "UTF-8";
/* local navigation css */
#as-localnav-viewport-emitter {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
visibility: hidden;
z-index: -1; }
#as-localnav-viewport-emitter::before {
content: "ac-localnav:large"; }
@media only screen and (max-width: 1023px) {
#as-localnav-viewport-emitter::before {
content: "ac-localnav:medium"; } }
@media only screen and (max-width: 767px) {
#as-localnav-viewport-emitter::before {
content: "ac-localnav:small"; } }
.as-localnav {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 52px;
min-width: 1024px;
z-index: 9997; }
@media only screen and (max-width: 1044px) {
.as-localnav {
min-width: 320px; } }
.as-localnav.as-localnav-stacked {
height: 66px; }
@media only screen and (max-width: 767px) {
.as-localnav {
height: 48px; }
.as-localnav.as-localnav-stacked {
height: 63px; } }
.as-localnav-overlap .as-localnav {
margin-bottom: -52px; }
.as-localnav.as-localnav-stacked .as-localnav-overlap .as-localnav {
margin-bottom: -66px; }
@media only screen and (max-width: 767px) {
.as-localnav-overlap .as-localnav {
margin-bottom: -48px; }
.as-localnav.as-localnav-stacked .as-localnav-overlap .as-localnav {
margin-bottom: -63px; } }
.topnav-overlap .as-localnav {
margin-top: 44px;
margin-bottom: -96px; }
.topnav-overlap .as-localnav.as-localnav-stacked {
margin-bottom: -110px; }
@media only screen and (max-width: 767px) {
.topnav-overlap .as-localnav {
margin-top: 48px;
margin-bottom: -96px; }
.topnav-overlap .as-localnav.as-localnav-stacked {
margin-bottom: -111px; } }
.as-localnav.theme-dark {
background: none; }
.as-localnav-menustate {
display: none; }
.as-localnav-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
min-height: 100%;
z-index: 1; }
.as-localnav-content {
margin: 0 auto;
max-width: 980px;
padding: 0 22px;
position: relative;
z-index: 2; }
.as-localnav-content::before, .as-localnav-content::after {
content: ' ';
display: table; }
.as-localnav-content::after {
clear: both; }
@supports ((padding: -webkit-calc(max(0px))) or (padding: calc(max(0px)))) {
.as-localnav-content {
padding-left: -webkit-calc(max(22px, env(safe-area-inset-left)));
padding-left: calc(max(22px, env(safe-area-inset-left)));
padding-right: -webkit-calc(max(22px, env(safe-area-inset-right)));
padding-right: calc(max(22px, env(safe-area-inset-right))); } }
@media only screen and (max-width: 1023px) {
.as-localnav-content {
border-bottom: none; } }
@media only screen and (max-width: 767px) {
.as-localnav-content {
padding: 0 16px; } }
.as-localnav.css-sticky {
position: -webkit-sticky;
position: sticky; }
.as-localnav.no-css-sticky.as-localnav-sticking {
margin-top: 0 !important;
margin-bottom: 0 !important;
position: fixed; }
#as-localnav-sticky-placeholder {
display: block;
margin: 0;
padding: 0;
position: relative;
visibility: hidden;
z-index: -1; }
#as-localnav-sticky-placeholder.no-css-sticky.as-localnav-sticking {
height: 52px; }
.as-localnav-overlap #as-localnav-sticky-placeholder.no-css-sticky.as-localnav-sticking,
.topnav-overlap #as-localnav-sticky-placeholder.no-css-sticky.as-localnav-sticking {
height: 0; }
@media only screen and (max-width: 767px) {
#as-localnav-sticky-placeholder.no-css-sticky.as-localnav-sticking {
height: 48px; } }
.as-localnav-curtain {
background: rgba(0, 0, 0, 0.4);
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
z-index: 9996;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; }
@media only screen and (max-width: 767px) {
.as-localnav-curtain {
-webkit-transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s;
transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s; } }
.as-localnav-menustate:checked ~ .as-localnav-curtain,
.as-localnav-menustate:target ~ .as-localnav-curtain {
-webkit-transition: opacity 1s ease 0.1s;
transition: opacity 1s ease 0.1s; }
@media only screen and (max-width: 767px) {
.as-localnav-menustate:checked ~ .as-localnav-curtain,
.as-localnav-menustate:target ~ .as-localnav-curtain {
opacity: 1;
right: 0;
bottom: 0;
width: 100%;
height: 100%; } }
.as-localnav-actions {
float: left;
padding-top: 18px; }
.as-localnav.as-localnav-stacked .as-localnav-actions {
padding-top: 34px; }
@media only screen and (max-width: 767px) {
.as-localnav-actions {
right: 0;
padding-left: 22px;
padding-right: 22px;
position: absolute;
top: 0;
z-index: 1;
padding-right: -webkit-calc(22px + constant(safe-area-inset-right));
padding-right: calc(22px + constant(safe-area-inset-right)); }
@supports ((padding: -webkit-calc(max(0px))) or (padding: calc(max(0px)))) {
.as-localnav-actions {
padding-right: -webkit-calc(max(22px, env(safe-area-inset-right)));
padding-right: calc(max(22px, env(safe-area-inset-right))); } } }
@media only screen and (max-width: 767px) and (max-width: 767px) {
.as-localnav-actions {
padding-left: 16px;
padding-right: 16px;
padding-top: 16px; }
.as-localnav.as-localnav-stacked .as-localnav-actions {
padding-top: 32px; } }
.as-localnav-action {
margin-left: 24px;
float: left; }
@media only screen and (max-width: 767px) {
.as-localnav-action-button, .as-localnav-action-violator {
margin-left: 17px;
margin-top: -3px; } }
.as-localnav-action-button .as-localnav-button,
.as-localnav-action-violator .as-localnav-violator {
margin-top: -1px; }
.as-localnav-action-product {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0;
top: auto;
left: auto; }
.as-localnav-action-menucta {
margin-top: -2px;
position: relative;
z-index: 1; }
@media only screen and (max-width: 767px) {
.as-localnav-action-menucta {
float: left; } }
.as-localnav-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); }
.as-localnav-background:after {
background-color: rgba(0, 0, 0, 0.16); }
@media only screen and (max-width: 767px) {
.as-localnav-background {
min-height: 48px;
-webkit-transition: background-color 0.5s ease 0.7s;
transition: background-color 0.5s ease 0.7s; }
.as-localnav.as-localnav-hero .as-localnav-background {
-webkit-transition-delay: 0s;
transition-delay: 0s; } }
.as-localnav.as-localnav-scrim .as-localnav-background {
background-color: rgba(255, 255, 255, 0.9); }
@supports (backdrop-filter: initial) {
.as-localnav.as-localnav-scrim .as-localnav-background {
backdrop-filter: saturate(180%) blur(20px);
background-color: rgba(255, 255, 255, 0.72); } }
.as-localnav-scrim.as-localnav.as-localnav-noblur .as-localnav-background {
backdrop-filter: initial;
background-color: rgba(255, 255, 255, 0.9); }
.theme-dark .as-localnav.as-localnav-scrim .as-localnav-background,
.as-localnav-scrim.as-localnav.theme-dark .as-localnav-background {
background-color: rgba(29, 29, 31, 0.9); }
@supports (backdrop-filter: initial) {
.theme-dark .as-localnav.as-localnav-scrim .as-localnav-background,
.as-localnav-scrim.as-localnav.theme-dark .as-localnav-background {
background-color: rgba(29, 29, 31, 0.72); } }
.theme-dark .as-localnav-scrim.as-localnav.as-localnav-noblur .as-localnav-background, .as-localnav-scrim.theme-dark.as-localnav.as-localnav-noblur .as-localnav-background {
backdrop-filter: initial;
background-color: rgba(29, 29, 31, 0.9); }
.as-localnav.as-localnav-sticking .as-localnav-background {
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
-webkit-transition-property: background-color, backdrop-filter;
transition-property: background-color, backdrop-filter; }
@supports (backdrop-filter: initial) {
.as-localnav.as-localnav-sticking .as-localnav-background {
backdrop-filter: saturate(180%) blur(20px);
background-color: rgba(255, 255, 255, 0.72); } }
.as-localnav-sticking.as-localnav.as-localnav-noblur .as-localnav-background {
backdrop-filter: initial;
background-color: rgba(255, 255, 255, 0.9); }
.theme-dark .as-localnav.as-localnav-sticking .as-localnav-background,
.as-localnav-sticking.as-localnav.theme-dark .as-localnav-background {
background-color: rgba(29, 29, 31, 0.9); }
@supports (backdrop-filter: initial) {
.theme-dark .as-localnav.as-localnav-sticking .as-localnav-background,
.as-localnav-sticking.as-localnav.theme-dark .as-localnav-background {
background-color: rgba(29, 29, 31, 0.72); } }
.theme-dark .as-localnav-sticking.as-localnav.as-localnav-noblur .as-localnav-background, .as-localnav-sticking.theme-dark.as-localnav.as-localnav-noblur .as-localnav-background {
backdrop-filter: initial;
background-color: rgba(29, 29, 31, 0.9); }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-background, .as-localnav-menustate:target ~ .as-localnav .as-localnav-background {
background-color: white;
max-height: none;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
-webkit-transition-property: background-color, backdrop-filter;
transition-property: background-color, backdrop-filter; }
@supports (backdrop-filter: initial) {
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-background, .as-localnav-menustate:target ~ .as-localnav .as-localnav-background {
backdrop-filter: saturate(180%) blur(20px);
background-color: rgba(255, 255, 255, 0.9); } }
.as-localnav-menustate:checked ~ .as-localnav.as-localnav-noblur .as-localnav-background, .as-localnav-menustate:target ~ .as-localnav.as-localnav-noblur .as-localnav-background {
backdrop-filter: initial;
background-color: white; }
.theme-dark .as-localnav .as-localnav-background:after,
.as-localnav.theme-dark .as-localnav-background:after {
background-color: rgba(255, 255, 255, 0.24); }
.theme-dark .as-localnav-menustate:checked ~ .as-localnav .as-localnav-background, .theme-dark .as-localnav-menustate:target ~ .as-localnav .as-localnav-background, .as-localnav-menustate:checked ~ .theme-dark.as-localnav .as-localnav-background, .as-localnav-menustate:target ~ .theme-dark.as-localnav .as-localnav-background {
background-color: #1d1d1f; }
@supports (backdrop-filter: initial) {
.theme-dark .as-localnav-menustate:checked ~ .as-localnav .as-localnav-background, .theme-dark .as-localnav-menustate:target ~ .as-localnav .as-localnav-background, .as-localnav-menustate:checked ~ .theme-dark.as-localnav .as-localnav-background, .as-localnav-menustate:target ~ .theme-dark.as-localnav .as-localnav-background {
background-color: rgba(29, 29, 31, 0.9); } }
.theme-dark .as-localnav-menustate:checked ~ .as-localnav.as-localnav-noblur .as-localnav-background, .theme-dark .as-localnav-menustate:target ~ .as-localnav.as-localnav-noblur .as-localnav-background, .as-localnav-menustate:checked ~ .theme-dark.as-localnav.as-localnav-noblur .as-localnav-background, .as-localnav-menustate:target ~ .theme-dark.as-localnav.as-localnav-noblur .as-localnav-background {
backdrop-filter: initial;
background-color: #1d1d1f; }
.as-localnav.as-localnav-hero .as-localnav-background:after {
background-color: rgba(255, 255, 255, 0.24); }
.as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-background:after {
background-color: rgba(0, 0, 0, 0.16); }
.theme-dark .as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-background:after,
.as-localnav-hero.as-localnav-sticking.as-localnav.theme-dark .as-localnav-background:after {
background-color: rgba(255, 255, 255, 0.24); }
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-background:after, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-background:after {
background-color: rgba(0, 0, 0, 0.16); }
.theme-dark .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-background:after, .theme-dark .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-background:after,
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-background:after, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-background:after {
background-color: rgba(255, 255, 255, 0.24); }
.as-localnav-background:after {
margin-left: -490px;
left: 50%;
content: "";
display: block;
position: absolute;
top: 100%;
width: 980px;
height: 1px;
z-index: 1; }
@media only screen and (max-width: 1023px) {
.as-localnav-background:after {
margin-left: 0;
left: 0;
width: 100%; } }
.as-localnav.as-localnav-noborder .as-localnav-background:after {
display: none; }
.as-localnav.as-localnav-scrim .as-localnav-background:after {
margin-left: 0;
left: 0;
width: 100%; }
.as-localnav.as-localnav-sticking .as-localnav-background:after {
margin-left: 0;
left: 0;
width: 100%; }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-background:after, .as-localnav-menustate:target ~ .as-localnav .as-localnav-background:after {
margin-left: 0;
left: 0;
width: 100%; }
.as-localnav-menu {
font-size: 12px;
line-height: 1;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
float: right;
margin-top: -3px; }
.as-localnav-menu:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(ko) {
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(zh) {
letter-spacing: 0em; }
.as-localnav-menu:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 767px) {
.as-localnav-menu {
font-size: 14px;
line-height: 1;
font-weight: 400;
letter-spacing: -0.02em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(ko) {
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(zh) {
letter-spacing: 0em; }
.as-localnav-menu:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
@media only screen and (max-width: 767px) {
.as-localnav-menu {
font-size: 14px;
line-height: 1;
font-weight: 400;
letter-spacing: -0.02em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
padding-top: 0;
margin-top: 0;
width: 100%; }
.as-localnav-menu:lang(ar) {
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(ja) {
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(ko) {
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(zh) {
letter-spacing: 0em; }
.as-localnav-menu:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-menu:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.as-localnav-menu-tray {
float: left;
padding-top: 18px; }
.as-localnav.as-localnav-stacked .as-localnav-menu-tray {
padding-top: 34px; }
@media only screen and (max-width: 767px) {
.as-localnav.as-localnav-stacked .as-localnav-menu-tray {
padding-top: 0; } }
@media only screen and (max-width: 767px) {
.as-localnav-menu-tray {
float: none;
overflow: hidden;
pointer-events: none;
visibility: hidden;
width: 100%;
padding-top: 0;
max-height: 0;
-webkit-transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s;
transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s; }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menu-tray, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menu-tray {
max-height: 400px;
max-height: -webkit-calc(100vh - 48px - 48px);
max-height: calc(100vh - 48px - 48px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
pointer-events: auto;
visibility: visible;
-webkit-transition-delay: 0.2s, 0s;
transition-delay: 0.2s, 0s; } }
@media only screen and (max-width: 767px) and (orientation: landscape) {
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menu-tray, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menu-tray {
max-height: 280px;
max-height: -webkit-calc(100vh - 48px - 48px);
max-height: calc(100vh - 48px - 48px); } }
@media only screen and (max-width: 767px) {
.as-localnav-menustate:checked ~ .as-localnav.as-localnav-opening .as-localnav-menu-tray, .as-localnav-menustate:target ~ .as-localnav.as-localnav-opening .as-localnav-menu-tray {
overflow-y: hidden; }
.as-localnav-menustate:checked ~ .as-localnav.as-localnav-sticking .as-localnav-menu-tray, .as-localnav-menustate:target ~ .as-localnav.as-localnav-sticking .as-localnav-menu-tray {
max-height: -webkit-calc(100vh - 48px);
max-height: calc(100vh - 48px); } }
@media only screen and (max-width: 767px) {
.as-localnav-menu-items {
opacity: 0;
padding: 4px 24px 24px;
-webkit-transform: translate3d(0, -150px, 0);
transform: translate3d(0, -150px, 0);
-webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s; }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menu-items, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menu-items {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-delay: 0.2s, 0.4s;
transition-delay: 0.2s, 0.4s; } }
.as-localnav-menu-item {
margin-left: 24px;
float: left;
list-style: none; }
@media only screen and (max-width: 767px) {
.as-localnav-menu-item {
margin-left: 0;
display: inline-block;
float: none;
width: 100%;
height: 44px; }
.as-localnav-menu-item:first-child .as-localnav-menu-link {
border-top: 0; }
.theme-dark .as-localnav .as-localnav-menu-item,
.as-localnav.theme-dark .as-localnav-menu-item {
border-color: rgba(255, 255, 255, 0.24); }
.as-localnav-menu-item:nth-child(1) .as-localnav-menu-link {
-webkit-transition-delay: 0.07s;
transition-delay: 0.07s; }
.as-localnav-menu-item:nth-child(2) .as-localnav-menu-link {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s; }
.as-localnav-menu-item:nth-child(3) .as-localnav-menu-link {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s; }
.as-localnav-menu-item:nth-child(4) .as-localnav-menu-link {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s; }
.as-localnav-menu-item:nth-child(5) .as-localnav-menu-link {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s; }
.as-localnav-menu-item:nth-child(6) .as-localnav-menu-link {
-webkit-transition-delay: 0.42s;
transition-delay: 0.42s; }
.as-localnav-menu-item:nth-child(7) .as-localnav-menu-link {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s; }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menu-item:nth-child(1) .as-localnav-menu-link, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menu-item:nth-child(1) .as-localnav-menu-link {
-webkit-transition-delay: 0.56s;
transition-delay: 0.56s; }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menu-item:nth-child(2) .as-localnav-menu-link, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menu-item:nth-child(2) .as-localnav-menu-link {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s; }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menu-item:nth-child(3) .as-localnav-menu-link, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menu-item:nth-child(3) .as-localnav-menu-link {
-webkit-transition-delay: 0.42s;
transition-delay: 0.42s; }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menu-item:nth-child(4) .as-localnav-menu-link, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menu-item:nth-child(4) .as-localnav-menu-link {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s; }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menu-item:nth-child(5) .as-localnav-menu-link, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menu-item:nth-child(5) .as-localnav-menu-link {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s; }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menu-item:nth-child(6) .as-localnav-menu-link, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menu-item:nth-child(6) .as-localnav-menu-link {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s; }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menu-item:nth-child(7) .as-localnav-menu-link, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menu-item:nth-child(7) .as-localnav-menu-link {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s; } }
.as-localnav-menu-link {
color: black;
display: inline-block;
line-height: 22px;
white-space: nowrap;
opacity: 0.88; }
.as-localnav-menu-link:hover {
color: #0066cc;
opacity: 1;
text-decoration: none; }
@media only screen and (max-width: 767px) {
.as-localnav-menu-link {
border-top: 1px solid rgba(0, 0, 0, 0.181818);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
line-height: 1.3;
opacity: 0;
-webkit-transform: translate3d(0, -25px, 0);
transform: translate3d(0, -25px, 0);
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity; }
.theme-dark .as-localnav .as-localnav-menu-link,
.as-localnav.theme-dark .as-localnav-menu-link {
border-color: rgba(255, 255, 255, 0.26087); }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menu-link, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menu-link {
opacity: 0.88;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.theme-dark .as-localnav .as-localnav-menu-link,
.as-localnav.theme-dark .as-localnav-menu-link {
color: white;
opacity: 0.92; }
.theme-dark .as-localnav .as-localnav-menu-link:hover,
.as-localnav.theme-dark .as-localnav-menu-link:hover {
color: #2997ff;
opacity: 1; }
.theme-dark .as-localnav-menustate:checked ~ .as-localnav .as-localnav-menu-link, .theme-dark .as-localnav-menustate:target ~ .as-localnav .as-localnav-menu-link, .as-localnav-menustate:checked ~ .theme-dark.as-localnav .as-localnav-menu-link, .as-localnav-menustate:target ~ .theme-dark.as-localnav .as-localnav-menu-link {
opacity: 0.92; }
.as-localnav.as-localnav-hero .as-localnav-menu-link {
color: white;
opacity: 0.92; }
.as-localnav.as-localnav-hero .as-localnav-menu-link:hover {
color: #2997ff;
opacity: 1; }
.as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-menu-link {
color: black;
opacity: 0.88; }
.as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-menu-link:hover {
color: #0066cc;
opacity: 1; }
.theme-dark .as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-menu-link,
.as-localnav-hero.as-localnav-sticking.as-localnav.theme-dark .as-localnav-menu-link {
color: white;
opacity: 0.92; }
.theme-dark .as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-menu-link:hover,
.as-localnav-hero.as-localnav-sticking.as-localnav.theme-dark .as-localnav-menu-link:hover {
color: #2997ff;
opacity: 1; }
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-menu-link, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-menu-link {
color: black;
opacity: 0.88; }
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-menu-link:hover, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-menu-link:hover {
color: #0066cc;
opacity: 1; }
.theme-dark .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-menu-link, .theme-dark .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-menu-link,
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-menu-link, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-menu-link {
color: white;
opacity: 0.92; }
.theme-dark .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-menu-link:hover, .theme-dark .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-menu-link:hover,
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-menu-link:hover, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-menu-link:hover {
color: #2997ff;
opacity: 1; }
.as-localnav-menu-link.current {
color: black;
opacity: 0.56;
cursor: default; }
.as-localnav-menu-link.current:hover {
color: black; }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menu-link.current, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menu-link.current {
opacity: 0.56;
border-color: rgba(0, 0, 0, 0.285714); }
.theme-dark .as-localnav .as-localnav-menu-link.current,
.as-localnav.theme-dark .as-localnav-menu-link.current {
color: white;
opacity: 0.56; }
.theme-dark .as-localnav .as-localnav-menu-link.current:hover,
.as-localnav.theme-dark .as-localnav-menu-link.current:hover {
color: white; }
.theme-dark .as-localnav-menustate:checked ~ .as-localnav .as-localnav-menu-link.current, .theme-dark .as-localnav-menustate:target ~ .as-localnav .as-localnav-menu-link.current, .as-localnav-menustate:checked ~ .theme-dark.as-localnav .as-localnav-menu-link.current, .as-localnav-menustate:target ~ .theme-dark.as-localnav .as-localnav-menu-link.current {
opacity: 0.56;
border-color: rgba(255, 255, 255, 0.428571); }
.as-localnav.as-localnav-hero .as-localnav-menu-link.current {
color: white;
opacity: 0.56; }
.as-localnav.as-localnav-hero .as-localnav-menu-link.current:hover {
color: white; }
.as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-menu-link.current {
color: black;
opacity: 0.56; }
.as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-menu-link.current:hover {
color: black; }
.theme-dark .as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-menu-link.current,
.as-localnav-hero.as-localnav-sticking.as-localnav.theme-dark .as-localnav-menu-link.current {
color: white;
opacity: 0.56; }
.theme-dark .as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-menu-link.current:hover,
.as-localnav-hero.as-localnav-sticking.as-localnav.theme-dark .as-localnav-menu-link.current:hover {
color: white; }
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-menu-link.current, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-menu-link.current {
color: black;
opacity: 0.56;
border-color: rgba(0, 0, 0, 0.285714); }
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-menu-link.current:hover, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-menu-link.current:hover {
color: black; }
.theme-dark .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-menu-link.current, .theme-dark .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-menu-link.current,
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-menu-link.current, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-menu-link.current {
color: white;
opacity: 0.56;
border-color: rgba(255, 255, 255, 0.428571); }
.theme-dark .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-menu-link.current:hover, .theme-dark .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-menu-link.current:hover,
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-menu-link.current:hover, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-menu-link.current:hover {
color: white; }
.as-localnav-action-menucta {
display: none; }
@media only screen and (max-width: 767px) {
.as-localnav-action-menucta {
display: block; } }
.as-localnav-menucta {
margin-right: -11px;
cursor: pointer;
display: block;
overflow: hidden;
width: 40px;
height: 30px;
-webkit-tap-highlight-color: transparent; }
.as-localnav-menucta-chevron {
display: block;
position: relative;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), -ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 0.8; }
.as-localnav-menucta-chevron::before, .as-localnav-menucta-chevron::after {
content: "";
display: block;
position: absolute;
top: 13px;
width: 11px;
height: 1px;
z-index: 1;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), -ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1); }
.as-localnav-menucta-chevron::before {
right: 50%;
border-radius: 0.5px 0 0 0.5px; }
.as-localnav-menucta-chevron::after {
left: 50%;
border-radius: 0 0.5px 0.5px 0; }
.as-localnav-menucta-chevron::before, .as-localnav-menucta-chevron::after {
background: black; }
.as-localnav-menucta-chevron::before {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotate(40deg) scaleY(1.1);
-ms-transform: rotate(40deg) scaleY(1.1);
transform: rotate(40deg) scaleY(1.1); }
.as-localnav-menucta-chevron::after {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: rotate(-40deg) scaleY(1.1);
-ms-transform: rotate(-40deg) scaleY(1.1);
transform: rotate(-40deg) scaleY(1.1); }
.as-localnav-menucta-chevron:hover {
opacity: 1; }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menucta-chevron, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menucta-chevron {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px); }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menucta-chevron::before, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menucta-chevron::before {
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: rotate(-40deg) scaleY(1.1);
-ms-transform: rotate(-40deg) scaleY(1.1);
transform: rotate(-40deg) scaleY(1.1); }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menucta-chevron::after, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menucta-chevron::after {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotate(40deg) scaleY(1.1);
-ms-transform: rotate(40deg) scaleY(1.1);
transform: rotate(40deg) scaleY(1.1); }
.theme-dark .as-localnav .as-localnav-menucta-chevron::before, .theme-dark .as-localnav .as-localnav-menucta-chevron::after,
.as-localnav.theme-dark .as-localnav-menucta-chevron::before,
.as-localnav.theme-dark .as-localnav-menucta-chevron::after {
background: white; }
.theme-dark .as-localnav.as-localnav-sticking .as-localnav-menucta-chevron::before, .theme-dark .as-localnav.as-localnav-sticking .as-localnav-menucta-chevron::after, .theme-dark.as-localnav.as-localnav-sticking .as-localnav-menucta-chevron::before, .theme-dark.as-localnav.as-localnav-sticking .as-localnav-menucta-chevron::after {
background: white; }
.theme-dark .as-localnav-menustate:checked ~ .as-localnav .as-localnav-menucta-chevron::before, .theme-dark .as-localnav-menustate:checked ~ .as-localnav .as-localnav-menucta-chevron::after, .theme-dark .as-localnav-menustate:target ~ .as-localnav .as-localnav-menucta-chevron::before, .theme-dark .as-localnav-menustate:target ~ .as-localnav .as-localnav-menucta-chevron::after, .as-localnav-menustate:checked ~ .theme-dark.as-localnav .as-localnav-menucta-chevron::before, .as-localnav-menustate:checked ~ .theme-dark.as-localnav .as-localnav-menucta-chevron::after, .as-localnav-menustate:target ~ .theme-dark.as-localnav .as-localnav-menucta-chevron::before, .as-localnav-menustate:target ~ .theme-dark.as-localnav .as-localnav-menucta-chevron::after {
background: white; }
.as-localnav.as-localnav-hero .as-localnav-menucta-chevron::before, .as-localnav.as-localnav-hero .as-localnav-menucta-chevron::after {
background: white; }
.as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-menucta-chevron::before, .as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-menucta-chevron::after {
background: black; }
.theme-dark .as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-menucta-chevron::before, .theme-dark .as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-menucta-chevron::after,
.as-localnav-hero.as-localnav-sticking.as-localnav.theme-dark .as-localnav-menucta-chevron::before,
.as-localnav-hero.as-localnav-sticking.as-localnav.theme-dark .as-localnav-menucta-chevron::after {
background: white; }
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-menucta-chevron::before, .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-menucta-chevron::after, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-menucta-chevron::before, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-menucta-chevron::after {
background: black; }
.theme-dark .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-menucta-chevron::before, .theme-dark .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-menucta-chevron::after, .theme-dark .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-menucta-chevron::before, .theme-dark .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-menucta-chevron::after,
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-menucta-chevron::before,
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-menucta-chevron::after, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-menucta-chevron::before, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-menucta-chevron::after {
background: white; }
.as-localnav-menucta-anchor {
display: none;
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
z-index: 10; }
@media only screen and (max-width: 767px) {
.as-localnav-menucta-anchor {
display: block; }
.as-localnav-menucta-anchor-close {
display: none; } }
.as-localnav-menucta-anchor:focus {
outline-offset: -6px;
width: 100%;
height: 100%; }
.as-localnav-menucta-anchor-close {
display: none; }
.as-localnav-menucta-anchor-label {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0; }
@media only screen and (max-width: 767px) {
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menucta-anchor-open, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menucta-anchor-open {
display: none; }
.as-localnav-menustate:checked ~ .as-localnav .as-localnav-menucta-anchor-close, .as-localnav-menustate:target ~ .as-localnav .as-localnav-menucta-anchor-close {
display: block; } }
.as-localnav-title {
font-size: 21px;
line-height: 1.14286;
font-weight: 600;
letter-spacing: 0.011em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
cursor: default;
display: block;
float: left;
margin: 14px 0 -14px;
padding: 0;
height: 52px;
white-space: nowrap; }
.as-localnav-title:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title:lang(ko) {
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title:lang(th) {
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 767px) {
.as-localnav-title {
font-size: 19px;
line-height: 1.26316;
font-weight: 600;
letter-spacing: 0.012em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title:lang(ja) {
font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title:lang(ko) {
font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title:lang(th) {
font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
@media only screen and (max-width: 767px) {
.as-localnav-title-compact {
font-size: 17px;
line-height: 1.41184;
font-weight: 600;
letter-spacing: -0.022em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title-compact:lang(ar) {
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title-compact:lang(ja) {
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title-compact:lang(ko) {
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title-compact:lang(th) {
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title-compact:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title-compact:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title-compact:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title-compact:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } }
.as-localnav-title:lang(ja) {
margin: 15px 0 -15px; }
@media only screen and (max-width: 767px) {
.as-localnav-title:lang(ja) {
margin: 12px 0 -12px; } }
.as-localnav.as-localnav-stacked .as-localnav-title {
height: 66px; }
.as-localnav.as-localnav-stacked .as-localnav-title:lang(ar) {
margin: 9px 0 -9px; }
@media only screen and (max-width: 767px) {
.as-localnav-title {
display: inline-block;
margin: 12px 0 -12px;
height: 48px; }
.as-localnav.as-localnav-stacked .as-localnav-title {
height: 63px; } }
.as-localnav-title a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
letter-spacing: inherit;
line-height: inherit;
margin: 0;
text-decoration: none;
white-space: nowrap;
opacity: 0.88; }
.as-localnav-title a:hover {
text-decoration: none; }
.theme-dark .as-localnav .as-localnav-title a,
.as-localnav.theme-dark .as-localnav-title a {
opacity: 0.92; }
.as-localnav.as-localnav-hero .as-localnav-title a {
opacity: 0.92; }
.as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-title a {
opacity: 0.88; }
.theme-dark .as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-title a,
.as-localnav-hero.as-localnav-sticking.as-localnav.theme-dark .as-localnav-title a {
opacity: 0.92; }
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-title a, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-title a {
opacity: 0.88; }
.theme-dark .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-title a, .theme-dark .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-title a,
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-title a, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-title a {
opacity: 0.92; }
.as-localnav-title,
.as-localnav-title a {
color: black;
-webkit-transition: color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
transition: color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); }
.theme-dark .as-localnav .as-localnav-title, .theme-dark .as-localnav .as-localnav-title a,
.as-localnav.theme-dark .as-localnav-title, .as-localnav.theme-dark .as-localnav-title a {
color: white; }
.as-localnav.as-localnav-hero .as-localnav-title, .as-localnav.as-localnav-hero .as-localnav-title a {
color: white; }
.as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-title, .as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-title a {
color: black; }
.theme-dark .as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-title, .theme-dark .as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-title a,
.as-localnav-hero.as-localnav-sticking.as-localnav.theme-dark .as-localnav-title, .as-localnav-hero.as-localnav-sticking.as-localnav.theme-dark .as-localnav-title a {
color: white; }
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-title, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-title, .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-title a, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-title a {
color: black; }
.theme-dark .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-title, .theme-dark .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-title, .theme-dark .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-title a, .theme-dark .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-title a,
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-title, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-title, .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-title a, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-title a {
color: white; }
.as-localnav-title-subhead, .as-localnav-title-comingsoon {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
position: relative;
top: -1px;
color: black;
opacity: 0.56; }
.as-localnav-title-subhead:lang(ar), .as-localnav-title-comingsoon:lang(ar) {
line-height: 1.66667;
letter-spacing: 0em;
font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title-subhead:lang(ja), .as-localnav-title-comingsoon:lang(ja) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title-subhead:lang(ko), .as-localnav-title-comingsoon:lang(ko) {
line-height: 1.41667;
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title-subhead:lang(zh), .as-localnav-title-comingsoon:lang(zh) {
letter-spacing: 0em; }
.as-localnav-title-subhead:lang(th), .as-localnav-title-comingsoon:lang(th) {
line-height: 1.33337;
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title-subhead:lang(zh-CN), .as-localnav-title-comingsoon:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title-subhead:lang(zh-HK), .as-localnav-title-comingsoon:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title-subhead:lang(zh-MO), .as-localnav-title-comingsoon:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav-title-subhead:lang(zh-TW), .as-localnav-title-comingsoon:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.as-localnav.as-localnav-stacked .as-localnav-title-subhead, .as-localnav.as-localnav-stacked .as-localnav-title-comingsoon {
opacity: 0.64; }
@media only screen and (max-width: 767px) {
.as-localnav.as-localnav-stacked .as-localnav-title-subhead, .as-localnav.as-localnav-stacked .as-localnav-title-comingsoon {
top: 0; } }
.theme-dark .as-localnav .as-localnav-title-subhead, .theme-dark .as-localnav .as-localnav-title-comingsoon,
.as-localnav.theme-dark .as-localnav-title-subhead, .as-localnav.theme-dark .as-localnav-title-comingsoon {
color: white; }
.theme-dark .as-localnav.as-localnav-stacked .as-localnav-title-subhead, .theme-dark .as-localnav.as-localnav-stacked .as-localnav-title-comingsoon, .theme-dark.as-localnav.as-localnav-stacked .as-localnav-title-subhead, .theme-dark.as-localnav.as-localnav-stacked .as-localnav-title-comingsoon {
opacity: 0.61; }
.as-localnav.as-localnav-hero .as-localnav-title-subhead, .as-localnav.as-localnav-hero .as-localnav-title-comingsoon {
color: white;
opacity: 0.56; }
.as-localnav-hero.as-localnav.as-localnav-stacked .as-localnav-title-subhead, .as-localnav-hero.as-localnav.as-localnav-stacked .as-localnav-title-comingsoon {
opacity: 0.61; }
.as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-title-subhead, .as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-title-comingsoon {
color: black; }
.theme-dark .as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-title-subhead, .theme-dark .as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-title-comingsoon,
.as-localnav-hero.as-localnav-sticking.as-localnav.theme-dark .as-localnav-title-subhead, .as-localnav-hero.as-localnav-sticking.as-localnav.theme-dark .as-localnav-title-comingsoon {
color: white; }
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-title-subhead, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-title-subhead, .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-title-comingsoon, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-title-comingsoon {
color: black; }
.theme-dark .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-title-subhead, .theme-dark .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-title-subhead, .theme-dark .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-title-comingsoon, .theme-dark .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav .as-localnav-title-comingsoon,
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-title-subhead, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-title-subhead, .as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-title-comingsoon, .as-localnav-menustate:target ~ .as-localnav-hero.as-localnav.theme-dark .as-localnav-title-comingsoon {
color: white; }
:root {
--r-localnav-height:52px;
--r-localnav-stacked-height:66px;
--r-localnav-gn-height:var(--r-globalnav-height, 44px);
--r-localnav-viewport-large-min-width:1024px;
--r-localnav-viewport-large-query:(min-width: 1024px);
--r-localnav-viewport-medium-min-width:768px;
--r-localnav-viewport-medium-max-width:1023px;
--r-localnav-viewport-medium-query:(min-width: 768px);
--r-localnav-viewport-small-min-width:320px;
--r-localnav-viewport-small-max-width:767px;
--r-localnav-viewport-small-query:(min-width: 320px); }
@media only screen and (max-width: 767px) {
:root {
--r-localnav-height:48px;
--r-localnav-stacked-height:63px;
--r-localnav-gn-height:var(--r-globalnav-height, 48px); } }
.as-localnav.as-localnav-sticking .as-localnav-background {
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px); }
.as-localnav-content {
box-sizing: content-box; }
.as-localnav-content .as-localnav-title h1,
.as-localnav-content .as-localnav-title span {
font-size: 1em; }
.as-localnav-hero.as-localnav .as-localnav-title h1,
.as-localnav-hero.as-localnav .as-localnav-title span {
color: white;
opacity: 0.92;
-webkit-transition: color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
transition: color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); }
.as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-title h1,
.as-localnav-hero.as-localnav.as-localnav-sticking .as-localnav-title span {
color: black;
opacity: 0.88; }
@media only screen and (max-width: 734px) {
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-title span,
.as-localnav-menustate:checked ~ .as-localnav-hero.as-localnav .as-localnav-title h1 {
color: black;
opacity: 0.88;
-webkit-transition: color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
transition: color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); } }
/* end of local navigation css */
@charset "UTF-8";
/* footer.scss */
#ac-globalfooter {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
background-color: #f5f5f7;
color: #1d1d1f;
min-width: 1024px;
overflow: hidden;
position: relative;
z-index: 1; }
#ac-globalfooter: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; }
#ac-globalfooter: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; }
#ac-globalfooter:lang(ko) {
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
#ac-globalfooter:lang(zh) {
letter-spacing: 0em; }
#ac-globalfooter:lang(th) {
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
#ac-globalfooter:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
#ac-globalfooter:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
#ac-globalfooter:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
#ac-globalfooter:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.theme-dark #ac-globalfooter,
#ac-globalfooter.theme-dark {
background-color: #1d1d1f;
color: #f5f5f7; }
@media only screen and (max-width: 1044px) {
#ac-globalfooter {
min-width: 320px; } }
#ac-globalfooter h1,
#ac-globalfooter h2,
#ac-globalfooter h3,
#ac-globalfooter h4,
#ac-globalfooter h5,
#ac-globalfooter h6 {
color: inherit; }
#ac-globalfooter a {
color: #515154;
text-decoration: none; }
#ac-globalfooter a:hover {
color: #1d1d1f;
text-decoration: underline; }
.theme-dark #ac-globalfooter a,
#ac-globalfooter.theme-dark a {
color: #a1a1a6; }
.theme-dark #ac-globalfooter a:hover,
#ac-globalfooter.theme-dark a:hover {
color: #f5f5f7; }
.ac-gf-content {
margin: 0 auto;
max-width: 980px;
padding: 0 22px;
padding-left: -webkit-calc(22px + constant(safe-area-inset-left));
padding-left: calc(22px + constant(safe-area-inset-left));
padding-right: -webkit-calc(22px + constant(safe-area-inset-right));
padding-right: calc(22px + constant(safe-area-inset-right)); }
@supports ((padding: -webkit-calc(max(0px))) or (padding: calc(max(0px)))) {
.ac-gf-content {
padding-left: -webkit-calc(max(22px, env(safe-area-inset-left)));
padding-left: calc(max(22px, env(safe-area-inset-left)));
padding-right: -webkit-calc(max(22px, env(safe-area-inset-right)));
padding-right: calc(max(22px, env(safe-area-inset-right))); } }
@media only screen and (max-width: 767px) {
.ac-gf-content {
padding: 0 16px; } }
.ac-gf-label {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0; }
.ac-gf-sosumi {
border-bottom: 1px solid #d2d2d7;
color: #86868b;
padding: 17px 0 11px; }
.theme-dark #ac-globalfooter .ac-gf-sosumi,
#ac-globalfooter.theme-dark .ac-gf-sosumi {
border-color: #424245;
color: #6e6e73; }
.ac-gf-sosumi ol {
list-style-position: outside;
margin: 0;
padding: 0 17px; }
.ac-gf-sosumi ol li {
list-style-type: decimal; }
.ac-gf-sosumi ul {
list-style: none;
margin: 0; }
.ac-gf-sosumi li {
padding-bottom: 0.8em; }
.ac-gf-sosumi p,
.ac-gf-sosumi li {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-sosumi p:lang(ar),
.ac-gf-sosumi li: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; }
.ac-gf-sosumi p:lang(ja),
.ac-gf-sosumi li: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; }
.ac-gf-sosumi p:lang(ko),
.ac-gf-sosumi li:lang(ko) {
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-sosumi p:lang(zh),
.ac-gf-sosumi li:lang(zh) {
letter-spacing: 0em; }
.ac-gf-sosumi p:lang(th),
.ac-gf-sosumi li:lang(th) {
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-sosumi p:lang(zh-CN),
.ac-gf-sosumi li:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-sosumi p:lang(zh-HK),
.ac-gf-sosumi li:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-sosumi p:lang(zh-MO),
.ac-gf-sosumi li:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-sosumi p:lang(zh-TW),
.ac-gf-sosumi li:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-sosumi small {
font-size: 1em; }
.ac-gf-breadcrumbs {
padding: 17px 0;
position: relative;
z-index: 1;
color: #515154; }
.ac-gf-breadcrumbs::before, .ac-gf-breadcrumbs::after {
content: ' ';
display: table; }
.ac-gf-breadcrumbs::after {
clear: both; }
.theme-dark #ac-globalfooter .ac-gf-breadcrumbs,
#ac-globalfooter.theme-dark .ac-gf-breadcrumbs {
color: #a1a1a6; }
@media only screen and (max-width: 767px) {
.ac-gf-breadcrumbs {
border-bottom: 1px solid #d2d2d7; }
.theme-dark #ac-globalfooter .ac-gf-breadcrumbs,
#ac-globalfooter.theme-dark .ac-gf-breadcrumbs {
border-color: #424245; } }
.ac-gf-breadcrumbs-home {
left: 0;
position: absolute;
z-index: 2;
top: 17px; }
.ac-gf-breadcrumbs-home-icon {
width: 14px;
height: 72px;
background-size: 14px 72px;
background-repeat: no-repeat;
background-image: url("commons-sk7/ac-assets/ac-toolkit/images/ac-footer/breadcrumbs/apple/icon_large.svg");
height: 18px;
display: block;
position: relative;
z-index: 2;
color: transparent;
background-position-y: -36px; }
.theme-dark #ac-globalfooter .ac-gf-breadcrumbs-home-icon,
#ac-globalfooter.theme-dark .ac-gf-breadcrumbs-home-icon {
background-repeat: no-repeat;
background-image: url("commons-sk7/ac-assets/ac-toolkit/images/ac-footer/breadcrumbs/apple/icon_dark_large.svg"); }
.ac-gf-breadcrumbs-home:hover {
text-decoration: none; }
.ac-gf-breadcrumbs-home:hover .ac-gf-breadcrumbs-home-icon {
background-position-y: 100%; }
.ac-gf-breadcrumbs-home-label {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0; }
.ac-gf-breadcrumbs-path {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
position: relative;
z-index: 1; }
.ac-gf-breadcrumbs-path: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; }
.ac-gf-breadcrumbs-path: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; }
.ac-gf-breadcrumbs-path:lang(ko) {
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-breadcrumbs-path:lang(zh) {
letter-spacing: 0em; }
.ac-gf-breadcrumbs-path:lang(th) {
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-breadcrumbs-path:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-breadcrumbs-path:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-breadcrumbs-path:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-breadcrumbs-path:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-breadcrumbs-path::before, .ac-gf-breadcrumbs-path::after {
content: ' ';
display: table; }
.ac-gf-breadcrumbs-path::after {
clear: both; }
.ac-gf-breadcrumbs-list {
max-height: 9999px;
padding-left: 25px;
direction: ltr;
list-style: none; }
.ac-gf-breadcrumbs-item {
margin-right: 7px;
float: left;
padding: 3px 4px 3px 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.ac-gf-breadcrumbs-item:before {
width: 8px;
height: 36px;
background-size: 8px 36px;
background-repeat: no-repeat;
background-image: url("commons-sk7/ac-assets/ac-toolkit/images/ac-footer/breadcrumbs/separator/icon_large.svg");
margin-right: 11px;
content: '';
display: inline-block;
vertical-align: middle;
margin-top: -1px;
height: 18px;
background-position-y: 100%; }
.theme-dark #ac-globalfooter .ac-gf-breadcrumbs-item:before,
#ac-globalfooter.theme-dark .ac-gf-breadcrumbs-item:before {
background-repeat: no-repeat;
background-image: url("commons-sk7/ac-assets/ac-toolkit/images/ac-footer/breadcrumbs/separator/icon_dark_large.svg"); }
html[dir=rtl] .ac-gf-breadcrumbs-item:before {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1); }
.ac-gf-directory {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-top: 20px; }
.ac-gf-directory: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; }
.ac-gf-directory: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; }
.ac-gf-directory:lang(ko) {
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-directory:lang(zh) {
letter-spacing: 0em; }
.ac-gf-directory:lang(th) {
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-directory:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-directory:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-directory:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-directory:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-directory:last-child {
padding-bottom: 28px; }
@media only screen and (max-width: 767px) {
.ac-gf-directory {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.ac-gf-directory-column {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%; }
@media only screen and (max-width: 767px) {
.ac-gf-directory-column {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto; } }
.ac-gf-directory-column-section {
pointer-events: none; }
@media only screen and (max-width: 767px) {
.ac-gf-directory-column-section {
position: relative;
z-index: 1;
border-bottom: 1px solid #d2d2d7;
overflow: hidden;
pointer-events: auto; }
.theme-dark #ac-globalfooter .ac-gf-directory-column-section,
#ac-globalfooter.theme-dark .ac-gf-directory-column-section {
border-color: #424245; } }
.ac-gf-directory-column-section ~ .ac-gf-directory-column-section {
padding-top: 24px; }
@media only screen and (max-width: 767px) {
.ac-gf-directory-column-section ~ .ac-gf-directory-column-section {
padding-top: 0; } }
.ac-gf-directory-column-section-title {
font-size: 12px;
line-height: 1.33337;
font-weight: 400;
letter-spacing: -0.01em;
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 600;
margin-right: 20px;
margin-bottom: 0.8em; }
.ac-gf-directory-column-section-title: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; }
.ac-gf-directory-column-section-title: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; }
.ac-gf-directory-column-section-title:lang(ko) {
letter-spacing: 0em;
font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-directory-column-section-title:lang(zh) {
letter-spacing: 0em; }
.ac-gf-directory-column-section-title:lang(th) {
letter-spacing: 0em;
font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-directory-column-section-title:lang(zh-CN) {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-directory-column-section-title:lang(zh-HK) {
font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-directory-column-section-title:lang(zh-MO) {
font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.ac-gf-directory-column-section-title:lang(zh-TW) {
font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
@media only screen and (max-width: 767px) {
.ac-gf-directory-column-section-title {
font-weight: 400;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
background: #f5f5f7;
cursor: pointer;
position: relative;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 2; }
.theme-dark #ac-globalfooter .ac-gf-directory-column-section-title,
#ac-globalfooter.theme-dark .ac-gf-directory-column-section-title {
background: #1d1d1f;
color: #f5f5f7; }
.ac-gf-directory-column-section-title:hover {
color: #000; }
.theme-dark #ac-globalfooter .ac-gf-directory-column-section-title:hover,
#ac-globalfooter.theme-dark .ac-gf-directory-column-section-title:hover {
color: #fff; }
.ac-gf-directory-column-section-title:after {
content: '+';
float: right;
font-size: 14px;
font-weight: normal;
margin-top: -2px;
margin-right: 8px;
-webkit-transition: -webkit-transform .3s ease;
transition: transform .3s ease; } }
.ac-gf-directory-column-section-list {
margin-right: 20px;
list-style: none;
padding: 0; }
@media only screen and (max-width: 767px) {
.ac-gf-directory-column-section-list {
margin: 0;
overflow: hidden;
padding-top: 5px;
padding-bottom: 16px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
visibility: hidden;
z-index: -1;
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px); } }
.ac-gf-directory-column-section-item {
display: block;
pointer-events: auto;
margin-bottom: 0.8em; }
@media only screen and (max-width: 767px) {
.ac-gf-directory-column-section-item {
margin-bottom: 0; } }
.ac-gf-directory-column-section-item:last-child {
margin-bottom: 0; }
@media only screen and (max-width: 767px) {
.ac-gf-directory-column-section-link {
padding: 6px 14px;
display: block; }
.ac-gf-directory-column-section-link:focus {
outline-offset: -6px; } }
.ac-gf-directory-column-section-anchor {
right: 0;
cursor: default;
display: none;
position: absolute;
top: 0;
width: 1px;
height: 1px;
z-index: 10; }
.ac-gf-directory-column-section-anchor:focus {
outline-offset: -6px;
width: 25px;
height: 38px; }
@media only screen and (max-width: 767px) {
.ac-gf-directory-column-section-anchor {
display: block; } }
.ac-gf-directory-column-section-anchor-close {
display: none; }
.ac-gf-directory-column-section-anchor-label {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0; }
.ac-gf-directory-column-section-state {
display: none; }
@media only screen and (max-width: 767px) {
.ac-gf-directory-column-section-state:target + .ac-gf-directory-column-section .ac-gf-directory-column-section-title,
.ac-gf-directory-column-section-state:checked + .ac-gf-directory-column-section .ac-gf-directory-column-section-title {
color: #000; }
.theme-dark #ac-globalfooter .ac-gf-directory-column-section-state:target + .ac-gf-directory-column-section .ac-gf-directory-column-section-title, .theme-dark #ac-globalfooter .ac-gf-directory-column-section-state:checked + .ac-gf-directory-column-section .ac-gf-directory-column-section-title,
#ac-globalfooter.theme-dark .ac-gf-directory-column-section-state:target + .ac-gf-directory-column-section .ac-gf-directory-column-section-title, #ac-globalfooter.theme-dark .ac-gf-directory-column-section-state:checked + .ac-gf-directory-column-section .ac-gf-directory-column-section-title {
color: #fff; }
.ac-gf-directory-column-section-state:target + .ac-gf-directory-column-section .ac-gf-directory-column-section-title:after,
.ac-gf-directory-column-section-state:checked + .ac-gf-directory-column-section .ac-gf-directory-column-section-title:after {
-webkit-transform: rotate(45deg) scale(1.08);
-ms-transform: rotate(45deg) scale(1.08);
transform: rotate(45deg) scale(1.08); }
.ac-gf-directory-column-section-state:target + .ac-gf-directory-column-section .ac-gf-directory-column-section-list,
.ac-gf-directory-column-section-state:checked + .ac-gf-directory-column-section .ac-gf-directory-column-section-list {
position: static;
visibility: visible;
z-index: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: -webkit-transform 300ms ease;
transition: transform 300ms ease; }
.ac-gf-directory-column-section-state:target + .ac-gf-directory-column-section .ac-gf-directory-column-section-anchor-open,
.ac-gf-directory-column-section-state:checked + .ac-gf-directory-column-section .ac-gf-directory-column-section-anchor-open {
display: none; }
.ac-gf-directory-column-section-state:target + .ac-gf-directory-column-section .ac-gf-directory-column-section-anchor-close,
.ac-gf-directory-column-section-state:checked + .ac-gf-directory-column-section .ac-gf-directory-column-section-anchor-close {
display: block; } }
.ac-gf-breadcrumbs + .ac-gf-directory {
padding-top: 0; }
@media only screen and (max-width: 767px) {
.ac-gf-breadcrumbs + .ac-gf-directory {
padding-top: 0; } }
.ac-gf-footer {
border-top: 1px solid #d2d2d7;
color: #86868b;
padding: 17px 0 21px;
padding-bottom: -webkit-calc(21px + constant(safe-area-inset-bottom));
padding-bottom: calc(21px + constant(safe-area-inset-bottom)); }
@supports ((padding: -webkit-calc(max(0px))) or (padding: calc(max(0px)))) {
.ac-gf-footer {
padding-bottom: -webkit-calc(max(21px, env(safe-area-inset-bottom)));
padding-bottom: calc(max(21px, env(safe-area-inset-bottom))); } }
.ac-gf-footer:nth-child(2) {
border-top: none; }
@media only screen and (max-width: 767px) {
.ac-gf-footer {
padding-bottom: 19px;
padding-bottom: -webkit-calc(19px + constant(safe-area-inset-bottom));
padding-bottom: calc(19px + constant(safe-area-inset-bottom)); }
@supports ((padding: -webkit-calc(max(0px))) or (padding: calc(max(0px)))) {
.ac-gf-footer {
padding-bottom: -webkit-calc(max(19px, env(safe-area-inset-bottom)));
padding-bottom: calc(max(19px, env(safe-area-inset-bottom))); } } }
.theme-dark #ac-globalfooter .ac-gf-footer,
#ac-globalfooter.theme-dark .ac-gf-footer {
border-color: #424245;
color: #6e6e73; }
.ac-gf-footer-shop {
max-height: 9999px;
padding-bottom: 3px; }
@media only screen and (max-width: 767px) {
.ac-gf-footer-shop {
padding-bottom: 10px; } }
.theme-dark #ac-globalfooter .ac-gf-footer-shop,
#ac-globalfooter.theme-dark .ac-gf-footer-shop {
border-color: #424245; }
.ac-gf-footer-shop a {
color: #0066cc; }
.theme-dark #ac-globalfooter .ac-gf-footer-shop a,
#ac-globalfooter.theme-dark .ac-gf-footer-shop a {
color: #2997ff; }
.ac-gf-footer-locale {
float: right;
margin-top: 5px;
position: relative;
top: -3px;
z-index: 2;
white-space: nowrap; }
@media only screen and (max-width: 767px) {
.ac-gf-footer-locale {
left: -1px;
padding-top: 5px;
float: none; } }
.ac-gf-footer-locale-link {
border-left: 1px solid #d2d2d7;
margin-left: 7px;
padding-left: 11px;
display: inline; }
.theme-dark #ac-globalfooter .ac-gf-footer-locale-link,
#ac-globalfooter.theme-dark .ac-gf-footer-locale-link {
border-color: #424245; }
.ac-gf-footer-locale-link:first-child {
border-left: none;
margin-left: 0;
padding-left: 0; }
.ac-gf-footer-legal {
position: relative;
top: -3px;
z-index: 1; }
.ac-gf-footer-legal::before, .ac-gf-footer-legal::after {
content: ' ';
display: table; }
.ac-gf-footer-legal::after {
clear: both; }
@media only screen and (max-width: 767px) {
.ac-gf-footer-legal {
padding-top: 12px; } }
.ac-gf-footer-legal-copyright, .ac-gf-footer-legal-links {
margin-right: 30px;
float: left;
margin-top: 5px; }
@media only screen and (max-width: 767px) {
.ac-gf-footer-legal-copyright, .ac-gf-footer-legal-links {
margin-right: 0;
float: none; } }
.ac-gf-footer-legal-copyright {
max-height: 9999px; }
.ac-gf-footer-legal-links {
position: relative;
top: -5px;
z-index: 1; }
.ac-gf-footer-legal-link {
border-right: 1px solid #d2d2d7;
margin-right: 7px;
padding-right: 10px;
display: inline-block;
margin-top: 5px;
white-space: nowrap; }
.theme-dark #ac-globalfooter .ac-gf-footer-legal-link,
#ac-globalfooter.theme-dark .ac-gf-footer-legal-link {
border-color: #424245; }
.ac-gf-footer-legal-link:last-child {
border: none;
margin: 0;
padding: 0; }
.ac-gf-sosumi + .ac-gf-footer {
border-top: none; }
@media only screen and (max-width: 767px) {
.ac-gf-breadcrumbs + .ac-gf-footer {
border-top: none; } }
.ac-gf-directory + .ac-gf-footer {
padding-top: 34px;
border-top: none; }
@media only screen and (max-width: 767px) {
.ac-gf-directory + .ac-gf-footer {
padding-top: 17px; } }
.ac-gf-directory + .ac-gf-footer .ac-gf-footer-shop {
margin-bottom: 7px;
padding-bottom: 8px;
border-bottom: 1px solid #d2d2d7; }
.theme-dark #ac-globalfooter .ac-gf-directory + .ac-gf-footer .ac-gf-footer-shop,
#ac-globalfooter.theme-dark .ac-gf-directory + .ac-gf-footer .ac-gf-footer-shop {
border-color: #424245; }
@media only screen and (max-width: 767px) {
.ac-gf-directory + .ac-gf-footer .ac-gf-footer-shop {
border-bottom: none; } }
@media only screen and (max-width: 734px) {
#ac-globalfooter .ac-gf-directory.with-5-columns {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto; } }
#ac-globalfooter .ac-gf-directory.with-5-columns .ac-gf-directory-column {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%; }
@media only screen and (max-width: 734px) {
#ac-globalfooter .ac-gf-directory.with-4-columns {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto; } }
#ac-globalfooter .ac-gf-directory.with-4-columns .ac-gf-directory-column {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%; }
@media only screen and (max-width: 734px) {
#ac-globalfooter .ac-gf-directory.with-3-columns {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto; } }
#ac-globalfooter .ac-gf-directory.with-3-columns .ac-gf-directory-column {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%; }
@media only screen and (max-width: 734px) {
#ac-globalfooter .ac-gf-directory.with-2-columns {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto; } }
#ac-globalfooter .ac-gf-directory.with-2-columns .ac-gf-directory-column {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%; }
#ac-globalfooter .ac-gf-directory.with-1-columns {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#ac-globalfooter .ac-gf-directory.with-1-columns .ac-gf-directory-column:not(:first-child) {
margin-top: 1.25rem; }
@media only screen and (max-width: 734px) {
#ac-globalfooter .ac-gf-directory.with-1-columns {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto; } }
#ac-globalfooter .ac-gf-directory.with-1-columns .ac-gf-directory-column {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%; }
#ac-globalfooter .ac-gf-footer-shop a {
color: #0066cc; }
