/******* TILE START *******/
#soip {
	background-color: #1d1d20;
	padding-top: 0px;
	--tile-height: 480px;
	--width-animation-duration: 700ms;
	overflow: hidden;
}

.soip-video-modal.ric-modal.inner-container-modal.theme-dark
	.ric-modal-close-button-wrapper,
.soip-stickers-modal.ric-modal.inner-container-modal.theme-dark
	.ric-modal-close-button-wrapper {
	--modal-close-background: rgb(29, 29, 31);
	--modal-close-background-hover: #272729;
	--modal-close-background-active: #18181a;
	--modal-close-color: rgb(255, 255, 255);
}

@media (max-width: 1068px) {
	#soip {
		--tile-height: 590px;
	}
}

@media (max-width: 734px) {
	#soip {
		--tile-height: 560px;
	}
}

.viewport-content-wrapper .tile {
	background-color: #000;
}

.soip-bg {
	background-color: #000;
	margin-inline-start: auto;
	margin-inline-end: auto;
	width: 87.5%;
	max-width: var(--global-content-max-width);
	transition:
		max-width var(--width-animation-duration) ease-in-out,
		width var(--width-animation-duration) ease-in-out;
	height: var(--tile-height);
	margin-top: calc(var(--tile-height) * -1);
	border-radius: 28px;
}

#soip .show-on-aware {
	display: none;
}

#soip.aware-state {
	padding-bottom: 0;
}

#soip[data-drawer-query] {
	--width-animation-duration: 0ms;
}

#soip .banner-card-ctas-stacked .banner-card-ctas {
	justify-items: center;
}

#soip .banner-card {
	height: var(--tile-height);
}
#soip .soip-download-button {
	display: none;
}

/* #soip #drawer{
	background: #7E8588;
	background: linear-gradient(178deg,rgba(126, 133, 136, 1) 0%, rgba(87, 100, 116, 1) 49%, rgba(52, 71, 95, 1) 100%);
} */

#soip #drawer {
	--p-width: 372px;
	--p-height: 580px;
}

@media screen and (max-width: 1068px) {
	#soip #drawer {
		--p-width: 344px;
		--p-height: 536px;
	}
}

@media screen and (max-width: 734px) {
	#soip #drawer {
		--p-width: 260px;
		--p-height: 408px;
	}
}

#soip #drawer {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url("/mx/iphone-17-pro/soip/images/drawer/hero_draw_gradient__dhet6ptph4a6_large.png");
}

@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) {
	#soip #drawer {
		background-image: url("/mx/iphone-17-pro/soip/images/drawer/hero_draw_gradient__dhet6ptph4a6_large_2x.png");
	}
}

@media only screen and (max-width: 1068px) {
	#soip #drawer {
		background-repeat: no-repeat;
		background-image: url("/mx/iphone-17-pro/soip/images/drawer/hero_draw_gradient__dhet6ptph4a6_medium.png");
	}
}

@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) {
	#soip #drawer {
		background-image: url("/mx/iphone-17-pro/soip/images/drawer/hero_draw_gradient__dhet6ptph4a6_medium_2x.png");
	}
}

@media only screen and (max-width: 734px) {
	#soip #drawer {
		background-repeat: no-repeat;
		background-image: url("/mx/iphone-17-pro/soip/images/drawer/hero_draw_gradient__dhet6ptph4a6_small.png");
	}
}

@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) {
	#soip #drawer {
		background-image: url("/mx/iphone-17-pro/soip/images/drawer/hero_draw_gradient__dhet6ptph4a6_small_2x.png");
	}
}

#soip[data-drawer-state="open"] .soip-bg,
html .soip-aware .soip-bg {
	width: 100%;
	max-width: 100%;
	border-radius: 0px;
}

#soip .typography-banner-card-headline {
	font-size: 40px;
	letter-spacing: 0;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: 0.004em;
	font-family:
		SF Pro Display,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

#soip .banner-card-copy {
	font-size: 19px;
}

html .soip-aware #soip.aware-state .viewport-content {
	width: 100%;
	max-width: var(--global-content-max-width);
	--global-content-max-width: 1260px;
}

html .soip-aware #soip.aware-state .banner-card-image {
	margin-left: 0;
}

#soip .banner-card-asset-column {
	justify-content: center;
}

@media (max-width: 734px) {
	#soip .banner-card-asset-column {
		justify-content: center;
	}
}

html.safari #soip .card.tile-rounded {
	clip-path: inset(0px round var(--sk-tile-border-radius, 28px));
}

html.no-js #soip .ric-modal,
html.no-js #soip .drawer-wrapper,
html.no-js #soip .banner-card-ctas {
	display: none;
}

html.no-js .soip-aware #soip.section {
	padding-bottom: 0;
}

html.no-js #soip .banner-card-asset-column noscript img {
	height: 100%;
}

/* CLOSED STATE */

@media (max-width: 734px) {
	#soip .banner-card:only-of-type .banner-card-row {
		margin-inline-start: 0px;
	}
	#soip .banner-card .banner-card-copy-column {
		padding-left: auto;
		padding-right: auto;
		max-width: 480px;
	}
}

