:root {
	--background-light: #161617;
	--aap-background-color-solid: 232 232 237;
	--aap-background-color-alpha: 0.28;
	--alpha: 1;
	--aap-button-hover: rgba(223, 223, 227, 0.698);
	--upgrade-bg: #121214;
	--aap-button-active: rgba(193, 193, 198, 0.654);
}

.card-hidden {
	opacity: 0;
	transform: translateY(40px);
	transition:
		opacity 0.6s ease-out,
		transform 0.6s ease-out;
}

#ac-localnav {
	height: 0;
}

main {
	overflow-x: hidden !important;
}

.section-welcome .marquee {
	pointer-events: none;
}

.section-welcome .marquee-ctas-link.button {
	pointer-events: auto;
}

@media only screen and (min-width: 1440px) {
	.section-welcome,
	.section-welcome .welcome-video,
	.video-wrapper,
	#video-testing {
		width: 100vw;
		max-width: 2560px;
		margin: auto;
		display: flex;
		align-items: start;
	}
}

#moip-startframe img {
	opacity: 0;
}

#moip-startframe img.loaded {
	opacity: 1;
	transition: opacity 1s ease-in;
}

#video-testing video {
	opacity: 0;
}

#video-testing video.seeked {
	opacity: 1;
}

.card-active {
	opacity: 1;
	transform: translateY(0);
}

.dont-show {
	display: none;
}

.flipped .card-cta-modal-button {
	pointer-events: none;
}

.card-cta-modal-button-icon:hover {
	color: #fff;
	background: #37373a;
}

.flipped .card-modifier button .card-cta-modal-button-icon,
.card-modifier button .card-cta-modal-button-icon {
	pointer-events: all;
}

/* Hero */

.section.section-welcome {
	/* <-- This is because we don't have ribbon*/
	padding-top: 0 !important;
}

.section-welcome .welcome-video img,
.section-welcome .welcome-video video {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 30%;
	object-position: 50% 30%;
	display: block !important;
}

.section-welcome .welcome-video {
	max-height: 100%;
}

.section-welcome .marquee .marquee-milestone,
.section-welcome .marquee .marquee-detail {
	font-weight: 500;
}

.section-welcome .marquee .marquee-milestone {
	margin-bottom: 15px;
}
.section-welcome {
	height: var(--height-welcome);
	min-height: var(--height-welcome);
	max-height: var(--height-welcome);
	--height-welcome: 735px;
}

.section-welcome .marquee .marquee-milestone {
	max-width: 280px;
	margin: auto;
}

@media (max-width: 734px) {
	.section-welcome .marquee .marquee-milestone {
		max-width: 230px;
		margin: auto;
	}
}

@media (max-width: 1068px) {
	.section-welcome {
		height: var(--height-welcome);
		min-height: var(--height-welcome);
		max-height: var(--height-welcome);
		--height-welcome: 704px;
	}
}

@media (max-width: 734px) {
	.section-welcome {
		--p-width: 100%;
	}
}

@media (max-width: 734px) {
	.section-welcome {
		--min-height: 518px;
	}
}

@media (max-width: 468px) {
	.section-welcome {
		--min-height: 518px;
	}
}

@media (max-width: 429px) {
	.section-welcome .marquee {
		padding-bottom: 36px;
	}
}

.hero-image-container {
	width: 100%;
	height: 100%;
}

