.section-helmet-viewer {
	overflow: hidden;
}

.section-helmet-viewer .section-header-headline {
	margin-bottom: 30px;
}

@media only screen and (max-width: 1068px) {
	.section-helmet-viewer .section-header-headline {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 734px) {
	.section-helmet-viewer .section-header-headline {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 600px) {
	.section-helmet-viewer .section-header-headline {
		margin-bottom: 20px;
	}
}

.section-helmet-viewer .viewport-content {
	width: 100vw;
	max-width: 100vw;
	margin-inline-start: unset;
	margin-inline-end: unset;
}

.section-helmet-viewer .viewport-content .section-header {
	width: 87.5%;
	margin-inline-start: auto;
	margin-inline-end: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.section-helmet-viewer .viewport-content canvas {
	width: 100vw;
}

/* loader */

.section-helmet-viewer .loader-text {
	text-align: center;
	padding-bottom: 30px;
}

/* progress bar */

.progress-bar-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70%;
	max-width: 350px;
	height: 8px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	overflow: hidden;
}

.progress-bar {
	width: 0%;
	height: 100%;
	background-color: #ffffff;
	border-radius: 4px;
	transition: width 1s;
}

.progress-bar-container.loaded {
	opacity: 0;
	pointer-events: none;
}

/* dot navigation */

.section-helmet-viewer .dotnav {
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 42px;
}

@media only screen and (max-width: 1180px) {
	.section-helmet-viewer .dotnav {
		margin-bottom: 41px;
	}
}

@media only screen and (max-width: 734px) {
	.section-helmet-viewer .dotnav {
		margin-bottom: 30px;
		margin-top: -2px;
	}
}

.section-helmet-viewer .dotnav ul {
	display: flex;
	margin: 0;
	list-style: none;
	justify-content: center;
	width: 100%;
	white-space: nowrap;
	--dotnavSize: 8px;
	--dotnavSize2: 6px;
	--dotnavSize3: 5px;
	align-items: center;
	gap: 10px;
}

@media only screen and (max-width: 734px) {
	.section-helmet-viewer .dotnav ul {
		--dotnavSize: 7px;
		--dotnavSize2: 5px;
		--dotnavSize3: 4px;
	}
}

.section-helmet-viewer .dotnav ul::-webkit-scrollbar {
	display: none;
}

.section-helmet-viewer .dotnav li {
	list-style: none;
	width: var(--dotnavSize);
	height: var(--dotnavSize);
	position: relative;
	display: inline-block;
}

.section-helmet-viewer .dotnav-item {
	top: 0;
	left: 0;
	width: var(--dotnavSize);
	height: var(--dotnavSize);
	position: absolute;
	border-radius: 50%;
	box-sizing: border-box;
	padding: 0;
	margin: 5px;
	transition:
		width 0.3s ease,
		height 0.3s ease;
}

.section-helmet-viewer
	.dotnav
	li:nth-child(1).selected
	~ li:nth-child(5).dotnav-item {
	width: var(--dotnavSize2);
	height: var(--dotnavSize2);
}

.section-helmet-viewer
	.dotnav
	li:nth-child(1).selected
	~ li:nth-child(6).dotnav-item {
	width: var(--dotnavSize3);
	height: var(--dotnavSize3);
}

.section-helmet-viewer
	.dotnav
	li:nth-child(2).selected
	~ li:nth-child(6).dotnav-item {
	width: var(--dotnavSize2);
	height: var(--dotnavSize2);
}

.section-helmet-viewer
	.dotnav
	ul:has(li:nth-child(5).selected)
	li:nth-child(1).dotnav-item {
	width: var(--dotnavSize2);
	height: var(--dotnavSize2);
}

.section-helmet-viewer
	.dotnav
	ul:has(li:nth-child(6).selected)
	li:nth-child(1).dotnav-item {
	width: var(--dotnavSize3);
	height: var(--dotnavSize3);
}

.section-helmet-viewer
	.dotnav
	ul:has(li:nth-child(6).selected)
	li:nth-child(2).dotnav-item {
	width: var(--dotnavSize2);
	height: var(--dotnavSize2);
}

.section-helmet-viewer .dotnav-item.selected {
	background-color: whitesmoke;
}

.section-helmet-viewer .dotnav-item:not(.selected) {
	background-color: grey;
}

.section-helmet-viewer
	.dotnav-item:focus[data-focus-method="mouse"]:not(input):not(textarea):not(
		select
	),
.section-helmet-viewer
	.dotnav-item:focus[data-focus-method="touch"]:not(input):not(textarea):not(
		select
	) {
	box-shadow: none;
}

.section-helmet-viewer .dotnav-item.disabled {
	filter: grayscale(50%);
	cursor: default;
}

.section-helmet-viewer .dotnav-item:not(.disabled):hover {
	cursor: pointer;
}

/* PRODUCT VIEWER */

.section-helmet-viewer {
	background-image: none;
	justify-content: center;
}

.section-helmet-viewer {
	padding-top: 0px;
	padding-bottom: 0px;
}

.section-helmet-viewer .helmet-viewer-container canvas {
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.5s ease-in;
}

.section-helmet-viewer .helmet-viewer-container canvas.is-visible {
	opacity: 1;
	visibility: visible;
}

.section-helmet-viewer .helmet-viewer-container {
	position: relative;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding-right: 10vw;
	padding-left: 10vw;
}

.section-helmet-viewer .helmet-viewer-container canvas {
	width: 100%;
	height: 100%;
	object-fit: contain;
	aspect-ratio: auto;
}

@media only screen and (min-width: 1069px) {
	.section-helmet-viewer .helmet-viewer-container {
		height: min(700px, 60vh);
		margin-bottom: -5vh;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-helmet-viewer .helmet-viewer-container {
		height: min(750px, 70vh);
		margin-bottom: -5vh;
	}
}

@media only screen and (max-width: 734px) {
	.section-helmet-viewer .helmet-viewer-container {
		height: min(450px, 65vh);
		margin-bottom: -5vh;
	}
}

@media only screen and (max-width: 600px) {
	.section-helmet-viewer .helmet-viewer-container {
		height: min(400px, 65vh);
	}
}

@media only screen and (max-width: 400px) {
	.section-helmet-viewer .helmet-viewer-container {
		height: min(350px, 65vh);
	}
}

/* paddlenav */

.section-helmet-viewer .cta-container {
	display: flex;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	gap: 18px;
}

.section-helmet-viewer .paddlenav {
	min-height: 50px;
	align-items: center;
	--sk-paddlenav-diameter: 55px;
	margin-top: 18px;
	margin-bottom: 4px;
}

@media only screen and (max-width: 1180px) {
	.section-helmet-viewer .paddlenav {
		min-height: 50px;
		align-items: center;
		--sk-paddlenav-diameter: 55px;
		margin-top: 13px;
		margin-bottom: 7px;
	}
}

@media only screen and (max-width: 734px) {
	.section-helmet-viewer .paddlenav {
		margin-top: 62px;
	}
}

@media only screen and (max-width: 480px) {
	.section-helmet-viewer .paddlenav {
		margin-top: 65px;
	}
}

.paddlenav .paddlenav-arrow-next,
.paddlenav .paddlenav-arrow-previous {
	inset-inline-start: unset;
	inset-inline-end: unset;
	position: relative;
	margin-top: calc(var(--sk-paddlenav-diameter) * -0.5);
}

@media only screen and (max-width: 734px) {
	.paddlenav .paddlenav-arrow-next,
	.paddlenav .paddlenav-arrow-previous {
		margin-top: calc(var(--sk-paddlenav-diameter) * -0.6);
	}
}

.section-helmet-viewer .paddlenav .sticky-element {
	gap: 92px;
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-helmet-viewer .paddlenav .sticky-element {
		gap: 45px;
	}
}

@media only screen and (max-width: 734px) {
	.section-helmet-viewer .paddlenav .sticky-element {
		gap: 15px;
	}

	.paddlenav {
		--sk-paddlenav-diameter: 40px;
	}
}

@media screen and (max-width: 480px) {
	.section-helmet-viewer .paddlenav .sticky-element {
		gap: 10px;
		margin-bottom: 4px;
	}
}

.section-helmet-viewer .paddlenav .paddlenav-text-image {
	min-width: 504px;
	min-height: 153px;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image {
		min-width: 440px;
		min-height: 133px;
	}
}

@media only screen and (max-width: 734px) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image {
		min-width: 240px;
		min-height: 73px;
	}
}

@media only screen and (max-width: 374px) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image {
		min-width: 187px;
		min-height: 56px;
	}
}

.section-helmet-viewer .paddlenav .paddlenav-text-image {
	transition: opacity 0.75s ease-in-out;
}

.section-helmet-viewer .paddlenav .paddlenav-text-image.hidden {
	opacity: 0;
}

.section-helmet-viewer .paddlenav .paddlenav-text-image figure {
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}

.section-helmet-viewer .paddlenav .paddlenav-text-image.skull figure {
	background-image: url("/ca/ipad/made-on-ipad/images/players/demko_name__cyxf46xszz42_large.png");
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.skull figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/demko_name__cyxf46xszz42_large_2x.png");
	}
}