/* CLOSED STATE */

/* OPEN STATE */

/* #soip[data-drawer-state="open"] #drawer-button {
	display: none;
} */
#soip[data-drawer-state="open"] .button-learn-more {
	display: none;
}
#soip .force-gray {
	color: var(--sk-glyph-gray-secondary);
}

#soip[data-drawer-query] .soip-download-button {
	display: inline;
}

#soip[data-drawer-query] .show-on-aware {
	display: block;
}
#soip[data-drawer-query] .show-on-aware.card-container {
	display: grid;
}

#soip[data-drawer-query] .show-on-aware button {
	display: block;
}
#soip[data-drawer-query] .hide-on-aware {
	display: none;
}

/* Default (closed): hide show-less and its icon */
#soip #drawer-button .show-less,
#soip #drawer-button .show-less + .icon-after {
	display: none;
}

/* Open: hide learn-more and all icons */
#soip[data-drawer-state="open"] #drawer-button .learn-more,
#soip[data-drawer-state="open"] #drawer-button .learn-more + .icon-after {
	display: none;
}

/* Open: reveal show-less */
#soip[data-drawer-state="open"] #drawer-button .show-less,
#soip[data-drawer-state="open"] #drawer-button .show-less + .icon-after {
	display: inline;
}

@media (max-width: 1068px) {
}
/* OPEN STATE */

/****** TILE END ******/

/******* DRAWER START *******/
#soip {
	--drawer-margin-top: 67;
	--drawer-margin-bottom: 0;
	--drawer-nav-height: 200;
}

#soip .drawer .item-container {
	margin-top: calc(var(--drawer-margin-top) * 1px);
	margin-bottom: calc(var(--drawer-margin-bottom) * 1px);
	/* padding-top: calc(var(--paddlenav-padding) + var(--paddlenav-height)); */
}

.drawer-wrapper {
	--drawer-content-height: 708;
	--drawer-header-height: 127;
	--drawer-height: calc(
		var(--drawer-header-height) + var(--drawer-margin-top) +
			var(--drawer-content-height) + var(--drawer-margin-bottom) +
			var(--drawer-nav-height)
	);
	--drawer-height-transition-duration: calc(
		var(--drawer-height) / 1000 * 0.5s
	);
	position: relative;
	overflow: hidden;
	width: 100%;
}

@media (max-width: 1068px) {
	.drawer-wrapper {
		--drawer-content-height: 630;
		--drawer-header-height: 119;
	}
}

@media (max-width: 784px) {
	.drawer-wrapper {
		--drawer-header-height: 171;
	}
}

@media (max-width: 734px) {
	.drawer-wrapper {
		--drawer-content-height: 470;
		--drawer-header-height: 139;
	}
}

.drawer-wrapper .drawer {
	padding: 0px;
	margin: 0px;
	height: 0;
	margin-bottom: 0;
	overflow: hidden;
	transition-property: height, transform, visibility;
	transition-duration: var(--drawer-height-transition-duration);
	transition-delay: 0s, 0s, var(--drawer-height-transition-duration);
	visibility: hidden;
}

/* CLOSED STATE */

/* CLOSED STATE */

/* OPEN STATE */

#soip[data-drawer-state="open"] .drawer {
	transition-delay: 0s;
	height: calc(var(--drawer-height) * 1px);
	visibility: inherit;
}

/* OPEN STATE */

/******* DRAWER END *******/

@media (max-width: 1068px) {
	#soip #soip-banner-image {
		margin-left: auto;
	}
}

/* Stickers Modal - START */
#soip-stickers-modal .scroll-gallery .item-container {
	width: 100%;
}

#soip-stickers-modal .card-set {
	gap: 25px;
	grid-auto-flow: row;
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

#soip-stickers-modal .card {
	background-color: #000;
	border-radius: 18px;
}

#soip-stickers-modal .scroll-gallery .item-container {
	padding: 0;
}

#soip-stickers-modal .inner-container-modal-tile .card {
	height: 488px;
	padding: 0px;
}

#soip-stickers-modal
	.banner-card.banner-card-text-row-placement-bottom
	.banner-card-asset-column {
	margin-bottom: 0;
}

@media screen and (max-width: 1068px) {
	#soip-stickers-modal .inner-container-modal-tile .card {
		height: 282px;
		justify-self: center;
	}
}

@media screen and (max-width: 734px) {
	#soip-stickers-modal .inner-container-modal-tile .card {
		height: 320px;
		width: 320px;
	}
}

@media screen and (max-width: 320px) {
	#soip-stickers-modal .inner-container-modal-tile .card {
		height: 230px;
		width: 230px;
	}

	#soip-stickers-modal .banner-card-asset-column .banner-card-image {
		transform: scale(0.73) translateY(-63px);
	}
}

@media (max-width: 1068px) {
	#soip #soip-banner-image {
		margin-left: auto;
	}
}

#soip-stickers-modal .mobile-download {
	display: none;
}

#soip-stickers-modal .tablet-download {
	display: none;
}

@media screen and (max-width: 1068px) {
	#soip-stickers-modal .desktop-download {
		display: none;
	}

	#soip-stickers-modal .tablet-download {
		display: block;
	}
}

