html.no-js picture[data-lazy] {
	display: none !important
}

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

.highlight {
       color: greenyellow;
       font-weight: 500;
}

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

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

fieldset,
iframe {
	border: 0
}

caption,
th {
	text-align: left
}

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

details,
main,
summary {
	display: block
}

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

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

button:disabled {
	cursor: default
}

:focus {
	outline: 4px solid rgba(0, 125, 250, .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 AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body {
	font-size: 17px;
	line-height: 1.4705882353;
	font-weight: 400;
	letter-spacing: -0.022em;
	font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
	background-color: #0C0F14;
	color: #1d1d1f;
	font-style: normal
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ol,
ul {
	margin-left: 1.1764705882em
}

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

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

li li {
	font-size: 1em
}

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
	font-weight: 600
}

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

.clear {
	clear: both
}

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

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

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

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

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

.grid {
	margin-left: auto;
	margin-right: auto;
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	padding: 0 24px;
	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
}

.theme-dark {
	background-color: #0C0F14
}

.theme-dark,
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
	color: #f5f5f7
}

.theme-dark .link,
.theme-dark a {
	color: #2997ff
}

.theme-dark .footnote a {
	color: inherit
}

.theme-dark .footnote a:hover {
	color: #2997ff
}

.theme-dark .badge,
.theme-dark .badge .badge-caption {
	color: #f5f5f7
}

.theme-dark .button {
	background: #0071e3;
	color: #fff
}

.theme-dark .button:hover {
	background: #0077ed
}

.theme-dark .button:active {
	background: #006edb
}

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

.theme-dark .button-neutral {
	background: #f5f5f7;
	color: #000
}

.theme-dark .button-neutral:hover {
	background: #fff
}

.theme-dark .button-neutral:active {
	background: #ededf2
}

.theme-dark .button-neutral.disabled,
.theme-dark .button-neutral:disabled {
	background: #f5f5f7;
	color: #000;
	opacity: .32
}

.theme-dark .button-secondary {
	background: #333336;
	color: #fff
}

.theme-dark .button-secondary:hover {
	background: #353538
}

.theme-dark .button-secondary:active {
	background: #303033
}

.theme-dark .button-secondary.disabled,
.theme-dark .button-secondary:disabled {
	background: #333336;
	color: #fff;
	opacity: .56
}

.theme-dark .button-secondary-alpha {
	background: rgba(255, 255, 255, .2);
	color: #fff
}

.theme-dark .button-secondary-alpha:hover {
	background: rgba(255, 255, 255, .21)
}

.theme-dark .button-secondary-alpha:active {
	background: rgba(255, 255, 255, .19)
}

.theme-dark .button-secondary-alpha.disabled,
.theme-dark .button-secondary-alpha:disabled {
	background: rgba(255, 255, 255, .2);
	color: #fff;
	opacity: .56
}

.theme-dark .paddlenav .paddlenav-arrow {
	background-color: initial;
	color: rgba(255, 255, 255, .8)
}

.theme-dark .paddlenav .paddlenav-arrow:active,
.theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):active,
.theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):hover,
.theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select):active,
.theme-dark .paddlenav .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select):hover,
.theme-dark .paddlenav .paddlenav-arrow:hover {
	background-color: initial;
	color: #fff
}

.theme-dark .paddlenav-framed .paddlenav-arrow {
	background-color: rgba(66, 66, 69, .72);
	color: rgba(255, 255, 255, .8)
}

.theme-dark .paddlenav-framed .paddlenav-arrow:hover {
	background-color: rgba(73, 73, 76, .7256);
	color: #fff
}

.theme-dark .paddlenav-framed .paddlenav-arrow:active {
	background-color: rgba(57, 57, 60, .7424);
	color: #fff
}

.theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):hover,
.theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select):hover {
	background-color: rgba(73, 73, 76, .7256);
	color: #fff
}

.theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):active,
.theme-dark .paddlenav-framed .paddlenav-arrow:focus[data-focus-method=touch]:not(input):not(textarea):not(select):active {
	background-color: rgba(57, 57, 60, .7424);
	color: #fff
}

body {
	position: relative
}

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