.hero-image {
	width: 100%;
	position: absolute;
	left: 50%;
	transform: translatex(-50%);
	background-image: url("/ca/ipad/made-on-ipad/images/hero/hero__dvt3aehq6aeu_large.jpg");
	width: 3008px;
	height: 580px;
	background-size: 3008px 580px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	(-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi) {
	.hero-image {
		background-image: url("/ca/ipad/made-on-ipad/images/hero/hero__dvt3aehq6aeu_large_2x.jpg");
	}
}

@media only screen and (min-width: 1180px) {
	.hero-image {
		background-image: url("/ca/ipad/made-on-ipad/images/hero/hero__dvt3aehq6aeu_largetall.jpg");
		width: 3008px;
		height: 692px;
		background-size: 3008px 692px;
	}
}

@media only screen and (min-width: 1180px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-width: 1180px) and (min-resolution: 1.5dppx),
	only screen and (min-width: 1180px) and (min-resolution: 144dpi) {
	.hero-image {
		background-image: url("/ca/ipad/made-on-ipad/images/hero/hero__dvt3aehq6aeu_largetall_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.hero-image {
		background-image: url("/ca/ipad/made-on-ipad/images/hero/hero__dvt3aehq6aeu_mediumtall.jpg");
		width: 1068px;
		height: 650px;
		background-size: 1068px 650px;
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.hero-image {
		background-image: url("/ca/ipad/made-on-ipad/images/hero/hero__dvt3aehq6aeu_mediumtall_2x.jpg");
	}
}

@media only screen and (max-width: 850px) {
	.hero-image {
		background-image: url("/ca/ipad/made-on-ipad/images/hero/hero__dvt3aehq6aeu_medium.jpg");
		width: 1068px;
		height: 570px;
		background-size: 1068px 570px;
	}
}

@media only screen and (max-width: 850px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 850px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 850px) and (min-resolution: 144dpi) {
	.hero-image {
		background-image: url("/ca/ipad/made-on-ipad/images/hero/hero__dvt3aehq6aeu_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.hero-image {
		background-image: url("/ca/ipad/made-on-ipad/images/hero/hero__dvt3aehq6aeu_small.jpg");
		width: 734px;
		height: 500px;
		background-size: 734px 500px;
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.hero-image {
		background-image: url("/ca/ipad/made-on-ipad/images/hero/hero__dvt3aehq6aeu_small_2x.jpg");
	}
}

.section-header-headline,
.section-index .index-title {
	color: var(--sk-headline-text-color, rgb(29, 29, 31));
}
.section-welcome .video-wrapper {
	position: relative;
}

.section-welcome .marquee {
	z-index: 3;
	width: 400px;
	left: 50%;
	transform: translatex(-50%);
	padding-top: 0px;
	padding-bottom: 0px;
}

@media only screen and (max-width: 734px) {
	.section-welcome .marquee {
		z-index: 3;
		width: 320px;
		left: 50%;
		transform: translatex(-50%);
	}
}

.section-welcome .controls {
	width: 100vw;
	height: 100%;
	position: absolute;
	margin: 0 !important;
	right: 0;
	left: 50%;
	transform: translatex(-50%);
	bottom: 0;
	z-index: 2;
}

.section-welcome .controls-play-pause-button-container {
	background-color: rgba(
		var(--aap-background-color-solid) /
			calc(1 - var(--alpha) * var(--aap-background-color-alpha))
	);
	cursor: pointer;
	z-index: 99999;
	height: 100%;
	width: 100%;
	pointer-events: all;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 32px;
	width: 36px;
	height: 36px;
	position: absolute;
	bottom: 40px;
	right: calc(
		50vw - min(1680px, var(--global-viewport-content-responsive)) / 2
	);
}

.section-welcome .controls {
	width: 100vw;
	height: 100%;
	position: absolute;
	margin: 0 !important;
	right: 0;
	left: 50%;
	transform: translatex(-50%);
	bottom: 0;
	z-index: 2;
}

.section-welcome .controls-play-pause-button-container svg {
	width: 36px;
	height: 36px;
}

.section-welcome .controls-play-pause-button-container:hover {
	background-color: var(--aap-button-hover);
}

.section-welcome .controls-play-pause-button-container:active {
	background-color: var(--aap-button-active);
}

#video-testing[playing] .play-icon {
	display: none;
}

#video-testing[paused] .pause-icon {
	display: none;
}

#video-testing {
	z-index: 1;
}

#video-testing .controls {
	display: none;
}

#video-testing[loaded] .controls {
	display: block;
}

.comming-from {
	font-size: 34px;
	color: white;
}

:root,
.card {
	--sk-tile-background: black;
}

.wallpaper-container {
	background-color: #1d1d1f;
}

.gallery .paddlenav .sticky-element {
	--paddlenav-arrows-offset: 60px;
}
/* CARDS */

@media only screen and (min-width: 735px) {
	.gallery .card-set {
		grid-template-columns: 1fr 2fr 1fr 1fr;
	}

	#feature-card-2 {
		--feature-card-width: 744px;
	}

	#feature-card-2 .card-modifier {
		width: 744px;
	}
}

.feature-card-copy {
	padding: 0 !important;
}

#scroll-gallery-feature-cards
	li:nth-child(2)
	.typography-card-headline.feature-card-headline {
	max-width: 240px;
}

/* Wallpapers & Experiences*/
.section-wallpaper .product-tile-headline.typography-product-tile-headline,
.section-experiences .product-tile-headline.typography-product-tile-headline {
	font-size: 32px;
	margin-bottom: 13px;
	flex-shrink: 0;
	line-height: 36px;
}

@media (max-width: 734px) {
	.section-wallpaper .product-tile-headline.typography-product-tile-headline,
	.section-experiences
		.product-tile-headline.typography-product-tile-headline {
		font-size: 24px;
		line-height: 36px;
	}
}

.section-wallpaper .wallpaper-body,
.section-experiences .experiences-body {
	color: #f2f2f2;
	font-size: 17px;
	line-height: 21px;
	margin: 0px auto -10px auto;
	padding: 0px;
	max-width: 270px;
}

.section-upgrade .wallpaper-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media only screen and (min-width: 1069px) {
	.section-wallpaper .wallpaper-wrap {
		padding: 50px 0;
	}
}

.section-upgrade .inline-compare-wrap {
	margin: 0;
	padding: 0 !important;
	overflow: hidden;
}