@media screen and (max-width: 734px) {
	#soip-stickers-modal .mobile-download {
		display: block;
	}

	#soip-stickers-modal .tablet-download {
		display: none;
	}

	#soip-stickers-modal .scroll-gallery {
		--paddlenav-padding: 10px;
	}
}

@media screen and (max-width: 380px) {
	.ric-modal .ric-modal-viewport-content {
		padding-inline-start: 6.25%;
		padding-inline-end: var(--modal-overlay-content-padding-inline);
	}

	.ric-modal-page-overlay {
		--modal-overlay-content-padding-inline: 5%;
	}
}

/* --- Download button - START */

#soip-stickers-modal .download-sticker-wrapper {
	z-index: 9999;
}

#soip-stickers-modal .download-sticker-button .st0 {
	fill: #303032;
}

#soip-stickers-modal .download-sticker-button .st1 {
	fill: #d6d6d9;
}

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

html:not([dir="rtl"]) .tile-button-wrapper {
	right: 16px;
}

@media (max-width: 1068px) {
	html:not([dir="rtl"]) .tile-button-wrapper {
		right: 13px;
	}
}

#soip-stickers-modal .tile-button-wrapper:focus-visible {
	outline: none;
}

#soip-stickers-modal .tile-button-wrapper:focus-visible .tile-button {
	outline: 2px solid var(--sk-focus-color, #0071e3);
	outline-offset: var(--sk-focus-offset-container, 3px);
}

#soip-stickers-modal .tile-button {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transition: background-color 100ms linear;
	background: var(--sk-tile-button-background);
	color: var(--sk-tile-button-icon-color);
}

#soip-stickers-modal .tile-button:hover {
	background: var(--sk-tile-button-background-hover);
	color: var(--sk-tile-button-icon-color-hover);
}

#soip-stickers-modal .tile-button:active {
	background: var(--sk-tile-button-background-active);
}

#soip-stickers-modal .tile-button-solid {
	--sk-tile-button-icon-color: #636365;
	--sk-tile-button-icon-color-hover: #414141;
	--sk-tile-button-background: #e2e2e5;
	--sk-tile-button-background-hover: #e9e9eb;
	--sk-tile-button-background-active: #d6d6d9;
}

#soip-stickers-modal .tile-button-high-contrast {
	--sk-tile-button-icon-color: #d6d6d6;
	--sk-tile-button-background: #303032;
	--sk-tile-button-icon-color-hover: rgb(255, 255, 255);
	--sk-tile-button-background-hover: #353537;
	--sk-tile-button-background-active: #2a2a2c;
}

#soip-stickers-modal .tile-icon {
	fill: currentColor;
	position: absolute;
	inset-inline-start: 50%;
	width: 20px;
	height: 20px;
}

html:not([dir="rtl"]) #soip-stickers-modal .tile-icon {
	transform: translateX(-50%);
}

#soip-stickers-modal .download-sticker-button .tile-button-wrapper {
	bottom: 13px;
	right: 13px;
}

@media screen and (max-width: 1068px) {
	#soip-stickers-modal .download-sticker-button .tile-button-wrapper {
		bottom: 10px;
		right: 10px;
	}
}

#soip-stickers-modal .download-sticker-button {
	--sk-tile-border-radius-medium: 18px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
	border-radius: var(--sk-tile-border-radius-medium);
}
/* --- Download button - END */

/* Sticker Modal - END */

/* Sticker Modal Views - START */

.sticker-modal-label {
	font-size: 18px;
	font-weight: 600;
	color: var(--sk-glyph-gray, rgb(29, 29, 31));
	margin-bottom: 8px;
}

.sticker-view-small {
	display: none;
}

@media (max-width: 1068px) {
	.sticker-view-large {
		display: none;
	}
	.sticker-view-small {
		display: block;
	}
}

.sticker-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-top: 24px;
}

.sticker-grid-item {
	background: #2c2c2e;
	border: none;
	border-radius: 16px;
	padding: 0;
	cursor: pointer;
	overflow: hidden;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 150ms ease;
	clip-path: inset(0 round 16px);
}

.sticker-grid-item:hover {
	opacity: 0.8;
}

.sticker-grid-item:active {
	opacity: 0.6;
}

.sticker-grid-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media (min-width: 1069px) {
	.soip-stickers-modal.ric-modal .ric-modal-content-wrapper {
		padding-bottom: 0px;
	}
	.soip-stickers-modal.ric-modal .typography-modal-header-headline {
		margin-top: 12.5px;
	}
	.soip-stickers-modal.ric-modal .typography-utility-modal-block-body {
		margin-top: 20px;
	}
	.soip-stickers-modal.ric-modal .typography-icon-card-body-copy {
		margin-top: 16px;
	}
	.soip-stickers-modal.ric-modal .inner-container-modal-tile {
		margin-top: 35px;
	}
}

@media (min-width: 735px) and (max-width: 1068px) {
	.soip-stickers-modal.ric-modal.inner-container-modal {
		--modal-overlay-width: 692px;
	}
	.soip-stickers-modal.ric-modal .typography-modal-header-headline {
		margin-top: 12.5px;
	}
	.soip-stickers-modal.ric-modal .typography-utility-modal-block-body {
		margin-top: 20px;
	}
	.soip-stickers-modal .sticker-grid-wrapper {
		margin-top: 80px;
	}
}

