.media-image {
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}[dir=ltr] .media-image {
	left: 0;
}[dir=rtl] .media-image {
	right: 0;
}

.media-image--hidden {
	visibility: hidden;
}

.media-image__svg {
	height: auto;
	position: absolute;
	top: 0;
	width: 100%;
}

[dir=ltr] .media-image__svg {
	left: 0;
}

[dir=rtl] .media-image__svg {
	right: 0;
}

.media-image__watermark {
	bottom: 0;
	position: absolute;
	width: 100%;
}

[dir] .media-image__watermark {
	background: none;
}

[dir=ltr] .media-image__watermark {
	right: 0;
}

[dir=rtl] .media-image__watermark {
	left: 0;
}

.media__wrapper--by-aspect-ratio .media-image__wrapper {
	height: 100%;
	position: relative;
	width: 100%;
}

.media__wrapper--fit .media-image__image,
.media__wrapper--fit .media-image__svg {
	-o-object-fit: contain;
	   object-fit: contain;
}

.media__wrapper--fill .media-image__image,
.media__wrapper--fill .media-image__svg {
	-o-object-fit: cover;
	   object-fit: cover;
}

.media__wrapper--by-aspect-ratio .media-image__svg {
	height: 100%;
}

.media__wrapper--by-aspect-ratio .media-image__image {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 0;
}

.media__wrapper--fit-height .media-image__image,
.media__wrapper--fit-height .media-image__svg {
	height: 100%;
	width: auto;
}

.media__wrapper--fit-width .media-image__image,
.media__wrapper--fit-width .media-image__svg {
	height: auto;
	width: 100%;
}

.media-video {
	height: 100%;
	-o-object-fit: fill;
	   object-fit: fill;
	width: 100%;
}

.media-video__audio-toggle {
	position: absolute;
	top: 12px;
	z-index: 1;
}

[dir] .media-video__audio-toggle {
	padding: 12px;
}

[dir=ltr] .media-video__audio-toggle {
	right: 12px;
}

[dir=rtl] .media-video__audio-toggle {
	left: 12px;
}

.media-video__audio-toggle-icon {
	width: 24px;
}

.media-video__audio-toggle--white .media-video__audio-toggle-icon {
	-webkit-filter: invert(1);
	        filter: invert(1);
}

.media-video__wrapper {
	height: 100%;
	position: absolute;
	width: 100%;
}

.media__wrapper--by-aspect-ratio .media-video__wrapper,
.media-video__wrapper .media-video {
	position: relative;
}

.media__wrapper--fit .media-video,
.media__wrapper--fit .media-video__svg,
.media__wrapper--fit .media_video__poster {
	-o-object-fit: contain;
	   object-fit: contain;
}

.media__wrapper--fill .media-video,
.media__wrapper--fill .media-video__svg,
.media__wrapper--fill .media_video__poster {
	-o-object-fit: cover;
	   object-fit: cover;
}

.media__wrapper--by-aspect-ratio .media_video__poster {
	height: 100%;
	width: 100%;
}