section.section.section-upgrade picture {
	flex: 1;
	width: 100%;
	width: 100%;
	max-width: 100%;
}

@media only screen and (min-width: 1069px) {
	section.section.section-upgrade {
		padding-bottom: 128px;
	}

	section.section.section-upgrade picture {
		position: relative;
		top: 4px;
	}
}

@media only screen and (min-width: 1180px) {
	section.section.section-upgrade picture {
		position: relative;
		top: 2px;
		left: 0px;
	}
}

@media only screen and (min-width: 1335px) {
	section.section.section-upgrade picture {
		left: 28px;
		top: 3px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-wallpaper .inline-compare-wrap,
	.section-experiences .inline-compare-wrap {
		height: 770px;
	}

	.section-upgrade .wallpaper-wrap {
		flex-direction: column;
	}
}

@media (max-width: 734px) {
	.section-wallpaper .feature-card-image {
		align-self: flex-start;
	}
	.section.section.section-upgrade {
		background-color: var(--sk-body-background-color, rgb(0, 0, 0));
		margin-bottom: 0;
		padding-top: 0;
	}

	.section.section.section-upgrade .inline-compare-wrap {
		border-radius: 28px;
		background: var(--upgrade-bg);
		padding-top: var(--ps-spacing-42);
		padding-bottom: var(--ps-spacing-120);
	}

	.section-wallpaper .wallpaper-body,
	.section-experiences .experiences-body {
		padding: 0;
	}

	section.section.section-upgrade .trade-in-content {
		text-align: center;
	}

	.section-wallpaper .inline-compare-wrap,
	.section-experiences .inline-compare-wrap {
		height: 620px;
	}

	section.section.section-upgrade .trade-in-content {
		padding: 70px;
	}
}

@media (max-width: 480px) {
	section.section.section-upgrade .trade-in-content {
		padding: 70px 10px;
	}

	.section.section.section-upgrade {
		margin-bottom: -31px;
	}
}

@media only screen and (min-width: 1068px) and (max-width: 1190px) {
	.section-wallpaper .wallpaper-body,
	.section-experiences .experiences-body {
		padding: 0 30px;
	}
}

/* CARDS */

.section-consider .card {
	background: none !important;
	clip-path: none !important;
	border-radius: 0px !important;
}

.section-consider .card .card-modifier {
	background: none !important;
	clip-path: none !important;
	border-radius: 0px !important;
	padding: 0 !important;
}

.card .feature-card-copy {
	padding: 32px 32px !important;
	text-align: start;
}

.section-consider .card .flip-card-back .card-cta-modal-button {
	position: relative;
	top: 244px;
	left: 170px;
	width: 36px;
	height: 36px;
}

.section-consider .card .flip-card-back.extended .card-cta-modal-button {
	top: 426px;
	left: 354px;
}

.flip-card-inner {
	position: relative;
	text-align: center;
	transition: opacity 0.8s;
	transform: scale(1);
	transform-origin: center;
	transition: transform 0.3s ease-out;
}

.flip-card-front,
.flip-card-back {
	position: absolute;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.flip-card-back {
	color: white;
	width: 100%;
	height: 100%;
	background-color: var(--upgrade-bg);
	padding: 32px;
	box-sizing: border-box;
	opacity: 0.001;
	visibility: hidden;
	transition:
		opacity 0.66s cubic-bezier(0.66, 0, 0.01, 1) 0.66s,
		visibility 0s linear 1.32s;
}

.content-column-copy {
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	height: 100%;
}

.flipped .flip-card-back {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}

.flip-card-back,
.flip-card-front {
	clip-path: inset(1px 1px 1px 1px round var(--global-card-corner-radius));
	border-radius: 30px;
	width: 100%;
}

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

.backface-link {
	color: var(--sk-body-link-color, rgb(0, 102, 204)) !important;
}

.card .feature-card-image {
	height: 100%;
}

.card {
	will-change: transform;
	transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1);
}

.section-consider .card:hover {
	transform: scale(1.0174418605);
}

.card-modifier button .card-cta-modal-button-icon {
	z-index: 2;
	color: rgba(255, 255, 255, 0.8);
	opacity: 0.92;
	transition:
		background-color 0.1s linear,
		color 0.1s linear,
		opacity 0.1s linear;
	will-change: transform;
	transition-delay: 0s !important;
}

.card-modifier button .card-cta-modal-button-icon {
	color: var(--upgrade-bg);
	background-color: #fff;
	transform: rotate(0deg);
	transition: transform 0.66s cubic-bezier(0.66, 0, 0.2, 1);
	transition-delay: 0s;
}

.flipped .card-modifier button .card-cta-modal-button-icon {
	color: var(--upgrade-bg);
	background-color: #fff;
	transform: rotate(45deg);
	transition: transform 0.66s cubic-bezier(0.66, 0, 0.2, 1);
	transition-delay: 0s;
}

.content-column-copy p,
.content-column-copy a {
	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);
}