@media (min-width: 735px) and (max-width: 1068px) {
	.soip-stickers-modal.ric-modal
		.sticker-grid-wrapper
		.ric-modal-viewport-content {
		padding-inline-start: 73px;
	}
	.sticker-grid {
		display: grid;
		grid-template-columns: repeat(3, 170.5px);
		gap: 17px;
		margin-top: 24px;
	}
	.sticker-grid-item#sticker-guacala img {
		width: 77.7%;
		height: 77.7%;
	}
	.sticker-grid-item#sticker-mosquita img {
		width: 82.4%;
		height: 82.4%;
	}
	.sticker-grid-item#sticker-karma img {
		width: 71.8%;
		height: 71.8%;
	}
	.sticker-grid-item#sticker-cuidadito img {
		width: 74.2%;
		height: 74.2%;
	}
	.sticker-grid-item#sticker-nadita img {
		width: 75.4%;
		height: 75.4%;
	}
	.sticker-grid-item#sticker-notienes img {
		width: 74.2%;
		height: 74.2%;
	}
	.sticker-grid-item#sticker-muerdo img {
		width: 75.4%;
		height: 75.4%;
	}
	.sticker-grid-item#sticker-guapas img {
		width: 76.5%;
		height: 76.5%;
	}
	.sticker-grid-item#sticker-toxica img {
		width: 77.7%;
		height: 77.7%;
	}
}

@media (max-width: 734px) {
	.sticker-modal-label {
		font-size: 17px;
	}
	.soip-stickers-modal.ric-modal .typography-modal-header-headline {
		font-size: 33px;
		font-weight: 500;
		margin-top: 0px;
	}
	.soip-stickers-modal.ric-modal .typography-utility-modal-block-body {
		padding-top: 13px;
	}
	.soip-stickers-modal .sticker-grid-wrapper {
		margin-top: clamp(39px, calc(20.44px + 5.8vw), 63px);
	}
	.soip-stickers-modal .sticker-grid {
		grid-template-columns: repeat(3, 1fr);
		max-width: calc(3 * 132px + 2 * 12px);
		gap: clamp(8px, calc(4.91px + 0.97vw), 12px);
	}
	.soip-stickers-modal.ric-modal .ric-modal-content-wrapper {
		padding-bottom: clamp(21px, calc(13.26px + 2.42vw), 31px);
	}
	.sticker-grid-item {
		border-radius: 10px;
		clip-path: inset(0 round 12px);
	}
	.sticker-grid-item img {
		width: 80%;
		height: 80%;
	}
}
/* Sticker Modal Views - END */

/* Original Hero section - START */
.soip-welcome.section-welcome {
	--min-height: 0;
	--p-height: 0;
	height: 0 !important;
}

.soip-stickers-modal
	.inner-container-modal-tile
	.ric-modal-viewport-content.sticker-image-wrapper {
	display: flex;
	justify-content: center;
}

.soip-stickers-modal .sticker-image-wrapper img {
	display: block;
}
/* Original Hero section - START */

/* Video Modal - START */

#soip-video-modal .inner-container-modal-tile .card .image-container {
	margin-top: 100px;
}

#soip-video-modal .inner-container-modal-copyblock {
	max-width: 100%;
}

#soip-video-modal .inner-container-modal-tile .inner-container-modal-content {
	margin: 0;
	margin-top: 32px;
}

.inner-container-modal-tile .card .image-container {
	display: flex;
	justify-content: center;
}

.inner-container-modal-tile .card .soip-modal-video-container {
	display: flex;
	justify-content: center;
}

#soip-video-modal .hero-media .ac-video-player:fullscreen video {
	aspect-ratio: 16 / 9;
}

#soip-video-modal .hero-media {
	margin-top: 0;
	max-height: 100%;
	position: relative;
}

#soip-video-modal .hero-media .ac-video-player {
	display: grid;
	width: 480px;
}

@media screen and (max-width: 734px) {
	#soip-video-modal .hero-media .ac-video-player {
		width: 320px;
	}
}

@media screen and (max-width: 375px) {
	#soip-video-modal .hero-media .ac-video-player {
		width: 290px;
	}

	.ric-modal-page-overlay.soip-video-modal {
		--modal-overlay-content-padding-inline: 2%;
	}
}

.ac-video-player #soip-video-container video {
	width: 90%;
	margin: 0 auto;
	padding-top: 47px;
}

#soip-video-modal .hero-media .ac-video-player .ac-video-media-controller {
	grid-area: 1/1/1/1;
	height: auto;
}

#soip-video-modal .hero-media .ac-video-player .ac-video-poster {
	position: relative;
	grid-area: 1/1/1/1;
}

#soip-video-modal .hero-media .ac-video-player .ac-video-poster video {
	position: relative;
	grid-area: 1/1/1/1;
}