@media (max-width: 1068px) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.skull figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/demko_name__cyxf46xszz42_medium.png");
	}
}

@media (max-width: 1068px) and (min-resolution: 1.5dppx),
	(max-width: 1068px) and (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.skull figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/demko_name__cyxf46xszz42_medium_2x.png");
	}
}

@media (max-width: 734px) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.skull figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/demko_name__cyxf46xszz42_small.png");
	}
}

@media (max-width: 734px) and (min-resolution: 1.5dppx),
	(max-width: 734px) and (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.skull figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/demko_name__cyxf46xszz42_small_2x.png");
	}
}

.section-helmet-viewer .paddlenav .paddlenav-text-image.snake figure {
	background-image: url("/ca/ipad/made-on-ipad/images/players/montembeault_name__fa1ao1ixfkia_large.png");
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.snake figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/montembeault_name__fa1ao1ixfkia_large_2x.png");
	}
}

@media (max-width: 1068px) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.snake figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/montembeault_name__fa1ao1ixfkia_medium.png");
	}
}

@media (max-width: 1068px) and (min-resolution: 1.5dppx),
	(max-width: 1068px) and (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.snake figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/montembeault_name__fa1ao1ixfkia_medium_2x.png");
	}
}

@media (max-width: 734px) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.snake figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/montembeault_name__fa1ao1ixfkia_small.png");
	}
}

