:root {
	--play-pause-worn-video-bottom-desktop: 20px;
	--play-pause-worn-video-bottom-mobile: 15px
}
.product-details li.worn-dots-container a:before {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23767676" stroke="%23767676"><path d="M8 19V5L18 12L8 19Z" /></svg>');
	background-color: none;
	background-size: contain;
	border: none;
	box-shadow: none;
	height: 1.5rem;
	width: 1.5rem
}

.product-details li.worn-dots-container.is-active a:before {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23FFFFFF" stroke="%23767676"><path d="M8 19V5L18 12L8 19Z" /></svg>');
	background-color: none;
	background-size: contain;
	border: none;
	box-shadow: none;
	height: 1.5rem;
	width: 1.5rem
}
@media screen and (max-width:37.5rem) {

	.product-details__controls__wrapper .page-control li.worn-dots-container a:before {
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23767676" stroke="%23767676"><path d="M8 19V5L18 12L8 19Z" /></svg>');
		background-color: none;
		background-size: contain;
		border: none;
		box-shadow: none;
		height: 1.5rem;
		width: 1.5rem
	}

	.product-details__controls__wrapper .page-control li.worn-dots-container .pdp-carouselDot.video-icon {
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23FFFFFF" stroke="%23767676"><path d="M8 19V5L18 12L8 19Z" /></svg>');
		background-size: contain;
		border: none;
		height: 1.5rem;
		width: 1.5rem
	}

	.product-details__controls__wrapper .page-control li.worn-dots-container.is-active a:before {
		display: none
	}
}
.product-details__media .carousel__slide.worn-video-container {
	background-color: #fff !important;
	width: 100% !important
}
@media screen and (min-width:60.0625rem) {
	.product-details__media .carousel__slide.worn-video-container {
		padding-left: 0;
		padding-right: 0
	}
}
.product-details__media .carousel__slide.worn-video-container .video {
	height: 100% !important;
	padding: 0 !important
}

.product-details__media .carousel__slide.worn-video-container .video .akamai-layer {
	align-items: center;
	display: flex;
	justify-content: center
}

.product-details__media .carousel__slide.worn-video-container .video .akamai-layer video {
	height: 100%;
	object-fit: contain !important;
	position: relative;
	width: 100% !important
}

@media screen and (min-width:37.5625rem) {
	.product-details__media .carousel__slide.worn-video-container .video .akamai-layer video {
		width: auto !important
	}
}

.product-details__media .carousel__slide.worn-video-container .video-poster-img {
	object-fit: contain;
	padding-left: 16.53%;
	padding-right: 16.53%
}

.product-details__media .carousel__slide.worn-video-container .akamai-overlays {
	display: none !important
}

.product-details__media .carousel__slide.worn-video-container button.play-pause-btn svg {
	fill: #fff;
	bottom: var(--play-pause-worn-video-bottom-mobile);
	height: 1.5rem;
	left: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	right: calc(16.53% + 15px);
	top: auto;
	width: 1.5rem
}

@media screen and (min-width:60.0625rem) {
	.product-details__media .carousel__slide.worn-video-container button.play-pause-btn svg {
		bottom: var(--play-pause-worn-video-bottom-desktop);
		right: calc(16.53% + 20px)
	}
}

.product-details__media .carousel__slide.worn-video-container button.play-pause-btn svg.is-video-play {
	display: none
}
@media screen and (min-width:20rem) {
	.product-details__media .carousel__slide--video .worn-sound-button {
		height: 1.5rem !important;
		width: 1.5rem !important
	}

	.product-details__media .carousel__slide--video .worn-sound-button svg {
		fill: #fff;
		height: 1.5rem !important;
		margin: 0 !important;
		width: 1.5rem !important
	}
}
.popin-3dpackshot .popin .popin__close {
    height: 1.875rem;
    right: 2.1875rem;
    top: 2.1875rem;
    width: 1.875rem;
    background-color: #fff;
    border-radius: 50%;
    right: 1.875rem;
    top: 1.875rem;
}
.popin-3dpackshot .popin .popin__row .popin__col {
    padding: 0 !important;
}