#soip-video-modal .mouse-leave .main-controls-container,
#soip-video-modal .mouse-leave .controls-social-tray,
#soip-video-modal .mouse-leave .controls-play-pause-button-container,
#soip-video-modal .mouse-leave .controls-container {
	-webkit-transform: translateY(38px);
	transform: translateY(38px);
	opacity: 0;
}

#soip-video-modal .hero-media .ac-video-poster img {
	opacity: 0;
}

@media (min-width: 735px) {
	.inner-container-modal-tile .inner-container-modal-content {
		padding-inline-start: 0;
	}
}

/* Video Modal - END */

/* headline */

.section-soip .card-set.soip-card-set {
	padding-top: 30px;
}

/* stickers modal */

.soip-stickers-modal.ric-modal.inner-container-modal {
	--modal-overlay-max-width: 816px;
}

@media (max-width: 1068px) {
	.soip-stickers-modal.ric-modal.inner-container-modal {
		--modal-overlay-max-width: 692px;
	}
}

@media (max-width: 734px) {
	.soip-stickers-modal.ric-modal.inner-container-modal {
		--modal-overlay-max-width: 480px;
	}
}

/* OVERRIDES DRAWER */

/* GENERAL */

#soip.section-soip .section-header.row {
	padding-bottom: 0px;
	margin-top: var(--drawer-header-margin-top);
	--drawer-header-margin-top: 67px;
}

.section-soip button.action-handler:not(.icon-wrapper):not(.button) {
	text-decoration: none;
}

@media (min-width: 1069px) {
	html
		body.soip-unaware
		.section-soip
		.banner-card:only-of-type:not(.banner-card-text-column-placement-center)
		.banner-card-row {
		flex-direction: row-reverse;
	}
	html
		body.soip-unaware
		.section-soip
		.banner-card:only-of-type
		.banner-card-row {
		padding-inline-start: 491px;
	}
	html body.soip-unaware .section-soip .banner-card-row {
		position: relative;
		left: 86px;
	}
}

@media (min-width: 735px) and (max-width: 1068px) {
	.section-soip
		.banner-card.banner-card-text-row-placement-top
		.banner-card-copy-column {
		margin-bottom: 46px;
	}
	.section-soip
		.banner-card-copy-column
		.banner-card-copy.typography-utility-modal-block-body {
		max-width: 430px;
	}
}

@media (max-width: 734px) {
	.section-soip
		.banner-card.banner-card-text-row-placement-top
		.banner-card-copy-column {
		margin-bottom: 85px;
	}
	.section-soip
		.banner-card-copy-column
		.banner-card-copy.typography-utility-modal-block-body {
		max-width: 370px;
	}
}

@media (max-width: 734px) {
	body.soip-aware
		.section-soip
		.banner-card.banner-card-text-row-placement-top
		.banner-card-copy-column {
		margin-bottom: 47px;
	}
}

#soip.aware-state .drawer-wrapper .viewport-content,
#soip.aware-soip .drawer-wrapper .viewport-content {
	margin-inline-start: unset;
	margin-inline-end: unset;
	width: 87.5%;
	max-width: 1260px;
	padding: 0 var(--responsive-gutter-width);
}

#soip.aware-soip .section-header .section-header-cta-list-wrapper {
	display: none;
}

/* AWARE */

body.soip-aware
	#soip
	#drawer
	.section-header
	.banner-card-headline.typography-headline.unaware {
	display: none;
	visibility: hidden;
}

body.soip-aware #soip .banner-card-ctas-stacked .banner-card-ctas {
	grid-auto-flow: column;
}

html body.soip-aware #soip.aware-state .viewport-content {
	width: 100%;
	max-width: 100%;
}

@media (min-width: 1069px) {
	html
		body.soip-aware
		.section-soip
		.banner-card:only-of-type
		.banner-card-row {
		padding-inline-start: 0px;
	}
	html
		body.soip-aware
		#soip
		.banner-card-asset-type-inline:not(
			.banner-card-asset-type-background-medium-down
		)
		#soip-banner-image.aware-background.asset-position-large-center-bottom {
		position: absolute;
		top: 0;
		right: clamp(0px, calc(15px + (100vw - 1069px) * -0.0404), 15px);
		bottom: 0;
		left: 0px;
		margin: auto;
		place-content: center;
		display: flex;
		flex-wrap: wrap;
	}
	html
		body.soip-aware
		#soip
		.banner-card:only-of-type
		.banner-card-row
		.banner-card-copy-column {
		position: absolute;
		top: 0;
		right: clamp(321px, calc(321px + (100vw - 1069px) * 0.7493), 599px);
		bottom: 0;
		left: 0px;
		margin: auto;
		place-content: center;
		display: flex;
		flex-wrap: wrap;
	}
	html body.soip-aware #soip .banner-card-ctas-stacked .banner-card-ctas {
		margin-top: 27px;
		gap: 18px;
		margin-left: -57px;
	}
	html body.soip-aware #soip.section-soip .section-header.row {
		padding-top: 46px;
	}
	html body.soip-aware #soip .scroll-gallery-paddlenav {
		padding-top: 28px;
	}
	html body.soip-aware #soip .drawer .item-container {
		margin-top: 17px;
	}
	html body.soip-aware #soip .drawer-wrapper {
		--drawer-height: calc(
			var(--drawer-header-height) + var(--drawer-margin-top) +
				var(--drawer-content-height) + var(--drawer-margin-bottom) +
				var(--drawer-nav-height) - 46
		);
	}
}