.media-video__wrapper .media-video__svg {
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

[dir=ltr] .media-video__wrapper .media-video__svg {
	left: 0;
}

[dir=rtl] .media-video__wrapper .media-video__svg {
	right: 0;
}

.media__wrapper--fit-height .media-video,
.media__wrapper--fit-height .media-video__svg,
.media__wrapper--fit-height .media_video__poster {
	height: 100%;
	width: auto;
}

.media__wrapper--fit-width .media-video,
.media__wrapper--fit-width .media-video__svg,
.media__wrapper--fit-width .media_video__poster {
	height: auto;
	width: 100%;
}

.media__wrapper--by-aspect-ratio:not(.media__wrapper--safe-margin-top) .media-video__audio-toggle {
	top: calc(var(--layout-header-height) - 12px);
}

@media screen and (min-width: 1024px) {
	[dir] .media-video__audio-toggle {
		cursor: pointer;
	}
}

.zara-fullscreen-portal--active {
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}[dir=ltr] .zara-fullscreen-portal--active {
	left: 0;
}[dir=rtl] .zara-fullscreen-portal--active {
	right: 0;
}

.link {
	color: inherit;
}[dir] .link {
	cursor: pointer;
}

.media-3d-advanced,
.media-3d-advanced__container {
	position: relative;
}

.media-3d-advanced,
.media-3d-advanced__container,
.media-3d-advanced__container > .media {
	height: 100%;
}

.media.media-3d-advanded__dynamic-poster {
	position: absolute;
	top: 0;
	width: 100%;
}

[dir=ltr] .media.media-3d-advanded__dynamic-poster {
	left: 0;
}

[dir=rtl] .media.media-3d-advanded__dynamic-poster {
	right: 0;
}

.media-3d-advanced--fullscreen .media-3d-advanded__dynamic-poster {
	height: 100%;
}

.media-3d-advanded__close-fullscreen-button {
	height: 28px;
	position: absolute;
	top: 14px;
	width: 28px;
}

[dir=ltr] .media-3d-advanded__close-fullscreen-button {
	left: 11px;
}

[dir=rtl] .media-3d-advanded__close-fullscreen-button {
	right: 11px;
}

.media-3d-advanded__viewer-overlay {
	align-items: center;
	display: flex;
	justify-content: center;
	position: absolute;
	width: 100%;
}

[dir] .media-3d-advanded__viewer-overlay {
	background: transparent;
}

[dir=ltr] .media-3d-advanded__viewer-overlay {
	left: 0;
}

[dir=rtl] .media-3d-advanded__viewer-overlay {
	right: 0;
}

.media-3d-advanded__viewer-overlay--disabled {
	height: 100%;
	top: 0;
}

[dir] .media-3d-advanded__viewer-overlay--disabled {
	cursor: pointer;
}

.media-3d-advanded__viewer-overlay--enabled {
	bottom: 0;
	height: 20%;
}

[dir] .media-3d-advanded__viewer-overlay--enabled {
	cursor: default;
}

.media-3d-advanded__viewer-overlay-veil {
	height: 100%;
	opacity: 0.2;
	position: absolute;
	top: 0;
	width: 100%;
}

[dir] .media-3d-advanded__viewer-overlay-veil {
	background: #000;
	cursor: pointer;
}

[dir=ltr] .media-3d-advanded__viewer-overlay-veil {
	left: 0;
}

[dir=rtl] .media-3d-advanded__viewer-overlay-veil {
	right: 0;
}

.media-3d-advanded__viewer-overlay-message {
	color: #fff;
	fill: #fff;
	font-size: var(--font-size-heading-s);
	position: relative;
	line-height: var(--line-height-heading-s);
	letter-spacing: var(--letter-spacing-heading-s);
	text-transform: uppercase;
	font-stretch: var(--font-stretch-condensed);
	font-weight: var(--font-weight-condensed);
}

[dir] .media-3d-advanded__viewer-overlay-message {
	cursor: pointer;
	padding: var(--spacing-10) var(--spacing-06);
	text-align: center;
}

.media-3d-advanded__viewer-overlay-text {
	display: block;
}

.media-3d-advanced--theme-athleticz .media-3d-advanded__viewer-overlay-text {
	font-family: 'ZaraAthleticz', 'Neue-Helvetica', 'Arial', Sans-Serif;
}

.media-3d-advanded__viewer-overlay-close-icon {
	fill: #fff;
	height: 32px;
	width: 32px;
}

.media-3d-advanded__viewer-overlay-rotate-icon {
	width: 40%;
}

@media screen and (min-width: 768px) {
	.media-3d-advanded__viewer-overlay {
		align-items: flex-end;
	}

	[dir=ltr] .media-3d-advanded__viewer-overlay--disabled .media-3d-advanded__viewer-overlay-veil {
		background: linear-gradient(360deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 20%);
	}

	[dir=rtl] .media-3d-advanded__viewer-overlay--disabled .media-3d-advanded__viewer-overlay-veil {
		background: linear-gradient(-360deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 20%);
	}

	[dir=ltr] .media-3d-advanded__viewer-overlay--enabled .media-3d-advanded__viewer-overlay-veil {
		background: linear-gradient(360deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
	}

	[dir=rtl] .media-3d-advanded__viewer-overlay--enabled .media-3d-advanded__viewer-overlay-veil {
		background: linear-gradient(-360deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
	}

	[dir] .media-3d-advanded__viewer-overlay-message {
		padding: 0 var(--spacing-06) 12% var(--spacing-06);
	}

	.media-3d-advanded__viewer-overlay--enabled {
		height: auto;
	}
}

.media-regions {
	bottom: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.media-region {
	position: absolute;
}

.media-region__icon {
	height: 32px;
	position: absolute;
	top: 50%;
	width: 32px;
}

[dir] .media-region__icon {
	background: none;
}

[dir=ltr] .media-region__icon {
	left: 50%;
	transform: translate(-50%, -50%);
}

[dir=rtl] .media-region__icon {
	right: 50%;
	transform: translate(50%, -50%);
}

.media-spin-360 {
	position: relative;
	touch-action: none;
}

.media-spin-360__wrapper {
	height: 100%;
}

.media-spin-360__load-bar {
	bottom: 9%;
	height: 1px;
	position: absolute;
	width: 50%;
}

[dir] .media-spin-360__load-bar {
	background-color: var(--color-main-020);
}

[dir=ltr] .media-spin-360__load-bar {
	left: 50%;
	transform: translate(-50%, 0);
}

[dir=rtl] .media-spin-360__load-bar {
	right: 50%;
	transform: translate(50%, 0);
}

.media-spin-360__load-bar--standard {
	bottom: none;
	top: 50%;
}

.media-spin-360__load-bar-progress {
	height: 1px;
}

[dir] .media-spin-360__load-bar-progress {
	background-color: var(--color-main);
}

.media-spin-360__frame {
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 100%;
}

[dir=ltr] .media-spin-360__frame {
	left: 0;
}

[dir=rtl] .media-spin-360__frame {
	right: 0;
}

.media-spin-360__frame--current {
	visibility: visible;
}

.media-spin-360__frame-overlay {
	bottom: 0;
	height: 20%;
	position: absolute;
	width: 100%;
}

[dir=ltr] .media-spin-360__frame-overlay {
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 89.61%);
	left: 0;
}

[dir=rtl] .media-spin-360__frame-overlay {
	background: linear-gradient(-360deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 89.61%);
	right: 0;
}

.media-spin-360__overlay {
	position: absolute;
	top: 0;
}

[dir=ltr] .media-spin-360__overlay {
	left: 0;
}

[dir=rtl] .media-spin-360__overlay {
	right: 0;
}

.media-spin-360__overlay--active {
	align-items: center;
	display: flex;
	flex-flow: column nowrap;
	height: 100%;
	justify-content: center;
	width: 100%;
}

[dir] .media-spin-360__overlay--active {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.media-spin-360__overlay--standard {
	justify-content: flex-end;
}

[dir] .media-spin-360__overlay--standard {
	background: none;
	padding: 0 0 9% 0;
}

.media-spin-360__overlay-action-text {
	color: var(--color-main-000);
	font-size: var(--font-size-heading-s);
	line-height: var(--line-height-heading-s);
	letter-spacing: var(--letter-spacing-heading-s);
	text-transform: uppercase;
	font-stretch: var(--font-stretch-condensed);
	font-weight: var(--font-weight-condensed);
}

.media-spin-360--theme-athleticz .media-spin-360__overlay-action-text {
	font-family: 'ZaraAthleticz', 'Neue-Helvetica', 'Arial', Sans-Serif;
}

.media-spin-360__rotate-icon {
	width: 40%;
}

.media-spin-360__close-button {
	height: 24px;
	outline: none;
	width: 24px;
}

[dir] .media-spin-360__close-button {
	background: none;
	border: none;
	cursor: pointer;
}

.media-spin-360__overlay--standard .media-spin-360__close-button {
	height: 20px;
	width: 20px;
}

.media-spin-360__close-icon {
	fill: var(--color-main-000);
	height: auto;
	width: 100%;
}

.media-spin-360__overlay--standard .media-spin-360__overlay-close-wrapper {
	align-items: center;
	bottom: 9%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	position: fixed;
}

[dir=ltr] .media-spin-360__overlay--standard .media-spin-360__overlay-close-wrapper {
	left: 50%;
	transform: translate(-50%, 0);
}

[dir=rtl] .media-spin-360__overlay--standard .media-spin-360__overlay-close-wrapper {
	right: 50%;
	transform: translate(50%, 0);
}

.media-spin-360__viewer {
	height: 100%;
}

[dir=ltr] .media-spin-360__portal-wrapper {
	-webkit-animation: scale-to-screen 0.3s linear;
	animation: scale-to-screen 0.3s linear;
}

[dir=rtl] .media-spin-360__portal-wrapper {
	-webkit-animation: scale-to-screen 0.3s linear;
	        animation: scale-to-screen 0.3s linear;
}

[dir=ltr] .media-spin-360__portal-wrapper .media-spin-360__overlay {
	padding: var(--spacing-04) 0 0 var(--spacing-05);
}

[dir=rtl] .media-spin-360__portal-wrapper .media-spin-360__overlay {
	padding: var(--spacing-04) var(--spacing-05) 0 0;
}

@-webkit-keyframes scale-to-screen {
	0% {
		opacity: 0.9;
		transform: scale(0.8);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes scale-to-screen {
	0% {
		opacity: 0.9;
		transform: scale(0.8);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.media {
	position: relative;
}

.media__wrapper {
	position: relative;
}

[dir] .media__wrapper {
	margin: 0 auto;
}

.media__wrapper--media {
	position: absolute;
	top: 0;
	width: 100%;
}

[dir=ltr] .media__wrapper--media {
	left: 0;
}

[dir=rtl] .media__wrapper--media {
	right: 0;
}

.media__wrapper--by-aspect-ratio {
	height: 100%;
	width: 100%;
}

.media__wrapper--cover {
	height: 100%;
}

.media__wrapper--cover .media__wrapper--media {
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.media__wrapper--gravity-top .media__wrapper--media {
	-o-object-position: center top;
	   object-position: center top;
}

.media__wrapper--gravity-center .media__wrapper--media {
	-o-object-position: center center;
	   object-position: center center;
}

.media__wrapper--gravity-bottom .media__wrapper--media {
	-o-object-position: center bottom;
	   object-position: center bottom;
}

.media__wrapper--fit-width .media__wrapper--media,
.media__wrapper--fit-height .media__wrapper--media {
	top: 50%;
}

[dir=ltr] .media__wrapper--fit-width .media__wrapper--media, [dir=ltr] .media__wrapper--fit-height .media__wrapper--media {
	left: 50%;
	transform: translate(-50%, -50%);
}

[dir=rtl] .media__wrapper--fit-width .media__wrapper--media, [dir=rtl] .media__wrapper--fit-height .media__wrapper--media {
	right: 50%;
	transform: translate(50%, -50%);
}

.media__wrapper--fit-width .media__wrapper--media {
	height: auto;
	width: 100%;
}

.media__wrapper--fit-height .media__wrapper--media,
.media__wrapper--force-height .media__wrapper--media {
	height: 100%;
	width: auto;
}

.media__wrapper--force-height .media-image,
.media__wrapper--force-height .media__wrapper--media {
	position: relative;
}

[dir] .media__wrapper--safe-margin-top {
	padding-top: 104px;
}

[dir=ltr] .media__wrapper--safe-margin-left {
	padding-left: 52px;
}

[dir=rtl] .media__wrapper--safe-margin-left {
	padding-right: 52px;
}

[dir] .media__wrapper--safe-margin-bottom {
	padding-bottom: 16px;
}

[dir=ltr] .media__wrapper--safe-margin-right {
	padding-right: 52px;
}

[dir=rtl] .media__wrapper--safe-margin-right {
	padding-left: 52px;
}

@media screen and (min-width: 768px) {
	[dir] .media__wrapper--safe-margin-top {
		padding-top: 88px;
	}
}

@media screen and (min-width: 1280px) {
	[dir] .media__wrapper--safe-margin-top {
		padding-top: 112px;
	}
}

@media screen and (min-width: 1600px) {
	[dir] .media__wrapper--safe-margin-top {
		padding-top: 134px;
	}
}

@media screen and (min-width: 1920px) {
	[dir] .media__wrapper--safe-margin-top {
		padding-top: 160px;
	}

	[dir=ltr] .media__wrapper--safe-margin-left {
		padding-left: 56px;
	}

	[dir=rtl] .media__wrapper--safe-margin-left {
		padding-right: 56px;
	}

	[dir=ltr] .media__wrapper--safe-margin-right {
		padding-right: 56px;
	}

	[dir=rtl] .media__wrapper--safe-margin-right {
		padding-left: 56px;
	}
}

@media screen and (min-width: 2160px) {
	[dir] .media__wrapper--safe-margin-top {
		padding-top: 184px;
	}
}