@keyframes ribbon-drop {
	0% {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}

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

.ribbon-content-wrapper {
	text-align: center;
}

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

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

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

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

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

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

.ribbon .ribbon-content-wrapper {
	padding-top: 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) {
	line-height: 1.5714285714;
	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;
}

.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) {
	line-height: 1.5882352941;
	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;
}

.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);
	animation: none;
}

@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 {
	background-color: var(--ribbon-background-color);
	animation: none;
}

@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 {
	animation: none;
}

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

.ribbon-drop-wrapper {
	animation: none;
}

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

.typography-ribbon {
	font-size: 14px;
	line-height: 1.1904761905;
	font-weight: 400;
	letter-spacing: 0.011em;
	font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
		sans-serif;
}

.typography-ribbon:lang(ja) {
	line-height: 1.2380952381;
	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-ribbon:lang(ko) {
	line-height: 1.2858042857;
	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-ribbon:lang(th) {
	line-height: 1.381002381;
	font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue,
		Helvetica, Arial, sans-serif;
}

.typography-ribbon:lang(zh) {
	line-height: 1.3334033333;
}

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

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

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

.typography-ribbon: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-ribbon: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-ribbon {
		font-size: 14px;
		line-height: 1.4211026316;
		font-weight: 400;
		letter-spacing: 0.012em;
		font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica,
			Arial, sans-serif;
	}

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

	.typography-ribbon:lang(ja) {
		line-height: 1.4737642105;
		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-ribbon:lang(ko) {
		line-height: 1.5263157895;
		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-ribbon:lang(th) {
		line-height: 1.3684410526;
		font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue,
			Helvetica, Arial, sans-serif;
	}

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

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

	.typography-ribbon: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-ribbon: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-ribbon {
		font-size: 12px;
		line-height: 1.3333733333;
		font-weight: 400;
		letter-spacing: -0.01em;
		font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
			sans-serif;
	}

	.typography-ribbon:lang(ar) {
		line-height: 1.6666666667;
		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;
	}

	.typography-ribbon:lang(ja) {
		line-height: 1.4166666667;
		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-ribbon:lang(ko) {
		line-height: 1.4166666667;
		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-ribbon:lang(zh) {
		letter-spacing: 0em;
	}

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

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

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

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

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

.ribbon {
	position: absolute;
	z-index: 3;
	width: 100%;
}

.ribbon .ribbon-content-wrapper {
	padding: 9px 0;
}

.ribbon .pricing-fallback {
	display: none;
}

.ribbon .pricing-container[style="display: none;"] + .pricing-fallback {
	display: inline;
}

@media only screen and (max-width: 734px) {
	.ribbon-copy {
		max-width: 302px;
	}
}

@media only screen and (min-width: 735px) {
	.trade-in-ribbon .ribbon-drop-wrapper, .trade-in-ribbon .ribbon-drop-wrapper * {
		animation: none;
	}
}

@media only screen and (min-width: 735px) {
	.trade-in-ribbon .ribbon-content-wrapper {
		padding-top: 1em;
		padding-bottom: 1em;
		background-color: var(--ribbon-background-color);
	}
}

@media only screen and (min-width: 735px) {
	.trade-in-ribbon .ribbon-copy {
		color: var(--ribbon-text-color);
	}
}

@media only screen and (min-width: 735px) {
	.trade-in-ribbon .ribbon-link {
		color: var(--ribbon-link-color);
	}
}

html.text-zoom .trade-in-ribbon .column {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	min-width: 0px;
	flex-basis: 100%;
	max-width: 100%;
}

@media only screen and (max-width: 734px) {
	.trade-in-ribbon + .section {
		padding-top: 33px;
	}
}

.acmi-ribbon + .section-hero-alt .tile-iphone-15-pro.tile-iphone-15-pro-alt, .ribbon + .section-hero-alt .tile-iphone-15-pro.tile-iphone-15-pro-alt {
	padding-top: 147px;
}

@media only screen and (max-width: 1068px) {
	.acmi-ribbon + .section-hero-alt .tile-iphone-15-pro.tile-iphone-15-pro-alt, .ribbon + .section-hero-alt .tile-iphone-15-pro.tile-iphone-15-pro-alt {
		padding-top: 117px;
	}
}

@media only screen and (max-width: 734px) {
	.acmi-ribbon + .section-hero-alt .tile-iphone-15-pro.tile-iphone-15-pro-alt, .ribbon + .section-hero-alt .tile-iphone-15-pro.tile-iphone-15-pro-alt {
		padding-top: 140px;
	}
}

@media only screen and (min-width: 1069px) {
	.trade-in-ribbon + .section-hero .tile-iphone-15-pro {
		padding-top: 140px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.trade-in-ribbon + .section-hero .tile-iphone-15-pro {
		padding-top: 120px;
	}
}

html:not(.hide-acmi) .ribbon-iphone-get-ready ~ .section-hero .tile-iphone-15-pro {
	padding-top: calc(2.23529rem + 92px);
}

@media only screen and (max-width: 1068px) {
	html:not(.hide-acmi) .ribbon-iphone-get-ready ~ .section-hero .tile-iphone-15-pro {
		padding-top: calc(3.41176rem + 68px);
	}
}

@media only screen and (max-width: 734px) {
	html:not(.hide-acmi) .ribbon-iphone-get-ready ~ .section-hero .tile-iphone-15-pro {
		padding-top: calc(4.58824rem + 59px);
	}
}
html.hide-acmi .acmi-ribbon, html.hide-acmi [data-toggle="acmi"] {
	display: none;
}

html.hide-acmi .acmi-ribbon .ribbon-drop-wrapper {
	animation-play-state: paused;
}
.ribbon-iphone-get-ready ~ .section-ribbon, html.ac-gn-segmentbar-visible .ribbon-iphone-get-ready {
	display: none;
}

html.ac-gn-segmentbar-visible .ribbon-iphone-get-ready ~ .trade-in-ribbon {
	display: block;
}