@media (min-width: 1441px) {
	html
		body.soip-aware
		#soip
		.banner-card:only-of-type
		.banner-card-row
		.banner-card-copy-column {
		right: 601px;
	}

	html
		body.soip-aware
		#soip
		.banner-card-asset-type-inline:not(
			.banner-card-asset-type-background-medium-down
		)
		#soip-banner-image.aware-background.asset-position-large-center-bottom {
		right: 0px;

		left: 4px;
	}
}

@media (min-width: 735px) and (max-width: 1068px) {
	html body.soip-aware #soip {
		--tile-height: 681px;
	}
	html
		body.soip-aware
		#soip
		.banner-card-asset-type-inline:not(
			.banner-card-asset-type-background-medium-down
		)
		#soip-banner-image.aware-background.asset-position-large-center-bottom {
		position: absolute;
		top: 0;
		right: 0px;
		bottom: 0;
		left: 0px;
		margin: auto;
		place-content: end center;
		display: flex;
		flex-wrap: wrap;
	}
	html
		body.soip-aware
		.section-soip
		.banner-card.banner-card-text-row-placement-top
		.banner-card-copy-column {
		padding-top: 34px;
		margin-right: -2px;
	}
	html body.soip-aware #soip .banner-card-ctas-stacked .banner-card-ctas {
		padding-left: 22px;
		margin-top: 26px;
		gap: 20px;
	}

	/* DRAWER */

	html body.soip-aware #soip .section-header .section-header-headline {
		max-width: 105%;
	}
	html body.soip-aware #soip.section-soip .section-header.row {
		margin-top: 73px;
	}
	html body.soip-aware #soip .drawer .item-container {
		margin-top: 10px;
	}
	html body.soip-aware #soip .scroll-gallery-paddlenav {
		--paddlenav-padding: 28px;
	}
	html body.soip-aware #soip .drawer-wrapper {
		--drawer-header-height: 171;
	}
	html body.soip-aware #soip .drawer-wrapper {
		--drawer-height: calc(
			var(--drawer-header-height) + var(--drawer-margin-top) +
				var(--drawer-content-height) + var(--drawer-margin-bottom) +
				var(--drawer-nav-height) - 136
		);
	}
}

@media (max-width: 734px) {
	html
		body.soip-aware
		#soip
		.banner-card-asset-type-inline:not(
			.banner-card-asset-type-background-medium-down
		)
		#soip-banner-image.aware-background.asset-position-large-center-bottom {
		position: absolute;
		top: 0;
		right: 0px;
		bottom: 0;
		left: 0px;
		margin: auto;
		place-content: end center;
		display: flex;
		flex-wrap: wrap;
	}
	html
		body.soip-aware
		.section-soip
		.banner-card.banner-card-text-row-placement-top
		.banner-card-copy-column {
		padding-top: 28px;
		margin-right: -1px;
	}
	html body.soip-aware #soip .banner-card-ctas-stacked .banner-card-ctas {
		padding-left: 15px;
		margin-top: 28px;
		gap: 13px;
	}
	html body.soip-aware #soip.section-soip .section-header.row {
		--drawer-header-margin-top: 56px;
	}
	html body.soip-aware #soip .drawer .item-container {
		margin-top: 2px;
	}
	html body.soip-aware #soip .scroll-gallery .scroll-container {
		padding-bottom: 12px;
	}
	html body.soip-aware #soip .drawer-wrapper {
		--drawer-height: calc(
			var(--drawer-header-height) + var(--drawer-margin-top) +
				var(--drawer-content-height) + var(--drawer-margin-bottom) +
				var(--drawer-nav-height) - 102
		);
	}

	@media (max-width: 335px) {
		html
			body.soip-aware
			#soip
			.banner-card.has-ctas
			.banner-card-ctas
			.stickers-cta {
			text-wrap: nowrap;
			left: 10px;
			position: relative;
		}
		html body.soip-aware #soip .section-header .section-header-headline {
			max-width: 275px;
		}
		html body.soip-aware #soip .drawer-wrapper {
			--drawer-height: calc(
				var(--drawer-header-height) + var(--drawer-margin-top) +
					var(--drawer-content-height) + var(--drawer-margin-bottom) +
					var(--drawer-nav-height) - 66
			);
		}
	}
}

/* UNAWARE */

