.gallery-feature-cards .grid-item .card .card-modifier {
	background-color: var(--tile-background-color);
}

.feature-card-modal.modal-page-overlay .modal-overlay .modal-content-container {
	display: flex;
	align-items: center;
}

.tile {
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}

.tile-content {
	padding: 0;
}

.tile-button-wrapper:focus {
	outline: none;
}

.tile-button-wrapper:focus .tile-button {
	box-shadow:
		0 0 0 3px white,
		0 0 0 5px #0071e3;
	outline: none;
}

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

.tile-button {
	color: rgba(0, 0, 0, 0.56);
}

.tile-button:hover {
	background-color: rgba(223, 223, 227, 0.6976);
}

.tile-button:active {
	background-color: rgba(193, 193, 198, 0.6544);
}

.tile-button:hover {
	color: rgba(0, 0, 0, 0.72);
}

.tile-button-wrapper {
	width: 44px;
	height: 44px;
	bottom: 16px;
	right: 16px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
}

@media only screen and (max-width: 1068px) {
	.tile-button-wrapper {
		bottom: 13px;
		right: 13px;
	}
}

.tile-button {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transition: background-color 100ms linear;
}

.tile-icon {
	fill: currentColor;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 20px;
	height: 20px;
}

.tile-icon[viewBox="0 0 40 40"] {
	width: 100%;
	height: 100%;
	position: unset;
	left: unset;
	transform: unset;
}

.tile-rounded {
	border-radius: 18px;
}

.tile-shadow {
	box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.08);
}

.violator {
	box-sizing: border-box;
	white-space: nowrap;
	display: inline-block;
	background: transparent;
	border: 1px solid #bf4800;
	color: #bf4800;
	font-size: 17px;
	line-height: 1.1764805882;
	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: 7px 18px;
}

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

.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.3333733333;
	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: 3px 11px;
}

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

.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.3333733333;
	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: 0;
	display: block;
}

.violator-frameless.violator-frameless-reduced: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;
}

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

.typography-hero-headline {
	margin-top: 0.25em;
}

@media only screen and (max-width: 734px) {
	.typography-hero-headline {
		margin-top: 0.15em;
	}
}

@media only screen and (max-width: 734px) {
	.typography-hero-intro {
		margin-top: 1em;
	}
}

.typography-subsection-headline + .typography-subsection-copy {
	margin-top: 0.3em;
}

.large-text-center {
	text-align: center;
}

.large-text-initial {
	text-align: initial;
}

@media only screen and (min-width: 1441px) {
	.xlarge-text-center {
		text-align: center;
	}

	.xlarge-text-initial {
		text-align: initial;
	}
}

@media only screen and (max-width: 1068px) {
	.medium-text-center {
		text-align: center;
	}

	.medium-text-initial {
		text-align: initial;
	}
}

@media only screen and (max-width: 734px) {
	.small-text-center {
		text-align: center;
	}

	.small-text-initial {
		text-align: initial;
	}
}

@media only screen and (max-width: 374px) {
	.small_narrow-text-center {
		text-align: center;
	}

	.small_narrow-text-initial {
		text-align: initial;
	}
}

@media only screen and (min-width: 1069px) and (max-width: 1249px) {
	.large_narrow-text-center {
		text-align: center;
	}

	.large_narrow-text-initial {
		text-align: initial;
	}
}

@media only screen and (min-width: 1250px) {
	.large_wide-text-center {
		text-align: center;
	}

	.large_wide-text-initial {
		text-align: initial;
	}
}

@media only screen and (max-width: 350px) {
	.xsmall-text-center {
		text-align: center;
	}

	.xsmall-text-initial {
		text-align: initial;
	}
}

.small-caps {
	font-variant-caps: all-small-caps;
}

html.text-zoom .typography-blockquote-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;
}

html.text-zoom .typography-blockquote-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;
}

html.text-zoom .typography-blockquote-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;
}

html.text-zoom .typography-blockquote-copy:lang(th) {
	line-height: 1.375;
	font-family:
		SF Pro TH,
		SF Pro Display,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

html.text-zoom .typography-blockquote-copy:lang(zh) {
	line-height: 1.21875;
}

html.text-zoom .typography-blockquote-copy: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;
}

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

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

html.text-zoom .typography-blockquote-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;
}

