#ribbon img {
	position: relative;
	top: 6px;
}

.ribbon-link {
	white-space: nowrap;
}

.column.large-12.large-centered {
	z-index: 999;
}

.ribbon-link:focus {
	text-decoration: underline;
}

.ribbon .ribbon-content-wrapper {
	padding-top: 0.9411764706em;
	padding-bottom: 0.9411764706em;
}

.ribbon .ribbon-content {
	font-size: 14px;
	line-height: 1.4285914286;
	font-weight: 400;
	letter-spacing: -0.016em;
	font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
		sans-serif;
}

.ribbon .ribbon-content: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;
}

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

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

.ribbon .ribbon-content:lang(zh) {
	line-height: 1.5;
	letter-spacing: 0em;
}

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

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

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

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

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

.ribbon .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color);
}

.ribbon .ribbon-content {
	color: var(--ribbon-text-color);
}

.ribbon .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

.ribbon .ribbon-link {
	color: var(--ribbon-link-color);
}

.ribbon-elevated .ribbon-content-wrapper {
	padding-top: 1.4117647059em;
	padding-bottom: 1.4117647059em;
}

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

.ribbon-elevated .ribbon-content: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;
}

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

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

.ribbon-elevated .ribbon-content:lang(zh) {
	letter-spacing: 0em;
}

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

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

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

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

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

.ribbon-blue {
	--ribbon-background-color: #0071e3;
	--ribbon-text-color: white;
	--ribbon-link-color: white;
	--ribbon-focus-color: rgba(255, 255, 255, 0.6);
}

.ribbon-blue .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color);
}

.ribbon-blue .ribbon-content {
	color: var(--ribbon-text-color);
}

.ribbon-blue .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

.ribbon-blue .ribbon-link {
	color: var(--ribbon-link-color);
}

.ribbon-blue-to-default {
	--ribbon-background-color: #f5f5f7;
	--ribbon-background-color-initial: #0071e3;
	--ribbon-text-color: #1d1d1f;
	--ribbon-text-color-initial: white;
	--ribbon-link-color: #0066cc;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
	--ribbon-link-color-initial: white;
}

.ribbon-blue-to-default .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color-initial);
	animation: animate-background-0071e3-f5f5f7 1s ease-in-out 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.ribbon-blue-to-default .ribbon-content-wrapper {
		background-color: var(--ribbon-background-color);
		animation: none;
	}
}

.ribbon-blue-to-default .ribbon-content {
	color: var(--ribbon-text-color-initial);
	animation: animate-color-white-1d1d1f 1s ease-in-out 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.ribbon-blue-to-default .ribbon-content {
		color: var(--ribbon-text-color);
		animation: none;
	}
}

.ribbon-blue-to-default .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

.ribbon-blue-to-default .ribbon-link {
	color: var(--ribbon-link-color-initial);
	animation: animate-color-white-0066cc 1s ease-in-out 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.ribbon-blue-to-default .ribbon-link {
		color: var(--ribbon-link-color);
		animation: none;
	}
}

.ribbon-drop-wrapper {
	animation: ribbon-drop 0.8s ease-in-out forwards;
	position: sticky;
	z-index: 999;
}

@media (prefers-reduced-motion) {
	.ribbon-drop-wrapper {
		animation: none;
	}
}

.theme-dark.ribbon,
.theme-dark .ribbon {
	--ribbon-background-color: #1d1d1f;
	--ribbon-text-color: #f5f5f7;
	--ribbon-link-color: #2997ff;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
}

.theme-dark.ribbon .ribbon-content-wrapper,
.theme-dark .ribbon .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color);
}

.theme-dark.ribbon .ribbon-content,
.theme-dark .ribbon .ribbon-content {
	color: var(--ribbon-text-color);
}

.theme-dark.ribbon .ribbon-link:focus,
.theme-dark .ribbon .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

.theme-dark.ribbon .ribbon-link,
.theme-dark .ribbon .ribbon-link {
	color: var(--ribbon-link-color);
}

.theme-dark.ribbon-blue,
.theme-dark .ribbon-blue {
	--ribbon-background-color: #0071e3;
	--ribbon-text-color: white;
	--ribbon-link-color: white;
	--ribbon-focus-color: rgba(255, 255, 255, 0.6);
}