@media only screen and (max-width: 734px) {
	html
		body.soip-unaware
		#soip
		.banner-card-asset-type-inline:not(
			.banner-card-asset-type-background-medium-down
		)
		#soip-banner-image.unaware-background.asset-position-large-center-bottom {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0px;
		margin: auto;
		place-content: inherit;
		display: flex;
		flex-wrap: wrap;
	}
	body.soip-unaware #soip .tile.hero-tile {
		overflow: visible;
		clip-path: inset(0 round 28px);
		transition: clip-path var(--width-animation-duration) ease-in-out;
	}

	body.soip-unaware #soip[data-drawer-state="open"] .tile.hero-tile {
		clip-path: inset(0 -200px 0 -200px round 0px);
	}

	html
		body.soip-unaware
		#soip
		.banner-card:only-of-type
		.banner-card-row
		.banner-card-copy-column {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 9px;
		left: 0px;
		margin: auto;
		place-content: flex-start;
		display: flex;
		flex-wrap: wrap;
	}
	body.soip-unaware .section-soip .banner-card .banner-card-copy p,
	body.soip-unaware #soip .banner-card-copy {
		font-size: 14px;
		line-height: 1.2705882353;
	}
	body.soip-unaware #soip .banner-card-ctas {
		margin-left: auto;
		margin-right: auto;
		column-gap: 11px;
	}

	body.soip-unaware #soip.section-soip .section-header.row {
		--drawer-header-margin-top: 55.5px;
	}
	body.soip-unaware #soip.section-soip .scroll-gallery .scroll-container {
		padding-top: 8.5px;
	}
	body.soip-unaware #soip .drawer .item-container {
		margin-top: 0px;
	}
	body.soip-unaware #soip .drawer .typography-caption-tile {
		line-height: 1.3085914286;
	}
	body.soip-unaware #soip .drawer .scroll-gallery-paddlenav {
		--paddlenav-padding: 27px;
	}
	html body.soip-unaware #soip .drawer-wrapper {
		--drawer-height: calc(
			var(--drawer-header-height) + var(--drawer-margin-top) +
				var(--drawer-content-height) + var(--drawer-margin-bottom) +
				var(--drawer-nav-height) - 68
		);
	}
	html body.soip-unaware .banner-card .banner-card-row {
		--h-padding: 15px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 734px) {
	body.soip-unaware .section-soip .banner-card .banner-card-copy p,
	body.soip-unaware #soip .banner-card-copy {
		max-width: 255px;
	}
}

@media only screen and (max-width: 479px) {
	html
		body.soip-unaware
		.section-soip
		.banner-card-copy-column
		.banner-card-copy.typography-utility-modal-block-body {
		max-width: 203px;
	}
}

@media only screen and (max-width: 321px) {
	html body.soip-unaware #soip .drawer-wrapper {
		--drawer-height: calc(
			var(--drawer-header-height) + var(--drawer-margin-top) +
				var(--drawer-content-height) + var(--drawer-margin-bottom) +
				var(--drawer-nav-height) - 32
		);
	}
}

/* UNAWARE DRAWER */

body.soip-unaware
	#soip
	#drawer
	.section-header
	.banner-card-headline.typography-headline.aware {
	display: none;
	visibility: hidden;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	body.soip-unaware .section-soip .banner-card .banner-card-copy p,
	body.soip-unaware #soip .banner-card-copy {
		font-size: 17px;
		margin-top: 13px;
		max-width: 320px;
		line-height: 1.1857742857;
	}
	/* body.soip-unaware #soip .banner-card-copy{
	word-spacing: 2.65px;} */
}

@media (min-width: 1069px) {
	html
		body.soip-unaware
		.section-soip
		.banner-card:only-of-type
		.banner-card-row {
		padding-inline-start: 0px;
	}
	html
		body.soip-unaware
		#soip
		.banner-card-asset-type-inline:not(
			.banner-card-asset-type-background-medium-down
		)
		#soip-banner-image.unaware-background.asset-position-large-center-bottom {
		position: absolute;
		top: 0;
		right: 172px;
		bottom: 0;
		left: 0px;
		margin: auto;
		place-content: center;
		display: flex;
		flex-wrap: wrap;
	}
	body.soip-unaware #soip .tile.hero-tile {
		overflow: visible;
		clip-path: inset(0 round 28px);
		transition: clip-path var(--width-animation-duration) ease-in-out;
	}

	body.soip-unaware #soip[data-drawer-state="open"] .tile.hero-tile {
		clip-path: inset(0 -200px 0 -200px round 0px);
	}

	html
		body.soip-unaware
		#soip
		.banner-card:only-of-type
		.banner-card-row
		.banner-card-copy-column {
		position: absolute;
		top: 9px;
		right: clamp(554px, calc(-304.66px + 80.32vw), 852px);
		bottom: 9px;
		left: 0px;
		margin: auto;
		place-content: center;
		display: flex;
		flex-wrap: wrap;
	}

	body.soip-unaware #soip .banner-card-copy {
		max-width: 268px;
	}
	html body.soip-unaware #soip.section-soip .section-header.row {
		padding-top: 46px;
	}
	html body.soip-unaware #soip .scroll-gallery-paddlenav {
		padding-top: 28px;
	}
	html body.soip-unaware #soip .drawer .item-container {
		margin-top: 17px;
	}
	html body.soip-unaware #soip .drawer-wrapper {
		--drawer-height: calc(
			var(--drawer-header-height) + var(--drawer-margin-top) +
				var(--drawer-content-height) + var(--drawer-margin-bottom) +
				var(--drawer-nav-height) - 46
		);
	}
	body.soip-unaware .section-soip .banner-card .banner-card-copy p {
		max-width: 320px;
		margin-top: 0px;
		font-size: 18px;
	}
	body.soip-unaware #soip .banner-card-copy {
		max-width: 320px;
	}
	body.soip-unaware #soip .banner-card-ctas {
		margin-top: 33px;
	}
	body.soip-unaware #soip .typography-utility-modal-block-body {
		line-height: 1.121103;
	}
	html body.soip-unaware #soip .banner-card-ctas {
		gap: 17px;
	}
	html body.soip-unaware #soip .banner-card-ctas .trailer-cta {
		margin-left: 3px;
	}

	/* DRAWER */

	html body.soip-unaware #soip.section-soip .section-header {
		column-gap: 0px;
	}
}