.flipped .content-column-copy p,
.flipped .content-column-copy a {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.66s;
}

.content-column-copy h2 {
	margin-bottom: 0.8em;
}

.flip-card-back .typography-media-card-gallery-headline {
	margin-bottom: 0.5em;
	font-size: 24px;
}

.flip-card-back .content-column-copy p:nth-child(1) {
	margin-bottom: 10px;
}

@media only screen and (width <= 734px) {
	.flip-card-back .typography-media-card-gallery-headline {
		margin-bottom: 0.5em;
		font-size: 18px;
	}
}

@media only screen and (min-width: 1440px) {
	.card .flip-card-back .card-cta-modal-button {
		position: relative;
		top: 261px;
		left: 164px;
	}

	.card .flip-card-back.extended .card-cta-modal-button {
		top: 467px;
		left: 354px;
	}
}

@media only screen and (max-width: 1068px) {
	.typography-backface-copy {
		font-size: 14px;
		line-height: 1.4285914286;
		font-weight: 600;
		letter-spacing: -0.016em;
		font-family:
			SF Pro Text,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.card .flip-card-back .card-cta-modal-button {
		position: relative;
		top: 296px;
		left: 156px;
	}

	.card .flip-card-back.extended .card-cta-modal-button {
		top: 414px;
		left: 354px;
	}
}

@media only screen and (max-width: 734px) {
	.typography-backface-copy {
		font-size: 14px;
		line-height: 1.2353641176;
		font-weight: 600;
		letter-spacing: -0.022em;
		font-family:
			SF Pro Text,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.card .flip-card-back.extended .card-cta-modal-button,
	.card .flip-card-back .card-cta-modal-button {
		position: relative;
		top: 69px;
		left: 112px;
	}
}

/* Alignment */
.tool-tip-wrapper {
	display: none !important;
}

/* General adjustemnt for mobile */
@media screen and (max-width: 734px) {
	.section-content-responsive {
		max-width: 430px;
	}
}

@media screen and (min-width: 430px) and (max-width: 734px) {
	.section-content-responsive {
		max-width: 419px;
	}
}

/* Hero  Marquee */
.section-welcome .marquee {
	--marquee-header-detail-row-gap: 33px;
}

.marquee-milestone.logos {
	margin-top: 21px !important;
}

section.section-consider.theme-dark {
	padding-top: 161px;
}

.section-welcome .marquee-ctas-link.button {
	margin-top: 30px;
}

.section-welcome .logo-primary {
	position: relative;
	left: -3px;
	bottom: 0px;
}

.section-welcome .logo-secondary {
	position: relative;
	left: 6px;
	bottom: 1px;
}

.section-welcome .marquee.static {
	top: 533px;
}

.section-welcome .marquee:not(.static) {
	top: 554px;
}

@media screen and (min-width: 1069px) and (max-width: 1180px) {
	.section-welcome {
		height: var(--height-welcome);
		min-height: var(--height-welcome);
		max-height: var(--height-welcome);
		--height-welcome: 648px;
	}

	.section-welcome:not(.marquee-static) {
		--height-welcome: 668px;
	}

	.section-welcome .marquee.static {
		top: 444px;
	}

	.section-welcome .marquee:not(.static) {
		top: 488px;
	}

	.marquee-milestone.logos {
		margin-top: 24px !important;
	}

	section.section-consider.theme-dark {
		padding-bottom: 229px !important;
	}
}

@media screen and (max-width: 1068px) {
	.section-welcome .marquee-ctas-link.button {
		margin-top: 30px;
	}

	.section-welcome .marquee:not(.static) {
		top: 520px;
	}

	.section-welcome .marquee.static {
		top: 488px;
	}

	.typography-welcome-detail {
		font-size: 17px;
		line-height: 1.2353641176;
		font-weight: 600;
		letter-spacing: -0.012em;
		font-family:
			SF Pro Text,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.section-welcome .logo-secondary {
		position: relative;
		left: 6px;
		bottom: 1px;
	}

	.section-welcome .logo-primary {
		position: relative;
		left: -3px;
		bottom: 0px;
	}

	.marquee-milestone.logos {
		margin-top: 25px !important;
	}
}

@media screen and (max-width: 850px) {
	.section-welcome {
		height: var(--height-welcome);
		min-height: var(--height-welcome);
		max-height: var(--height-welcome);
		--height-welcome: 646px;
	}

	.section-welcome .marquee.static {
		top: 432px;
	}

	.marquee-milestone.logos {
		margin-top: 22px !important;
	}
}

@media only screen and (max-width: 734px) {
	.section-welcome .welcome-video {
		padding-top: 0px;
		margin-top: 0px;
	}
	.section-welcome .marquee-ctas-link.button {
		margin-top: 22px;
		padding: 9px 14px;
	}

	.section-welcome .marquee:not(.static) {
		top: 415px;
	}

	.section-welcome .marquee.static {
		top: 385px;
	}

	.typography-welcome-detail {
		font-size: 14px;
	}

	.marquee-milestone.logos {
		margin-top: 20px !important;
	}
}

@media screen and (min-width: 430px) and (max-width: 734px) {
	#video-testing,
	.section-welcome .welcome-video {
		width: 100vw;
	}

	.section-welcome {
		--min-height: 540px;
	}
}

@media (max-width: 734px) {
	.section-welcome .video-wrapper {
		aspect-ratio: 1;
		height: 540px;
	}
}

/* Cards Section */
.gallery {
	--cardLarge: 698px;
}

.gallery .card-set {
	width: min-content;
}

#feature-card-2 .card-modifier,
.gallery-item.grid-item:nth-child(2) {
	width: var(--cardLarge);
}

.gallery .paddlenav .sticky-element {
	--paddlenav-arrows-offset: 54px;
	left: -18px;
	top: 16px;
}

@media only screen and (max-width: 1068px) {
	.gallery .paddlenav .sticky-element {
		--paddlenav-arrows-offset: 54px;
		left: -18px;
		top: 21px;
	}
}
@media only screen and (max-width: 850px) {
	.gallery .paddlenav .sticky-element {
		left: -18px;
		top: 19px;
	}
}

section.section-consider.theme-dark {
	padding-top: 205px;
}

.section-header {
	padding-bottom: 79px;
}

.card .feature-card-copy {
	padding: 31px 33px !important;
	text-align: start;
}

.card-cta-modal-button .card-cta-modal-button-icon {
	height: 36px;
	width: 36px;
}

@media screen and (max-width: 1068px) {
	section.section-consider.theme-dark {
		padding-top: 146px;
	}
}

@media screen and (max-width: 1068px) {
	.section-header {
		padding-bottom: 64px;
	}
	.card .feature-card-copy {
		padding: 30px 28px !important;
		text-align: start;
	}
	.card-cta-modal-button .card-cta-modal-button-icon {
		bottom: 14px;
	}

	.gallery .scroll-container {
		padding: 9px 0px;
	}
}

@media screen and (min-width: 735px) and (max-width: 850px) {
	.section-consider .gallery-item.grid-item picture img {
		height: 628px;
	}

	.card .feature-card-copy {
		padding: 28px !important;
		text-align: start;
	}
}

@media screen and (max-width: 734px) {
	.flip-card-back .typography-media-card-gallery-headline {
		font-size: 16px;
	}

	section.section-consider.theme-dark {
		padding-top: 119px;
	}

	.feature-card-content .feature-card-image-container.image-bottom-center {
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		height: 100%;
	}

	.overview-consider-camera.feature-card-image {
		position: absolute;
		bottom: 0px;
		left: 0;
	}

	.gallery.gallery-align-start .gallery-item {
		height: 483px;
	}

	#feature-card-2 .card-modifier,
	.gallery-item.grid-item:nth-child(2) {
		width: 260px;
	}

	.section-consider .gallery .item-container,
	.gallery.gallery-align-start .scroll-container {
		scroll-padding: max(
			calc(var(--inner-width, 100vw) * 0.0625),
			calc(var(--inner-width, 100vw) * 0.5 - var(--item-width) / 2)
		);
		padding-left: max(
			calc(var(--inner-width, 100vw) * 0.0625),
			calc(var(--inner-width, 100vw) * 0.5 - var(--item-width) / 2)
		);
		--item-width: 430px;
	}

	.section-header {
		padding-bottom: 47px;
	}

	.card .feature-card-copy {
		padding: 26px 24px !important;
		text-align: start;
	}

	.theme-dark .gallery .paddlenav {
		width: 87.5vw;
		max-width: 430px;
		right: 0;
		left: 50%;
		transform: translatex(-50%);
		justify-content: flex-end;
	}

	.gallery .paddlenav .sticky-element {
		--paddlenav-arrows-offset: 54px;
		left: -16px;
		top: 16px;
		--paddlenav-arrow-height: 30px;
	}

	.gallery .paddlenav .sticky-element .paddlenav-arrow {
		padding: 3px;
	}

	.section-welcome {
		height: var(--height-welcome);
		min-height: var(--height-welcome);
		max-height: var(--height-welcome);
		--height-welcome: 540px;
	}

	.section-welcome {
		height: var(--height-welcome);
		min-height: var(--height-welcome);
		max-height: var(--height-welcome);
		--height-welcome: 570px;
		padding: 0;
	}

	.card-cta-modal-button .card-cta-modal-button-icon {
		bottom: 16px;
	}
}

@media screen and (min-width: 430px) and (max-width: 734px) {
	section.section-consider.theme-dark {
		padding-top: 129px;
	}

	.section-welcome {
		--min-height: 539px;
	}

	.section-welcome {
		height: var(--height-welcome);
		min-height: var(--height-welcome);
		max-height: var(--height-welcome);
		--height-welcome: 538px;
	}

	.section-welcome:not(.marquee-static) {
		--height-welcome: 573px;
	}

	.section-consider .gallery .item-container,
	.gallery.gallery-align-start .scroll-container {
		scroll-padding: max(
			calc(var(--inner-width, 100vw) * 0.0625),
			calc(var(--inner-width, 100vw) * 0.5 - var(--item-width) / 2)
		);
		padding-left: max(
			calc(var(--inner-width, 100vw) * 0.0625),
			calc(var(--inner-width, 100vw) * 0.5 - var(--item-width) / 2)
		);
		--item-width: 419px;
	}

	.overview-consider-camera.feature-card-image {
		position: absolute;
		bottom: 0px;
		left: 0;
	}

	.gallery.gallery-align-start .gallery-item {
		height: 483px;
	}

	.card-cta-modal-button .card-cta-modal-button-icon {
		bottom: 16.5px;
	}

	.card .feature-card-copy {
		padding: 26px 24px !important;
		text-align: start;
	}

	.gallery .paddlenav .sticky-element {
		--paddlenav-arrows-offset: 55px;
		left: -20px;
		top: 16px;
		--paddlenav-arrow-height: 30px;
	}
}

@media only screen and (max-width: 429px) {
	.section-welcome {
		height: var(--height-welcome);
		min-height: var(--height-welcome);
		max-height: var(--height-welcome);
		--height-welcome: 547px;
	}

	.section-welcome:not(.marquee-static) {
		--height-welcome: 571px;
	}
}

/* Section AR */

section.section-helmet-viewer.theme-dark {
	padding-top: 21px;
	padding-bottom: 17px !important;
}

.section-helmet-viewer .viewport-content .section-header {
	max-width: 1680px;
}

.section-helmet-viewer .sticky-element .left-item svg,
.section-helmet-viewer .sticky-element .right-item svg {
	width: 45px;
}

@media screen and (max-width: 1068px) {
	section.section-helmet-viewer.theme-dark {
		padding-top: 85px;
	}
}

@media screen and (max-width: 734px) {
	:root {
		--share-download-width: 140px !important;
		--share-button-width: 40px !important;
	}

	section.section-helmet-viewer.theme-dark {
		padding-bottom: 47px !important;
		padding-top: 58px;
	}

	.section-helmet-viewer .viewport-content .section-header {
		max-width: 430px;
	}

	.section-helmet-viewer .sticky-element .left-item svg,
	.section-helmet-viewer .sticky-element .right-item svg {
		width: 34px !important;
	}
	.paddlenav {
		--sk-paddlenav-diameter: 38px !important;
	}

	.button.download-button,
	.theme-dark .card-share-button.button-secondary-neutral.showLink {
		font-size: 14px !important;
		padding: 9px 12px !important;
	}
}

@media screen and (max-width: 480px) {
	section.section-helmet-viewer.theme-dark {
		padding-bottom: 46px !important;
		padding-top: 58px;
	}
}

/* Wallpaper */

.section-wallpaper .marquee-ctas-link.button {
	flex-shrink: 0;
	margin-top: 39px;
	padding: 10px 22px;
}

.section-wallpaper .wallpaper-wrap {
	padding: 50px 30px;
}
.section-wallpaper .wallpaper-body {
	flex-grow: 1;
	left: 0px;
	position: relative;
	max-width: 280px;
}

.section-wallpaper .wallpaper-wrap {
	max-height: 380px;
	gap: 0px;
	min-height: 380px;
}

.section-wallpaper .wallpaper-wrap > * {
	flex: 1;
}

.section-wallpaper .trade-in-content {
	flex: 2;
	max-width: 520px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1px;
	margin-right: 63px;
	margin-top: 0px !important;
}

section.section.section-upgrade {
	padding-top: 78px;
}

@media screen and (max-width: 1180px) {
	.section-wallpaper .overview-consider-camera.feature-card-image img {
		width: 380px;
	}

	.overview-consider-camera.feature-card-image {
		max-width: max-content;
	}

	.section-wallpaper .trade-in-content {
		max-width: 475px;
		margin-right: 0px;
	}
}

@media screen and (max-width: 1068px) {
	.section-wallpaper .wallpaper-body {
		max-width: 283px;
		margin: 0;
	}
	.section-wallpaper .product-tile-headline.typography-product-tile-headline {
		font-size: 24px;
	}

	section.section.section-upgrade picture {
		width: fit-content;
		left: 0px;
		position: relative;
		top: 1px;
	}

	.section-wallpaper .marquee-ctas-link.button {
		flex-shrink: 0;
		margin-top: 29px;
		padding: 10px 22px;
	}

	.section-wallpaper .product-tile-headline.typography-product-tile-headline {
		margin-bottom: 7px !important;
	}
}

@media screen and (max-width: 1068px) {
	section.section.section-upgrade {
		padding-top: 78px;
		margin-bottom: 23px;
	}

	section.section.section-upgrade .trade-in-content {
		padding: 0px !important;
		margin-bottom: 8px;
	}
	.section-wallpaper .wallpaper-wrap {
		max-height: 100%;
		gap: 61px;
		padding: 53px 30px;
	}
	.section-wallpaper .overview-consider-camera.feature-card-image img {
		width: 582px;
	}
	.section-wallpaper .product-tile-headline.typography-product-tile-headline {
		padding-left: 5px;
	}
	.section-wallpaper .inline-compare-wrap {
		width: 100%;
	}
	.section-wallpaper .inline-compare-wrap,
	.section-experiences .inline-compare-wrap {
		height: 810px;
	}
}

@media screen and (min-width: 735px) and (max-width: 850px) {
	section.section.section-upgrade picture {
		width: fit-content;
		left: 0px;
		position: relative;
		top: -2px;
	}
	.section-wallpaper .inline-compare-wrap,
	.section-experiences .inline-compare-wrap {
		height: 100%;
	}
	.section-wallpaper .overview-consider-camera.feature-card-image img {
		width: 480px;
	}

	.section-wallpaper .wallpaper-wrap {
		max-height: 100%;
		gap: 52px;
		padding: 53px 30px;
	}

	.section.section-contrast,
	.section.section-index {
		padding-top: 30px;
	}
}

@media screen and (max-width: 734px) {
	.section-wallpaper .inline-compare-wrap,
	.section-experiences .inline-compare-wrap {
		height: 556px;
	}

	.section.section.section-upgrade {
		padding-bottom: 71px !important;
	}

	.section-wallpaper .wallpaper-wrap {
		max-height: 100%;
		gap: 36px;
		padding: 41px 29px 28px 29px;
		position: relative;
	}

	.section-wallpaper .product-tile-headline.typography-product-tile-headline {
		margin-bottom: 0px !important;
	}
	.section-wallpaper .marquee-ctas-link.button {
		margin-top: 0px;
	}
	.section-wallpaper .product-tile-headline.typography-product-tile-headline {
		font-size: 21px;
		padding-left: 0px;
		letter-spacing: 0px;
	}

	.section-wallpaper .wallpaper-body {
		max-width: 245px;
		font-size: 15px;
		margin: 0 auto 32px auto;
		padding-top: 5px;
		line-height: 18px;
		letter-spacing: -0.048em;
	}

	section.section.section-upgrade picture {
		width: 100%;
		left: 0;
		position: relative;
		top: -4px;
	}

	.section-wallpaper .overview-consider-camera.feature-card-image img {
		width: 100%;
	}
	.section-wallpaper .marquee-ctas-link.button {
		width: 66px;
		padding: 6px 14px;
		font-size: 15px;
	}

	.overview-consider-camera.feature-card-image {
		position: absolute;
		bottom: 1px;
		left: 0;
	}
}

@media screen and (max-width: 430px) {
	.overview-consider-camera.feature-card-image {
		position: absolute;
		bottom: 0px;
		left: 0;
	}

	.section-wallpaper .inline-compare-wrap,
	.section-experiences .inline-compare-wrap {
		height: 447px;
	}

	.section-wallpaper .overview-consider-camera.feature-card-image img {
		width: 256px;
	}

	section.section.section-upgrade picture {
		width: fit-content;
		margin: auto;
		left: 0;
		position: relative;
		top: 11px;
	}

	.section-wallpaper .wallpaper-wrap {
		max-height: 100%;
		gap: 36px;
		padding: 33px 12px;
		position: relative;
	}
	section.section.section-upgrade .trade-in-content {
		padding-top: 9px !important;
		margin-bottom: -19px;
	}

	.section-wallpaper .wallpaper-body {
		margin: 0px auto 5px auto;
	}

	.section-wallpaper .marquee-ctas-link.button {
		margin-top: 25px;
	}

	.section.section.section-upgrade {
		padding-bottom: 130px !important;
	}
}

/* Compare */

.section-contrast .section-header {
	max-width: 1680px;
}

.section.section-contrast,
.section.section-index {
	padding-top: 26px;
}

.section-contrast .product-tile .product-tile-image-link {
	margin-bottom: 0px !important;
}

.section-contrast .section-header {
	padding-bottom: 29px !important;
}

.section-contrast .product-tile .product-tile-swatches {
	margin-top: -37px;
}

.section-contrast .product-tile {
	--swatches-margin: 24px;
}

.section-contrast .product-tile-positioning,
.product-tile .product-tile-ctas {
	margin-top: 34px;
}

@media screen and (max-width: 1068px) {
	.section.section-contrast,
	.section.section-index {
		padding-top: 27px;
	}
	.section-contrast .product-tile .product-tile-image-link {
		margin-bottom: 0px !important;
		padding-bottom: 54px !important;
	}
}

@media screen and (max-width: 1068px) {
	.section-contrast .scroll-container {
		padding-top: 37px;
	}

	.section-contrast .product-tile .product-tile-image-link {
		margin-bottom: 0px !important;
		padding-bottom: 73px !important;
	}

	.section-contrast .product-tile-price {
		margin-top: 5px;
	}
}

@media screen and (min-width: 735px) and (max-width: 850px) {
	.section.section-contrast,
	.section.section-index {
		padding-top: 30px;
	}
}

@media screen and (max-width: 734px) {
	.section-contrast .section-header {
		max-width: 430px;
		gap: 15px;
		grid-gap: 15px;
	}

	.section.section-contrast,
	.section.section-index {
		padding-top: 31px;
	}

	.section-contrast .card.tile {
		scroll-padding: max(
			calc(var(--inner-width, 100vw) * 0.0625),
			calc(var(--inner-width, 100vw) * 0.5 - var(--item-width) / 2)
		);
		--item-width: 430px;
	}

	.section-contrast .product-tile-set {
		--item-width: 150px;
		padding-left: max(
			calc(var(--inner-width, 100vw) * 0.0625),
			calc(var(--inner-width, 100vw) * 0.5 - var(--item-width) / 2)
		);
	}

	.section-contrast .paddlenav {
		width: 87.5vw;
		max-width: 430px;
		right: 0;
		left: 50%;
		transform: translatex(-50%);
		margin: 0;
		position: relative;
		justify-content: flex-end;
	}
}

@media screen and (max-width: 430px) {
	.section.section-contrast,
	.section.section-index {
		padding-top: 3px;
	}
	.product-tile-positioning.product-tile-padding {
		min-height: 80px;
	}
}

.section-contrast .paddlenav .sticky-element {
	--paddlenav-arrows-offset: 54px;
	left: -18px;
	top: 18px;
}

/* FAQ */

.section-faq {
	padding-top: 29px;
}

@media screen and (max-width: 1068px) {
	.section-faq {
		padding-top: 28px;
	}

	.section-faq .section-header {
		padding-bottom: 46px;
	}
}

@media screen and (max-width: 735px) {
	.section-faq {
		padding-top: 11px;
	}

	.section-faq .section-header {
		padding-bottom: 0px;
	}
}
/* End of alignment */

/* Swatches */

.section-contrast .product-tile {
	--swatches-margin: 27px;
	--swatches-row: auto;
}

:root {
	--finish-pink: #e8d1cf;
	--finish-yellow: #f0d95b;
	--finish-magenta: #de6274;
	--finish-starlight: #e5e0d8;
	--finish-silver: #e3e4e5;
	--finish-space-gray: #6b696e;
	--finish-space-black: #2e2c2e;
	--finish-blue: #d7e5e6;
	--finish-blue-2: rgb(100, 128, 163);
	--finish-purple: #e3dee9;
	--finish-10-9-blue: #6480a3;
	--finish-mini-purple: #b9b8d1;
	--finish-mini-starlight: #e3dcd1;
	--finish-silver-new: #aaabad;
	--finish-space-black: #1b1a1c;
	--finish-blue: #a0aeae;
	--finish-starlight: #b0aaa2;
	--finish-purple: #ada9b4;
	--finish-space-gray-new: #3d3a40;
}

.finish-silver-new {
	background-color: var(--finish-silver-new);
}

.finish-space-black {
	background-color: var(--finish-space-black);
}

.finish-blue {
	background-color: var(--finish-blue);
}
.finish-purple {
	background-color: var(--finish-purple);
}

.finish-starlight {
	background-color: var(--finish-starlight);
}

.finish-blue-2 {
	background-color: var(--finish-blue-2);
}

.finish-space-gray-new {
	background-color: var(--finish-space-gray-new);
}
.finish-pink {
	background-color: var(--finish-pink);
}

.finish-yellow {
	background-color: var(--finish-yellow);
}

.finish-silver {
	background-color: var(--finish-silver);
}

/* Gradient */

.gradient-video picture {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.gradient-video img {
	height: 285px !important;
}

@media only screen and (max-width: 1068px) {
	.gradient-video img {
		height: 164px !important;
	}
}

@media only screen and (max-width: 734px) {
	.gradient-video img {
		height: 129px !important;
	}
}

.gradient-video picture:nth-child(2) {
	display: none;
}
@media only screen and (min-width: 2200px) {
	.gradient-video picture:nth-child(2) {
		display: block !important;
	}
	.gradient-video picture:nth-child(2) img {
		height: 100% !important;
		width: 100%;
	}
}

/* compare */

.section-contrast .product-tile .product-tile-product-id {
	margin-top: -17px;
}