.theme-dark.ribbon-blue .ribbon-content-wrapper,
.theme-dark .ribbon-blue .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color);
}

.theme-dark.ribbon-blue .ribbon-content,
.theme-dark .ribbon-blue .ribbon-content {
	color: var(--ribbon-text-color);
}

.theme-dark.ribbon-blue .ribbon-link:focus,
.theme-dark .ribbon-blue .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

.theme-dark.ribbon-blue .ribbon-link,
.theme-dark .ribbon-blue .ribbon-link {
	color: var(--ribbon-link-color);
}

.theme-dark.ribbon-blue-to-default,
.theme-dark .ribbon-blue-to-default {
	--ribbon-background-color: #1d1d1f;
	--ribbon-background-color-initial: #0071e3;
	--ribbon-text-color: #f5f5f7;
	--ribbon-text-color-initial: white;
	--ribbon-link-color: #2997ff;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
	--ribbon-link-color-initial: white;
}

@keyframes animate-background-0071e3-1d1d1f {
	0% {
		background-color: var(--ribbon-background-color-initial);
	}

	to {
		background-color: var(--ribbon-background-color);
	}
}

.theme-dark.ribbon-blue-to-default .ribbon-content-wrapper,
.theme-dark .ribbon-blue-to-default .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color-initial);
	animation: animate-background-0071e3-1d1d1f 1s ease-in-out 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.theme-dark.ribbon-blue-to-default .ribbon-content-wrapper,
	.theme-dark .ribbon-blue-to-default .ribbon-content-wrapper {
		background-color: var(--ribbon-background-color);
		animation: none;
	}
}

@keyframes animate-color-white-f5f5f7 {
	0% {
		color: var(--ribbon-text-color-initial);
	}

	to {
		color: var(--ribbon-text-color);
	}
}

.theme-dark.ribbon-blue-to-default .ribbon-content,
.theme-dark .ribbon-blue-to-default .ribbon-content {
	color: var(--ribbon-text-color-initial);
	animation: animate-color-white-f5f5f7 1s ease-in-out 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.theme-dark.ribbon-blue-to-default .ribbon-content,
	.theme-dark .ribbon-blue-to-default .ribbon-content {
		color: var(--ribbon-text-color);
		animation: none;
	}
}

.theme-dark.ribbon-blue-to-default .ribbon-link:focus,
.theme-dark .ribbon-blue-to-default .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

@keyframes animate-color-white-2997ff {
	0% {
		color: var(--ribbon-link-color-initial);
	}

	to {
		color: var(--ribbon-link-color);
	}
}

.theme-dark.ribbon-blue-to-default .ribbon-link,
.theme-dark .ribbon-blue-to-default .ribbon-link {
	color: var(--ribbon-link-color-initial);
	animation: animate-color-white-2997ff 1s ease-in-out 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.theme-dark.ribbon-blue-to-default .ribbon-link,
	.theme-dark .ribbon-blue-to-default .ribbon-link {
		color: var(--ribbon-link-color);
		animation: none;
	}
}

.theme-light.ribbon,
.theme-light .ribbon {
	--ribbon-background-color: #f5f5f7;
	--ribbon-text-color: #1d1d1f;
	--ribbon-link-color: #0066cc;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
}

.theme-light.ribbon .ribbon-content-wrapper,
.theme-light .ribbon .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color);
}

.theme-light.ribbon .ribbon-content,
.theme-light .ribbon .ribbon-content {
	color: var(--ribbon-text-color);
}

.theme-light.ribbon .ribbon-link:focus,
.theme-light .ribbon .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

.theme-light.ribbon .ribbon-link,
.theme-light .ribbon .ribbon-link {
	color: var(--ribbon-link-color);
}

.theme-light.ribbon-blue,
.theme-light .ribbon-blue {
	--ribbon-background-color: #0071e3;
	--ribbon-text-color: white;
	--ribbon-link-color: white;
	--ribbon-focus-color: rgba(255, 255, 255, 0.6);
}

.theme-light.ribbon-blue .ribbon-content-wrapper,
.theme-light .ribbon-blue .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color);
}

.theme-light.ribbon-blue .ribbon-content,
.theme-light .ribbon-blue .ribbon-content {
	color: var(--ribbon-text-color);
}