@media only screen and (min-width:1441px) {

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

@media only screen and (max-width:1068px) {

	.section-content,
	.viewport-content {
		margin-left: auto;
		margin-right: auto;
		width: 692px
	}
}

@media only screen and (max-width:734px) {

	.section-content,
	.viewport-content {
		margin-left: auto;
		margin-right: auto;
		width: 87.5%
	}
}

.footer-headline-link {
	display: flex;
	align-items: baseline
}

@media only screen and (max-width:734px) {
	.footer-headline-link {
		display: block
	}
}

.footer-headline-link .headline {
	flex-grow: 1
}

.footer-headline-link .footer-header-link {
	flex-shrink: 0;
	width: 200px;
	text-align: right
}

@media only screen and (max-width:734px) {
	.footer-headline-link .footer-header-link {
		text-align: left
	}
}

.section-footer-content {
	margin: 0 80px;
	width: calc(100% - 160px);
	max-width: 1280px
}

@media only screen and (min-width:1069px) {
	.section-footer-content {
		margin-left: max(80px, calc(50% - 640px))
	}
}

@media only screen and (max-width:1068px) {
	.section-footer-content {
		margin: 0 60px;
		width: calc(100% - 120px)
	}
}

@media only screen and (max-width:734px) {
	.section-footer-content {
		max-width: 480px;
		width: calc(100% - 32px);
		margin: 0 16px 0 max(16px, calc(50% - 240px))
	}
}

h3.visuallyhidden+* {
	margin-top: 0
}

html.hide-acmi .ac-gf-sosumi li[data-toggle-footnote=acmi] {
	visibility: hidden;
	height: 0;
	padding: 0;
	margin: 0
}

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

.typography-site-body {
	margin-bottom: 24px;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 19px;
	line-height: 1.8;
	font-weight: 420;
	letter-spacing: .012em;
	font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
	text-align: center;
}

@media only screen and (max-width:734px) {
	.typography-site-body {
		font-size: 17px;
		margin-left: 15px;
		margin-right: 15px;
		line-height: 1.6;
		font-weight: 400;
		letter-spacing: -0.022em;
		font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
		text-align: center;
	}
}

.typography-hero-headline {
	font-size: 112px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: -0.00168em;
	font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:1068px) {
	.typography-hero-headline {
		font-size: 80px;
		line-height: 1;
		font-weight: 700;
		letter-spacing: -0.015em;
		font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
	}
}

@media only screen and (max-width:734px) {
	.typography-hero-headline {
		font-size: 56px;
		line-height: 1;
		font-weight: 700;
		letter-spacing: -0.005em;
		font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
	}
}

.typography-iphone-headline {
	font-size: 72px;
	line-height: 1.0555555556;
	font-weight: 800;
	letter-spacing: -0.012em;
	font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}


@media only screen and (max-width:1068px) {
	.typography-iphone-headline {
		font-size: 64px;
		line-height: 1.0625;
		font-weight: 800;
		letter-spacing: -0.009em;
		font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
	}
}

@media only screen and (max-width:734px) {
	.typography-iphone-headline {
		font-size: 48px;
		line-height: 1.0834933333;
		font-weight: 800;
		letter-spacing: -0.003em;
		font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
	}
}

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

@media only screen and (max-width:1068px) {
	.typography-footer-headline {
		font-size: 48px;
		line-height: 1.0834933333;
		font-weight: 800;
		letter-spacing: -0.003em;
		font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
	}
}

@media only screen and (max-width:734px) {
	.typography-footer-headline {
		font-size: 32px;
		line-height: 1.125;
		font-weight: 800;
		letter-spacing: .004em;
		font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
	}
}

.typography-footer-header-link {
	font-size: 19px;
	line-height: 1.2105263158;
	font-weight: 400;
	letter-spacing: .012em;
	font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

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

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

strong {
	font-weight: 800;
	font-style: italic
}

.theme-light strong,
.tile-light strong {
/*	background-color:  #F80759;*/
/*	background-color: ivory;*/
	background-color: greenyellow;
	margin: .11em auto;
	padding-right: .14em;
	padding-left: .14em
}

.theme-dark strong,
.tile-dark strong {
	color: #000;
}

.underline-illustration {
	max-height: 12px;
	min-height: 9px
}

@media only screen and (max-width:1068px) {
	.underline-illustration {
		max-height: 10px
	}
}

.underline-illustration .underline-path {
	clip-path: url(#underline-clip-path);
	fill: none;
	stroke-linecap: round;
	stroke-miterlimit: 10;
	stroke-width: 12px;
	stroke-dashoffset: 1.1;
	transition: stroke-dashoffset var(--highlight-duration) ease-out;
	transition-delay: var(--highlight-delay, 0)
}

html.no-static-layout .underline-illustration .underline-path {
	stroke-dasharray: 1.1;
	stroke-dashoffset: 1.1
}

.pink .underline-illustration .underline-path {
/*	stroke: #ff8cbd*/
	stroke: rgb(255, 55, 95);
}

.blue .underline-illustration .underline-path {
	stroke: #6bb7ff
}

.orange .underline-illustration .underline-path {
/*	stroke: #ffa950*/
	stroke: rgb(255, 159, 10);
}

.purple .underline-illustration .underline-path {
	stroke: #b494ff
}

.green .underline-illustration .underline-path {
/*	stroke: #30d158*/
	stroke: rgb(48, 209, 88);

}

.light-purple .underline-illustration .underline-path {
	stroke: #8e5d9d
}

.dark-orange .underline-illustration .underline-path {
	stroke: #fc7f60
}

.dark-yellow .underline-illustration .underline-path {
	stroke: #ffdd45
}

html.no-static-layout .animate .underline-path {
	stroke-dashoffset: 0
}

.underline {
	position: relative;
	display: inline-block;
	font-style: normal;
	z-index: 1
}

.underline .underline-illustration {
	position: absolute;
	width: 100%;
	left: 0%;
	bottom: -9%;
	z-index: -1
}

@media only screen and (max-width:1068px) {
	.typography-headline-elevated .underline .underline-illustration {
		bottom: -18%
	}
}

.typography-callout .underline .underline-illustration {
	bottom: -15%
}