@media (max-width: 734px) and (min-resolution: 1.5dppx),
	(max-width: 734px) and (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.snake figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/montembeault_name__fa1ao1ixfkia_small_2x.png");
	}
}

.section-helmet-viewer .paddlenav .paddlenav-text-image.bear figure {
	background-image: url("/ca/ipad/made-on-ipad/images/players/stolarz_name__gi4rbaouoeem_large.png");
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.bear figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/stolarz_name__gi4rbaouoeem_large_2x.png");
	}
}

@media (max-width: 1068px) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.bear figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/stolarz_name__gi4rbaouoeem_medium.png");
	}
}

@media (max-width: 1068px) and (min-resolution: 1.5dppx),
	(max-width: 1068px) and (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.bear figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/stolarz_name__gi4rbaouoeem_medium_2x.png");
	}
}

@media (max-width: 734px) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.bear figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/stolarz_name__gi4rbaouoeem_small.png");
	}
}

@media (max-width: 734px) and (min-resolution: 1.5dppx),
	(max-width: 734px) and (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.bear figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/stolarz_name__gi4rbaouoeem_small_2x.png");
	}
}

.section-helmet-viewer .paddlenav .paddlenav-text-image.dragon figure {
	background-image: url("/ca/ipad/made-on-ipad/images/players/hill_name__c7oxz4n53c2u_large.png");
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.dragon figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/hill_name__c7oxz4n53c2u_large_2x.png");
	}
}

@media (max-width: 1068px) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.dragon figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/hill_name__c7oxz4n53c2u_medium.png");
	}
}

@media (max-width: 1068px) and (min-resolution: 1.5dppx),
	(max-width: 1068px) and (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.dragon figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/hill_name__c7oxz4n53c2u_medium_2x.png");
	}
}

@media (max-width: 734px) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.dragon figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/hill_name__c7oxz4n53c2u_small.png");
	}
}

@media (max-width: 734px) and (min-resolution: 1.5dppx),
	(max-width: 734px) and (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.dragon figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/hill_name__c7oxz4n53c2u_small_2x.png");
	}
}

.section-helmet-viewer .paddlenav .paddlenav-text-image.eagle figure {
	background-image: url("/ca/ipad/made-on-ipad/images/players/thompson_name__fn5e7q4mlxqq_large.png");
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.eagle figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/thompson_name__fn5e7q4mlxqq_large_2x.png");
	}
}

@media (max-width: 1068px) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.eagle figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/thompson_name__fn5e7q4mlxqq_medium.png");
	}
}

@media (max-width: 1068px) and (min-resolution: 1.5dppx),
	(max-width: 1068px) and (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.eagle figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/thompson_name__fn5e7q4mlxqq_medium_2x.png");
	}
}

@media (max-width: 734px) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.eagle figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/thompson_name__fn5e7q4mlxqq_small.png");
	}
}

@media (max-width: 734px) and (min-resolution: 1.5dppx),
	(max-width: 734px) and (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.eagle figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/thompson_name__fn5e7q4mlxqq_small_2x.png");
	}
}

.section-helmet-viewer .paddlenav .paddlenav-text-image.wolf figure {
	background-image: url("/ca/ipad/made-on-ipad/images/players/wolf_name__8uqzs9i0wvmu_large.png");
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.wolf figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/wolf_name__8uqzs9i0wvmu_large_2x.png");
	}
}

@media (max-width: 1068px) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.wolf figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/wolf_name__8uqzs9i0wvmu_medium.png");
	}
}

@media (max-width: 1068px) and (min-resolution: 1.5dppx),
	(max-width: 1068px) and (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.wolf figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/wolf_name__8uqzs9i0wvmu_medium_2x.png");
	}
}

@media (max-width: 734px) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.wolf figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/wolf_name__8uqzs9i0wvmu_small.png");
	}
}

@media (max-width: 734px) and (min-resolution: 1.5dppx),
	(max-width: 734px) and (min-resolution: 144dpi) {
	.section-helmet-viewer .paddlenav .paddlenav-text-image.wolf figure {
		background-image: url("/ca/ipad/made-on-ipad/images/players/wolf_name__8uqzs9i0wvmu_small_2x.png");
	}
}