.theme-light.ribbon-blue .ribbon-link:focus,
.theme-light .ribbon-blue .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

.theme-light.ribbon-blue .ribbon-link,
.theme-light .ribbon-blue .ribbon-link {
	color: var(--ribbon-link-color);
}

.theme-light.ribbon-blue-to-default,
.theme-light .ribbon-blue-to-default {
	--ribbon-background-color: #f5f5f7;
	--ribbon-background-color-initial: #0071e3;
	--ribbon-text-color: #1d1d1f;
	--ribbon-text-color-initial: white;
	--ribbon-link-color: #0066cc;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
	--ribbon-link-color-initial: white;
}

@keyframes animate-background-0071e3-f5f5f7 {
	0% {
		background-color: var(--ribbon-background-color-initial);
	}

	to {
		background-color: var(--ribbon-background-color);
	}
}

.theme-light.ribbon-blue-to-default .ribbon-content-wrapper,
.theme-light .ribbon-blue-to-default .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color-initial);
	animation: animate-background-0071e3-f5f5f7 1s ease-in-out 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.theme-light.ribbon-blue-to-default .ribbon-content-wrapper,
	.theme-light .ribbon-blue-to-default .ribbon-content-wrapper {
		background-color: var(--ribbon-background-color);
		animation: none;
	}
}

@keyframes animate-color-white-1d1d1f {
	0% {
		color: var(--ribbon-text-color-initial);
	}

	to {
		color: var(--ribbon-text-color);
	}
}

.theme-light.ribbon-blue-to-default .ribbon-content,
.theme-light .ribbon-blue-to-default .ribbon-content {
	color: var(--ribbon-text-color-initial);
	animation: animate-color-white-1d1d1f 1s ease-in-out 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.theme-light.ribbon-blue-to-default .ribbon-content,
	.theme-light .ribbon-blue-to-default .ribbon-content {
		color: var(--ribbon-text-color);
		animation: none;
	}
}

.theme-light.ribbon-blue-to-default .ribbon-link:focus,
.theme-light .ribbon-blue-to-default .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

@keyframes animate-color-white-0066cc {
	0% {
		color: var(--ribbon-link-color-initial);
	}

	to {
		color: var(--ribbon-link-color);
	}
}

.theme-light.ribbon-blue-to-default .ribbon-link,
.theme-light .ribbon-blue-to-default .ribbon-link {
	color: var(--ribbon-link-color-initial);
	animation: animate-color-white-0066cc 1s ease-in-out 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.theme-light.ribbon-blue-to-default .ribbon-link,
	.theme-light .ribbon-blue-to-default .ribbon-link {
		color: var(--ribbon-link-color);
		animation: none;
	}
}

.dotnav {
	text-align: center;
	box-sizing: border-box;
}

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

.dotnav li {
	list-style: none;
	margin: 0 7px;
	width: 8px;
	height: 8px;
	position: relative;
}

.dotnav-item {
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
	outline: none;
	position: absolute;
	border-radius: 50%;
	box-sizing: border-box;
	padding: 0;
}

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

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

.dotnav-item.current {
	cursor: default;
}

.dotnav .dotnav-item {
	background-color: rgba(0, 0, 0, 0.16);
	transition: background-color 100ms linear;
}

.dotnav .dotnav-item:hover {
	background-color: rgba(0, 0, 0, 0.24);
}

.dotnav .dotnav-item.current {
	background-color: rgba(0, 0, 0, 0.56);
}

.paddlenav,
.paddlenav ul {
	margin: 0;
	list-style: none;
}

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

.ribbon: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;
}

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

.ribbon: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;
}

.ribbon:lang(ko),
.ribbon:lang(th),
.ribbon:lang(zh) {
	letter-spacing: 0em;
}

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

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

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

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

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

#ac-localnav.ac-localnav-scrim.ac-ln-sticking .ac-ln-background {
	background-color: rgba(255, 255, 255, 0.72);
}

.ribbon-blue-to-default {
	--ribbon-background-color: white;
}

@media only screen and (max-width: 330px) and (max-width: 330px) {
	@supports (padding: calc(max(0px))) {
		#ac-localnav .ac-ln-actions {
			padding-left: calc(max(9px, env(safe-area-inset-left)));
			padding-right: calc(max(9px, env(safe-area-inset-right)));
		}
	}
}