html.text-zoom .typography-blockquote-copy:lang(zh-TW) {
	font-family:
		SF Pro TC,
		SF Pro Display,
		SF Pro Icons,
		PingFang TC,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

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

:root {
	--grid-gutter: 25px;
	--grid-max-width: min(1400px, 73vw);
	--grid-background-color: #f5f5f7;
	--tile-padding-top: 36px;
	--tile-padding-bottom: 40px;
	--tile-padding-left: var(--tile-padding-bottom);
	--tile-padding-right: var(--tile-padding-left);
	--tile-border-radius: 30px;
}

@media only screen and (max-width: 1440px) {
	:root {
		--tile-padding-bottom: 30px;
	}
}

@media only screen and (max-width: 1068px) {
	:root {
		--grid-gutter: 20px;
		--tile-padding-top: 30px;
		--tile-padding-bottom: 35px;
		--grid-max-width: min(1680px, 87.5vw);
	}
}

@media only screen and (max-width: 734px) {
	:root {
		--grid-gutter: 15px;
		--tile-padding-bottom: 25px;
		--tile-padding-bottom: 30px;
	}
}

@media only screen and (max-width: 374px) {
	:root {
		--grid-gutter: 0px;
		--tile-border-radius: 0;
		--grid-max-width: 100%;
		--tile-padding-left: 60px;
		--tile-padding-right: var(--tile-padding-left);
	}
}

.section-connect .tile .tile-header {
	--tile-padding-top: 60px;
}

@media only screen and (max-width: 1440px) {
	.section-connect .tile .tile-header {
		--tile-padding-top: 40px;
	}
}

@media only screen and (max-width: 734px) {
	.section-connect .tile .tile-header {
		--tile-padding-top: 47px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-connect .grid-item-apple-id .tile .tile-body {
		padding-bottom: 75px;
	}
}

.section-connect .tile .tile-headline,
.section-connect .tile .tile-copy {
	display: inline;
}

@media only screen and (max-width: 374px) {
	.section-connect .tile .tile-headline {
		font-size: 17px;
		line-height: 1.2352941176;
	}
}

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

.grid {
	max-width: var(--grid-max-width);
}

@media only screen and (max-width: 374px) {
	.grid {
		padding-left: 0;
		padding-right: 0;
	}
}

.grid-item {
	background-color: initial;
}

.tile {
	--tile-background-color: white;
	--tile-body-padding-top: 70px;
	--tile-body-padding-bottom: var(--tile-padding-bottom);
	--tile-copy-max-width: 316px;
	border-radius: var(--tile-border-radius);
	display: flex;
}
@media only screen and (max-width: 1068px) {
	.tile {
		--tile-copy-max-width: 655px;
	}
}

html.safari .tile {
	clip-path: inset(1px 1px 1px 1px round var(--tile-border-radius));
}

@media only screen and (max-width: 1068px) {
	.tile {
		--tile-body-padding-top: 60px;
	}
}

@media only screen and (max-width: 734px) {
	.tile {
		--tile-body-padding-top: 50px;
	}
}

.tile.tile-with-overlay {
	--tile-overlay-background-color: var(--section-color, #86868b);
	--tile-overlay-copy-max-width: 550px;
}

.grid-item.will-change .tile {
	transform: translateZ(0);
}

.theme-dark .feature-card {
	--tile-background-color: black;
	background-color: initial;
}

.tile-content {
	background-color: var(--tile-background-color);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex: 1;
	width: 100%;
}

.tile-header {
	padding-top: var(--tile-padding-top);
	padding-left: var(--tile-padding-left);
	padding-right: var(--tile-padding-right);
	max-width: var(--tile-copy-max-width);
}

.theme-dark .tile-headline,
.typography-feature-card-label {
	color: var(--tile-overlay-background-color, var(--section-color));
}

.tile-body {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	padding: var(--tile-body-padding-top) var(--tile-padding-right)
		var(--tile-body-padding-bottom) var(--tile-padding-left);
}

.tile-body figure {
	width: 100%;
}

.tile-body-blockquote {
	--tile-body-padding-bottom: calc(
		var(--tile-body-padding-top) + var(--tile-padding-bottom)
	);
}

.tile-copy {
	max-width: var(--tile-copy-max-width);
}

.tile-button-wrapper {
	-webkit-tap-highlight-color: transparent;
	z-index: 3;
}

.gallery-feature-cards .card-cta-modal-button .card-cta-modal-button-icon {
	z-index: 2;
	background-color: #86868b;
	color: var(--tile-background-color);
	opacity: 0.92;
	transition:
		background-color 0.66s cubic-bezier(0.66, 0, 0.01, 1) 0.66s,
		color 0.66s cubic-bezier(0.66, 0, 0.01, 1) 0.66s,
		transform 0.66s cubic-bezier(0.66, 0, 0.2, 1),
		opacity 100ms linear;
}

.tile-button:focus,
.tile-button:hover {
	opacity: 1;
}

html.reduced-motion .tile-button {
	transition: none;
}

.theme-dark .tile-button {
	background-color: rgba(66, 66, 69, 0.72);
}

.grid-item.will-change .tile-button {
	will-change: transform;
}

.tile-button-text {
	position: absolute;
	width: 100%;
	height: 100%;
}

.tile-icon-alt {
	fill: currentColor;
	width: 50%;
	height: 50%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.tile-overlay {
	z-index: 10;
}

.modal .modal-content-container {
	background-color: var(--tile-overlay-background-color);
}

html.reduced-motion .tile-overlay-content {
	transition: none;
}

.tile-overlay-header {
	position: absolute;
	max-width: calc(
		100% - var(--tile-padding-left) - var(--tile-padding-right)
	);
}

.tile-overlay-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
	height: 100%;
}

.large-span-12 .tile-overlay-body {
	align-items: center;
}

.tile-overlay-copy,
.tile-overlay-headline {
	color: #fff;
}

.tile-overlay-copy {
	max-width: var(--tile-overlay-copy-max-width);
	opacity: 0;
	transform: translateY(-20px);
	transition: all 0.66s cubic-bezier(0.66, 0, 0.2, 1);
}

html.reduced-motion .tile-overlay-copy {
	transform: translateY(0);
	transition: none;
}

.tile-overlay-toggle {
	display: none;
}

.expanded .tile-content {
	visibility: hidden;
	transition: visibility 0s linear 0.66s;
}

.family-modal.modal-page-overlay .modal-close-button .modal-close-icon {
	color: var(--tile-overlay-background-color);
	background-color: #fff;
}

.tile-overlay-toggle:checked ~ .tile-overlay .tile-overlay-content {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}

.tile-overlay-toggle:checked ~ .tile-overlay .tile-overlay-copy {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.66s;
}

.tile-overlay-toggle:checked ~ .tile-overlay a {
	color: #fff;
}

.tile-overlay-toggle:checked ~ .tile-overlay :focus {
	outline: 2px solid #000;
	outline-offset: 0px;
}

.tile-overlay-toggle:checked ~ .tile-overlay .tile-button-wrapper:focus,
.tile-overlay-toggle:checked
	~ .tile-overlay
	:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.tile-overlay-toggle:checked
	~ .tile-overlay
	:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
	outline: none;
}

.tile-overlay-toggle:checked
	~ .tile-overlay
	.tile-button-wrapper:focus
	.tile-button {
	box-shadow: 0 0 0 2px #000;
	outline: none;
}

.tile-overlay-toggle:checked
	~ .tile-overlay
	.tile-button-wrapper:focus
	.tile-button[data-focus-method="mouse"]:not(input):not(textarea):not(
		select
	),
.tile-overlay-toggle:checked
	~ .tile-overlay
	.tile-button-wrapper:focus
	.tile-button[data-focus-method="touch"]:not(input):not(textarea):not(
		select
	) {
	box-shadow: none;
}

.focus-outline-white
	.tile-overlay-toggle:checked
	~ .tile-overlay
	.tile-button-wrapper:focus
	.tile-button {
	box-shadow: 0 0 0 2px black;
	outline: none;
}

.focus-outline-white
	.tile-overlay-toggle:checked
	~ .tile-overlay
	.tile-button-wrapper:focus
	.tile-button[data-focus-method="mouse"]:not(input):not(textarea):not(
		select
	),
.focus-outline-white
	.tile-overlay-toggle:checked
	~ .tile-overlay
	.tile-button-wrapper:focus
	.tile-button[data-focus-method="touch"]:not(input):not(textarea):not(
		select
	),
.tile-overlay-toggle:checked
	~ .tile-overlay
	.tile-button-wrapper:focus[data-focus-method="mouse"]:not(input):not(
		textarea
	):not(select)
	.tile-button,
.tile-overlay-toggle:checked
	~ .tile-overlay
	.tile-button-wrapper:focus[data-focus-method="touch"]:not(input):not(
		textarea
	):not(select)
	.tile-button {
	box-shadow: none;
}

.tile-body-no-pad-top .tile-body {
	padding-top: 0;
}

.tile-body-no-pad-bottom .tile-body {
	padding: 0;
}

.tile-body-no-pad-left .tile-body {
	padding-left: 0;
}

.tile-body-no-pad-right .tile-body {
	padding-right: 0;
}

.inline-video-container {
	position: relative;
}

.inline-video-container.loading-disabled .static-frame,
.inline-video-container.loading-error .static-frame {
	opacity: 1;
}

.inline-video-container .static-frame {
	opacity: 0;
	pointer-events: all;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	pointer-events: none;
}

.inline-video-container:not(.loaded):not(.loading-error):not(.loading-disabled)
	.start-frame {
	opacity: 1;
	pointer-events: all;
}

.inline-video-container .start-frame {
	opacity: 0;
	pointer-events: all;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	pointer-events: none;
}

.inline-video-container.ended .end-frame {
	opacity: 1;
	pointer-events: all;
}

.inline-video-container .end-frame {
	opacity: 0;
	pointer-events: all;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	pointer-events: none;
}

.inline-video-container video {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

html.no-enhanced .inline-video-container .static-frame,
html.no-js .inline-video-container .static-frame {
	opacity: 1;
}

.glass-container {
	display: block;
	position: relative;
	z-index: 1;
}

.glass-container .glass-shadow {
	z-index: 1;
}

.glass-container .glass-hardware,
.glass-container .glass-screen,
.glass-container .glass-shadow {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.glass-container .glass-hardware {
	pointer-events: none;
	z-index: 3;
}

.glass-container .glass-screen {
	z-index: 4;
}

.grid-item {
	--tile-blockquote-max-width: 300px;
}

@media only screen and (max-width: 734px) {
	.grid-item .tile-blockquote {
		max-width: var(--tile-blockquote-max-width);
	}
}

@media only screen and (min-width: 1069px) {
	.large-span-12 .tile {
		--tile-copy-max-width: 700px;
	}
}

@media only screen and (min-width: 1069px) {
	.large-span-8 .tile {
		--tile-copy-max-width: 635px;
	}
}

@media only screen and (min-width: 1069px) {
	.large-span-6 .tile {
		--tile-copy-max-width: 530px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.medium-span-12 .tile {
		--tile-copy-max-width: 470px;
	}
}

@media only screen and (max-width: 734px) {
	.medium-span-12 .tile {
		--tile-copy-max-width: 480px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.medium-span-6 .tile {
		--tile-copy-max-width: 315px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.medium-span-6 .tile-copy,
	.medium-span-6 .tile-header {
		max-width: none;
	}
}

.grid-item.tile-body-image-bottom .tile-body {
	justify-content: flex-end;
}

.grid-item.tile-body-center .tile-body {
	align-items: center;
}

.grid-item.tile-copy-center .tile-content .tile-copy,
.grid-item.tile-copy-center .tile-content .tile-headline {
	text-align: center;
}

.grid-item.tile-copy-center .tile-header {
	align-self: center;
}

.grid-item.tile-body-no-pad .tile-body {
	padding: 0;
}

.grid-item .tile-button {
	background: #86868b;
}

.grid-item .tile-button:hover {
	color: var(--tile-background-color);
}

.overlay-with-bg .tile-overlay-content {
	background-color: initial;
	background-position: 50%;
	background-size: cover;
	padding: 0;
}

.overlay-with-bg .tile-overlay-body,
.overlay-with-bg .tile-overlay-header {
	padding: var(--tile-padding-top) var(--tile-padding-right)
		var(--tile-padding-bottom) var(--tile-padding-left);
}

.section-consider {
	background-color: #fff;
	padding: 0 0 125px;
}

@media only screen and (max-width: 1068px) {
	.section-consider {
		padding: 48px 0 110px;
	}
}

@media only screen and (max-width: 734px) {
	.section-consider {
		padding: 15px 0 96px;
	}
}

.section-hero {
	--section-color: #f5f5f7;
	--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
	position: relative;
	background-color: var(--section-color);
	overflow: hidden;
	padding-top: calc(var(--r-localnav-height) + var(--padding-top));
	top: calc(var(--r-localnav-height) * -1);
	max-width: none;
	margin: 0 auto;
	--padding-top: 5px;
	padding-bottom: 120px;
}

@media only screen and (max-width: 1068px) {
	.section-hero {
		--padding-top: 11px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero {
		--padding-top: 21px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero {
		padding-bottom: 87px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero {
		padding-bottom: 58px;
	}
}

html.enhanced .section-hero .section-content {
	opacity: 0;
}

.section-hero .image-container {
	display: flex;
	justify-content: center;
}

@media only screen and (min-width: 1069px) {
	.section-hero .image-container {
		position: relative;
		left: 409px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-container {
		margin-left: auto;
	}
}

.section-hero .image-container .hero-image-1 {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 1138px;
	--p-height: 699px;
	margin-top: -280px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.section-hero .image-container .hero-image-1 {
		--p-width: 509px;
		--p-height: 223px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.section-hero .image-container .hero-image-1 {
		--p-width: 521px;
		--p-height: 186px;
	}
}

html.enhanced .section-hero .image-container .hero-image-1 {
	transform: translateX(-5px) scale(0.99);
}

html.enhanced .section-hero .image-container .hero-image-1.slide-in {
	transform: translateX(0) scale(1);
}

@media only screen and (max-width: 734px) {
	html.enhanced .section-hero .image-container .hero-image-1 {
		transform: translateX(5px) scale(0.99);
	}

	html.enhanced .section-hero .image-container .hero-image-1.slide-out {
		transform: translateX(0) scale(1);
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-container .hero-image-1 {
		margin-top: 22px;
		margin-right: 72px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-container .hero-image-1 {
		margin-top: 0;
		margin-right: 0;
		margin-left: auto;
		padding-left: 213px;
	}
}

.section-hero .image-container .hero-image-2 {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 1993px;
	--p-height: 1678px;
	position: relative;
	margin-top: 102px;
	left: 48px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.section-hero .image-container .hero-image-2 {
		--p-width: 487px;
		--p-height: 322px;
	}
}

html.enhanced .section-hero .image-container .hero-image-2 {
	transform: translateX(5px) scale(0.98);
}

html.enhanced .section-hero .image-container .hero-image-2.slide-in {
	transform: translateX(0) scale(1);
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-container .hero-image-2 {
		margin-top: 92px;
		left: 0;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-container .hero-image-2 {
		margin-top: 0;
		display: none;
	}
}

.section-hero .image-container-2 {
	margin-top: 73px;
	margin-left: -1322px;
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-container-2 {
		margin-top: 50px;
		margin-left: 0;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-container-2 {
		margin-top: 29px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-container-2 {
		justify-content: center;
		display: flex;
		width: 100%;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-container-2 {
		justify-content: center;
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-container-2 .mask-container {
		margin-right: auto;
		padding-right: 411px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-container-2 .mask-container {
		padding-right: 220px;
	}
}

.section-hero .image-container-2 .hero-image-3 {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 1942px;
	--p-height: 808px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.section-hero .image-container-2 .hero-image-3 {
		--p-width: 660px;
		--p-height: 188px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.section-hero .image-container-2 .hero-image-3 {
		--p-width: 506px;
		--p-height: 144px;
	}
}

@supports (mask-image: url("")) {
	.section-hero .image-container-2 .hero-image-3 .glass-hardware {
		mask-size: contain;
		mask-position: center;
		mask-repeat: no-repeat;
		mask-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/hero_3_mask__gb1537cxidm6_large.png);
	}

	@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
		.section-hero .image-container-2 .hero-image-3 .glass-hardware {
			mask-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/hero_3_mask__gb1537cxidm6_large_2x.png);
		}
	}

	@media only screen and (max-width: 1068px) {
		.section-hero .image-container-2 .hero-image-3 .glass-hardware {
			mask-repeat: no-repeat;
			mask-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/hero_3_mask__gb1537cxidm6_medium.png);
		}
	}

	@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
		only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
		.section-hero .image-container-2 .hero-image-3 .glass-hardware {
			mask-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/hero_3_mask__gb1537cxidm6_medium_2x.png);
		}
	}

	@media only screen and (max-width: 734px) {
		.section-hero .image-container-2 .hero-image-3 .glass-hardware {
			mask-repeat: no-repeat;
			mask-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/hero_3_mask__gb1537cxidm6_small.png);
		}
	}

	@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
		only screen and (max-width: 734px) and (min-resolution: 144dpi) {
		.section-hero .image-container-2 .hero-image-3 .glass-hardware {
			mask-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/hero_3_mask__gb1537cxidm6_small_2x.png);
		}
	}
}

.section-hero .image-container-2 .hero-image-3 picture {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 1942px;
	--p-height: 808px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.section-hero .image-container-2 .hero-image-3 picture {
		--p-width: 660px;
		--p-height: 188px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.section-hero .image-container-2 .hero-image-3 picture {
		--p-width: 506px;
		--p-height: 144px;
	}
}

.section-hero .image-container-2 .hero-image-3 .glass-screen {
	margin-left: 0;
	margin-top: 50px;
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-container-2 .hero-image-3 .glass-screen {
		margin-left: -428px;
		margin-top: 30px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-container-2 .hero-image-3 .glass-screen {
		margin-left: -531px;
		margin-top: 20px;
	}
}

.section-hero .image-container-2 .hero-image-3 .glass-hardware {
	transform: translateZ(30px);
}

.section-hero .image-container-2 .hero-image-3 .glass-screen {
	overflow: hidden;
	z-index: 2;
	position: absolute;
	top: 10px;
	left: 768px;
	transform: rotate3d(0, -25, 1.5, 40deg) scale(0.9);
}

@media only screen and (min-width: 1069px) {
	.section-hero .image-container-2 .hero-image-3 .glass-screen {
		left: 1454px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-container-2 .hero-image-3 .glass-screen {
		transform: rotate3d(0, -22, 1.5, 38deg) scale(0.85);
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-container-2 .hero-image-3 .glass-screen {
		transform: rotate3d(0, -19, 1.5, 40deg) scale(0.85);
	}
}

.section-hero
	.image-container-2
	.hero-image-3
	.glass-screen
	.inline-video-container {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 102px;
	--p-height: 122px;
}

.section-hero
	.image-container-2
	.hero-image-3
	.glass-screen
	.inline-video-container
	.start-frame {
	background-repeat: no-repeat;
	background-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/snoopy_startframe__vhzqehlnhcyi_large.jpg);
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
	.section-hero
		.image-container-2
		.hero-image-3
		.glass-screen
		.inline-video-container
		.start-frame {
		background-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/snoopy_startframe__vhzqehlnhcyi_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero
		.image-container-2
		.hero-image-3
		.glass-screen
		.inline-video-container
		.start-frame {
		background-repeat: no-repeat;
		background-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/snoopy_startframe__vhzqehlnhcyi_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero
		.image-container-2
		.hero-image-3
		.glass-screen
		.inline-video-container
		.start-frame {
		background-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/snoopy_startframe__vhzqehlnhcyi_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.section-hero
		.image-container-2
		.hero-image-3
		.glass-screen
		.inline-video-container
		.start-frame {
		background-repeat: no-repeat;
		background-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/snoopy_startframe__vhzqehlnhcyi_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero
		.image-container-2
		.hero-image-3
		.glass-screen
		.inline-video-container
		.start-frame {
		background-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/snoopy_startframe__vhzqehlnhcyi_small_2x.jpg);
	}
}

.section-hero
	.image-container-2
	.hero-image-3
	.glass-screen
	.inline-video-container
	.end-frame {
	background-repeat: no-repeat;
	background-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/snoopy_endframe__e8grioyv7866_large.jpg);
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
	.section-hero
		.image-container-2
		.hero-image-3
		.glass-screen
		.inline-video-container
		.end-frame {
		background-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/snoopy_endframe__e8grioyv7866_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero
		.image-container-2
		.hero-image-3
		.glass-screen
		.inline-video-container
		.end-frame {
		background-repeat: no-repeat;
		background-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/snoopy_endframe__e8grioyv7866_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero
		.image-container-2
		.hero-image-3
		.glass-screen
		.inline-video-container
		.end-frame {
		background-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/snoopy_endframe__e8grioyv7866_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.section-hero
		.image-container-2
		.hero-image-3
		.glass-screen
		.inline-video-container
		.end-frame {
		background-repeat: no-repeat;
		background-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/snoopy_endframe__e8grioyv7866_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero
		.image-container-2
		.hero-image-3
		.glass-screen
		.inline-video-container
		.end-frame {
		background-image: url(/v/apple-watch-for-your-kids/c/images/overview/hero/snoopy_endframe__e8grioyv7866_small_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.section-hero
		.image-container-2
		.hero-image-3
		.glass-screen
		.inline-video-container {
		--p-width: 62px;
		--p-height: 74px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.section-hero
		.image-container-2
		.hero-image-3
		.glass-screen
		.inline-video-container {
		--p-width: 58px;
		--p-height: 70px;
	}
}

@media only screen and (max-width: 734px) {
	html.enhanced .section-hero .image-container-2 .hero-image-3 {
		transform: translateX(-5px) scale(0.99);
	}

	html.enhanced .section-hero .image-container-2 .hero-image-3.slide-out {
		transform: translateX(0) scale(1);
	}
}

.section-hero .hero-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	text-align: center;
	z-index: 1;
	margin-top: -1391px;
}

@media only screen and (max-width: 1068px) {
	.section-hero .hero-content {
		margin-top: -182px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-content {
		margin-top: 18px;
	}
}

.section-hero .hero-content .hero-headline {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.section-hero .hero-content .hero-headline .hero-headline-copy {
	margin-top: 0px;
}

@media only screen and (max-width: 1068px) {
	.section-hero .hero-content .hero-headline .hero-headline-copy {
		max-width: 560px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-content .hero-headline .hero-headline-copy {
		margin-top: 9px;
		max-width: 490px;
	}
}

html.enhanced .section-hero .hero-content .hero-headline {
	opacity: 0.001;
	transform: translateY(10px) translateZ(0);
}

html.enhanced .section-hero .hero-content .hero-headline.fade-up {
	opacity: 0.999;
	transform: translateY(0) translateZ(1px);
}

.section-hero .hero-content .hero-intro {
	z-index: 1;
	text-align: center;
	margin-top: 24px;
	max-width: 623px;
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-content .hero-intro {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 374px) {
	.section-hero .hero-content .hero-intro {
		padding: 0;
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .hero-content .hero-intro {
		margin-top: 24px;
		max-width: 603px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-content .hero-intro {
		margin-top: 16px;
		max-width: 490px;
	}
}

@media only screen and (max-width: 374px) {
	.section-hero .hero-content .hero-intro {
		margin-top: 16px;
		max-width: 270px;
	}
}

html.enhanced .section-hero .hero-content .hero-intro {
	--anim-start-modifier: 95vh;
	--translate-start: 30px;
	opacity: 0.001;
	transform: translateY(var(--translate-start)) translateZ(0);
}

html.enhanced .section-hero .hero-content .hero-intro.fade-up {
	opacity: 0.999;
	transform: translateY(0) translateZ(1px);
	transition: all 600ms var(--ease-out-cubic);
}

.section-hero .hero-content .overview-hero-hero-logo {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 147px;
	--p-height: 35px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.section-hero .hero-content .overview-hero-hero-logo {
		--p-width: 116px;
		--p-height: 28px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.section-hero .hero-content .overview-hero-hero-logo {
		--p-width: 104px;
		--p-height: 26px;
	}
}

html.enhanced .section-hero .ease-out {
	will-change: transform;
	transition: all 1000ms var(--ease-out-cubic);
}

.grid-item-how-it-works {
	--front-button-color: white;
	--front-copy-color: white;
	--back-button-color: #6e6e73;
	--back-copy-color: #1d1d1f;
	--front-button-color: #6e6e73;
	--front-copy-color: #1d1d1f;
	--back-button-color: white;
	--back-copy-color: white;
}

.grid-item-how-it-works .feature-card {
	--tile-background-color: #c9efec;
}

.modal.how-it-works {
	--tile-overlay-background-color: #24827a;
}

.grid-item-how-it-works .typography-feature-card-label {
	color: #288f87;
}

.grid-item-how-it-works .tile-blockquote,
.grid-item-how-it-works .tile-copy {
	color: var(--front-copy-color);
}

html.text-zoom .grid-item-how-it-works .tile-blockquote,
html.text-zoom .grid-item-how-it-works .tile-copy {
	font-size: 2em;
}

.modal.how-it-works .tile-overlay-copy,
.modal.how-it-works .tile-overlay-headline {
	color: var(--back-copy-color);
}

.grid-item-how-it-works .tile {
	--tile-copy-max-width: none;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.grid-item-how-it-works .tile {
		--tile-body-padding-top: 20px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-how-it-works .tile {
		--tile-copy-max-width: 290px;
	}
}

.grid-item-how-it-works .image-how-it-works {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 1390px;
	--p-height: 439px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.grid-item-how-it-works .image-how-it-works {
		--p-width: 1028px;
		--p-height: 318px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.grid-item-how-it-works .image-how-it-works {
		--p-width: 480px;
		--p-height: 324px;
	}
}

.grid-item-calls-and-messages {
	--front-button-color: white;
	--front-copy-color: white;
	--back-button-color: #6e6e73;
	--back-copy-color: #1d1d1f;
	--front-button-color: #6e6e73;
	--front-copy-color: #1d1d1f;
	--back-button-color: white;
	--back-copy-color: white;
}

.grid-item-calls-and-messages .feature-card {
	--tile-background-color: #ebf3fd;
}

.modal.calls-and-messages {
	--tile-overlay-background-color: #017acd;
}

.grid-item-calls-and-messages .typography-feature-card-label {
	color: #5874ae;
}

.grid-item-calls-and-messages .tile-blockquote,
.grid-item-calls-and-messages .tile-copy {
	color: var(--front-copy-color);
}

html.text-zoom .grid-item-calls-and-messages .tile-blockquote,
html.text-zoom .grid-item-calls-and-messages .tile-copy {
	font-size: 2em;
}

.grid-item-calls-and-messages .tile-overlay-copy,
.grid-item-calls-and-messages .tile-overlay-headline {
	color: var(--back-copy-color);
}

.grid-item-calls-and-messages .tile {
	--tile-body-padding-top: 60px;
	--tile-body-padding-bottom: 50px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-calls-and-messages .tile {
		--tile-body-padding-bottom: 0;
		--tile-body-padding-top: 50px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-calls-and-messages .tile {
		--tile-body-padding-top: 40px;
	}
}

.grid-item-calls-and-messages .tile-overlay-header {
	max-width: 100%;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.grid-item-calls-and-messages .tile-body {
		justify-content: end;
	}
}

.grid-item-calls-and-messages .calls-and-messages-image {
	display: block;
	position: relative;
	max-width: 381px;
	width: 100%;
}

.grid-item-calls-and-messages .calls-and-messages-image::after {
	content: "";
	display: block;
}

.grid-item-calls-and-messages .calls-and-messages-image img {
	max-width: 100%;
	position: absolute;
}

.grid-item-calls-and-messages .calls-and-messages-image::after {
	padding-bottom: 90.0262467192%;
}

@media only screen and (max-width: 1068px) {
	.grid-item-calls-and-messages .calls-and-messages-image {
		max-width: 443px;
	}

	.grid-item-calls-and-messages .calls-and-messages-image::after {
		padding-bottom: 85.5530474041%;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-calls-and-messages .calls-and-messages-image {
		max-width: 345px;
	}

	.grid-item-calls-and-messages .calls-and-messages-image::after {
		padding-bottom: 95.0724637681%;
	}
}

.grid-item-find-my-people {
	--front-button-color: white;
	--front-copy-color: white;
	--back-button-color: #6e6e73;
	--back-copy-color: #1d1d1f;
	--front-button-color: #6e6e73;
	--front-copy-color: #1d1d1f;
	--back-button-color: white;
	--back-copy-color: white;
}

.grid-item-find-my-people .feature-card {
	--tile-background-color: #d0edbf;
}

.modal.find-my-people {
	--tile-overlay-background-color: #267143;
}

.grid-item-find-my-people .typography-feature-card-label {
	color: #267143;
}

.grid-item-find-my-people .tile-blockquote,
.grid-item-find-my-people .tile-copy {
	color: var(--front-copy-color);
}

html.text-zoom .grid-item-find-my-people .tile-blockquote,
html.text-zoom .grid-item-find-my-people .tile-copy {
	font-size: 2em;
}

.grid-item-find-my-people .tile-overlay-copy,
.grid-item-find-my-people .tile-overlay-headline {
	color: var(--back-copy-color);
}

.grid-item-find-my-people .tile-body {
	position: relative;
	justify-content: flex-end;
	align-items: flex-end;
}

.grid-item-find-my-people .find-my-people-image {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 683px;
	--p-height: 366px;
	padding-top: 194px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.grid-item-find-my-people .find-my-people-image {
		--p-width: 504px;
		--p-height: 339px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.grid-item-find-my-people .find-my-people-image {
		--p-width: 480px;
		--p-height: 245px;
	}
}

@media only screen and (max-width: 1068px) {
	.grid-item-find-my-people .find-my-people-image {
		padding-top: 122px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-find-my-people .find-my-people-image {
		padding-top: 135px;
	}
}

.grid-item-find-my-people .find-my-people-notification-image {
	display: block;
	position: relative;
	max-width: 605px;
	position: absolute;
	top: 30px;
	left: var(--tile-padding-left);
	right: var(--tile-padding-right);
	width: calc(100% - var(--tile-padding-left) * 2);
}

.grid-item-find-my-people .find-my-people-notification-image::after {
	content: "";
	display: block;
}

.grid-item-find-my-people .find-my-people-notification-image img {
	max-width: 100%;
	position: absolute;
}

.grid-item-find-my-people .find-my-people-notification-image::after {
	padding-bottom: 21.4876033058%;
}

@media only screen and (max-width: 1068px) {
	.grid-item-find-my-people .find-my-people-notification-image {
		max-width: 425px;
	}

	.grid-item-find-my-people .find-my-people-notification-image::after {
		padding-bottom: 21.6470588235%;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-find-my-people .find-my-people-notification-image {
		max-width: 413px;
	}

	.grid-item-find-my-people .find-my-people-notification-image::after {
		padding-bottom: 21.5496368039%;
	}
}

@media only screen and (max-width: 1068px) {
	.grid-item-find-my-people .find-my-people-notification-image {
		top: 25px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-find-my-people .find-my-people-notification-image {
		top: 23px;
	}
}

.grid-item-find-my-people .tile-overlay .tile-button {
	color: #d4f4e5;
}

.grid-item-find-my-people .find-my-people-image {
	width: 100%;
}

.grid-item-apple-music {
	--front-button-color: white;
	--front-copy-color: white;
	--back-button-color: #6e6e73;
	--back-copy-color: #1d1d1f;
	--front-button-color: #6e6e73;
	--front-copy-color: #1d1d1f;
	--back-button-color: white;
	--back-copy-color: white;
}

.grid-item-apple-music .feature-card {
	--tile-background-color: #fcf0e8;
}

.modal.apple-music {
	--tile-overlay-background-color: #d14900;
}

.grid-item-apple-music .typography-feature-card-label {
	color: #ef6318;
}

.grid-item-apple-music .tile-blockquote,
.grid-item-apple-music .tile-copy {
	color: var(--front-copy-color);
}

html.text-zoom .grid-item-apple-music .tile-blockquote,
html.text-zoom .grid-item-apple-music .tile-copy {
	font-size: 2em;
}

.grid-item-apple-music .tile-overlay-copy,
.grid-item-apple-music .tile-overlay-headline {
	color: var(--back-copy-color);
}

.grid-item-apple-music .tile {
	--tile-body-padding-bottom: 100px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-apple-music .tile {
		--tile-body-padding-bottom: 65px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-apple-music .tile {
		--tile-body-padding-top: 42px;
		--tile-body-padding-bottom: 113px;
	}
}

.grid-item-apple-music .image-music {
	display: block;
	position: relative;
	max-width: 519px;
	width: 100%;
}

.grid-item-apple-music .image-music::after {
	content: "";
	display: block;
}

.grid-item-apple-music .image-music img {
	max-width: 100%;
	position: absolute;
}

.grid-item-apple-music .image-music::after {
	padding-bottom: 75.7225433526%;
}

@media only screen and (max-width: 1068px) {
	.grid-item-apple-music .image-music {
		max-width: 422px;
	}

	.grid-item-apple-music .image-music::after {
		padding-bottom: 73.9336492891%;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-apple-music .image-music {
		max-width: 282px;
	}

	.grid-item-apple-music .image-music::after {
		padding-bottom: 75.5319148936%;
	}
}

.grid-item-apple-music
	.feature-card-content
	.feature-card-label
	+ .feature-card-headline {
	padding-right: 116px;
}

@media only screen and (max-width: 734px) {
	.grid-item-apple-music
		.feature-card-content
		.feature-card-label
		+ .feature-card-headline {
		padding-right: 88px;
	}
}
.grid-item-app-store {
	--front-button-color: white;
	--front-copy-color: white;
	--back-button-color: #6e6e73;
	--back-copy-color: #1d1d1f;
	--front-button-color: #6e6e73;
	--front-copy-color: #1d1d1f;
	--back-button-color: white;
	--back-copy-color: white;
}

.grid-item-app-store .feature-card {
	--tile-background-color: #f5fff6;
}

.modal.app-store {
	--tile-overlay-background-color: #267143;
}

.grid-item-app-store .typography-feature-card-label {
	color: #03a10e;
}

.grid-item-app-store .tile-blockquote,
.grid-item-app-store .tile-copy {
	color: var(--front-copy-color);
}

html.text-zoom .grid-item-app-store .tile-blockquote,
html.text-zoom .grid-item-app-store .tile-copy {
	font-size: 2em;
}

.grid-item-app-store .tile-overlay-copy,
.grid-item-app-store .tile-overlay-headline {
	color: var(--back-copy-color);
}

.grid-item-app-store .tile {
	--tile-body-padding-bottom: 100px;
	--tile-body-padding-top: 54px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-app-store .tile {
		--tile-body-padding-bottom: 40px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-app-store .tile {
		--tile-body-padding-top: 42px;
	}
}

.grid-item-app-store .image-apps {
	display: block;
	position: relative;
	max-width: 821px;
	width: 100%;
}

.grid-item-app-store .image-apps::after {
	content: "";
	display: block;
}

.grid-item-app-store .image-apps img {
	max-width: 100%;
	position: absolute;
}

.grid-item-app-store .image-apps::after {
	padding-bottom: 35.8099878197%;
}

@media only screen and (max-width: 1068px) {
	.grid-item-app-store .image-apps {
		max-width: 371px;
	}

	.grid-item-app-store .image-apps::after {
		padding-bottom: 91.6442048518%;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-app-store .image-apps {
		max-width: 283px;
	}

	.grid-item-app-store .image-apps::after {
		padding-bottom: 99.6466431095%;
	}
}

.grid-item-app-store
	.feature-card-content
	.feature-card-label
	+ .feature-card-headline {
	padding-right: 10px;
}

.grid-item-emergency-sos {
	--front-button-color: white;
	--front-copy-color: white;
	--back-button-color: #6e6e73;
	--back-copy-color: #1d1d1f;
	--front-button-color: #6e6e73;
	--front-copy-color: #1d1d1f;
	--back-button-color: white;
	--back-copy-color: white;
	min-height: unset;
}

.grid-item-emergency-sos .feature-card {
	--tile-background-color: #ffe3e3;
}

.modal.emergency-sos {
	--tile-overlay-background-color: #d63e3e;
}

.grid-item-emergency-sos .typography-feature-card-label {
	color: #e30000;
}

.grid-item-emergency-sos .tile-blockquote,
.grid-item-emergency-sos .tile-copy {
	color: var(--front-copy-color);
}

html.text-zoom .grid-item-emergency-sos .tile-blockquote,
html.text-zoom .grid-item-emergency-sos .tile-copy {
	font-size: 2em;
}

.grid-item-emergency-sos .tile-overlay-copy,
.grid-item-emergency-sos .tile-overlay-headline {
	color: var(--back-copy-color);
}

@media only screen and (max-width: 1068px) {
	.grid-item-emergency-sos {
		min-height: unset;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-emergency-sos {
		min-height: unset;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-emergency-sos .tile {
		--tile-copy-max-width: 210px;
	}
}

.grid-item-emergency-sos .tile-header {
	z-index: 1;
	margin-bottom: 20px;
}

@media only screen and (max-width: 734px) {
	.grid-item-emergency-sos .tile-header {
		margin-bottom: 25px;
	}
}

.grid-item-emergency-sos .tile-body {
	justify-content: flex-start;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.grid-item-emergency-sos .tile-copy {
		max-width: 260px;
	}
}

.grid-item-emergency-sos .lottie-aria-wrapper {
	height: 100%;
	overflow: hidden;
	padding-top: 1px;
	scale: 0.84;
}

@media only screen and (max-width: 1068px) {
	.grid-item-emergency-sos .lottie-aria-wrapper {
		scale: 0.72;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-emergency-sos .lottie-aria-wrapper {
		scale: 0.75;
	}
}

.grid-item-emergency-sos .lottie-container {
	width: 540px;
	height: 540px;
	position: relative;
	left: 50%;
	margin-left: -270px;
	display: grid;
	margin-bottom: -672px;
	margin-top: -16px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-emergency-sos .lottie-container {
		margin-bottom: -22px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-emergency-sos .lottie-container {
		width: 432px;
		height: 432px;
		left: 50%;
		margin-left: -216px;
		margin-bottom: -52px;
	}
}

.grid-item-emergency-sos .lottie-container .end-frame,
.grid-item-emergency-sos .lottie-container .lottie-animation {
	grid-area: 1/1;
	align-self: start;
}

.grid-item-emergency-sos .lottie-container .lottie-animation {
	display: none;
}

html.enhanced .grid-item-emergency-sos .lottie-container .lottie-animation {
	display: block;
}

.grid-item-emergency-sos .lottie-container .end-frame {
	width: 540px;
	height: 540px;
	background-size: 540px 540px;
	background-repeat: no-repeat;
	background-image: url(/v/apple-watch-for-your-kids/c/images/overview/sos/sos_static__vquuzf4vo5ui_large.jpg);
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
	.grid-item-emergency-sos .lottie-container .end-frame {
		background-image: url(/v/apple-watch-for-your-kids/c/images/overview/sos/sos_static__vquuzf4vo5ui_large_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-emergency-sos .lottie-container .end-frame {
		width: 432px;
		height: 432px;
		background-size: 432px 432px;
		background-repeat: no-repeat;
		background-image: url(/v/apple-watch-for-your-kids/c/images/overview/sos/sos_static__vquuzf4vo5ui_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.grid-item-emergency-sos .lottie-container .end-frame {
		background-image: url(/v/apple-watch-for-your-kids/c/images/overview/sos/sos_static__vquuzf4vo5ui_small_2x.jpg);
	}
}

html.enhanced .grid-item-emergency-sos .lottie-container .end-frame {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	width: 0;
	height: 0;
}

@media only screen and (max-width: 1068px) {
	.grid-item-emergency-sos .feature-card .grid-item-body {
		bottom: -48px;
		left: 50%;
		transform: translateX(-50%);
		position: absolute;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-emergency-sos .feature-card .grid-item-body {
		bottom: -32px;
	}
}

.grid-item-emergency-sos .lottie-aria-wrapper {
	overflow: visible;
}

.grid-item-schooltime {
	--front-button-color: white;
	--front-copy-color: white;
	--back-button-color: #6e6e73;
	--back-copy-color: #1d1d1f;
	--front-button-color: #6e6e73;
	--front-copy-color: #1d1d1f;
}

.grid-item-schooltime .feature-card {
	--tile-background-color: #fffbca;
}

.modal.schooltime {
	--tile-overlay-background-color: #f4dd2a;
}

.gallery-feature-cards
	.grid-item-schooltime
	.card-cta-modal-button
	.card-cta-modal-button-icon {
	color: #fafafc;
}

.grid-item-schooltime .typography-feature-card-label {
	color: #e07000;
}

.grid-item-schooltime .tile-blockquote,
.grid-item-schooltime .tile-copy {
	color: var(--front-copy-color);
}

html.text-zoom .grid-item-schooltime .tile-blockquote,
html.text-zoom .grid-item-schooltime .tile-copy {
	font-size: 2em;
}

.grid-item-schooltime .tile-overlay-copy,
.grid-item-schooltime .tile-overlay-headline {
	color: var(--back-copy-color);
}

@media only screen and (min-width: 1069px) and (max-width: 1440px) {
	.grid-item-schooltime .tile {
		--tile-copy-max-width: 82%;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-schooltime .tile {
		--tile-copy-max-width: 310px;
	}
}

.grid-item-schooltime .tile-header {
	z-index: 1;
}

.grid-item-schooltime .tile-body {
	flex-direction: row;
	align-items: end;
	padding-top: 10px;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.grid-item-schooltime .tile-body {
		padding-left: var(--tile-padding-left);
		padding-right: var(--tile-padding-right);
		justify-content: end;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-schooltime .tile-body {
		margin-top: -20px;
	}
}

.grid-item-schooltime .image-schooltime {
	display: block;
	position: relative;
	max-width: 663px;
	width: 100%;
}

.grid-item-schooltime .image-schooltime::after {
	content: "";
	display: block;
}

.grid-item-schooltime .image-schooltime img {
	max-width: 100%;
	position: absolute;
}

.grid-item-schooltime .image-schooltime::after {
	padding-bottom: 94.1176470588%;
}

@media only screen and (max-width: 1068px) {
	.grid-item-schooltime .image-schooltime {
		max-width: 422px;
	}

	.grid-item-schooltime .image-schooltime::after {
		padding-bottom: 102.1327014218%;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-schooltime .image-schooltime {
		max-width: 297px;
	}

	.grid-item-schooltime .image-schooltime::after {
		padding-bottom: 129.2929292929%;
	}
}

@media only screen and (min-width: 1069px) {
	.grid-item-schooltime .image-schooltime {
		margin-top: -176px;
	}
}

@media only screen and (max-width: 350px) {
	.grid-item-schooltime .image-schooltime {
		margin-top: 35px;
	}
}

.grid-item-schooltime
	.feature-card-content
	.feature-card-image-container.image-bottom-center {
	left: 18%;
	bottom: -96px;
}

.grid-item-schooltime
	.feature-card-content
	.feature-card-image-container
	.feature-card-image {
	scale: 0.69;
}

@media only screen and (max-width: 1068px) {
	.grid-item-schooltime
		.feature-card-content
		.feature-card-image-container.image-bottom-center {
		left: 29%;
		bottom: -32px;
	}

	.grid-item-schooltime
		.feature-card-content
		.feature-card-image-container
		.feature-card-image {
		scale: 0.85;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-schooltime
		.feature-card-content
		.feature-card-image-container.image-bottom-center {
		left: 32%;
		bottom: -58px;
	}

	.grid-item-schooltime
		.feature-card-content
		.feature-card-image-container
		.feature-card-image {
		scale: 1;
	}
}

.grid-item-find-my-device {
	--front-button-color: white;
	--front-copy-color: white;
	--back-button-color: #6e6e73;
	--back-copy-color: #1d1d1f;
	--front-button-color: #6e6e73;
	--front-copy-color: #1d1d1f;
	--back-button-color: white;
	--back-copy-color: white;
}

.grid-item-find-my-device .feature-card {
	--tile-background-color: #c5dcff;
}

.modal.find-my-device {
	--tile-overlay-background-color: #0066cc;
}

.grid-item-find-my-device .typography-feature-card-label {
	color: #0066cc;
}

.grid-item-find-my-device .tile-blockquote,
.grid-item-find-my-device .tile-copy {
	color: var(--front-copy-color);
}

html.text-zoom .grid-item-find-my-device .tile-blockquote,
html.text-zoom .grid-item-find-my-device .tile-copy {
	font-size: 2em;
}

.grid-item-find-my-device .tile-overlay-copy,
.grid-item-find-my-device .tile-overlay-headline {
	color: var(--back-copy-color);
}

.grid-item-find-my-device .tile {
	--tile-body-padding-top: 100px;
	--tile-body-padding-bottom: 80px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-find-my-device .tile {
		--tile-body-padding-top: 42px;
		--tile-body-padding-bottom: 85px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-find-my-device .tile {
		--tile-body-padding-top: 40px;
		--tile-body-padding-bottom: 76px;
	}
}

@media only screen and (min-width: 735px) {
	.grid-item-find-my-device .tile-body {
		padding-right: 0;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-find-my-device .tile-body {
		align-items: center;
	}
}

.grid-item-find-my-device .image-find-my-device {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 410px;
	--p-height: 376px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.grid-item-find-my-device .image-find-my-device {
		--p-width: 465px;
		--p-height: 349px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.grid-item-find-my-device .image-find-my-device {
		--p-width: 365px;
		--p-height: 251px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-find-my-device .image-find-my-device {
		margin-inline: auto;
	}
}

.grid-item-find-my-device
	.feature-card-content
	.feature-card-image-container.image-center-center {
	top: 57%;
	left: 2%;
	right: 0;
	transform: translate(0, -50%);
}

.grid-item-find-my-device
	.feature-card-content
	.feature-card-image-container
	.feature-card-image {
	scale: 0.8;
}

.grid-item-bands {
	--front-button-color: white;
	--front-copy-color: white;
	--back-button-color: #6e6e73;
	--back-copy-color: #1d1d1f;
	--front-button-color: #6e6e73;
	--front-copy-color: #1d1d1f;
	--back-button-color: white;
	--back-copy-color: white;
	min-height: unset;
}

.grid-item-bands .feature-card {
	--tile-background-color: #fafafc;
}

.modal.bands {
	--tile-overlay-background-color: #477ba8;
}

.grid-item-bands .typography-feature-card-label {
	color: #3581c0;
}

.grid-item-bands .tile-blockquote,
.grid-item-bands .tile-copy {
	color: var(--front-copy-color);
}

html.text-zoom .grid-item-bands .tile-blockquote,
html.text-zoom .grid-item-bands .tile-copy {
	font-size: 2em;
}

.grid-item-bands .tile-overlay-copy,
.grid-item-bands .tile-overlay-headline {
	color: var(--back-copy-color);
}

@media only screen and (min-width: 1069px) {
	.grid-item-bands .tile {
		--tile-copy-max-width: calc(100% - 100px);
	}
}

.grid-item-bands .tile-header {
	z-index: 1;
}

.grid-item-bands .tile-body {
	display: flex;
	align-items: flex-end;
}

@media only screen and (min-width: 1069px) {
	.grid-item-bands .tile-body {
		margin-top: -202px;
	}
}

.grid-item-bands .image-bands {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 683px;
	--p-height: 710px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.grid-item-bands .image-bands {
		--p-width: 504px;
		--p-height: 620px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.grid-item-bands .image-bands {
		--p-width: 480px;
		--p-height: 406px;
	}
}

@media only screen and (min-width: 1069px) {
	.grid-item-bands .image-bands {
		position: relative;
		bottom: 0;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.grid-item-bands .image-bands {
		position: relative;
		left: 50%;
		margin-left: -341.5px;
		position: absolute;
		bottom: 0;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) and (max-width: 1068px) {
	.grid-item-bands .image-bands {
		left: 50%;
		margin-left: -252px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) and (max-width: 734px) {
	.grid-item-bands .image-bands {
		left: 50%;
		margin-left: -240px;
	}
}

@media only screen and (max-width: 1068px) {
	.grid-item-bands
		.feature-card-content
		.feature-card-label
		+ .feature-card-headline {
		padding-right: 50px;
	}
}

.grid-item-bands
	.feature-card-content
	.feature-card-image-container
	.feature-card-image {
	scale: 0.43;
}

@media only screen and (max-width: 1068px) {
	.grid-item-bands
		.feature-card-content
		.feature-card-image-container
		.feature-card-image {
		scale: 0.385;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-bands
		.feature-card-content
		.feature-card-image-container
		.feature-card-image {
		scale: 0.8;
	}
}

.grid-item-bands
	.feature-card-content
	.feature-card-image-container.image-center-center {
	top: 53%;
	left: 41%;
}

@media only screen and (max-width: 734px) {
	.grid-item-bands
		.feature-card-content
		.feature-card-image-container.image-center-center {
		top: 63%;
		left: 38%;
	}
}

.grid-item-water-resistance {
	--front-button-color: white;
	--front-copy-color: white;
	--back-button-color: #6e6e73;
	--back-copy-color: #1d1d1f;
	--front-button-color: #6e6e73;
	--front-copy-color: #1d1d1f;
	--back-button-color: white;
	--back-copy-color: white;
}

.grid-item-water-resistance .feature-card {
	--tile-background-color: #fafafc;
}

.modal.water-resistance {
	--tile-overlay-background-color: #017acd;
}

.grid-item-water-resistance .typography-feature-card-label {
	color: #3644b7;
}

.grid-item-water-resistance .tile-blockquote,
.grid-item-water-resistance .tile-copy {
	color: var(--front-copy-color);
}

html.text-zoom .grid-item-water-resistance .tile-blockquote,
html.text-zoom .grid-item-water-resistance .tile-copy {
	font-size: 2em;
}

.grid-item-water-resistance .tile-overlay-copy,
.grid-item-water-resistance .tile-overlay-headline {
	color: var(--back-copy-color);
}

.grid-item-water-resistance .tile {
	--tile-body-padding-top: 31px;
	--tile-copy-max-width: none;
}

@media only screen and (max-width: 1068px) {
	.grid-item-water-resistance .tile {
		--tile-body-padding-top: 52px;
		--tile-body-padding-bottom: 64px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-water-resistance .tile {
		--tile-body-padding-top: 56px;
		--tile-body-padding-bottom: 90px;
	}
}

.grid-item-water-resistance .tile-header {
	position: relative;
}

.grid-item-water-resistance .tile-body {
	justify-content: end;
}

.grid-item-water-resistance .water-resistance-image {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 813px;
	--p-height: 485px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.grid-item-water-resistance .water-resistance-image {
		--p-width: 454px;
		--p-height: 316px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.grid-item-water-resistance .water-resistance-image {
		--p-width: 409px;
		--p-height: 261px;
	}
}

.grid-item-water-resistance
	.feature-card-content
	.feature-card-label
	+ .feature-card-headline {
	padding-right: 50px;
}

.grid-item-water-resistance
	.feature-card-content
	.feature-card-image-container
	.feature-card-image {
	scale: 0.555;
}

@media only screen and (max-width: 1068px) {
	.grid-item-water-resistance
		.feature-card-content
		.feature-card-image-container
		.feature-card-image {
		scale: 0.83;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-water-resistance
		.feature-card-content
		.feature-card-image-container
		.feature-card-image {
		scale: 0.91;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.grid-item-water-resistance
		.feature-card-content
		.feature-card-image-container.image-center-center {
		left: 51%;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-water-resistance
		.feature-card-content
		.feature-card-image-container.image-center-center {
		top: 57%;
		left: 48%;
	}
}

.grid-item-durability {
	--front-button-color: white;
	--front-copy-color: white;
	--back-button-color: #6e6e73;
	--back-copy-color: #1d1d1f;
	--front-button-color: #6e6e73;
	--front-copy-color: #1d1d1f;
	--back-button-color: white;
	--back-copy-color: white;
	--front-copy-color: #523dd9;
}

.grid-item-durability .feature-card {
	--tile-background-color: #e5e3ff;
}

.modal.durability {
	--tile-overlay-background-color: #472fd3;
}

.grid-item-durability .typography-feature-card-label {
	color: #472fd3;
}

.grid-item-durability .tile-blockquote,
.grid-item-durability .tile-copy {
	color: var(--front-copy-color);
}

html.text-zoom .grid-item-durability .tile-blockquote,
html.text-zoom .grid-item-durability .tile-copy {
	font-size: 2em;
}

.grid-item-durability .tile-overlay-copy,
.grid-item-durability .tile-overlay-headline {
	color: var(--back-copy-color);
}

@media only screen and (max-width: 734px) {
	.grid-item-durability {
		min-height: unset;
	}
}

.grid-item-durability .tile-header {
	--tile-padding-right: 0;
	--tile-padding-left: 0;
	display: grid;
	height: 100%;
	padding-bottom: var(--tile-padding-top);
}

.grid-item-durability .tile-headline {
	grid-area: 1/1;
}

.grid-item-durability .tile-copy {
	align-self: center;
	grid-area: 1/1;
	margin-top: 0;
}

.grid-item-durability .tile-body {
	display: none;
}

.grid-item-durability .durability-copy {
	display: block;
	will-change: transform;
	font-size: 80px;
}

@media only screen and (max-width: 734px) {
	.grid-item-durability .durability-copy {
		font-size: 68px;
	}
}

html.enhanced .grid-item-durability .durability-copy {
	opacity: 0;
}

html.text-zoom .grid-item-durability .durability-copy {
	font-size: 2em;
}

.grid-item-durability .durability-copy-1 {
	margin-left: 50px;
	rotate: -5deg;
}

@media only screen and (max-width: 1068px) {
	.grid-item-durability .durability-copy-1 {
		margin-left: 35px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-durability .durability-copy-1 {
		margin-left: 25px;
	}
}

.grid-item-durability .durability-copy-2 {
	margin-block: 27px 14px;
	margin-left: 96px;
	rotate: 3deg;
}

@media only screen and (max-width: 1068px) {
	.grid-item-durability .durability-copy-2 {
		margin-block: 30px 24px;
		margin-left: 82px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-durability .durability-copy-2 {
		margin-block: 11px 0;
		margin-left: 64px;
	}
}

.grid-item-durability .durability-copy-3 {
	margin-left: 80px;
	rotate: -5deg;
}

@media only screen and (max-width: 1068px) {
	.grid-item-durability .durability-copy-3 {
		margin-left: 66px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-durability .durability-copy-3 {
		margin-left: 50px;
	}
}

.geo-copy-alt .durability-copy {
	font-size: min(7vw, 110px);
}

@media only screen and (min-width: 1441px) {
	.geo-copy-alt .durability-copy {
		font-size: 104px;
	}
}

@media only screen and (max-width: 1068px) {
	.geo-copy-alt .durability-copy {
		font-size: min(10vw, 120px);
	}
}

@media only screen and (max-width: 734px) {
	.geo-copy-alt .durability-copy {
		font-size: min(21vw, 96px);
	}
}

.grid-item-durability
	.feature-card-content
	.feature-card-label
	+ .feature-card-headline {
	padding-right: 40px;
}

.grid-item-apple-pay {
	--front-button-color: white;
	--front-copy-color: white;
	--back-button-color: #6e6e73;
	--back-copy-color: #1d1d1f;
	--front-button-color: #6e6e73;
	--front-copy-color: #1d1d1f;
	--back-button-color: white;
	--back-copy-color: white;
}

.grid-item-apple-pay .feature-card {
	--tile-background-color: #f0fbff;
}

.modal.apple-pay {
	--tile-overlay-background-color: #24827a;
}

.grid-item-apple-pay .typography-feature-card-label {
	color: #50a48c;
}

.grid-item-apple-pay .tile-blockquote,
.grid-item-apple-pay .tile-copy {
	color: var(--front-copy-color);
}

html.text-zoom .grid-item-apple-pay .tile-blockquote,
html.text-zoom .grid-item-apple-pay .tile-copy {
	font-size: 2em;
}

.grid-item-apple-pay .tile-overlay-copy,
.grid-item-apple-pay .tile-overlay-headline {
	color: var(--back-copy-color);
}

@media only screen and (max-width: 734px) {
	.grid-item-apple-pay {
		min-height: 520px;
	}
}

.grid-item-apple-pay .tile-body {
	justify-content: end;
}

.grid-item-apple-pay .tile {
	--tile-body-padding-top: 50px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-apple-pay .tile {
		--tile-body-padding-top: 42px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-apple-pay .tile {
		--tile-body-padding-top: 34px;
	}
}

.grid-item-apple-pay .apple-pay-image {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 297px;
	--p-height: 454px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.grid-item-apple-pay .apple-pay-image {
		--p-width: 253px;
		--p-height: 380px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.grid-item-apple-pay .apple-pay-image {
		--p-width: 223px;
		--p-height: 329px;
	}
}

.grid-item-watch-faces {
	--front-button-color: white;
	--front-copy-color: white;
	--back-button-color: #6e6e73;
	--back-copy-color: #1d1d1f;
	--front-button-color: #6e6e73;
	--front-copy-color: #1d1d1f;
}

.grid-item-watch-faces .feature-card {
	--tile-background-color: #fcfae8;
}

.modal.watch-faces {
	--tile-overlay-background-color: #e7bb20;
}

.grid-item-watch-faces .typography-feature-card-label {
	color: #b78506;
}

.grid-item-watch-faces .tile-blockquote,
.grid-item-watch-faces .tile-copy {
	color: var(--front-copy-color);
}

html.text-zoom .grid-item-watch-faces .tile-blockquote,
html.text-zoom .grid-item-watch-faces .tile-copy {
	font-size: 2em;
}

.grid-item-watch-faces .tile-overlay-copy,
.grid-item-watch-faces .tile-overlay-headline {
	color: var(--back-copy-color);
}

.grid-item-watch-faces .tile {
	--tile-body-padding-bottom: 106px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-watch-faces .tile {
		--tile-body-padding-bottom: 82px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-watch-faces .tile {
		--tile-body-padding-bottom: 0px;
		--tile-body-padding-top: 36px;
	}
}

.grid-item-watch-faces .tile-body {
	justify-content: end;
}

.grid-item-watch-faces .watch-faces-image {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 775px;
	--p-height: 306px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.grid-item-watch-faces .watch-faces-image {
		--p-width: 450px;
		--p-height: 239px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.grid-item-watch-faces .watch-faces-image {
		--p-width: 289px;
		--p-height: 407px;
	}
}

.grid-item-fitness {
	--front-button-color: white;
	--front-copy-color: white;
	--back-button-color: #6e6e73;
	--back-copy-color: #1d1d1f;
	--front-button-color: #6e6e73;
	--front-copy-color: #1d1d1f;
	--back-button-color: white;
	--back-copy-color: white;
}

.grid-item-fitness .feature-card {
	--tile-background-color: #f5fff6;
}

.modal.fitness {
	--tile-overlay-background-color: #267143;
}

.grid-item-fitness .typography-feature-card-label {
	color: #03a10e;
}

.grid-item-fitness .tile-blockquote,
.grid-item-fitness .tile-copy {
	color: var(--front-copy-color);
}

html.text-zoom .grid-item-fitness .tile-blockquote,
html.text-zoom .grid-item-fitness .tile-copy {
	font-size: 2em;
}

.grid-item-fitness .tile-overlay-copy,
.grid-item-fitness .tile-overlay-headline {
	color: var(--back-copy-color);
}

.grid-item-fitness .tile {
	--tile-body-padding-top: 0;
	--tile-body-padding-bottom: 0;
}

@media only screen and (max-width: 1068px) {
	.grid-item-fitness .tile {
		--tile-body-padding-bottom: 35px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-fitness .tile {
		--tile-body-padding-top: 40px;
		--tile-body-padding-bottom: 75px;
	}
}

.grid-item-fitness .image-fitness {
	display: block;
	position: relative;
	max-width: 509px;
	width: 100%;
}

.grid-item-fitness .image-fitness::after {
	content: "";
	display: block;
}

.grid-item-fitness .image-fitness img {
	max-width: 100%;
	position: absolute;
}

.grid-item-fitness .image-fitness::after {
	padding-bottom: 84.0864440079%;
}

@media only screen and (max-width: 734px) {
	.grid-item-fitness .image-fitness {
		max-width: 266px;
	}

	.grid-item-fitness .image-fitness::after {
		padding-bottom: 102.6315789474%;
	}
}

.grid-item-fitness
	.feature-card-content
	.feature-card-label
	+ .feature-card-headline {
	padding-right: 70px;
}

.grid-item-awards {
	--front-button-color: white;
	--front-copy-color: white;
	--back-button-color: #6e6e73;
	--back-copy-color: #1d1d1f;
	--front-button-color: #6e6e73;
	--front-copy-color: #1d1d1f;
	--back-button-color: white;
	--back-copy-color: white;
}

.grid-item-awards .feature-card {
	--tile-background-color: #fff2f4;
}

.modal.awards {
	--tile-overlay-background-color: #d63e3e;
}

.grid-item-awards .typography-feature-card-label {
	color: #f65553;
}

.grid-item-awards .tile-blockquote,
.grid-item-awards .tile-copy {
	color: var(--front-copy-color);
}

html.text-zoom .grid-item-awards .tile-blockquote,
html.text-zoom .grid-item-awards .tile-copy {
	font-size: 2em;
}

.grid-item-awards .tile-overlay-copy,
.grid-item-awards .tile-overlay-headline {
	color: var(--back-copy-color);
}

@media only screen and (max-width: 734px) {
	.grid-item-awards .tile-header {
		padding-bottom: 10px;
	}
}

.grid-item-awards .tile-body {
	align-items: flex-end;
	justify-content: flex-end;
}

.grid-item-awards
	.feature-card-content
	.feature-card-label
	+ .feature-card-headline {
	padding-right: 100px;
}

@media only screen and (max-width: 734px) {
	.grid-item-awards
		.feature-card-content
		.feature-card-label
		+ .feature-card-headline {
		padding-right: 80px;
	}
}

.grid-item-awards .glass-container.awards-watch {
	position: absolute;
	bottom: -141px;
	left: -29px;
	scale: 0.6;
}

@media only screen and (max-width: 1068px) {
	.grid-item-awards .glass-container.awards-watch {
		bottom: -88px;
		left: 16px;
		scale: 0.7;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-awards .glass-container.awards-watch {
		bottom: -64px;
		left: 15px;
		scale: 0.75;
	}
}

@supports (mask-image: url("")) {
	.grid-item-awards .awards-watch .glass-hardware {
		mask-size: contain;
		mask-position: center;
		mask-repeat: no-repeat;
		mask-image: url(/ca/fr/apple-watch-for-your-kids/images/overview/consider/awards/sharing_mask__enefgz5xd2y6_large.png);
	}

	@media (min-resolution: 144dpi), only screen and(min-resolution: 1.5dppx) {
		.grid-item-awards .awards-watch .glass-hardware {
			mask-image: url(/ca/fr/apple-watch-for-your-kids/images/overview/consider/awards/sharing_mask__enefgz5xd2y6_large_2x.png);
		}
	}

	@media only screen and (max-width: 1068px) {
		.grid-item-awards .awards-watch .glass-hardware {
			mask-repeat: no-repeat;
			mask-image: url(/ca/fr/apple-watch-for-your-kids/images/overview/consider/awards/sharing_mask__enefgz5xd2y6_medium.png);
		}
	}

	@media only screen and (max-width: 1068px) and(min-resolution: 1.5dppx),
		only screen and(max-width: 1068px) and(min-resolution: 144dpi) {
		.grid-item-awards .awards-watch .glass-hardware {
			mask-image: url(/ca/fr/apple-watch-for-your-kids/images/overview/consider/awards/sharing_mask__enefgz5xd2y6_medium_2x.png);
		}
	}

	@media only screen and (max-width: 734px) {
		.grid-item-awards .awards-watch .glass-hardware {
			mask-repeat: no-repeat;
			mask-image: url(/ca/fr/apple-watch-for-your-kids/images/overview/consider/awards/sharing_mask__enefgz5xd2y6_small.png);
		}
	}

	@media only screen and (max-width: 734px) and(min-resolution: 1.5dppx),
		only screen and(max-width: 734px) and(min-resolution: 144dpi) {
		.grid-item-awards .awards-watch .glass-hardware {
			mask-image: url(/ca/fr/apple-watch-for-your-kids/images/overview/consider/awards/sharing_mask__enefgz5xd2y6_small_2x.png);
		}
	}
}

.grid-item-awards .awards-watch picture {
	--p-width: 516px;
	--p-height: 710px;
}

.grid-item-awards .awards-watch {
	--p-width: 516px;
	--p-height: 710px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-awards .awards-watch picture {
		--p-width: 370px;
		--p-height: 594px;
	}
	.grid-item-awards .awards-watch {
		--p-width: 370px;
		--p-height: 594px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-awards .awards-watch picture {
		--p-width: 302px;
		--p-height: 520px;
	}
	.grid-item-awards .awards-watch {
		--p-width: 302px;
		--p-height: 520px;
	}
}

.grid-item-awards .awards-watch .glass-screen {
	translate: 23px 147px;
}
@media only screen and (max-width: 1068px) {
	.grid-item-awards .awards-watch .glass-screen {
		translate: 18px 179.5px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-awards .awards-watch .glass-screen {
		translate: 16px 175px;
	}
}

.section-shop-apple-watch {
	padding-top: 25px;
	padding-bottom: 160px;
}

@media only screen and (max-width: 1068px) {
	.section-shop-apple-watch {
		padding-top: 25px;
		padding-bottom: 130px;
	}
}

@media only screen and (max-width: 734px) {
	.section-shop-apple-watch {
		padding-top: 0;
		padding-bottom: 96px;
	}
}

.section-shop-apple-watch .text-center {
	text-align: center;
}

.section-shop-apple-watch .section-content {
	max-width: var(--grid-max-width);
	margin-inline: auto;
}

.section-shop-apple-watch .section-header {
	display: block;
	margin-bottom: 5px;
}

@media only screen and (max-width: 1068px) {
	.section-shop-apple-watch .section-header {
		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 734px) {
	.section-shop-apple-watch .section-header {
		margin-bottom: 0px;
	}
}

.section-shop-apple-watch .product-tile-set {
	--container-max-width: 1221px;
	--inline-spacing: 20px;
	display: flex;
	justify-content: space-between;
	list-style-type: none;
	max-width: calc(var(--container-max-width) + var(--inline-spacing) * 2);
	margin-inline: auto;
	flex-wrap: nowrap;
}

@media only screen and (max-width: 1068px) {
	.section-shop-apple-watch .product-tile-set {
		--container-max-width: 980px;
	}
}

.section-shop-apple-watch .product-tile {
	padding-inline: var(--inline-spacing);
}

@media only screen and (min-width: 735px) {
	.section-shop-apple-watch .product-tile {
		text-align: center;
	}
}

@media only screen and (max-width: 734px) {
	.section-shop-apple-watch .product-tile {
		max-width: calc(50% - var(--inline-spacing) * 2);
	}
}

@media only screen and (max-width: 734px) {
	.section-shop-apple-watch .product-tile:nth-child(1) {
		padding-bottom: 0;
	}
}

.section-shop-apple-watch .product-tile:nth-child(3) {
	position: relative;
}

@media only screen and (max-width: 734px) {
	.section-shop-apple-watch .product-tile:nth-child(3) {
		padding-top: 0;
	}

	.section-shop-apple-watch .product-tile:nth-child(3):after {
		content: none;
	}
}

.section-shop-apple-watch .product-tile-copy-content {
	margin-block: 25px 23px;
}

@media only screen and (max-width: 1068px) {
	.section-shop-apple-watch .product-tile-copy-content {
		margin-block: 45px 16px;
	}
}

@media only screen and (max-width: 734px) {
	.section-shop-apple-watch .product-tile-copy-content {
		margin-block: 19px 12px;
	}
}

.section-shop-apple-watch .product-tile-copy-headline {
	margin: 4px auto 0;
	max-width: 327px;
}

@media only screen and (max-width: 1068px) {
	.section-shop-apple-watch .product-tile-copy-headline {
		max-width: 270px;
		margin: 12px auto 16px;
		font-size: 28px;
		line-height: 1.1428571429;
	}
}

@media only screen and (max-width: 734px) {
	.section-shop-apple-watch .product-tile-copy-headline {
		margin: 10px auto 16px 0;
		max-width: 240px;
		font-size: 21px;
		line-height: 1.19047619047619;
	}
}

@media only screen and (max-width: 1068px) {
	.section-shop-apple-watch .product-tile-copy-pricing {
		margin: 11px auto 40px;
		max-width: 350px;
	}
}

@media only screen and (max-width: 734px) {
	.section-shop-apple-watch .product-tile-copy-pricing {
		margin: 11px auto 16px;
	}
}

.section-routers {
	padding-bottom: 0px;
}

.section-routers .text-center {
	text-align: center;
}

.section-routers .section-content {
	padding-inline: var(--grid-gutter);
	margin-inline: auto;
	width: 73vw;
	max-width: 1400px;
}

@media only screen and (max-width: 1068px) {
	.section-routers .section-content {
		width: 87.5vw;
		max-width: 1680px;
	}
}

@media only screen and (max-width: 374px) {
	.section-routers .section-content {
		width: 100%;
	}
}

.section-routers .router {
	--router-height: 400px;
	background-color: #f5f5f7;
	border-radius: var(--tile-border-radius);
	min-height: var(--router-height);
	max-width: var(--grid-max-width);
	display: flex;
	margin-inline: auto;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-routers .router {
		--router-height: 288px;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router {
		--router-height: auto;
	}
}

.section-routers .router:first-child {
	margin-bottom: 20px;
}

@media only screen and (min-width: 1377px) {
	.overview-routers-carriers-containers.column-image {
		padding-top: 24px;
	}
}

@media only screen and (max-width: 1376px) {
	.section-routers .router-carriers .router-content {
		flex-direction: column;
		padding-block: 75px 65px;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router-carriers .column-image {
		display: flex;
		justify-content: center;
		width: 100%;
		flex-direction: column;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router-get-started .router-content {
		flex-direction: column;
		padding-top: 50px;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router-get-started .router-content.medium-up {
		display: none;
	}
}

.section-routers .router-get-started .router-content.small-only {
	display: none;
}

@media only screen and (max-width: 734px) {
	.section-routers .router-get-started .router-content.small-only {
		display: flex;
	}
}

@media only screen and (min-width: 735px) {
	.section-routers .router-get-started .column-image {
		align-self: flex-end;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router-get-started .column-image {
		justify-self: flex-end;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-routers .router-get-started .column.text-center {
		margin-top: 26px;
	}
}

.section-routers .router-content {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-inline: auto;
	padding-inline: 0px;
	box-sizing: border-box;
	max-width: 1120px;
	width: 58vw;
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (max-width: 1068px) {
	.section-routers .router-content {
		max-width: 100%;
		padding-top: 40px;
		padding-bottom: 40px;
		height: auto;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-routers .router-content {
		padding-inline: 0px;
		justify-content: center;
		grid-gap: 44px;
		gap: 44px;
		padding-top: 85px;
		padding-bottom: 85px;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router-content {
		width: 78vw;
	}
}

.section-routers .router-headline {
	max-width: 472px;
	font-size: 32px;
	line-height: 1.125;
}

@media only screen and (max-width: 1068px) {
	.section-routers .router-headline {
		max-width: 380px;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router-headline {
		max-width: 270px;
		font-size: 21px;
		line-height: 1.1904761905;
	}
}

.section-routers .router-cta {
	margin-top: 34px;
}

@media only screen and (max-width: 734px) {
	.section-routers .router-cta {
		margin-top: 18px;
	}
}

.section-routers .router-cta:hover > span {
	text-decoration: none;
}

@media only screen and (max-width: 734px) {
	.section-routers .router .column-image {
		margin-top: 50px;
	}
}

@media only screen and (min-width: 1068px) and (max-width: 1376px) {
	.section-routers .router .column-image {
		margin-top: 50px;
	}
}

.section-routers .router .image-carriers {
	display: block;
	height: auto;
	padding-top: 25px;
	padding-bottom: 25px;
}

@media only screen and (min-width: 1377px) {
	.section-routers .router .image-carriers {
		display: block;
		height: auto;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.overview-routers-carriers-container {
		scale: 0.9;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router .image-carriers {
		display: block;
		position: relative;
		max-width: 367px;
		width: 100%;
		padding-top: 20px;
		padding-bottom: 15px;
	}

	.section-routers .router .image-carriers::after {
		content: none;
		display: block;
	}

	.section-routers .router .image-carriers img {
		max-width: 100%;
		position: relative;
	}

	.section-routers .router .image-carriers::after {
		padding-bottom: 30.5177111717%;
	}
}

@media only screen and (max-width: 734px) and (max-width: 1068px) {
	.section-routers .router .image-carriers {
		max-width: 241px;
	}

	.section-routers .router .image-carriers::after {
		padding-bottom: 30.7053941909%;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.section-routers .router .image-carriers {
		max-width: 240px;
		text-align: center;
		margin: 0 auto;
	}

	.section-routers .router .image-carriers::after {
		padding-bottom: 29.7794117647%;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-routers .router .image-carriers {
		margin-top: -20px;
	}
}

.section-routers .router .image-carriers {
	--p-width: 277px;
}

@media only screen and (max-width: 1068px) {
	.section-routers .router .image-carriers {
		--p-width: 206px;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router .image-carriers {
		--p-width: 276px;
	}
}

.overview-routers-carriers-container {
	text-align: center;
}

.section-routers .router .image-get-started {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 415px;
	--p-height: 353px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.section-routers .router .image-get-started {
		--p-width: 304px;
		--p-height: 258px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.section-routers .router .image-get-started {
		--p-width: 215px;
		--p-height: 185px;
	}
}