@media (min-width: 1441px) {
}

@media (min-width: 735px) and (max-width: 1068px) {
	html
		body.soip-unaware
		#soip
		.banner-card-asset-type-inline:not(
			.banner-card-asset-type-background-medium-down
		)
		#soip-banner-image.unaware-background.asset-position-large-center-bottom {
		position: absolute;
		top: 0;
		right: 0px;
		bottom: 0;
		left: 0px;
		margin: auto;
		place-content: center;
		display: flex;
		flex-wrap: wrap;
	}
	html body.soip-unaware #soip .banner-card {
		height: 680px;
	}
	html body.soip-unaware #soip {
		--tile-height: 680px;
	}
	html body.soip-unaware #soip .banner-card-ctas {
		gap: 17px;
	}
	html body.soip-unaware #soip .banner-card-ctas .trailer-cta {
		margin-left: 3px;
	}
	body.soip-unaware #soip .tile.hero-tile {
		overflow: visible;
		clip-path: inset(0 round 28px);
		transition: clip-path var(--width-animation-duration) ease-in-out;
	}

	body.soip-unaware #soip[data-drawer-state="open"] .tile.hero-tile {
		clip-path: inset(0 -200px 0 -200px round 0px);
	}

	/* DRAWER */

	body.soip-unaware
		#soip
		#drawer
		.section-header
		.banner-card-headline.typography-headline.unaware
		.unaware-nowrap {
		text-wrap: nowrap;
	}

	html body.soip-unaware #soip.section-soip .section-header.row {
		--drawer-header-margin-top: 73px;
	}
	html body.soip-unaware #soip.section-soip .section-header {
		justify-content: normal;
	}
	html body.soip-unaware #soip .drawer .item-container {
		margin-top: 9px;
	}
	html body.soip-unaware #soip .drawer .scroll-gallery-paddlenav {
		padding-top: 28px;
	}
	html body.soip-unaware #soip .drawer-wrapper {
		--drawer-height: calc(
			var(--drawer-header-height) + var(--drawer-margin-top) +
				var(--drawer-content-height) + var(--drawer-margin-bottom) +
				var(--drawer-nav-height) - 84
		);
	}
}

@media (min-width: 735px) and (max-width: 974px) {
	html
		body.soip-unaware
		#soip.section-soip
		.section-header
		.section-header-headline {
		max-width: 50%;
		min-width: 50%;
	}
	html body.soip-unaware #soip.section-soip .section-header {
		justify-content: space-between;
	}
	body.soip-unaware
		#soip
		#drawer
		.section-header
		.banner-card-headline.typography-headline.unaware
		.unaware-nowrap {
		position: relative;
		top: -8px;
	}
	html
		body.soip-unaware
		#soip.section-soip
		.section-header
		.section-header-cta-list-wrapper {
		padding-bottom: 12px;
	}
	html
		body.soip-unaware
		#soip.section-soip
		.scroll-gallery
		.scroll-container {
		padding-top: 2px;
	}

	html body.soip-unaware #soip .drawer-wrapper {
		--drawer-height: calc(
			var(--drawer-header-height) + var(--drawer-margin-top) +
				var(--drawer-content-height) + var(--drawer-margin-bottom) +
				var(--drawer-nav-height) - 92
		);
	}
}

/* nojs */

html.no-js #soip .drawer-wrapper {
	display: block;
}

html.no-js #soip .banner-card.has-ctas .banner-card-ctas > * {
	display: none;
}

html.no-js #soip #drawer {
	display: contents;
}

html.no-js #soip .positioned-media-element.static {
	opacity: 1 !important;
	transform: none !important;
}

html.no-js #soip [data-staggered-item] {
	opacity: 1 !important;
	visibility: visible !important;
}

html.no-js #soip .section-header,
html.no-js #soip .section-header-headline,
html.no-js #soip .section-header-cta-list-wrapper {
	opacity: 1 !important;
	visibility: visible !important;
}

html.no-js
	#soip
	.drawer
	.media-block:not(.loaded, .loading-disabled, .media-unloaded)
	.positioned-media-element.start-frame {
	opacity: 0;
	visibility: hidden;
}

/* aware state - ribbon hide in S */

@media (max-width: 734px) {
	body.soip-aware .ribbon {
		display: none;
		visibility: hidden;
		height: 0px;
	}

	body.soip-aware #soip {
		margin-top: calc(-1 * var(--localnav-total-height));
	}
}

/* modal behavior */

.soip-video-modal .ac-video-player {
	cursor: default;
}