@keyframes splide-loading {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(1turn)
	}
}

.splide__container {
	position: relative;
	box-sizing: border-box
}

.splide__list {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	width: 100%;
	will-change: transform
}

.splide.is-active .splide__list {
	display: flex
}

.splide__pagination {
	display: inline-flex;
	align-items: center;
	width: 95%;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0
}

.splide__pagination li {
	list-style-type: none;
	display: inline-block;
	line-height: 1;
	margin: 0
}

.splide {
	visibility: hidden
}

.splide,.splide__slide {
	position: relative;
	outline: none
}

.splide__slide {
	box-sizing: border-box;
	list-style-type: none !important;
	margin: 0;
	flex-shrink: 0
}

.splide__slide img {
	vertical-align: bottom
}

.splide__slider {
	position: relative
}

.splide__spinner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #999;
	border-left-color: rgba(0,0,0,0);
	animation: splide-loading 1s linear infinite
}

.splide__track {
	position: relative;
	z-index: 0;
	overflow: hidden
}

.splide--draggable>.splide__track>.splide__list>.splide__slide {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.splide--fade>.splide__track>.splide__list {
	display: block
}

.splide--fade>.splide__track>.splide__list>.splide__slide {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0
}

.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
	position: relative;
	z-index: 1;
	opacity: 1
}

.splide--rtl {
	direction: rtl
}

.splide--ttb>.splide__track>.splide__list {
	display: block
}

.splide--ttb>.splide__pagination {
	width: auto
}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp {
	position: absolute;
	z-index: 15000;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	touch-action: none;
	touch-action: none;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	backface-visibility: hidden;
	outline: none
}

.pswp * {
	box-sizing: border-box
}

.pswp img {
	max-width: none
}

.pswp--animate_opacity {
	opacity: .001;
	will-change: opacity;
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--open {
	display: block
}

.pswp--zoom-allowed .pswp__img {
	cursor: zoom-in;
	cursor: zoom-in;
	cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
	cursor: grab;
	cursor: grab;
	cursor: grab
}

.pswp--dragging .pswp__img {
	cursor: grabbing;
	cursor: grabbing;
	cursor: grabbing
}

.pswp__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--color-primary-background);
	opacity: 0;
	transform: translateZ(0);
	backface-visibility: hidden;
	will-change: opacity
}

.pswp__scroll-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.pswp__container,.pswp__zoom-wrap {
	touch-action: none;
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.pswp__container,.pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none
}

.pswp__zoom-wrap {
	position: absolute;
	width: 100%;
	transform-origin: left top;
	transform-origin: left top;
	transform-origin: left top;
	transform-origin: left top;
	transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp__bg {
	will-change: opacity;
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap {
	transition: none;
	transition: none
}

.pswp__container,.pswp__zoom-wrap {
	backface-visibility: hidden
}

.pswp__item {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden
}

.pswp__img {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto
}

.pswp__img--placeholder {
	backface-visibility: hidden
}

.pswp__img--placeholder--blank {
	background: rgba(var(--color-primary-text-rgb), 0.05)
}

.pswp--ie .pswp__img {
	top: 0;
	left: 0;
	width: 100% !important;
	height: auto !important
}

.pswp__error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: var(--color-primary-text)
}

.pswp__error-msg a {
	color: var(--color-primary-text);
	text-decoration: underline
}

:root {
	--swiper-theme-color: var(--color-body-bg)
}

.logo-image {
	display: block;
	max-width: 120px;
	min-width: 120px
}

.space-y-1>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(.25rem*var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(.5rem*var(--tw-space-y-reverse))
}

.appearance-none {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.backdrop-blur-md {
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px)
}

.bg-transparent {
	background-color: rgba(0,0,0,0)
}

.bg-current {
	background-color: currentColor
}

.bg-black,.bg-black-background {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bg-black\/70 {
	--tw-bg-opacity: 0.7;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bg-black\/50 {
	--tw-bg-opacity: 0.5;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bg-hero {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 23%, rgba(0, 0, 0, 0) 90%)
}

.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-white\/30 {
	--tw-bg-opacity: 0.3;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-white\/50 {
	--tw-bg-opacity: 0.5;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-white\/80 {
	--tw-bg-opacity: 0.8;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-white\/90 {
	--tw-bg-opacity: 0.9;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-gray {
	background-color: #232323
}

.bg-gray-light {
	background-color: #fafafa
}

.bg-blue-50 {
	background-color: #eff6ff
}

.bg-blue-100 {
	background-color: #dbeafe
}

.bg-sky-50 {
	background-color: #f0f9ff
}

.bg-sky-100 {
	background-color: #dff2fe
}

.bg-sky-200 {
	background-color: #b8e6fe
}

.hover\:bg-sky-200:hover {
	background-color: #b8e6fe
}

.bg-primary-text {
	background-color: var(--color-primary-text)
}

.bg-primary-background {
	background-color: var(--color-primary-background)
}

.bg-primary-accent {
	background-color: var(--color-primary-accent)
}

.bg-secondary-text {
	background-color: var(--color-secondary-text)
}

.bg-secondary-background {
	background-color: var(--color-secondary-background)
}

.bg-secondary-accent {
	background-color: var(--color-secondary-accent)
}

.bg-tertiary-text {
	background-color: var(--color-tertiary-text)
}

.bg-tertiary-background {
	background-color: var(--color-tertiary-background)
}

.bg-tertiary-accent {
	background-color: var(--color-tertiary-accent)
}

.bg-quaternary-text {
	background-color: var(--color-quaternary-text)
}

.bg-quaternary-background {
	background-color: var(--color-quaternary-background)
}

.bg-quaternary-accent {
	background-color: var(--color-quaternary-accent)
}

.bg-header-text {
	background-color: var(--color-header-text)
}

.bg-header-background {
	background-color: var(--color-header-background)
}

.bg-header-accent {
	background-color: var(--color-header-accent)
}

.bg-footer-text {
	background-color: var(--color-footer-text)
}

.bg-footer-background {
	background-color: var(--color-footer-background)
}

.bg-footer-accent {
	background-color: var(--color-footer-accent)
}

.bg-border {
	background-color: var(--color-border)
}

.bg-placeholder-bg {
	background-color: rgba(0,0,0,.04)
}

.hover\:bg-primary-text:hover {
	background-color: var(--color-primary-text)
}

.hover\:bg-primary-accent:hover {
	background-color: var(--color-primary-accent)
}

.hover\:bg-secondary-text:hover {
	background-color: var(--color-secondary-text)
}

.hover\:bg-secondary-accent:hover {
	background-color: var(--color-secondary-accent)
}

.hover\:bg-tertiary-text:hover {
	background-color: var(--color-tertiary-text)
}

.hover\:bg-tertiary-accent:hover {
	background-color: var(--color-tertiary-accent)
}

.hover\:bg-quaternary-accent:hover {
	background-color: var(--color-quaternary-accent)
}

.hover\:bg-header-text:hover {
	background-color: var(--color-header-text)
}

.hover\:bg-header-accent:hover {
	background-color: var(--color-header-accent)
}

.hover\:bg-footer-text:hover {
	background-color: var(--color-footer-text)
}

.hover\:bg-footer-accent:hover {
	background-color: var(--color-footer-accent)
}

.bg-gradient-to-r {
	background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-l {
	background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
	background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.from-black {
	--tw-gradient-from: #000;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))
}

.from-black\/70 {
	--tw-gradient-from: rgba(0, 0, 0, 0.7);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))
}

.from-white\/90 {
	--tw-gradient-from: rgba(255, 255, 255, 0.9);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))
}

.from-primary-background-0 {
	--tw-gradient-from: var(--color-primary-background-0);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))
}

.from-secondary-background-0 {
	--tw-gradient-from: var(--color-secondary-background-0);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))
}

.from-secondary-background {
	--tw-gradient-from: var(--color-secondary-background);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))
}

.from-tertiary-background-0 {
	--tw-gradient-from: var(--color-tertiary-background-0);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))
}

.from-header-background-0 {
	--tw-gradient-from: var(--color-header-background-0);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))
}

.via-transparent {
	--tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to)
}

.via-primary-background {
	--tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-background), var(--tw-gradient-to, rgba(255, 255, 255, 0))
}

.via-secondary-background {
	--tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-background), var(--tw-gradient-to, rgba(255, 255, 255, 0))
}

.via-tertiary-background {
	--tw-gradient-stops: var(--tw-gradient-from), var(--color-tertiary-background), var(--tw-gradient-to, rgba(255, 255, 255, 0))
}

.via-header-background {
	--tw-gradient-stops: var(--tw-gradient-from), var(--color-header-background), var(--tw-gradient-to, rgba(255, 255, 255, 0))
}

.via-footer-background {
	--tw-gradient-stops: var(--tw-gradient-from), var(--color-footer-background), var(--tw-gradient-to, rgba(255, 255, 255, 0))
}

.to-primary-background {
	--tw-gradient-to: var(--color-primary-background)
}

.to-secondary-background {
	--tw-gradient-to: var(--color-secondary-background)
}

.to-tertiary-background {
	--tw-gradient-to: var(--color-tertiary-background)
}

.to-header-background {
	--tw-gradient-to: var(--color-header-background)
}

.to-footer-background {
	--tw-gradient-to: var(--color-footer-background)
}

.to-transparent {
	--tw-gradient-to: transparent
}

.to-black {
	--tw-gradient-to: #000
}

.bg-center {
	background-position: center
}

.bg-no-repeat {
	background-repeat: no-repeat
}

.bg-cover {
	background-size: cover
}

.bg-contain {
	background-size: contain
}

.border-transparent {
	border-color: rgba(0,0,0,0)
}

.border-current {
	border-color: currentColor
}

.border-primary-text {
	border-color: var(--color-primary-text)
}

.border-primary-accent {
	border-color: var(--color-primary-accent)
}

.border-primary-meta {
	border-color: var(--color-primary-meta)
}

.border-secondary-text {
	border-color: var(--color-secondary-text)
}

.border-secondary-accent {
	border-color: var(--color-secondary-accent)
}

.border-secondary-meta {
	border-color: var(--color-secondary-meta)
}

.border-tertiary-text {
	border-color: var(--color-tertiary-text)
}

.border-tertiary-accent {
	border-color: var(--color-tertiary-accent)
}

.border-tertiary-meta {
	border-color: var(--color-tertiary-meta)
}

.border-quaternary-text {
	border-color: var(--color-quaternary-text)
}

.border-quaternary-accent {
	border-color: var(--color-quaternary-accent)
}

.border-quaternary-meta {
	border-color: var(--color-quaternary-meta)
}

.border-header-text {
	border-color: var(--color-header-text)
}

.border-header-accent {
	border-color: var(--color-header-accent)
}

.border-header-meta {
	border-color: var(--color-header-meta)
}

.border-footer-text {
	border-color: var(--color-footer-text)
}

.border-footer-accent {
	border-color: var(--color-footer-accent)
}

.border-footer-meta {
	border-color: var(--color-footer-meta)
}

.border-white-text {
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.border-black-text {
	--tw-border-opacity: 1;
	border-color: rgba(0, 0, 0, var(--tw-border-opacity))
}

.border-theme-color {
	border-color: var(--color-border)
}

.border-grid-color {
	border-color: var(--color-border)
}

.hover\:border-primary-text:hover {
	border-color: var(--color-primary-text)
}

.hover\:border-primary-accent:hover {
	border-color: var(--color-primary-accent)
}

.hover\:border-secondary-text:hover {
	border-color: var(--color-secondary-text)
}

.hover\:border-secondary-accent:hover {
	border-color: var(--color-secondary-accent)
}

.hover\:border-tertiary-text:hover {
	border-color: var(--color-tertiary-text)
}

.hover\:border-tertiary-accent:hover {
	border-color: var(--color-tertiary-accent)
}

.hover\:border-header-text:hover {
	border-color: var(--color-header-text)
}

.hover\:border-header-accent:hover {
	border-color: var(--color-header-accent)
}

.hover\:border-footer-text:hover {
	border-color: var(--color-footer-text)
}

.hover\:border-footer-accent:hover {
	border-color: var(--color-footer-accent)
}

.rounded-none {
	border-radius: 0px
}

.rounded-xs {
	border-radius: .175rem
}

.rounded {
	border-radius: .25rem
}

.rounded-l-sm {
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.rounded-md {
	border-radius: .375rem
}

.rounded-lg {
	border-radius: .75rem
}

.rounded-full {
	border-radius: 9999px
}

.border-dashed {
	border-style: dashed
}

.border-0 {
	border-width: 0px
}

.border-2 {
	border-width: 2px
}

.border {
	border-width: 1px
}

.border-text {
	border-width: var(--text-width)
}

.border-checkbox {
	border-width: var(--checkbox-width)
}

.border-t-grid {
	border-top-width: var(--border-width)
}

.border-r-grid {
	border-right-width: var(--border-width)
}

.border-b-grid {
	border-bottom-width: var(--border-width)
}

.border-l-grid {
	border-left-width: var(--border-width)
}

.border-b-text {
	border-bottom-width: var(--text-width)
}

.cursor-pointer {
	cursor: pointer
}

.cursor-wait {
	cursor: wait
}

.cursor-not-allowed {
	cursor: not-allowed
}

.block {
	display: block
}

.inline-block {
	display: inline-block
}

.inline {
	display: inline
}

.flex {
	display: flex
}

.inline-flex {
	display: inline-flex
}

.table {
	display: table
}

.grid {
	display: grid
}

.inline-grid {
	display: inline-grid
}

.w-max {
	width: -moz-max-content;
	width: max-content
}

.contents {
	display: contents
}

.hidden {
	display: none
}

.flex-1 {
	flex: 1
}

.flex-col {
	flex-direction: column
}

.flex-row {
	flex-direction: row
}

.flex-row-reverse {
	flex-direction: row-reverse
}

.flex-col-reverse {
	flex-direction: column-reverse
}

.flex-none {
	flex: none
}

@media(min-width: 1025px) {
	.logo-image {
		display: block;
		max-width: 200px;
		min-width: 200px
	}

	.bg-hero {
		background-image: linear-gradient(to right, #000, transparent, transparent)
	}

	.lg\:flex-row {
		flex-direction: row
	}

	.lg\:flex-row-reverse {
		flex-direction: row-reverse
	}

	.lg\:flex-col {
		flex-direction: column
	}

	.lg\:text-right {
		text-align: right
	}

	.lg\:from-black {
		--tw-gradient-from: #000;
		--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))
	}

	.lg\:via-transparent {
		--tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to)
	}

	.lg\:to-transparent {
		--tw-gradient-to: transparent
	}

	.lg\:bg-transparent {
		background-color: rgba(0,0,0,0)
	}
}

@media(min-width: 1280px) {
	.xl\:flex-row {
		flex-direction: row
	}

	.xl\:flex-col {
		flex-direction: column
	}

	.xl\:text-right {
		text-align: right
	}

	.xl\:text-left {
		text-align: left
	}
}

.flex-wrap {
	flex-wrap: wrap
}

.items-start {
	align-items: flex-start
}

.items-end {
	align-items: flex-end
}

.items-center {
	align-items: center
}

.items-stretch {
	align-items: stretch
}

.self-start {
	align-self: flex-start
}

.justify-start {
	justify-content: flex-start
}

.justify-end {
	justify-content: flex-end
}

.justify-center {
	justify-content: center
}

.justify-between {
	justify-content: space-between
}

.content-center {
	align-content: center
}

.flex-auto {
	flex: 1 1 auto
}

.flex-grow {
	flex-grow: 1
}

.flex-shrink-0 {
	flex-shrink: 0
}

.flex-shrink-6 {
	flex-shrink: 6
}

.font-light {
	font-weight: 100
}

.font-book {
	font-weight: 300
}

.font-normal {
	font-weight: 400
}

.font-medium {
	font-weight: 500
}

.font-bold {
	font-weight: 700
}

.h-0 {
	height: 0px
}

.h-1 {
	height: .25rem
}

.h-2 {
	height: .5rem
}

.h-3 {
	height: .75rem
}

.h-4 {
	height: 1rem
}

.h-5 {
	height: 1.25rem
}

.h-6 {
	height: 1.5rem
}

.h-7 {
	height: 1.75rem
}

.h-8 {
	height: 2rem
}

.h-10 {
	height: 2.5rem
}

.h-16 {
	height: 4rem
}

.h-20 {
	height: 5rem
}

.h-24 {
	height: 6rem
}

.h-auto {
	height: auto
}

.h-0\.5 {
	height: .125rem
}

.h-4\/5 {
	height: 80%
}

.h-\[300px\] {
	height: 300px
}

.h-full {
	height: 100%
}

.h-screen {
	height: 100vh
}

.h-screen-60 {
	height: 60vh
}

.h-screen-80 {
	height: 80vh
}

.h-screen-nav {
	height: calc(100vh - 76px)
}

.h-screen-header {
	height: 100vh
}

.h-svh {
	height: 100svh
}

.h-lvh {
	height: 100lvh
}

.h-dvh {
	height: 100dvh
}

.leading-none {
	line-height: 1 !important
}

.leading-tight {
	line-height: .8 !important
}

.leading-snug {
	line-height: 1.375 !important
}

.leading-normal {
	line-height: 1.5 !important
}

.leading-relaxed {
	line-height: 1.625 !important
}

.text-0 {
	font-size: 0;
	line-height: 0
}

.text-3xs {
	font-size: .35rem;
	line-height: var(--base-line-height)
}

.text-2xs {
	font-size: .5rem;
	line-height: var(--base-line-height)
}

.text-xs {
	font-size: .64rem;
	line-height: var(--base-line-height)
}

.text-sm {
	font-size: .8rem;
	line-height: var(--base-line-height)
}

.text-base {
	font-size: 1rem;
	line-height: var(--base-line-height)
}

.text-lg {
	font-size: 1.25rem;
	line-height: var(--base-line-height)
}

.text-xl {
	font-size: 1.563rem;
	line-height: var(--base-line-height)
}

.text-2xl {
	font-size: 1.953rem;
	line-height: var(--base-line-height)
}

.text-3xl {
	font-size: 2.441rem;
	line-height: var(--base-line-height)
}

.text-4xl {
	font-size: 3.052rem;
	line-height: var(--base-line-height)
}

.text-5xl {
	font-size: 3.815rem;
	line-height: 1
}

.text-6xl {
	font-size: 4.768rem;
	line-height: 1
}

.text-7xl {
	font-size: 5.96rem;
	line-height: 1
}

.text-modulap-p {
	font-size: .8rem;
	line-height: var(--base-line-height);
	font-weight: 300
}

.text-modulap-p.font-normal {
	font-weight: 400
}

.text-modulap-p.font-bold {
	font-weight: 700
}

.article-wrapper .text-modulap-p ul {
	list-style: disc;
	padding-left: 30px;
	margin-bottom: 15px
}

.article-wrapper .text-modulap-p ul li {
	margin-bottom: 12px
}

.article-wrapper .text-modulap-p p {
	margin-bottom: 15px
}

.text-modulap-h1 {
	font-size: .8rem;
	line-height: 1;
	font-weight: 300
}

.text-modulap-h1.font-normal {
	font-weight: 400
}

.text-modulap-h2 {
	font-size: 1.25rem;
	line-height: 1;
	font-weight: 300
}

.text-modulap-h2.font-normal {
	font-weight: 400
}

.list-none {
	list-style-type: none
}

.m-0 {
	margin: 0px
}

.my-0 {
	margin-top: 0px;
	margin-bottom: 0px
}

.my-1 {
	margin-top: .25rem;
	margin-bottom: .25rem
}

.mx-1 {
	margin-left: .25rem;
	margin-right: .25rem
}

.my-2 {
	margin-top: .5rem;
	margin-bottom: .5rem
}

.mx-2 {
	margin-left: .5rem;
	margin-right: .5rem
}

.mx-4 {
	margin-left: 1rem;
	margin-right: 1rem
}

.my-6 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem
}

.my-8 {
	margin-top: 2rem;
	margin-bottom: 2rem
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.-mx-1 {
	margin-left: -0.25rem;
	margin-right: -0.25rem
}

.-mx-2 {
	margin-left: -0.5rem;
	margin-right: -0.5rem
}

.-mx-4 {
	margin-left: -1rem;
	margin-right: -1rem
}

.mt-1 {
	margin-top: .25rem
}

.mr-1 {
	margin-right: .25rem
}

.mb-1 {
	margin-bottom: .25rem
}

.ml-1 {
	margin-left: .25rem
}

.mt-2 {
	margin-top: .5rem
}

.mr-2 {
	margin-right: .5rem
}

.mb-2 {
	margin-bottom: .5rem
}

.ml-2 {
	margin-left: .5rem
}

.mt-3 {
	margin-top: .75rem
}

.mr-3 {
	margin-right: .75rem
}

.ml-3 {
	margin-left: .75rem
}

.ml-8 {
	margin-left: 2rem
}

.mt-4 {
	margin-top: 1rem
}

.mr-4 {
	margin-right: 1rem
}

.mr-8 {
	margin-right: 2rem
}

.mr-10 {
	margin-right: 2.5rem
}

.mr-12 {
	margin-right: 3rem
}

.mr-14 {
	margin-right: 3.5rem
}

.mb-4 {
	margin-bottom: 1rem
}

.mb-6 {
	margin-bottom: 1.5rem
}

.ml-4 {
	margin-left: 1rem
}

.mr-6 {
	margin-right: 1.5rem
}

.mt-8 {
	margin-top: 2rem
}

.mt-16 {
	margin-top: 4rem
}

.mb-8 {
	margin-bottom: 2rem
}

.mb-12 {
	margin-bottom: 3rem
}

.mb-16 {
	margin-bottom: 4rem
}

.mr-16 {
	margin-right: 4rem
}

.ml-16 {
	margin-left: 4rem
}

.mr-auto {
	margin-right: auto
}

.ml-auto {
	margin-left: auto
}

.mt-theme {
	margin-top: var(--spacing)
}

.mt-theme-half {
	margin-top: var(--spacing-half)
}

.-mt-2 {
	margin-top: -0.5rem
}

.-mt-3 {
	margin-top: -0.75rem
}

.-mr-1 {
	margin-right: -0.25rem
}

.-mr-2 {
	margin-right: -0.5rem
}

.-mr-8 {
	margin-right: -2rem
}

.-mr-16 {
	margin-right: -4rem
}

.-mb-2 {
	margin-bottom: -0.5rem
}

.-mb-4 {
	margin-bottom: -1rem
}

.-mb-8 {
	margin-bottom: -2rem
}

.-mb-12 {
	margin-bottom: -3rem
}

.-mb-16 {
	margin-bottom: -4rem
}

.-ml-2 {
	margin-left: -0.5rem
}

.-ml-4 {
	margin-left: -1rem
}

.-ml-8 {
	margin-left: -2rem
}

.-ml-16 {
	margin-left: -4rem
}

.-mt-theme {
	margin-top: calc(var(--spacing)*-1)
}

.h-hero {
	height: calc(100vh - 92px)
}

.h-hero-configurator {
	height: calc(100vh - 191px)
}

.max-h-full {
	max-height: 100%
}

.max-h-80 {
	max-height: 80%
}

.max-h-40 {
	max-height: 10rem
}

.max-h-none {
	max-height: none
}

.max-h-0 {
	max-height: 0
}

.max-w-xs {
	max-width: 20rem
}

.max-w-sm {
	max-width: 24rem
}

.max-w-md {
	max-width: 28rem
}

.max-w-lg {
	max-width: 32rem
}

.max-w-xl {
	max-width: 36rem
}

.max-w-2xl {
	max-width: 42rem
}

.max-w-3xl {
	max-width: 48rem
}

.max-w-4xl {
	max-width: 56rem
}

.max-w-5xl {
	max-width: 64rem
}

.max-w-6xl {
	max-width: 72rem
}

.max-w-7xl {
	max-width: 80rem
}

.max-w-full {
	max-width: 100%
}

.max-w-screen {
	max-width: 100vw
}

.w-screen {
	width: 100vw
}

.min-h-full {
	min-height: 100%
}

.min-h-screen {
	min-height: 100vh
}

.min-h-\[600px\] {
	min-height: 600px
}

.min-w-0 {
	min-width: 0px
}

.min-w-2 {
	min-width: 2rem
}

.object-contain {
	-o-object-fit: contain;
	object-fit: contain
}

.object-cover {
	-o-object-fit: cover;
	object-fit: cover
}

.object-bottom {
	-o-object-position: bottom;
	object-position: bottom
}

.object-center {
	-o-object-position: center;
	object-position: center
}

.object-left {
	-o-object-position: left;
	object-position: left
}

.object-left-bottom {
	-o-object-position: left bottom;
	object-position: left bottom
}

.object-left-top {
	-o-object-position: left top;
	object-position: left top
}

.object-right {
	-o-object-position: right;
	object-position: right
}

.object-right-bottom {
	-o-object-position: right bottom;
	object-position: right bottom
}

.object-right-top {
	-o-object-position: right top;
	object-position: right top
}

.object-top {
	-o-object-position: top;
	object-position: top
}

.opacity-0 {
	opacity: 0
}

.opacity-50 {
	opacity: .5
}

.opacity-100 {
	opacity: 1
}

.scale-100 {
	transform: scale(1.1)
}

.group:hover .group-hover\:opacity-100 {
	opacity: 1
}

.group:hover .group-hover\:scale-110 {
	transform: scale(1.1)
}

.overflow-hidden {
	overflow: hidden
}

.overflow-clip {
	overflow: clip
}

.overflow-x-auto {
	overflow-x: auto
}

.overflow-y-auto {
	overflow-y: auto
}

.overflow-x-hidden {
	overflow-x: hidden
}

.p-0 {
	padding: 0px
}

.p-1 {
	padding: .25rem
}

.p-2 {
	padding: .5rem
}

.p-4 {
	padding: 1rem
}

.p-8 {
	padding: 2rem
}

.p-px {
	padding: 1px
}

.py-0\.5 {
	padding-top: .125rem;
	padding-bottom: .125rem
}

.py-1 {
	padding-top: .25rem;
	padding-bottom: .25rem
}

.px-1 {
	padding-left: .25rem;
	padding-right: .25rem
}

.py-2 {
	padding-top: .5rem;
	padding-bottom: .5rem
}

.px-2 {
	padding-left: .5rem;
	padding-right: .5rem
}

.py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}

.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.py-6 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem
}

.py-8 {
	padding-top: 2rem;
	padding-bottom: 2rem
}

.px-8 {
	padding-left: 2rem;
	padding-right: 2rem
}

.px-12 {
	padding-left: 3rem;
	padding-right: 3rem
}

.px-16 {
	padding-left: 4rem;
	padding-right: 4rem
}

.py-10 {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem
}

.py-12 {
	padding-top: 3rem;
	padding-bottom: 3rem
}

.py-16 {
	padding-top: 4rem;
	padding-bottom: 4rem
}

.py-24 {
	padding-top: 6rem;
	padding-bottom: 6rem
}

.py-32 {
	padding-top: 8rem;
	padding-bottom: 8rem
}

.py-48 {
	padding-top: 12rem;
	padding-bottom: 12rem
}

.py-1\.5 {
	padding-top: .375rem;
	padding-bottom: .375rem
}

.py-theme {
	padding-top: var(--spacing);
	padding-bottom: var(--spacing)
}

.py-theme-half {
	padding-top: var(--spacing-half);
	padding-bottom: var(--spacing-half)
}

.py-modulap {
	padding-top: 2rem;
	padding-bottom: 2rem
}

.px-modulap {
	padding-left: 1rem;
	padding-right: 1rem
}

.pb-0 {
	padding-bottom: 0px
}

.pt-1 {
	padding-top: .25rem
}

.pr-1 {
	padding-right: .25rem
}

.pb-1 {
	padding-bottom: .25rem
}

.pl-1 {
	padding-left: .25rem
}

.pt-2 {
	padding-top: .5rem
}

.pb-2 {
	padding-bottom: .5rem
}

.pl-2 {
	padding-left: .5rem
}

.pt-4 {
	padding-top: 1rem
}

.pr-4 {
	padding-right: 1rem
}

.pb-4 {
	padding-bottom: 1rem
}

.pl-4 {
	padding-left: 1rem
}

.pr-6 {
	padding-right: 1.5rem
}

.pt-6 {
	padding-top: 1.5rem
}

.pr-8 {
	padding-right: 2rem
}

.pt-8 {
	padding-top: 2rem
}

.pt-12 {
	padding-top: 3rem
}

.pt-16 {
	padding-top: 4rem
}

.pt-18 {
	padding-top: 4.5rem
}

.pb-8 {
	padding-bottom: 0rem
}

.pb-10 {
	padding-bottom: 2.5rem
}

.pb-12 {
	padding-bottom: 3rem
}

.pb-16 {
	padding-bottom: 4rem
}

.pb-24 {
	padding-bottom: 6rem
}

.pr-10 {
	padding-right: 2.5rem
}

.pr-12 {
	padding-right: 3rem
}

.pl-100 {
	padding-left: 100%
}

.pl-8 {
	padding-left: 2rem
}

.pl-12 {
	padding-left: 3rem
}

.pl-16 {
	padding-left: 4rem
}

.pt-theme {
	padding-top: var(--spacing)
}

.pb-theme {
	padding-bottom: var(--spacing)
}

.pt-theme-double {
	padding-top: var(--spacing-double)
}

.pb-theme-double {
	padding-bottom: var(--spacing-double)
}

.placeholder-current::-moz-placeholder {
	color: currentColor
}

.placeholder-current::placeholder {
	color: currentColor
}

.pointer-events-none {
	pointer-events: none
}

.static {
	position: static
}

.fixed {
	position: fixed
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.sticky {
	position: sticky
}

.top-0 {
	top: 0px
}

.top-92 {
	top: 92px
}

.top-93 {
	top: 93px
}

.right-0 {
	right: 0px
}

.-right-1 {
	right: -0.25rem
}

.-right-3 {
	right: -0.75rem
}

.right-full {
	right: 100%
}

.bottom-0 {
	bottom: 0px
}

.top-full {
	top: 100%
}

.left-full {
	left: 100%
}

.left-0 {
	left: 0px
}

.left-2 {
	left: .5rem
}

.left-6 {
	left: 1.5rem
}

.top-1 {
	top: .25rem
}

.top-2 {
	top: .5rem
}

.right-2 {
	right: .5rem
}

.bottom-2 {
	bottom: .5rem
}

.bottom-3 {
	bottom: .75rem
}

.bottom-4 {
	bottom: 1rem
}

.top-4 {
	top: 1rem
}

.top-6 {
	top: 1.5rem
}

.-top-3 {
	top: -0.75rem
}

.right-4 {
	right: 1rem
}

.right-6 {
	right: 1.5rem
}

.bottom-4 {
	bottom: 1rem
}

.left-4 {
	left: 1rem
}

.left-6 {
	left: 1.5rem
}

.bottom-6 {
	bottom: 1.5rem
}

.bottom-8 {
	bottom: 2rem
}

.bottom-10 {
	bottom: 2.5rem
}

.bottom-12 {
	bottom: 3rem
}

.-bottom-2 {
	bottom: -0.5rem
}

.top-1\/2 {
	top: 50%
}

.top-3\/4 {
	top: 75%
}

.left-1\/2 {
	left: 50%
}

.bottom-1\/4 {
	bottom: 25%
}

.bottom-slide-arrows {
	bottom: 1.3rem
}

.top-36 {
	top: 9rem
}

.inset-0 {
	inset: 0px
}

.resize {
	resize: both
}


.shadow-2xs {
	box-shadow: 0 1px #000
}

.shadow-xs {
	box-shadow: 0 1px 2px 0 #000
}

.shadow-sm {
	box-shadow: 0 1px 3px 0 #000
}

.shadow-md {
	box-shadow: 0 0 8px -3px #000
}

.shadow-xl {
	box-shadow: 0 20px 25px -5px #000
}

.shadow-2xl {
	box-shadow: 0 25px 50px -12px #000
}

.ring-inset {
	--tw-ring-inset: inset
}

.ring-black {
	--tw-ring-color: rgb(0 0 0)
}

.ring-white {
	--tw-ring-color: rgb(255 255 255)
}

.ring-primary {
	--tw-ring-color: #C6F91F
}

.ring {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))
}

.ring-1 {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))
}

.ring-2 {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))
}

.ring-black {
	--tw-ring-color: rgb(0 0 0)
}

.stroke-transparent {
	stroke: rgba(255,255,255,.2)
}

.stroke-primary {
	stroke: #c6f91f
}

.stroke-current {
	stroke: currentColor
}

.stroke-1 {
	stroke-width: 1px
}

.stroke-2 {
	stroke-width: 2px
}

.stroke-3 {
	stroke-width: 3px
}

.fill-current {
	fill: currentColor
}

.fill-transparent {
	fill: none
}

.fill-accent {
	fill: var(--color-primary-accent)
}

.fill-accent2 {
	fill: var(--color-secondary-accent)
}

.fill-white {
	fill: #fff
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.text-transparent {
	color: rgba(0,0,0,0)
}

.text-current {
	color: currentColor
}

.text-white {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-primary-text {
	color: var(--color-primary-text)
}

.text-primary-accent {
	color: var(--color-primary-accent)
}

.text-primary-meta {
	color: var(--color-primary-meta)
}

.text-primary-text-overlay {
	color: var(--color-primary-text--overlay)
}

.text-primary-accent-overlay {
	color: var(--color-primary-accent--overlay)
}

.text-secondary-text {
	color: var(--color-secondary-text)
}

.text-secondary-accent {
	color: var(--color-secondary-accent)
}

.text-secondary-meta {
	color: var(--color-secondary-meta)
}

.text-secondary-text-overlay {
	color: var(--color-secondary-text--overlay)
}

.text-secondary-accent-overlay {
	color: var(--color-secondary-accent--overlay)
}

.text-tertiary-text {
	color: var(--color-tertiary-text)
}

.text-tertiary-accent {
	color: var(--color-tertiary-accent)
}

.text-tertiary-meta {
	color: var(--color-tertiary-meta)
}

.text-tertiary-text-overlay {
	color: var(--color-tertiary-text--overlay)
}

.text-tertiary-accent-overlay {
	color: var(--color-tertiary-accent--overlay)
}

.text-quaternary-text {
	color: var(--color-quaternary-text)
}

.text-quaternary-accent {
	color: var(--color-quaternary-accent)
}

.text-quaternary-meta {
	color: var(--color-quaternary-meta)
}

.text-quaternary-text-overlay {
	color: var(--color-quaternary-text--overlay)
}

.text-quaternary-accent-overlay {
	color: var(--color-quaternary-accent--overlay)
}

.text-header-text {
	color: var(--color-header-text)
}

.text-header-accent {
	color: var(--color-header-accent)
}

.text-header-meta {
	color: var(--color-header-meta)
}

.text-header-text-overlay {
	color: var(--color-header-text--overlay)
}

.text-header-accent-overlay {
	color: var(--color-header-accent--overlay)
}

.text-footer-text {
	color: var(--color-footer-text)
}

.text-footer-accent {
	color: var(--color-footer-accent)
}

.text-footer-meta {
	color: var(--color-footer-meta)
}

.text-footer-text-overlay {
	color: var(--color-footer-text--overlay)
}

.text-footer-accent-overlay {
	color: var(--color-footer-accent--overlay)
}

.text-white-text {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-black-text {
	--tw-text-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.text-placeholder {
	color: rgba(0,0,0,.3)
}

.hover\:text-black:hover {
	color: #000
}

.hover\:text-white:hover {
	color: #fff
}

.hover\:text-primary-accent:hover {
	color: var(--color-primary-accent)
}

.hover\:text-primary-text-overlay:hover {
	color: var(--color-primary-text--overlay)
}

.hover\:text-primary-accent-overlay:hover {
	color: var(--color-primary-accent--overlay)
}

.hover\:text-secondary-accent:hover {
	color: var(--color-secondary-accent)
}

.hover\:text-secondary-text-overlay:hover {
	color: var(--color-secondary-text--overlay)
}

.hover\:text-secondary-accent-overlay:hover {
	color: var(--color-secondary-accent--overlay)
}

.hover\:text-tertiary-accent:hover {
	color: var(--color-tertiary-accent)
}

.hover\:text-tertiary-text-overlay:hover {
	color: var(--color-tertiary-text--overlay)
}

.hover\:text-tertiary-accent-overlay:hover {
	color: var(--color-tertiary-accent--overlay)
}

.hover\:text-header-accent:hover {
	color: var(--color-header-accent)
}

.hover\:text-header-text-overlay:hover {
	color: var(--color-header-text--overlay)
}

.hover\:text-header-accent-overlay:hover {
	color: var(--color-header-accent--overlay)
}

.hover\:text-footer-accent:hover {
	color: var(--color-footer-accent)
}

.hover\:text-footer-text-overlay:hover {
	color: var(--color-footer-text--overlay)
}

.hover\:text-footer-accent-overlay:hover {
	color: var(--color-footer-accent--overlay)
}

.hover\:text-white-accent:hover {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.hover\:text-black-accent:hover {
	--tw-text-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.italic {
	font-style: italic
}

.uppercase {
	text-transform: uppercase
}

.capitalize {
	text-transform: capitalize
}

.normal-case {
	text-transform: none
}

.underline {
	text-decoration: underline
}

.line-through {
	text-decoration: line-through
}

.hover\:underline:hover {
	text-decoration: underline
}

.aspect-square {
	aspect-ratio: 1/1
}

.aspect-\[2\/1\] {
	aspect-ratio: 2/1
}

.aspect-\[2\.5\/1\] {
	aspect-ratio: 2.5/1
}

.aspect-\[4\/3\] {
	aspect-ratio: 4/3
}

.aspect-\[21\/9\] {
	aspect-ratio: 21/9
}

.oldstyle-nums {
	--tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
	--tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
	--tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
	--tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
	--tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.oldstyle-nums {
	--tw-numeric-figure: oldstyle-nums
}

.align-top {
	vertical-align: top
}

.align-middle {
	vertical-align: middle
}

.visible {
	visibility: visible
}

.invisible {
	visibility: hidden
}

.whitespace-nowrap {
	white-space: nowrap
}

.whitespace-normal {
	white-space: normal
}

.break-words {
	overflow-wrap: break-word
}

.break-all {
	word-break: break-all
}

.w-2 {
	width: .5rem
}

.w-3 {
	width: .75rem
}

.w-4 {
	width: 1rem
}

.w-5 {
	width: 1.25rem
}

.w-6 {
	width: 1.5rem
}

.w-7 {
	width: 1.75rem
}

.w-8 {
	width: 2rem
}

.w-10 {
	width: 2.5rem
}

.w-12 {
	width: 3rem
}

.w-16 {
	width: 4rem
}

.w-20 {
	width: 5rem
}

.w-24 {
	width: 6rem
}

.w-28 {
	width: 7rem
}

.w-56 {
	width: 14rem
}

.w-80 {
	width: 20rem
}

.w-auto {
	width: auto
}

.w-theme-width {
	width: var(--border-width)
}

.w-1\/3 {
	width: 33.333333%
}

.w-1\/4 {
	width: 25%
}

.w-1\/5 {
	width: 20%
}

.w-2\/3 {
	width: 66.666667%
}

.w-3\/4 {
	width: 75%
}

.w-2\/5 {
	width: 40%
}

.w-3\/5 {
	width: 60%
}

.w-4\/5 {
	width: 80%
}

.w-11\/12 {
	width: 91.666667%
}

.w-full {
	width: 100%
}

.w-third-screen {
	width: 33.333333vw
}

.z-0 {
	z-index: 0
}

.z-1 {
	z-index: 1
}

.z-10 {
	z-index: 10
}

.z-20 {
	z-index: 20
}

.z-50 {
	z-index: 50
}

.z-60 {
	z-index: 70
}

.z-70 {
	z-index: 70
}

.gap-theme {
	gap: var(--border-width)
}

.gap-gutter {
	gap: var(--gutter)
}

.gap-1 {
	gap: .25rem
}

.gap-2 {
	gap: .5rem
}

.gap-4 {
	gap: 1rem
}

.gap-6 {
	gap: 1.5rem
}

.gap-8 {
	gap: 2rem
}

.gap-12 {
	gap: 3rem
}

.gap-x-1 {
	-moz-column-gap: .25rem;
	column-gap: .25rem
}

.gap-x-2 {
	-moz-column-gap: .5rem;
	column-gap: .5rem
}

.gap-x-4 {
	-moz-column-gap: 1rem;
	column-gap: 1rem
}

.gap-x-6 {
	-moz-column-gap: 1.5rem;
	column-gap: 1.5rem
}

.gap-x-8 {
	-moz-column-gap: 2rem;
	column-gap: 2rem
}

.gap-y-1 {
	row-gap: .25rem
}

.gap-y-4 {
	row-gap: 1rem
}

.gap-y-8 {
	row-gap: 2rem
}

.space-y-3>*+* {
	margin-top: .75rem
}

.space-y-4>*+* {
	margin-top: 1rem
}

.space-y-12>*+* {
	margin-top: 3rem
}

.space-y-24>*+* {
	margin-top: 6rem
}

.grid-flow-row-dense {
	grid-auto-flow: row dense
}

.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr))
}

.col-span-1 {
	grid-column: span 1/span 1
}

.col-span-2 {
	grid-column: span 2/span 2
}

.col-span-full {
	grid-column: 1/-1
}

.object-cover {
	-o-object-fit: cover;
	object-fit: cover
}

.transform {
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.origin-center {
	transform-origin: center
}

.rotate-180 {
	--tw-rotate: 180deg
}

.-rotate-45 {
	--tw-rotate: -45deg
}

.translate-x-full {
	--tw-translate-x: 100%
}

.translate-x-1\/2 {
	--tw-translate-x: 50%
}

.-translate-x-1\/2 {
	--tw-translate-x: -50%
}

.-translate-x-full {
	--tw-translate-x: -100%
}

.translate-y-1 {
	--tw-translate-y: 0.25rem
}

.translate-y-full {
	--tw-translate-y: 100%
}

.-translate-y-1\/2 {
	--tw-translate-y: -50%
}

.translate-y-0-important {
	--tw-translate-y: 0px !important
}

.translate-y-full-with-border {
	--tw-translate-y: calc(100% - 1px)
}

.transition {
	transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms
}

.transition-opacity {
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms
}

.transition-transform {
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms
}

.transition-max-height {
	transition-property: max-height;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms
}

.ease-in-out {
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.duration-200 {
	transition-duration: 200ms
}

.duration-300 {
	transition-duration: 300ms
}

.duration-500 {
	transition-duration: 500ms
}

.duration-700 {
	transition-duration: 700ms
}

.duration-800 {
	transition-duration: 800ms
}

.duration-1000 {
	transition-duration: 1000ms
}

@keyframes spin {
	to {
		transform: rotate(360deg)
	}
}

@keyframes ping {
	75%,100% {
		transform: scale(2);
		opacity: 0
	}
}

@keyframes pulse {
	50% {
		opacity: .5
	}
}

@keyframes bounce {
	0%,100% {
		transform: translateY(-25%);
		animation-timing-function: cubic-bezier(0.8, 0, 1, 1)
	}

	50% {
		transform: none;
		animation-timing-function: cubic-bezier(0, 0, 0.2, 1)
	}
}

.fade-in {
	opacity: 0;
	animation: fadeIn .3s cubic-bezier(0.8, 0, 0.2, 1) forwards
}

.slide-up {
	animation: slideUp .4s cubic-bezier(0.8, 0, 0.2, 1) forwards
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(50px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.delay-1 {
	animation-delay: .1s;
	transition-delay: .1s
}

.delay-2 {
	animation-delay: .2s;
	transition-delay: .2s
}

.delay-3 {
	animation-delay: .3s;
	transition-delay: .3s
}

.delay-4 {
	animation-delay: .4s;
	transition-delay: .4s
}

.delay-5 {
	animation-delay: .5s;
	transition-delay: .5s
}

.delay-6 {
	animation-delay: .6s;
	transition-delay: .6s
}

.delay-7 {
	animation-delay: .7s;
	transition-delay: .7s
}

.col-gap-lg {
	-moz-column-gap: 2rem;
	column-gap: 2rem
}

#MainContent {
	visibility: visible !important;
	opacity: 1 !important;
	border-bottom: 1px solid var(--0-b-367-a, #0B367A);
}

html {
	background-color: var(--color-primary-background);
	color: var(--color-primary-text)
}

html .responsive-image-placeholder {
	background-color: var(--color-primary-text)
}

html .bg-placeholder-bg {
	background-color: var(--color-primary-text-placeholder)
}

html .rte a:hover,html.rte a:hover {
	color: var(--color-primary-accent);
	text-decoration-color: var(--color-primary-accent)
}

.text-primary-text .rte a:hover,.text-primary-text.rte a:hover {
	color: var(--color-primary-accent);
	text-decoration-color: var(--color-primary-accent)
}

html .plyr,html .plyr__control {
	background-color: var(--color-primary-background)
}

.bg-primary-background .plyr,.bg-primary-background .plyr__control {
	background-color: var(--color-primary-background)
}

html .plyr,html .plyr__control {
	color: var(--color-primary-text)
}

.text-primary-text .plyr,.text-primary-text .plyr__control {
	color: var(--color-primary-text)
}

.font-heading {
	font-family: var(--heading-font-stack);
	font-weight: var(--heading-font-weight);
	font-style: var(--heading-font-style);
	text-transform: var(--heading-capitalize);
	letter-spacing: var(--heading-letterspacing);
	-webkit-text-decoration: var(--heading-decoration);
	text-decoration: var(--heading-decoration)
}

.font-heading-book {
	font-family: var(--heading-font-stack);
	font-weight: 300;
	font-style: var(--heading-font-style);
	text-transform: var(--heading-capitalize);
	letter-spacing: var(--heading-letterspacing);
	-webkit-text-decoration: var(--heading-decoration);
	text-decoration: var(--heading-decoration)
}

.font-heading-medium {
	font-family: var(--heading-font-stack);
	font-weight: 500;
	font-style: var(--heading-font-style);
	text-transform: var(--heading-capitalize);
	letter-spacing: var(--heading-letterspacing);
	-webkit-text-decoration: var(--heading-decoration);
	text-decoration: var(--heading-decoration)
}

.font-heading-bold {
	font-family: var(--heading-font-stack);
	font-weight: 700;
	font-style: var(--heading-font-style);
	text-transform: var(--heading-capitalize);
	letter-spacing: var(--heading-letterspacing);
	-webkit-text-decoration: var(--heading-decoration);
	text-decoration: var(--heading-decoration)
}

.font-body {
	font-family: var(--body-font-stack);
	font-weight: var(--body-font-weight);
	font-style: var(--body-font-style);
	text-transform: var(--body-font-style);
	letter-spacing: 0;
	text-decoration: none;
	text-transform: var(--bopy-copy-transform)
}

.multi-column p,.tag-columns li {
	page-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid
}

.responsive-image-wrapper::before {
	content: "";
	display: block
}

.responsive-image {
	opacity: 0
}

.responsive-image.lazyloaded {
	opacity: 1
}

.responsive-image-placeholder {
	opacity: .05
}

.responsive-image.lazyloaded+.responsive-image-placeholder {
	opacity: 0
}

.text-primary-text .responsive-image-placeholder {
	background-color: var(--color-primary-text)
}

.text-secondary-text .responsive-image-placeholder {
	background-color: var(--color-secondary-text)
}

.text-tertiary-text .responsive-image-placeholder {
	background-color: var(--color-tertiary-text)
}

.no-js .responsive-image-placeholder {
	display: none
}

.bg-primary-background .bg-placeholder-bg {
	background-color: var(--color-primary-text-placeholder)
}

.bg-secondary-background .bg-placeholder-bg {
	background-color: var(--color-secondary-text-placeholder)
}

.bg-tertiary-background .bg-placeholder-bg {
	background-color: var(--color-tertiary-text-placeholder)
}

.visually-hidden {
	position: absolute !important;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0
}

svg,model-viewer,[data-product-media-type-video] video,[data-product-media-type-video] iframe,.shopify-model-viewer-ui {
	width: 100%;
	height: 100%
}

.video-wrapper {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	height: 0;
	height: auto;
	padding-bottom: 56.25%
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.table-wrapper {
	overflow: auto;
	max-width: 100%;
	-webkit-overflow-scrolling: touch
}

.skip-link {
	background-color: var(--color-primary-background);
	opacity: 0;
	padding: 1rem;
	pointer-events: none;
	position: absolute;
	top: 0px;
	left: 0px;
	color: var(--color-primary-text);
	z-index: 50
}

.skip-link .responsive-image-placeholder {
	background-color: var(--color-primary-text)
}

.skip-link .bg-placeholder-bg {
	background-color: var(--color-primary-text-placeholder)
}

select.skip-link {
	background-image: var(--icon-svg-select-primary)
}

.skip-link .rte a:hover,.skip-link.rte a:hover {
	color: var(--color-primary-accent);
	text-decoration-color: var(--color-primary-accent)
}

.text-primary-text .rte a:hover,.text-primary-text.rte a:hover {
	color: var(--color-primary-accent);
	text-decoration-color: var(--color-primary-accent)
}

.skip-link .plyr,.skip-link .plyr__control {
	background-color: var(--color-primary-background)
}

.bg-primary-background .plyr,.bg-primary-background .plyr__control {
	background-color: var(--color-primary-background)
}

.skip-link .plyr,.skip-link .plyr__control {
	color: var(--color-primary-text)
}

.text-primary-text .plyr,.text-primary-text .plyr__control {
	color: var(--color-primary-text)
}

.product-content-container.skip-link {
	--payment-terms-background-color: var(--color-primary-background-hex)
}

.skip-link :focus {
	outline-width: var(--text-width);
	outline-style: solid;
	outline-color: var(--color-primary-accent);
	outline-offset: .25rem
}

.skip-link .increase-target:focus::before {
	outline: var(--text-width) solid -webkit-focus-ring-color;
	outline: var(--text-width) solid var(--color-primary-accent);
	outline-offset: calc(-1*var(--text-width))
}

.skip-link .custom-input:focus+label {
	outline: var(--text-width) solid -webkit-focus-ring-color;
	outline: var(--text-width) solid var(--color-primary-accent)
}

.skip-link .product-media-object:focus {
	outline: 0
}

.skip-link .product-media-object:focus:after {
	width: 100%;
	height: 100%;
	content: "";
	outline: var(--text-width) solid -webkit-focus-ring-color;
	outline: var(--text-width) solid var(--color-primary-accent);
	outline-offset: calc(-1*var(--text-width));
	position: absolute;
	top: 0;
	left: 0
}

.skip-link:focus {
	opacity: 1;
	pointer-events: auto
}

#sticky-positioner {
	position: absolute;
	top: var(--border-width);
	left: 0;
	width: 1px;
	height: 1px
}

.no-js .respimg {
	display: none
}

.no-js:not(html) {
	display: none
}

.no-js .no-js:not(html) {
	display: block
}

html.no-js .js-enabled {
	display: none
}[hidden],[x-cloak] {
	display: none
}

.supports-no-cookies:not(html) {
	display: none
}

.supports-no-cookies .supports-no-cookies:not(html) {
	display: block
}

.increase-target::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10
}

.increase-target:focus::before {
	outline: 5px auto Highlight;
	outline: 5px auto -webkit-focus-ring-color
}[data-shopify-buttoncontainer] {
	justify-content: center
}[data-shopify-xr-hidden] {
	display: none
}

.accent-links-primary a {
	border-color: var(--color-primary-text)
}

.accent-links-primary a:hover {
	border-color: var(--color-primary-accent)
}

.accent-links-primary a {
	border-bottom-width: var(--text-width);
	padding-bottom: .25rem
}

.accent-links-primary a:hover {
	color: var(--color-primary-accent)
}

.accent-links-secondary a {
	border-color: var(--color-primary-text)
}

.accent-links-secondary a:hover {
	border-color: var(--color-secondary-accent)
}

.accent-links-secondary a {
	border-bottom-width: var(--text-width);
	padding-bottom: .25rem
}

.accent-links-secondary a:hover {
	color: var(--color-secondary-accent)
}

.accent-links-tertiary a {
	border-color: var(--color-primary-text)
}

.accent-links-tertiary a:hover {
	border-color: var(--color-tertiary-accent)
}

.accent-links-tertiary a {
	border-bottom-width: var(--text-width);
	padding-bottom: .25rem
}

.accent-links-tertiary a:hover {
	color: var(--color-tertiary-accent)
}

.section-x-padding {
	padding-left: .5rem;
	padding-right: .5rem
}

@media(min-width: 1024px) {
	.section-x-padding {
		padding-left: 1rem;
		padding-right: 1rem
	}
}

#MainContent .shopify-section:first-of-type section {
	margin-top: calc(-1*var(--border-width))
}

#MainContent .shopify-section.has-full-screen-setting:first-of-type section .h-screen-header {
	height: calc(100vh - var(--header-height, 0px))
}

@media(max-width: 1023px) {
	#MainContent .shopify-section.has-full-screen-setting:first-of-type section .background-video-wrapper--full-screen {
		padding-bottom: calc(100vh - var(--header-height, 0px))
	}

	.aspect-square {
		aspect-ratio: 1/1
	}
}

@media(min-width: 1024px) {
	#MainContent .shopify-section.has-full-screen-setting:first-of-type section .lg\:background-video-wrapper--full-screen {
		padding-bottom: calc(100vh - var(--header-height, 0px))
	}
}

select {
	background-size: 1em 1em;
	background-image: var(--icon-svg-select);
	background-repeat: no-repeat;
	background-position: center right
}

input[type=text],input[type=email],input[type=password] {
	border-radius: 0;
	-webkit-appearance: none
}

option {
	background-color: var(--color-primary-background)
}

select.text-primary-text {
	background-image: var(--icon-svg-select-primary)
}

select.text-secondary-text {
	background-image: var(--icon-svg-select-secondary)
}

select.text-tertiary-text {
	background-image: var(--icon-svg-select-tertiary)
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance: textfield
}

.button-primary {
	background-color: #c6f91f;
	color: #fff;
	border-radius: 4px;
	padding: .5rem 2rem;
	text-align: center;
	font-weight: 500
}

.button-primary.small {
	padding: .3rem 1rem
}

.button-primary:hover {
	background-color: #ff0a82;
	color: #fff
}

.button-secondary {
	background-color: #ff0a82;
	color: #fff;
	border-radius: 4px;
	padding: .5rem 2rem;
	text-align: center;
	font-weight: 500
}

.button-secondary.small {
	padding: .3rem 1rem
}

.button-primary-hollow {
	background-color: rgba(0,0,0,0);
	box-shadow: inset 0 0 0 1px #c6f91f;
	color: #c6f91f;
	border-radius: 4px;
	padding: .5rem 2rem;
	text-align: center;
	font-weight: 500
}

.button-primary-hollow.small {
	padding: .3rem 1rem
}

.button-hollow {
	background-color: rgba(0,0,0,0);
	box-shadow: inset 0 0 0 1px #000;
	color: #000;
	border-radius: 4px;
	padding: .5rem 2rem;
	text-align: center;
	font-weight: 500
}

.button-hollow:hover {
	color: #fff;
	background-color: #000
}

.button-hollow.small {
	padding: .3rem 1rem
}

.btn,.button {
	text-transform: var(--button-text-transform);
	border-width: var(--text-width);
	border-radius: var(--button-border-radius);
	border-color: var(--button-border-color);
	background-color: var(--button-background-color);
	color: var(--button-text-color)
}

.btn,.button {
	cursor: pointer;
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-left: 2rem;
	padding-right: 2rem
}

.small-button {
	font-size: 100%
}

.btn:hover,.button:hover {
	border-color: var(--button-border-color-hover);
	background-color: var(--button-background-color-hover);
	color: var(--button-text-color-hover)
}

.show-button-arrows .btn:after,.show-button-arrows .button:after {
	content: "  →"
}

.btn svg,.btn span,.button svg,.button span,button svg,button span {
	pointer-events: none
}

@media(prefers-reduced-motion: reduce) {
	.marquee-container {
		padding-left: 0px;
		text-align: center;
		white-space: normal;
		display: block;
		padding-left: .5rem;
		padding-right: .5rem
	}
}

@media(prefers-reduced-motion: reduce)and (min-width: 1024px) {
	.marquee-container {
		padding-left: 1rem;
		padding-right: 1rem
	}
}

@media(prefers-reduced-motion: reduce) {
	.marquee span {
		display: none
	}

	.marquee span:first-child {
		display: inline
	}
}

.marquee-container {
	visibility: visible
}

.rte>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1rem*var(--tw-space-y-reverse))
}

.rte.ml-text>p {
	margin-top: 0 !important;
	margin-bottom: 1rem !important
}

.rte.ml-text>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1rem*var(--tw-space-y-reverse))
}

.rte {
	line-height: var(--base-line-height)
}

.rte img {
	max-width: 100%;
	width: 100%;
	height: auto
}

.rte table {
	table-layout: fixed
}

.rte table,.rte th,.rte td {
	border-width: var(--text-width)
}

.rte table,.rte th,.rte td {
	border-color: currentColor
}

.rte th,.rte td {
	padding: .25rem
}

@media(min-width: 1024px) {
	.rte th,.rte td {
		padding: .5rem
	}

	.rte th>.background-video-wrapper--full-screen,.rte td>.background-video-wrapper--full-screen {
		padding-bottom: calc(100vh - 1rem)
	}
}

.rte ul,.rte ol {
	margin-left: var(--spacing)
}

.rte ul>:not([hidden])~:not([hidden]),.rte ol>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(.5rem*var(--tw-space-y-reverse))
}

.rte ul {
	list-style-type: disc
}

.rte ol {
	list-style: decimal
}

.rte strong {
	font-weight: var(--font-body-bold-weight)
}

.rte h1 {
	font-size: 1.953rem;
	line-height: var(--base-line-height)
}

@media(min-width: 1024px) {
	.rte h1 {
		font-size: 3.815rem;
		line-height: 1
	}
}

.rte h2 {
	font-size: 1.953rem;
	line-height: var(--base-line-height)
}

@media(min-width: 1024px) {

	.rte h2 {
		font-size: 2.441rem;
		line-height: calc(var(--base-line-height)*.9)
	}
}

.rte h3 {
	font-size: 1.563rem;
	line-height: var(--base-line-height)
}

.rte h4 {
	font-size: 1.25rem;
	line-height: var(--base-line-height)
}

.rte h1,.rte h2,.rte h3,.rte h4 {
	font-family: var(--heading-font-stack);
	font-weight: var(--heading-font-weight);
	font-style: var(--heading-font-style);
	text-transform: var(--heading-capitalize);
	letter-spacing: var(--heading-letterspacing);
	-webkit-text-decoration: var(--heading-decoration);
	text-decoration: var(--heading-decoration)
}

.rte a {
	text-decoration: underline
}

.rte code,.rte pre {
	overflow: auto;
	font-family: monospace
}

.rte code,.rte pre {
	font-size: .8rem;
	line-height: var(--base-line-height)
}

.text-primary-text .rte a:hover,.text-primary-text.rte a:hover {
	color: var(--color-primary-accent);
	text-decoration-color: var(--color-primary-accent)
}

.text-secondary-text .rte a:hover,.text-secondary-text.rte a:hover {
	color: var(--color-secondary-accent);
	text-decoration-color: var(--color-secondary-accent)
}

.text-tertiary-text .rte a:hover,.text-tertiary-text.rte a:hover {
	color: var(--color-tertiary-accent);
	text-decoration-color: var(--color-tertiary-accent)
}

.svg-scale svg {
	width: 1em;
	height: 1em
}

.disclosure-list {
	transform: translateY(calc(-100% + 2px))
}

.splide--product {
	position: static
}

.splide__pagination--product {
	max-width: calc(100% - 7rem)
}

.splide__pagination__page {
	background-color: rgba(0,0,0,0);
	border-color: currentColor;
	border-radius: 9999px;
	border-width: var(--checkbox-width);
	display: block;
	height: .5rem;
	margin: .25rem;
	width: .5rem
}

.add-to-cart-container .payment-button-wrapper.splide__pagination__page .shopify-payment-button__button--unbranded,.add-to-cart-container .payment-button-wrapper.splide__pagination__page .shopify-payment-button__button--branded {
	border-radius: 9999px;
	overflow: hidden
}

.add-to-cart-container .payment-button-wrapper.rounded-full .shopify-payment-button__button--unbranded,.add-to-cart-container .payment-button-wrapper.rounded-full .shopify-payment-button__button--branded {
	border-radius: 9999px;
	overflow: hidden
}

.additional-checkout-buttons.splide__pagination__page div[role=button] {
	border-radius: 9999px
}

.splide__pagination__page.is-active {
	background-color: currentColor
}

.splide__autoplay-control .splide__play,.splide__autoplay-control .splide__pause {
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms
}

.splide__autoplay-control .splide__play {
	opacity: 0;
	position: absolute
}

.splide__autoplay-control .splide__pause {
	opacity: 1
}

.splide__autoplay-control--paused .splide__play {
	opacity: 1;
	position: relative
}

.splide__autoplay-control--paused .splide__pause {
	opacity: 0;
	position: absolute
}

.no-js .splide {
	visibility: visible
}

.no-js .splide__list {
	width: 100%
}

.no-js .splide__slide:not(:first-child) {
	display: none
}

@media(min-width: 1024px) {
	.no-js .splide--product .splide__slide:not(:first-child) {
		display: block
	}
}

.js .splide--product:not([data-slideshow-enabled=true]) {
	visibility: visible
}

.js .splide--product:not([data-slideshow-enabled=true]) .splide__list {
	width: 100%
}

.js .splide--product:not([data-slideshow-enabled=true]) .splide__slide:not(:first-child) {
	display: none
}

.js .splide--product:not([data-slideshow-enabled=true]) .splide__arrows {
	display: none
}

@media(min-width: 1024px) {
	.js .splide--product:not([data-slideshow-enabled=true]) .splide--product .splide__slide:not(:first-child) {
		display: block
	}
}

.background-video-wrapper--full-screen {
	padding-bottom: 100vh
}

.background-video-wrapper--four-three {
	padding-bottom: 75%
}

.background-video-wrapper--landscape {
	padding-bottom: 62.5%
}

.background-video-wrapper--widescreen {
	padding-bottom: 56.25%
}

.background-video-wrapper--cinematic {
	padding-bottom: 42.55319%
}

.p-2>.background-video-wrapper--full-screen {
	padding-bottom: calc(100vh - 1rem)
}

@media(min-width: 1024px) {
	.lg\:p-4>.background-video-wrapper--full-screen,.lg\:p-4>.lg\:background-video-wrapper--full-screen {
		padding-bottom: calc(100vh - 2rem)
	}
}

.background-video__error {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center
}

.background-video iframe {
	position: absolute;
	z-index: 1;
	top: -100%;
	left: auto;
	width: 100%;
	height: 300%;
	pointer-events: none;
	opacity: 0;
	transition: opacity .2s ease-in-out;
	transform: scale(1.0125)
}

.background-video iframe.background-video-iframe--tall {
	top: -10%;
	left: -100%;
	width: 300%;
	height: 120%;
	max-width: none
}

.background-video.is-playing iframe {
	opacity: 1
}

.type-product-grid-item:focus-within .product-grid__meta {
	opacity: 1
}

.plyr--video {
	height: 100%
}

.plyr__control--overlaid svg {
	fill: currentColor
}

.bg-primary-background .plyr,.bg-primary-background .plyr__control {
	background-color: var(--color-primary-background)
}

.text-primary-text .plyr,.text-primary-text .plyr__control {
	color: var(--color-primary-text)
}

.bg-secondary-background .plyr,.bg-secondary-background .plyr__control {
	background-color: var(--color-secondary-background)
}

.text-secondary-text .plyr,.text-secondary-text .plyr__control {
	color: var(--color-secondary-text)
}

.bg-tertiary-background .plyr,.bg-tertiary-background .plyr__control {
	background-color: var(--color-tertiary-background)
}

.text-tertiary-text .plyr,.text-tertiary-text .plyr__control {
	color: var(--color-tertiary-text)
}[data-shopify-xr-hidden] {
	display: none
}

.add-to-cart,.shopify-payment-button,.shopify-payment-button__button {
	min-height: 40px
}

.shopify-payment-button__button--hidden {
	display: none !important
}

.add-to-cart-container .shopify-payment-button__button--unbranded {
	padding-left: .25rem;
	padding-right: .25rem;
	padding-top: .5rem;
	padding-bottom: .5rem;
	text-transform: var(--button-text-transform)
}

.add-to-cart-container .shopify-payment-button__button--unbranded,.add-to-cart-container .shopify-payment-button__button--branded {
	transition: none;
	border-radius: 0;
	font-weight: var(--body-font-weight);
	line-height: var(--base-line-height)
}

.add-to-cart-container .payment-button-wrapper.rounded-md .shopify-payment-button__button--unbranded,.add-to-cart-container .payment-button-wrapper.rounded-md .shopify-payment-button__button--branded {
	border-radius: .375rem;
	overflow: hidden
}

.add-to-cart-container .payment-button-wrapper.rounded-full .shopify-payment-button__button--unbranded,.add-to-cart-container .payment-button-wrapper.rounded-full .shopify-payment-button__button--branded {
	border-radius: 9999px;
	overflow: hidden
}

.additional-checkout-buttons.rounded-full div[role=button] {
	border-radius: 9999px !important
}

.additional-checkout-buttons.rounded-md div[role=button] {
	border-radius: .375rem !important
}

.show-button-arrows .shopify-payment-button__button--unbranded:after {
	content: " →"
}

.shopify-payment-button__more-options {
	margin-bottom: 28px
}

.payment-button-wrapper.color-primary.style-text_background .shopify-payment-button__button--unbranded {
	background-color: var(--color-primary-text);
	color: var(--color-primary-text--overlay);
	border: var(--border-width) solid var(--color-primary-text)
}

.payment-button-wrapper.color-primary.style-text_background .shopify-payment-button__button--unbranded:hover {
	background-color: var(--color-primary-accent);
	border: var(--border-width) solid var(--color-primary-accent);
	color: var(--color-primary-accent--overlay)
}

.payment-button-wrapper.color-primary.style-accent_background .shopify-payment-button__button--unbranded {
	background-color: var(--color-primary-accent);
	color: var(--color-primary-accent--overlay);
	border: var(--border-width) solid var(--color-primary-accent)
}

.payment-button-wrapper.color-primary.style-accent_background .shopify-payment-button__button--unbranded:hover {
	background-color: var(--color-primary-text);
	border: var(--border-width) solid var(--color-primary-text);
	color: var(--color-primary-text--overlay)
}

.payment-button-wrapper.color-primary.style-accent_background_text_border .shopify-payment-button__button--unbranded {
	background-color: var(--color-primary-accent);
	color: var(--color-primary-accent--overlay);
	border: var(--border-width) solid var(--color-primary-text)
}

.payment-button-wrapper.color-primary.style-accent_background_text_border .shopify-payment-button__button--unbranded:hover {
	background-color: var(--color-primary-text);
	color: var(--color-primary-text--overlay)
}

.payment-button-wrapper.color-secondary.style-text_background .shopify-payment-button__button--unbranded {
	background-color: var(--color-secondary-text);
	color: var(--color-secondary-text--overlay);
	border: var(--border-width) solid var(--color-secondary-text)
}

.payment-button-wrapper.color-secondary.style-text_background .shopify-payment-button__button--unbranded:hover {
	background-color: var(--color-secondary-accent);
	border: var(--border-width) solid var(--color-secondary-accent);
	color: var(--color-secondary-accent--overlay)
}

.payment-button-wrapper.color-secondary.style-accent_background .shopify-payment-button__button--unbranded {
	background-color: var(--color-secondary-accent);
	color: var(--color-secondary-accent--overlay);
	border: var(--border-width) solid var(--color-secondary-accent)
}

.payment-button-wrapper.color-secondary.style-accent_background .shopify-payment-button__button--unbranded:hover {
	background-color: var(--color-secondary-text);
	border: var(--border-width) solid var(--color-secondary-text);
	color: var(--color-secondary-text--overlay)
}

.payment-button-wrapper.color-secondary.style-accent_background_text_border .shopify-payment-button__button--unbranded {
	background-color: var(--color-secondary-accent);
	color: var(--color-secondary-accent--overlay);
	border: var(--border-width) solid var(--color-secondary-text)
}

.payment-button-wrapper.color-secondary.style-accent_background_text_border .shopify-payment-button__button--unbranded:hover {
	background-color: var(--color-secondary-text);
	color: var(--color-secondary-text--overlay)
}

.payment-button-wrapper.color-tertiary.style-text_background .shopify-payment-button__button--unbranded {
	background-color: var(--color-tertiary-text);
	color: var(--color-tertiary-text--overlay);
	border: var(--border-width) solid var(--color-tertiary-text)
}

.payment-button-wrapper.color-tertiary.style-text_background .shopify-payment-button__button--unbranded:hover {
	background-color: var(--color-tertiary-accent);
	border: var(--border-width) solid var(--color-tertiary-accent);
	color: var(--color-tertiary-accent--overlay)
}

.payment-button-wrapper.color-tertiary.style-accent_background .shopify-payment-button__button--unbranded {
	background-color: var(--color-tertiary-accent);
	color: var(--color-tertiary-accent--overlay);
	border: var(--border-width) solid var(--color-tertiary-accent)
}

.payment-button-wrapper.color-tertiary.style-accent_background .shopify-payment-button__button--unbranded:hover {
	background-color: var(--color-tertiary-text);
	border: var(--border-width) solid var(--color-tertiary-text);
	color: var(--color-tertiary-text--overlay)
}

.payment-button-wrapper.color-tertiary.style-accent_background_text_border .shopify-payment-button__button--unbranded {
	background-color: var(--color-tertiary-accent);
	color: var(--color-tertiary-accent--overlay);
	border: var(--border-width) solid var(--color-tertiary-text)
}

.payment-button-wrapper.color-tertiary.style-accent_background_text_border .shopify-payment-button__button--unbranded:hover {
	background-color: var(--color-tertiary-text);
	color: var(--color-tertiary-text--overlay)
}

.shopify-payment-button__button--unbranded[disabled],.shopify-payment-button__button--unbranded.disabled,.shopify-payment-button__button[disabled],.shopify-payment-button__button.disabled,.shopify-payment-button__more-options[disabled],.shopify-payment-button__more-options.disabled {
	cursor: default;
	display: none
}

shopify-payment-terms {
	margin-top: 1rem;
	margin-bottom: 2rem;
	display: block
}

.product-content-container.bg-primary-background {
	--payment-terms-background-color: var(--color-primary-background-hex)
}

.product-content-container.bg-secondary-background {
	--payment-terms-background-color: var(--color-secondary-background-hex)
}

.product-content-container.bg-tertiary-background {
	--payment-terms-background-color: var(--color-tertiary-background-hex)
}

.shopify-challenge__container {
	padding-top: var(--spacing);
	padding-bottom: var(--spacing);
	text-align: center;
	padding-left: .5rem;
	padding-right: .5rem
}

@media(min-width: 1024px) {
	.shopify-challenge__container {
		padding-left: 1rem;
		padding-right: 1rem
	}
}

@media only screen and (max-width: 767px) {
	.responsive-table {
		width: 100%
	}

	.responsive-table thead {
		display: none
	}

	.responsive-table td {
		border-width: 0px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0px;
		padding-top: .25rem;
		padding-bottom: .25rem;
		text-align: right;
		width: 100%
	}

	.responsive-table th::before,.responsive-table td::before {
		content: attr(data-label);
		max-width: 50%
	}

	.responsive-table th::before,.responsive-table td::before {
		font-weight: 400;
		font-size: .64rem;
		line-height: var(--base-line-height);
		margin-top: .25rem;
		padding-right: .75rem;
		text-align: left
	}

	.table-small-hide {
		display: none !important
	}
}

@media(min-width: 768px) {
	.responsive-table {
		border-color: var(--color-border);
		border-width: var(--text-width);
		text-align: center;
		width: 100%
	}

	.responsive-table th,.responsive-table td {
		border-color: var(--color-border);
		border-width: var(--text-width);
		padding: .5rem
	}

	.responsive-table th>.background-video-wrapper--full-screen,.responsive-table td>.background-video-wrapper--full-screen {
		padding-bottom: calc(100vh - 1rem)
	}

	.responsive-table th:first-child,.responsive-table td:first-child {
		text-align: left
	}

	.responsive-table th:last-child,.responsive-table td:last-child {
		text-align: right
	}
}

@media only screen and (max-width: 767px) {
	.cart-table {
		width: 100%
	}

	.cart-table thead {
		display: none
	}

	.cart-table tr {
		border-color: var(--color-border);
		border-bottom-width: var(--text-width);
		display: block;
		padding-top: .5rem;
		padding-bottom: .5rem
	}

	.cart-table tr:first-child {
		border-top-width: var(--text-width)
	}

	.cart-table td {
		border-width: 0px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0px;
		width: 100%
	}

	.cart-table td[data-price] {
		display: none
	}

	.cart-table td[data-total] {
		justify-content: flex-end;
		text-align: right
	}
}

@media(min-width: 768px) {
	.cart-table {
		border-color: var(--color-border);
		text-align: center;
		width: 100%
	}

	.cart-table th,.cart-table td {
		border-color: var(--color-border);
		border-bottom-width: var(--text-width);
		vertical-align: top
	}

	.cart-table th {
		padding-top: .5rem;
		padding-bottom: .5rem;
		padding-left: .5rem;
		padding-right: .5rem
	}
}

@media(min-width: 768px)and (min-width: 1024px) {
	.cart-table th {
		padding-left: 1rem;
		padding-right: 1rem
	}
}

@media(min-width: 768px) {
	.cart-table th:first-child,.cart-table td:first-child {
		text-align: left
	}

	.cart-table th:last-child,.cart-table td:last-child {
		text-align: right
	}
}

.bg-primary-background :focus {
	outline-width: var(--text-width);
	outline-style: solid;
	outline-color: var(--color-primary-accent);
	outline-offset: .25rem;
	outline: 0 !important
}

.bg-primary-background .increase-target:focus::before {
	outline: var(--text-width) solid -webkit-focus-ring-color;
	outline: var(--text-width) solid var(--color-primary-accent);
	outline-offset: calc(-1*var(--text-width))
}

.bg-primary-background .custom-input:focus+label {
	outline: var(--text-width) solid -webkit-focus-ring-color;
	outline: var(--text-width) solid var(--color-primary-accent)
}

.bg-primary-background .product-media-object:focus {
	outline: 0
}

.bg-primary-background .product-media-object:focus:after {
	width: 100%;
	height: 100%;
	content: "";
	outline: var(--text-width) solid -webkit-focus-ring-color;
	outline: var(--text-width) solid var(--color-primary-accent);
	outline-offset: calc(-1*var(--text-width));
	position: absolute;
	top: 0;
	left: 0
}

.bg-secondary-background :focus {
	outline-width: var(--text-width);
	outline-style: solid;
	outline-color: var(--color-secondary-accent);
	outline-offset: .25rem
}

.bg-secondary-background .increase-target:focus::before {
	outline: var(--text-width) solid -webkit-focus-ring-color;
	outline: var(--text-width) solid var(--color-secondary-accent);
	outline-offset: calc(-1*var(--text-width))
}

.bg-secondary-background .custom-input:focus+label {
	outline: var(--text-width) solid -webkit-focus-ring-color;
	outline: var(--text-width) solid var(--color-secondary-accent)
}

.bg-secondary-background .product-media-object:focus {
	outline: 0
}

.bg-secondary-background .product-media-object:focus:after {
	width: 100%;
	height: 100%;
	content: "";
	outline: var(--text-width) solid -webkit-focus-ring-color;
	outline: var(--text-width) solid var(--color-secondary-accent);
	outline-offset: calc(-1*var(--text-width));
	position: absolute;
	top: 0;
	left: 0
}

.bg-tertiary-background :focus {
	outline-width: var(--text-width);
	outline-style: solid;
	outline-color: var(--color-tertiary-accent);
	outline-offset: .25rem
}

.bg-tertiary-background .increase-target:focus::before {
	outline: var(--text-width) solid -webkit-focus-ring-color;
	outline: var(--text-width) solid var(--color-tertiary-accent);
	outline-offset: calc(-1*var(--text-width))
}

.bg-tertiary-background .custom-input:focus+label {
	outline: var(--text-width) solid -webkit-focus-ring-color;
	outline: var(--text-width) solid var(--color-tertiary-accent)
}

.bg-tertiary-background .product-media-object:focus {
	outline: 0
}

.bg-tertiary-background .product-media-object:focus:after {
	width: 100%;
	height: 100%;
	content: "";
	outline: var(--text-width) solid -webkit-focus-ring-color;
	outline: var(--text-width) solid var(--color-tertiary-accent);
	outline-offset: calc(-1*var(--text-width));
	position: absolute;
	top: 0;
	left: 0
}

.user-using-mouse button:focus {
	outline: 0
}

.user-using-mouse :focus {
	outline: 0
}

.user-using-mouse ::-moz-focus-inner {
	outline: 0
}

.user-using-mouse .increase-target:focus::before {
	outline: 0
}

.user-using-mouse .custom-input:focus+label {
	outline: 0
}

.user-using-mouse .product-media-object:focus,.user-using-mouse .product-media-object:focus:after {
	outline: 0
}

canvas#animation-canvas {
	width: 100%
}

@media(min-width: 640px) {
	.sm\:oldstyle-nums {
		--tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
		--tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
		--tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
		--tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
		--tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
		font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
	}

	.sm\:oldstyle-nums {
		--tw-numeric-figure: oldstyle-nums
	}
}

@media(min-width: 768px) {
	.md\:flex-row {
		flex-direction: row
	}

	.md\:justify-start {
		justify-content: flex-start
	}

	.md\:flex-col {
		flex-direction: column
	}

	.md\:justify-around {
		justify-content: space-around
	}

	.md\:rounded-l-sm {
		border-top-left-radius: .25rem;
		border-bottom-left-radius: .25rem;
		border-top-right-radius: 0rem;
		border-bottom-right-radius: 0rem
	}
}

@media(min-width: 768px) {
	.md\:aspect-square {
		aspect-ratio: 1/1
	}

	.md\:text-left {
		text-align: left
	}

	.md\:block {
		display: block
	}

	.md\:flex {
		display: flex
	}

	.md\:grid {
		display: grid
	}

	.md\:sticky {
		position: sticky
	}

	.md\:hidden {
		display: none
	}

	.md\:relative {
		position: relative
	}

	.md\:h-full {
		height: 100%
	}

	.md\:justify-between {
		justify-content: space-between
	}

	.md\:text-base {
		font-size: 1rem;
		line-height: var(--base-line-height)
	}

	.md\:py-theme {
		padding-top: var(--spacing);
		padding-bottom: var(--spacing)
	}

	.md\:my-4 {
		margin-top: 1rem;
		margin-bottom: 1rem
	}

	.md\:mt-0 {
		margin-top: 0px
	}

	.md\:mb-0 {
		margin-bottom: 0px
	}

	.md\:mt-2 {
		margin-top: .5rem
	}

	.md\:ml-4 {
		margin-left: 1rem
	}

	.md\:pb-0 {
		padding-bottom: 0px
	}

	.md\:pb-4 {
		padding-bottom: 1rem
	}

	.md\:pl-0 {
		padding-left: 0px
	}

	.md\:absolute {
		position: absolute
	}

	.md\:bottom-0 {
		bottom: 0px
	}

	.md\:top-6 {
		top: 1.5rem
	}

	.md\:right-0 {
		right: 0rem
	}

	.md\:left-auto {
		left: auto
	}

	.md\:oldstyle-nums {
		--tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
		--tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
		--tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
		--tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
		--tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
		font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
	}

	.md\:oldstyle-nums {
		--tw-numeric-figure: oldstyle-nums
	}

	.md\:w-20 {
		width: 5rem
	}

	.md\:w-24 {
		width: 6rem
	}

	.md\:w-auto {
		width: auto
	}

	.md\:w-1\/3 {
		width: 33.333333%
	}

	.md\:w-3\/5 {
		width: 60%
	}

	.md\:w-full {
		width: 100%
	}

	.md\:w-max {
		width: -moz-max-content;
		width: max-content
	}

	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.md\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.md\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr))
	}

	.md\:col-span-2 {
		grid-column: span 2/span 2
	}

	.md\:col-span-5 {
		grid-column: span 5/span 5
	}

	.md\:col-span-6 {
		grid-column: span 6/span 6
	}

	.md\:col-span-7 {
		grid-column: span 7/span 7
	}

	.md\:col-start-8 {
		grid-column-start: 8
	}

	.md\:text-2xs {
		font-size: .5rem;
		line-height: var(--base-line-height)
	}

	.md\:text-lg {
		font-size: 1.25rem;
		line-height: var(--base-line-height)
	}

	.md\:text-xl {
		font-size: 1.563rem;
		line-height: var(--base-line-height)
	}

	.md\:text-2xl {
		font-size: 1.953rem;
		line-height: var(--base-line-height)
	}

	.md\:text-3xl {
		font-size: 2.441rem;
		line-height: calc(var(--base-line-height)*.9)
	}

	.md\:text-4xl {
		font-size: 3.052rem;
		line-height: calc(var(--base-line-height)*.9)
	}

	.md\:text-5xl {
		font-size: 3.815rem;
		line-height: 1
	}

	.md\:text-6xl {
		font-size: 4.768rem;
		line-height: 1
	}

	.md\:text-7xl {
		font-size: 5.96rem;
		line-height: 1
	}

	.md\:text-8xl {
		font-size: 7.2rem;
		line-height: 1
	}

	.md\:transform {
		--tw-translate-x: 0;
		--tw-translate-y: 0;
		--tw-rotate: 0;
		--tw-skew-x: 0;
		--tw-skew-y: 0;
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.md\:translate-y-7 {
		--tw-translate-y: 1.75rem
	}

	.md\:translate-x-8 {
		--tw-translate-x: 2rem
	}

	.md\:-translate-x-8 {
		--tw-translate-x: -2rem

	}
}

@media(min-width: 1365px) {
	.lg2\:hidden {
		display: none
	}

	.lg2\:block {
		display: block
	}
}

@media(min-width: 1024px) {
	canvas#animation-canvas {
		max-width: 100vw
	}

	.text-sm {
		font-size: .8rem;
		line-height: var(--base-line-height)
	}

	.lg\:h-full {
		height: 100%
	}

	.lg\:space-y-4>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(1rem*var(--tw-space-y-reverse))
	}

	.lg\:space-x-4>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-left: calc(1rem*(1 - var(--tw-space-y-reverse)));
		margin-right: calc(1rem*var(--tw-space-y-reverse))
	}

	.lg\:h-screen-80 {
		height: 80vh
	}

	.lg\:max-h-none {
		max-height: none
	}

	.lg\:h-screen-nav {
		height: calc(100vh - 76px)
	}

	.lg\:top-92 {
		top: 92px
	}

	.lg\:top-93 {
		top: 93px
	}

	.lg\:left-1\/3 {
		left: 33.333%
	}

	.lg\:bg-border {
		background-color: var(--color-border)
	}

	.lg\:border-grid-color {
		border-color: var(--color-border)
	}

	.lg\:border-none {
		border-style: none
	}

	.lg\:border-0 {
		border-width: 0px
	}

	.lg\:border-r-2 {
		border-right-width: 2px
	}

	.lg\:border-r-grid {
		border-right-width: var(--border-width)
	}

	.lg\:border-b-grid {
		border-bottom-width: var(--border-width)
	}

	.lg\:border-l-grid {
		border-left-width: var(--border-width)
	}

	.lg\:border-l-2 {
		border-left-width: 2px
	}

	.lg\:block {
		display: block
	}

	.lg\:inline-block {
		display: inline-block
	}

	.lg\:inline {
		display: inline
	}

	.lg\:flex {
		display: flex
	}

	.lg\:grid {
		display: grid
	}

	.lg\:hidden {
		display: none
	}

	.lg\:flex-wrap {
		flex-wrap: wrap
	}

	.lg\:items-end {
		align-items: flex-end
	}

	.lg\:items-center {
		align-items: center
	}

	.lg\:justify-start {
		justify-content: flex-start
	}

	.lg\:justify-end {
		justify-content: flex-end
	}

	.lg\:justify-center {
		justify-content: center
	}

	.lg\:justify-between {
		justify-content: space-between
	}

	.lg\:justify-around {
		justify-content: space-around
	}

	.lg\:whitespace-nowrap {
		white-space: nowrap
	}

	.lg\:flex-nowrap {
		flex-wrap: nowrap
	}

	.lg\:text-sm {
		font-size: .8rem;
		line-height: var(--base-line-height)
	}

	.lg\:text-base {
		font-size: 1rem;
		line-height: var(--base-line-height)
	}

	.lg\:text-lg {
		font-size: 1.25rem;
		line-height: var(--base-line-height)
	}

	.lg\:text-xl {
		font-size: 1.563rem;
		line-height: var(--base-line-height)
	}

	.lg\:text-2xl {
		font-size: 1.953rem;
		line-height: var(--base-line-height)
	}

	.lg\:text-3xl {
		font-size: 2.441rem;
		line-height: calc(var(--base-line-height)*.9)
	}

	.lg\:text-4xl {
		font-size: 3.052rem;
		line-height: calc(var(--base-line-height)*.9)
	}

	.lg\:text-5xl {
		font-size: 3.815rem;
		line-height: 1
	}

	.lg\:text-6xl {
		font-size: 4.768rem;
		line-height: 1
	}

	.lg\:text-7xl {
		font-size: 5.96rem;
		line-height: 1
	}

	.lg\:text-8xl {
		font-size: 7.2rem;
		line-height: 1
	}

	.lg\:text-9xl {
		font-size: 8.8rem;
		line-height: 1
	}

	.lg\:text-10xl {
		font-size: 11rem;
		line-height: 1
	}

	.lg\:mx-2 {
		margin-left: .5rem;
		margin-right: .5rem
	}

	.lg\:my-4 {
		margin-top: 1rem;
		margin-bottom: 1rem
	}

	.lg\:mx-auto {
		margin-left: auto;
		margin-right: auto
	}

	.lg\:-mx-4 {
		margin-left: -1rem;
		margin-right: -1rem
	}

	.lg\:mt-0 {
		margin-top: 0px
	}

	.lg\:mb-0 {
		margin-bottom: 0px
	}

	.lg\:mr-0 {
		margin-right: 0px
	}

	.lg\:mb-2 {
		margin-bottom: .5rem
	}

	.lg\:mb-8 {
		margin-bottom: 2rem
	}

	.lg\:mt-2 {
		margin-top: .5rem
	}

	.lg\:mt-8 {
		margin-top: 2rem
	}

	.lg\:mr-2 {
		margin-right: .5rem
	}

	.lg\:ml-2 {
		margin-left: .5rem
	}

	.lg\:mr-4 {
		margin-right: 1rem
	}

	.lg\:-mr-16 {
		margin-right: -4rem
	}

	.lg\:ml-4 {
		margin-left: 1rem

	}

	.lg\:-ml-16 {
		margin-left: -4rem
	}

	.lg\:ml-auto {
		margin-left: auto
	}

	.lg\:ml-theme-half {
		margin-left: var(--spacing-half)
	}

	.lg\:-mb-theme-width {
		margin-bottom: calc(-1*var(--border-width))
	}

	.lg\:max-w-xl {
		max-width: 36rem
	}

	.lg\:max-w-4xl {
		max-width: 56rem
	}

	.lg\:max-w-5xl {
		max-width: 64rem
	}

	.lg\:p-0 {
		padding: 0px
	}

	.lg\:px-0 {
		padding-left: 0px;
		padding-right: 0px
	}

	.lg\:p-4 {
		padding: 1rem
	}

	.lg\:p-8 {
		padding: 2rem
	}

	.lg\:p-12 {
		padding: 3rem
	}

	.lg\:p-16 {
		padding: 4rem
	}

	.lg\:px-2 {
		padding-left: .5rem;
		padding-right: .5rem
	}

	.lg\:py-theme {
		padding-top: var(--spacing);
		padding-bottom: var(--spacing)
	}

	.lg\:py-4 {
		padding-top: 1rem;
		padding-bottom: 1rem
	}

	.lg\:py-1 {
		padding-top: .25rem;
		padding-bottom: .25rem
	}

	.lg\:py-2 {
		padding-top: .5rem;
		padding-bottom: .5rem
	}

	.lg\:py-8 {
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	.lg\:py-10 {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem
	}

	.lg\:py-12 {
		padding-top: 3rem;
		padding-bottom: 3rem
	}

	.lg\:py-16 {
		padding-top: 4rem;
		padding-bottom: 4rem
	}

	.lg\:py-24 {
		padding-top: 6rem;
		padding-bottom: 6rem
	}

	.lg\:py-32 {
		padding-top: 8rem;
		padding-bottom: 8rem
	}

	.lg\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem
	}

	.lg\:px-8 {
		padding: 6.25rem 5.2vw;
	}

	.lg\:px-12 {
		padding-left: 3rem;
		padding-right: 3rem
	}

	.lg\:px-16 {
		padding-left: 4rem;
		padding-right: 4rem
	}

	.lg\:px-24 {
		padding-left: 6rem;
		padding-right: 6rem
	}

	.lg\:px-32 {
		padding-left: 8rem;
		padding-right: 8rem
	}

	.lg\:pt-0 {
		padding-top: 0px
	}

	.lg\:pb-0 {
		padding-bottom: 0px
	}

	.lg\:pb-6 {
		padding-bottom: 1.5rem
	}

	.lg\:pb-8 {
		padding-bottom: 2rem
	}

	.lg\:pl-2 {
		padding-left: .5rem
	}

	.lg\:pl-4 {
		padding-left: 1rem
	}

	.lg\:pl-8 {
		padding-left: 2rem
	}

	.lg\:pt-4 {
		padding-top: 1rem
	}

	.lg\:pt-8 {
		padding-top: 2rem
	}

	.lg\:pt-12 {
		padding-top: 3rem
	}

	.lg\:pt-16 {
		padding-top: 4rem
	}

	.lg\:pt-24 {
		padding-top: 6rem
	}

	.lg\:pt-32 {
		padding-top: 8rem
	}

	.lg\:pl-4 {
		padding-left: 1rem
	}

	.lg\:pl-12 {
		padding-left: 3rem
	}

	.lg\:pl-24 {
		padding-left: 6rem
	}

	.lg\:pr-12 {
		padding-right: 3rem
	}

	.lg\:pr-24 {
		padding-right: 6rem
	}

	.lg\:static {
		position: static
	}

	.lg\:absolute {
		position: absolute
	}

	.lg\:relative {
		position: relative
	}

	.lg\:sticky {
		position: sticky
	}

	.lg\:right-0 {
		right: 0px
	}

	.lg\:left-auto {
		left: auto
	}

	.lg\:bottom-1\/2 {
		bottom: 50%
	}

	.lg\:top-sticky-header {
		top: var(--sticky-header-height)
	}

	.lg\:text-left {
		text-align: left
	}

	.lg\:text-center {
		text-align: center
	}

	.lg\:text-right {
		text-align: right
	}

	.lg\:oldstyle-nums {
		--tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
		--tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
		--tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
		--tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
		--tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
		font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
	}

	.lg\:oldstyle-nums {
		--tw-numeric-figure: oldstyle-nums
	}

	.lg\:w-6 {
		width: 1.5rem
	}

	.lg\:h-6 {
		height: 1.5rem
	}

	.lg\:h-20 {
		height: 5rem
	}

	.lg\:w-24 {
		width: 6rem
	}

	.lg\:w-auto {
		width: auto
	}

	.lg\:w-1\/2 {
		width: 50%
	}

	.lg\:w-1\/3 {
		width: 33.333333%
	}

	.lg\:w-1\/4 {
		width: 25%
	}

	.lg\:w-2\/3 {
		width: 66.666667%
	}

	.lg\:w-3\/4 {
		width: 75%
	}

	.lg\:w-2\/5 {
		width: 40%
	}

	.lg\:w-3\/5 {
		width: 60%
	}

	.lg\:w-9\/10 {
		width: 90%
	}

	.lg\:w-4\/5 {
		width: 80%
	}

	.lg\:w-full {
		width: 100%
	}

	.lg\:w-12 {
		width: 3rem
	}

	.lg\:h-12 {
		height: 3rem
	}

	.lg\:gap-4 {
		gap: 1rem
	}

	.lg\:gap-8 {
		gap: 2rem
	}

	.lg\:gap-12 {
		gap: 3rem
	}

	.lg\:gap-y-8 {
		row-gap: 2rem
	}

	.lg\:gap-gutter {
		gap: var(--gutter)
	}

	.lg\:border-t-grid {
		border-top-width: var(--border-width)
	}

	.lg\:grid-cols-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr))
	}

	.lg\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.lg\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr))
	}

	.lg\:grid-cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr))
	}

	.lg\:grid-cols-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr))
	}

	.lg\:grid-cols-7 {
		grid-template-columns: 1.5fr .5fr 1fr 1fr 1fr 1fr 1fr
	}

	.lg\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr))
	}

	.lg\:col-2 {
		-moz-columns: 2;
		columns: 2;
		-moz-column-gap: 2rem;
		column-gap: 2rem
	}

	.lg\:col-span-1 {
		grid-column: span 1/span 1
	}

	.lg\:col-span-2 {
		grid-column: span 2/span 2
	}

	.lg\:col-span-3 {
		grid-column: span 3/span 3
	}

	.lg\:col-span-4 {
		grid-column: span 4/span 4
	}

	.lg\:col-span-5 {
		grid-column: span 5/span 5
	}

	.lg\:col-span-6 {
		grid-column: span 6/span 6
	}

	.lg\:col-span-7 {
		grid-column: span 7/span 7
	}

	.lg\:col-span-8 {
		grid-column: span 8/span 8
	}

	.lg\:col-span-9 {
		grid-column: span 9/span 9
	}

	.lg\:col-span-12 {
		grid-column: span 12/span 12
	}

	.lg\:col-start-5 {
		grid-column-start: 5
	}

	.lg\:col-start-6 {
		grid-column-start: 6
	}

	.lg\:col-start-7 {
		grid-column-start: 7
	}

	.lg\:col-start-9 {
		grid-column-start: 9
	}

	.lg\:col-start-10 {
		grid-column-start: 10
	}

	.lg\:col-end-13 {
		grid-column-end: 13
	}

	.lg\:col-count-2 {
		-moz-column-count: 2;
		column-count: 2
	}

	.lg\:col-count-3 {
		-moz-column-count: 3;
		column-count: 3
	}

	.lg\:col-count-4 {
		-moz-column-count: 4;
		column-count: 4
	}

	.lg\:background-video-wrapper--full-screen {
		padding-bottom: 100vh
	}

	.lg\:background-video-wrapper--four-three {
		padding-bottom: 75%
	}

	.lg\:background-video-wrapper--landscape {
		padding-bottom: 62.5%
	}

	.lg\:background-video-wrapper--widescreen {
		padding-bottom: 56.25%
	}

	.lg\:background-video-wrapper--cinematic {
		padding-bottom: 42.55319%
	}

	.lg\:square {
		min-height: 50vw
	}

	.lg\:font-light {
		font-weight: 100
	}

	.lg\:font-book {
		font-weight: 300
	}

	.lg\:font-normal {
		font-weight: 400
	}

	.lg\:font-medium {
		font-weight: 500
	}

	.lg\:font-bold {
		font-weight: 700
	}

	.text-modulap-p {
		font-size: 1rem;
		line-height: var(--base-line-height);
		font-weight: 300
	}

	.text-modulap-p.font-normal {
		font-weight: 400
	}

	.text-modulap-p.font-bold {
		font-weight: 700
	}

	.py-modulap {
		padding-top: 3rem;
		padding-bottom: 3rem
	}

	.px-modulap {
		padding-left: 3rem;
		padding-right: 3rem
	}

	.lg\:translate-x-16 {
		--tw-translate-x: 4rem
	}

	.lg\:-translate-x-16 {
		--tw-translate-x: -4rem
	}
}

@media(min-width: 1280px) {
	.xl\:oldstyle-nums {
		--tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
		--tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
		--tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
		--tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
		--tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
		font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
	}

	.xl\:oldstyle-nums {
		--tw-numeric-figure: oldstyle-nums
	}

	.xl\:absolute {
		position: absolute
	}

	.xl\:px-32 {
		padding-left: 8rem;
		padding-right: 8rem
	}

	.xl\:w-1\/2 {
		width: 50%
	}

	.xl\:pl-2 {
		padding-left: .5rem
	}

	.xl\:justify-around {
		justify-content: space-around
	}

	.xl\:px-16 {
		padding-left: 4rem;
		padding-right: 4rem
	}

	.xl\:px-24 {
		padding-left: 6rem;
		padding-right: 6rem
	}

	.xl\:text-base {
		font-size: 1rem;
		line-height: var(--base-line-height)
	}

	.xl\:text-2xl {
		font-size: 1.953rem;
		line-height: var(--base-line-height)
	}

	.xl\:text-3xl {
		font-size: 2.441rem;
		line-height: calc(var(--base-line-height)*.9)
	}

	.xl\:text-4xl {
		font-size: 3.052rem;
		line-height: calc(var(--base-line-height)*.9)
	}

	.xl\:text-5xl {
		font-size: 3.815rem;
		line-height: 1
	}

	.xl\:text-6xl {
		font-size: 4.768rem;
		line-height: 1
	}

	.xl\:text-7xl {
		font-size: 5.96rem;
		line-height: 1
	}

	.xl\:text-8xl {
		font-size: 7.2rem;
		line-height: 1
	}

	.xl\:text-9xl {
		font-size: 8.8rem;
		line-height: 1
	}

	.xl\:text-10xl {
		font-size: 11rem;
		line-height: 1
	}

	.xl\:grid-cols-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr))
	}

	.xl\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.xl\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.xl\:flex {
		display: flex
	}
}

@media(min-width: 1536px) {
	.\32 xl\:oldstyle-nums {
		--tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
		--tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
		--tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
		--tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
		--tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
		font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
	}

	.\32 xl\:oldstyle-nums {
		--tw-numeric-figure: oldstyle-nums
	}

	.\32 xl\:px-6 {
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}

	.\32 xl\:pt-10p {
		padding-top: 10%
	}

	.\32 xl\:pt-12 {
		padding-top: 3rem
	}

	.\32 xl\:pt-16 {
		padding-top: 4rem
	}

	.\32 xl\:pt-20 {
		padding-top: 5rem
	}

	.\32 xl\:text-base {
		font-size: 1rem
	}

	.\32 xl\:text-base {
		font-size: 1rem
	}

	.\32 xl\:col-span-4 {
		grid-column: span 4/span 4
	}

	.\32 xl\:col-span-8 {
		grid-column: span 8/span 8
	}

	.\32 xl\:col-span-9 {
		grid-column: span 9/span 9
	}

	.\32 xl\:col-start-5 {
		grid-column-start: 5
	}

	.\32 xl\:col-start-6 {
		grid-column-start: 6
	}

	.\32 xl\:col-start-7 {
		grid-column-start: 7
	}

	.\32 xl\:col-start-9 {
		grid-column-start: 9
	}

	.\32 xl\:col-start-10 {
		grid-column-start: 10
	}

	.\32 xl\:col-end-13 {
		grid-column-end: 13
	}

	.\32 xl\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr))
	}
}

.border-b {
	border-bottom: 1px;
	border-style: solid
}

.border-b-2 {
	border-bottom: 2px;
	border-style: solid
}

.border-t {
	border-top: 1px;
	border-style: solid
}

.border-t-black {
	border-top: 1px;
	border-style: solid;
	border-color: #000 !important
}

.border-b-black {
	border-bottom: 1px;
	border-style: solid;
	border-color: #000 !important
}

.border-t-2 {
	border-top: 2px;
	border-style: solid
}

.border-black {
	border-color: #000
}

.bg-grey {
	background-color: #e7e7e7
}

.table-wrapper table {
	border-width: 1px
}

.table-wrapper table tbody tr:first-child {
	background-color: #e7e7e7;
	border-bottom: 2px solid #000
}

.table-wrapper table tbody tr td {
	text-transform: uppercase;
	border-width: 1px
}

#before-after img {
	width: 100%
}

#before-after img:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
}

.before-after {
	position: relative;
	display: inline-block;
	vertical-align: top;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.before-after .photo img {
	display: block;
	max-width: 100%;
	height: auto
}

.before-after .photo.before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transform: translate(-48.5%)
}

.before-after .photo.before img,.before-after .photo.before .layer {
	transform: translate(48.5%)
}

.before-after .drag-handler {
	width: 3px;
	background-color: #000;
	margin: 0 0 0 -4px;
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	opacity: .25;
	width: 40px;
	background-color: rgba(0,0,0,0)
}

.before-after .drag-handler .drag-element2 {
	position: absolute;
	left: -16px;
	top: 50%;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 0;
	background-color: #fff;
	border: 2px #000 solid;
	cursor: pointer;
	transform: rotate(45deg)
}

.before-after .drag-handler .drag-element {
	pointer-events: none;
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	left: calc(50% - 16px);
	top: calc(50% - 18px);
	display: flex;
	justify-content: center;
	align-items: center
}

.before-after .drag-handler .drag-element:after {
	content: "";
	padding: 3px;
	display: inline-block;
	border: solid #5d5d5d;
	border-width: 0 2px 2px 0;
	transform: rotate(-45deg)
}

.before-after .drag-handler .drag-element:before {
	content: "";
	padding: 3px;
	display: inline-block;
	border: solid #5d5d5d;
	border-width: 0 2px 2px 0;
	transform: rotate(135deg)
}

.before-after:hover .drag-handler {
	opacity: 1
}

.rte .shipping-table {
	border-width: 0
}

.rte .shipping-table td,.rte .shipping-table th {
	border-width: 0
}

@media(hover: hover)and (pointer: fine) {
	.blog-section .gallery-image-cropped {
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		transition: filter .3s ease
	}

	.blog-section .group:hover .gallery-image-cropped {
		filter: grayscale(0%);
		-webkit-filter: grayscale(0%)
	}
}

@media(hover: none)and (pointer: coarse) {
	.blog-section .gallery-image-cropped {
		filter: none;
		-webkit-filter: none
	}
}

header nav .menu-item-with-submenu .submenu-container {
	background: rgba(245,245,245,.95) !important
}

header nav .menu-item-with-submenu .submenu-container .grandchild-menu a {
	position: relative
}

header nav .menu-item-with-submenu .submenu-container .grandchild-menu a:hover::after {
	content: "";
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 2px solid var(--color-primary-accent)
}

header nav .menu-item-with-submenu .submenu-container .grandchild-menu>div {
	border-right: 1px solid #c8c8c8
}

header nav .menu-item-with-submenu .submenu-container .grandchild-menu h2 {
	font-weight: bold
}

.template-index header nav .menu-item-with-submenu .submenu-container,#konfigurator header nav .menu-item-with-submenu .submenu-container {
	background: rgba(0,0,0,.85) !important
}

.template-index header nav .menu-item-with-submenu .submenu-container .grandchild-menu>div,#konfigurator header nav .menu-item-with-submenu .submenu-container .grandchild-menu>div {
	border-right: 1px solid #fafafa
}

.article-content h1 {
	text-transform: uppercase
}

.product-content-container .shopify-product-form fieldset {
	margin-top: 0
}

.product-content-container .shopify-product-form fieldset select {
	border: 1px solid #000;
	text-align: center;
	background-position: 97%
}

.product-content-container .product-options li {
	border: 2px solid #000;
	text-align: center;
	background-position: 97%
}

@media(min-width: 1024px) {
	.product-content-container .shopify-product-form fieldset select {
		width: 90%
	}
}

.type-product-grid-item .text-right span {
	font-weight: bold
}

.shopify-payment-button__button--unbranded:after {
	content: "" !important
}

.text-primary-meta {
	text-transform: uppercase
}

#MainContent .tier-card-area {
	max-width: none !important
}

#MainContent .tier-product-grid {
	display: flex;
	flex-direction: column
}

#MainContent .tier-product-grid .tier-product-column {
	display: flex;
	flex-direction: row;
	align-items: center;
	border-bottom: 2px solid #000
}

#MainContent .tier-product-grid .tier-product-column .tier-product-image {
	display: none
}

#MainContent .tier-product-grid .tier-product-column .tier-product-body {
	display: flex !important;
	flex-direction: row !important
}

#MainContent .tier-product-grid .tier-product-column .tier-product-body .tier-product-title-link {
	flex: 0 1 auto;
	display: flex;
	align-items: center;
	min-width: 120px;
	text-decoration: none;
	font-weight: bold
}

#MainContent .tier-product-grid .tier-product-column .tier-product-body .tier-product-title-link .tier-product-title {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 0
}

#MainContent .tier-product-grid .tier-product-column .tier-product-body .tier-product-price {
	font-size: 15px;
	flex: 0 1 auto;
	display: flex;
	align-items: center;
	min-width: 80px
}

#MainContent .tier-product-grid .tier-product-column .tier-product-body .tier-product-price .tier-price-item {
	padding: 0
}

#MainContent .tier-product-grid .tier-product-column .tier-product-body .tier-variant-css {
	width: 100%
}

#MainContent .tier-product-grid .tier-product-column .tier-product-body .tier-variant-css .tier-selector-label {
	display: none
}

#MainContent .tier-product-grid .tier-product-column .tier-product-body .tier-variant-css .tier-selector-wrapper {
	margin-bottom: 4px
}

#MainContent .tier-product-grid .tier-product-column .tier-product-body .tier-product-button-area-hidden {
	display: none !important
}

#MainContent .tier-product-grid .tier-product-column .tier-product-button-area {
	position: relative !important;
	width: auto !important;
	display: flex;
	flex-direction: row;
	margin-top: 0
}

#MainContent .tier-product-grid .tier-product-column .tier-product-button-area .tier-button-hidden {
	display: none
}

#MainContent .tier-product-grid .tier-product-column .tier-product-button-area button {
	width: 100%;
	padding: 3px 8px 3px 8px !important;
	margin-left: 3px !important;
	font-weight: bold;
	font-size: 14px
}

#MainContent .tier-product-grid .tier-product-column .tier-product-button-area button:after {
	display: none
}

.set-items-inner h5 {
	text-transform: uppercase
}

.set-items-inner ul.set-items {
	border-top: 2px solid #000
}

.set-items-inner ul.set-items li {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	border-bottom: 2px solid #000;
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	flex-wrap: wrap
}

.set-items-inner ul.set-items li span {
	width: 25%
}

.set-items-inner ul.set-items li span.title {
	width: 100%;
	font-weight: bold
}

.set-items-inner ul.set-items li span.beschreibung {
	width: 30%
}

.set-items-inner ul.set-items li span.w13 {
	width: 20%
}

.set-items-inner ul.set-items li:hover .product-preview {
	display: block
}

.set-items-inner ul.set-items li.divider {
	background-color: #c6f91f
}

.set-items-inner .product-preview {
	display: none;
	position: absolute;
	bottom: -80px;
	left: -204px;
	border: 2px solid #000;
	z-index: 10
}

.set-items-inner .product-preview:after {
	border-top: solid rgba(0,0,0,0) 10px;
	border-bottom: solid rgba(0,0,0,0) 10px;
	border-left: solid #000 10px;
	right: -10px;
	content: " ";
	height: 0;
	top: 50%;
	margin-top: -8px;
	position: absolute;
	width: 0
}

@media(min-width: 768px) {
	.set-items-inner ul.set-items li {
		flex-wrap: nowrap
	}

	.set-items-inner ul.set-items li span.title {
		width: 31%;
		font-weight: bold
	}

	.set-items-inner ul.set-items li span.beschreibung {
		width: 30%
	}

	.set-items-inner ul.set-items li span.w13 {
		width: 13%
	}
}

.tooltips-section .tooltip-item .tooltip-button .tooltip-index {
	background: rgba(255,255,255,.9);
	color: #000;
	box-shadow: 0 0 0 10px rgba(255,255,255,.5);
	animation: pulse 2s infinite;
	width: 36px;
	border: 2px solid #fff
}

.tooltips-section .tooltip-item .tooltip-button[aria-expanded=true] .tooltip-index {
	background: #000;
	color: #fff
}

.tooltips-section .tooltip-item .tooltip-overlay strong {
	font-weight: 800
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(255,255,255,.7)
	}

	70% {
		box-shadow: 0 0 0 10px rgba(255,255,255,0)
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255,255,255,0)
	}
}

.project-description li {
	border-bottom: 1px solid #000;
	text-transform: uppercase
}

.project-description li strong {
	font-weight: 800
}

.contact-form input::-moz-placeholder {
	color: #000
}

.contact-form input::placeholder {
	color: #000
}

.contact-form textarea::-moz-placeholder {
	color: #000
}

.contact-form textarea::placeholder {
	color: #000
}

.globo-formbuilder .globo-form-app .panels {
	z-index: 10
}

.globo-formbuilder form .content {
	margin: 0;
	border: 2px solid #000
}

.globo-formbuilder form .globo-form-control {
	margin-bottom: 1rem;
	border-bottom: 1px solid #000
}

.globo-formbuilder form .globo-form-control[data-type=checkbox] {
	display: flex;
	align-items: flex-start;
	border-bottom: none;
	flex-direction: column
}

.globo-formbuilder form .globo-form-control[data-type=radio] {
	border-bottom: none
}

.globo-formbuilder form .globo-form-control.inline-radio {
	display: flex;
	align-items: center;
	border-bottom: none
}

.globo-formbuilder form .globo-form-control.inline-radio label {
	display: inline-block;
	font-size: 18px;
	padding-right: 20px;
	text-transform: uppercase;
	font-weight: 300
}

.globo-formbuilder form .globo-form-control[data-type=acceptTerms] {
	border-bottom: none
}

.globo-formbuilder form .globo-form-control[data-type=acceptTerms] .checkbox-wrapper {
	padding-left: 27px
}

.globo-formbuilder form .globo-form-control.layout-2-column {
	width: calc(50% - 10px);
	margin-right: 20px;
	box-sizing: border-box
}

.globo-formbuilder form .globo-form-control.layout-2-column:nth-child(2n of .layout-2-column) {
	margin-right: 0
}

.globo-formbuilder form .globo-form-control.layout-3-column {
	width: calc(33.33% - 20px);
	margin-right: 20px;
	box-sizing: border-box
}

.globo-formbuilder form .globo-form-control.layout-3-column:nth-child(3n) {
	margin-right: 0
}

.globo-formbuilder form .globo-form-control .radio-wrapper {
	padding: 5px 10px 5px 24px
}

.globo-formbuilder form .globo-form-control .checkbox-wrapper {
	padding: 5px 10px 5px 24px
}

.globo-formbuilder form .globo-form-control input,.globo-formbuilder form .globo-form-control textarea,.globo-formbuilder form .globo-form-control select {
	border-radius: 0;
	background: rgba(0,0,0,0);
	font-size: 18px;
	font-weight: 300;
	padding-left: 0
}

.globo-formbuilder form .globo-form-control input::-moz-placeholder, .globo-formbuilder form .globo-form-control textarea::-moz-placeholder, .globo-formbuilder form .globo-form-control select::-moz-placeholder {
	color: #000;
	text-transform: uppercase
}

.globo-formbuilder form .globo-form-control input::placeholder,.globo-formbuilder form .globo-form-control textarea::placeholder,.globo-formbuilder form .globo-form-control select::placeholder {
	color: #000;
	text-transform: uppercase
}

.globo-formbuilder form .globo-form-control input {
	height: 30px;
	padding-left: 0
}

.globo-formbuilder form .globo-form-control select {
	text-transform: uppercase;
	height: 30px;
	padding-left: 0;
	padding-top: 0
}

.globo-formbuilder form .globo-form-control label[for*=file] {
	margin: 10px;
	display: block;
	border: 2px dashed #000;
	padding: 10px;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase
}

.globo-formbuilder form .globo-form-control input[type=file] {
	display: none
}

.globo-formbuilder form .globo-form-control legend {
	font-size: 18px;
	text-transform: uppercase;
	padding: 10px 12px
}

.globo-formbuilder form .globo-form-control ul {
	display: flex
}

.globo-formbuilder form .globo-form-control ul li {
	margin-top: 0 !important
}

.globo-formbuilder form .globo-form-control .checkbox-wrapper .checkbox-input~.checkbox-label:before {
	border-radius: 0;
	box-shadow: none !important
}

.globo-formbuilder form .globo-form-control .checkbox-wrapper .checkbox-input:checked~.checkbox-label:after {
	background: #ff0a82;
	border: 1px solid #000;
	box-shadow: inset 0 0px 0px 3px #fff
}

.globo-formbuilder form .globo-form-control .checkbox-wrapper .checkbox-label {
	text-transform: uppercase;
	font-size: 16px
}

.globo-formbuilder form .globo-form-control .radio-wrapper .radio-input~.radio-label:before {
	border-radius: 0;
	box-shadow: none !important
}

.globo-formbuilder form .globo-form-control .radio-wrapper .radio-input~.radio-label:after {
	border-radius: 0
}

.globo-formbuilder form .globo-form-control .radio-wrapper .radio-input:checked~.radio-label:after {
	background: #ff0a82;
	border: 1px solid #000;
	box-shadow: inset 0 0px 0px 3px #fff
}

.globo-formbuilder form .globo-form-control .radio-wrapper .radio-label {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 400
}

.globo-formbuilder form .footer button.submit {
	border-radius: 0;
	font-weight: bold;
	text-transform: uppercase
}

.globo-formbuilder .form-messestand-guide form .globo-form-control {
	margin-bottom: 1rem;
	border-bottom: 1px solid #000
}

.globo-formbuilder .form-messestand-guide form .globo-form-control[data-type=checkbox] {
	margin-bottom: 1rem;
	border-bottom: 1px solid #000;
	border-bottom: none
}

.globo-formbuilder .form-messestand-guide form .globo-form-control[data-type=checkbox] label {
	margin-bottom: 12px
}

.globo-formbuilder .form-messestand-guide form .globo-form-control[data-type=checkbox] .checkbox-wrapper {
	padding: 2px 10px 5px 24px
}

.globo-formbuilder .form-messestand-guide form .globo-form-control[data-type=checkbox] .checkbox-wrapper label {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0
}

.globo-formbuilder .form-messestand-guide form .globo-form-control[data-type=radio] {
	margin-bottom: 1rem;
	border-bottom: 1px solid #000;
	border-bottom: none
}

.globo-formbuilder .form-messestand-guide form .globo-form-control[data-type=radio] label {
	margin-bottom: 12px
}

.globo-formbuilder .form-messestand-guide form .globo-form-control[data-type=radio] .flex-wrap {
	width: 100%
}

.globo-formbuilder .form-messestand-guide form .globo-form-control[data-type=radio] .radio-wrapper {
	padding: 2px 10px 5px 24px
}

.globo-formbuilder .form-messestand-guide form .globo-form-control[data-type=radio] .radio-wrapper label {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0
}

.globo-formbuilder .form-messestand-guide form .globo-form-control[data-type=acceptTerms] {
	border-bottom: none
}

.globo-formbuilder .form-messestand-guide form .globo-form-control[data-type=acceptTerms] .checkbox-wrapper {
	padding-left: 27px
}

.globo-formbuilder .form-messestand-guide form .globo-form-control input::-moz-placeholder, .globo-formbuilder .form-messestand-guide form .globo-form-control textarea::-moz-placeholder, .globo-formbuilder .form-messestand-guide form .globo-form-control select::-moz-placeholder {
	color: #888;
	text-transform: none
}

.globo-formbuilder .form-messestand-guide form .globo-form-control input::placeholder,.globo-formbuilder .form-messestand-guide form .globo-form-control textarea::placeholder,.globo-formbuilder .form-messestand-guide form .globo-form-control select::placeholder {
	color: #888;
	text-transform: none
}

.globo-formbuilder .form-messestand-guide form .globo-form-control label {
	font-size: 18px;
	display: block
}

.popup {
	z-index: 99
}

#newsletter-popup .globo-form-app {
	margin-bottom: 0
}

#newsletter-popup .globo-formbuilder form .globo-form-control .checkbox-wrapper {
	padding: 10px 0px 10px 33px
}

#newsletter-popup .globo-formbuilder form .globo-form-control .checkbox-wrapper .checkbox-label {
	text-transform: none;
	font-size: 14px;
	line-height: 1;
	font-weight: 300
}

#stockist-widget .stockist-search-form .stockist-search-field {
	font-size: .8rem
}

#stockist-widget .stockist-search-form .stockist-search-field::-moz-placeholder {
	font-size: .8rem
}

#stockist-widget .stockist-search-form .stockist-search-field::placeholder {
	font-size: .8rem
}

#stockist-widget .stockist-search-filter-checkbox label {
	font-size: .8rem
}

#stockist-widget .stockist-search-filter-checkbox label input {
	margin-top: 8px
}

#stockist-widget .stockist-result-list .stockist-result {
	font-size: .8rem
}

#sub-nav {
	position: absolute;
	right: 0
}

#sub-nav nav {
	width: 150px;
	height: 200px;
	padding: 0 0px;
	position: fixed;
	top: 50%;
	right: 20px;
	transform: translate(0, -50%);
	z-index: 10000;
	text-align: right
}

#sub-nav nav ul li a {
	text-decoration: none
}

#sub-nav nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

#sub-nav .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 10px;
	z-index: 999;
	content: "";
	color: rgba(0,0,0,0);
	font-size: 14px;
	line-height: 10px;
	vertical-align: middle;
	margin: 5px 0 5px 0;
	font-weight: 300
}

#sub-nav .dot:hover {
	background-color: #ff0a82;
	color: #fff
}

#sub-nav .dot span {
	margin: 0px 0px 20px 15px;
	position: relative;
	top: 0px;
	left: -125px;
	display: inline-block;
	min-width: 100px
}

#sub-nav .name-active {
	background-color: #ff0a82;
	text-align: right
}

#shopify-section-1619956245cf8f3fe6 .section-title.border-grid-color {
	border-color: #fff
}

#shopify-section-1619956245cf8f3fe6 .section-title.bg-primary-background {
	background-color: #000
}

#shopify-section-1619956245cf8f3fe6 .section-title.text-primary-text {
	color: #fff
}

#shopify-section-1619956245cf8f3fe6 .featured-collection {
	border-top: 1px solid #fff
}

.sd-tooltips .splide .splide__arrows {
	position: absolute;
	top: 50%;
	z-index: 99999;
	width: 100%
}

.sd-tooltips .splide .splide__arrows path {
	fill: #fff
}

.sd-tooltips .splide .splide__arrows .splide__arrow--prev {
	position: absolute;
	left: 50px;
	transform: rotate(180deg)
}

.sd-tooltips .splide .splide__arrows .splide__arrow--next {
	position: absolute;
	right: 50px
}

.template-collection .splide {
	cursor: none !important
}

.cursor {
	z-index: 1000;
	pointer-events: none;
	top: 0;
	left: 0;
	position: absolute;
	margin-top: -26px;
	margin-left: -26px;
	transition: transform .1s ease-out
}

.cursor.left-arrow {
	transform: rotate(0)
}

.cursor.right-arrow {
	transform: rotate(180deg)
}

.cursor.hide {
	display: none
}

.main-navigation>div>a:nth-child(5):after {
	content: "Neu";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	color: #ff0a82;
	font-weight: 700;
	font-size: 16px
}

.main-navigation>div>a:hover:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 5px;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #ff0a82
}

.main-navigation-mobile>ul>li:nth-child(4) {
	position: relative
}

.main-navigation-mobile>ul>li:nth-child(4) a {
	position: relative
}

.main-navigation-mobile>ul>li:nth-child(4) a:after {
	content: "Neu";
	display: block;
	position: absolute;
	top: 15px;
	right: -35px;
	color: #ff0a82;
	font-weight: 700;
	font-size: 18px
}

.sticky-sub-navigation {
	top: 40px;
	max-height: 80px;
	z-index: 20;
	opacity: 0;
	transition: all .5s ease
}

.sticked .sticky-sub-navigation {
	opacity: 1;
	top: 79px
}

#daten-upload #MainContent .shopify-section [data-filepond-item-state=processing-complete] .filepond--item-panel {
	background-color: #ff0a82 !important
}

#daten-upload #MainContent .shopify-section .filepond--drop-label label {
	font-family: var(--body-font-stack);
	font-size: 1rem !important
}

.template-product .img-info {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #000;
	color: #fff;
	padding: 2px 10px;
	text-transform: uppercase;
	font-size: 1rem
}

#fade-image {
	top: .5rem;
	left: .5rem;
	max-width: 150px
}

@media(min-width: 768px) {
	#fade-image {
		left: 2.5rem;
		top: 2.5rem;
		max-width: 320px
	}
}

@media(min-width: 1200px) {
	#fade-image {
		bottom: 2.5rem;
		left: 2.5rem;
		top: auto;
		max-width: 320px
	}
}

.product-desc h6 {
	margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.tl-switcher-container .tl-switcher:hover .tl-select .tl-label {
	color: #ff0a82
}

.tl-switcher-container .tl-switcher:hover .tl-select::after {
	border-color: #ff0a82
}

.tl-switcher-container .tl-select::after {
	transition: transform .3s ease
}

.tl-switcher-container .tl-select {
	font-size: 18px
}

.tl-switcher-container .tl-option span {
	color: #000;
	font-size: 18px
}

.splide.center-splide {
	cursor: default !important
}

.splide.center-splide .splide__slide {
	opacity: .5;
	transition: opacity .5s ease;
	border-left: 1px solid #000
}

.splide.center-splide .splide__slide.is-active {
	opacity: 1
}

.play-video-btn {
	position: absolute;
	bottom: 25px;
	right: 25px;
	padding: 15px;
	color: #000;
	font-size: 16px;
	border: none;
	cursor: pointer;
	z-index: 11;
	transition: all .5s cubic-bezier(0.8, 0, 0.2, 1)
}

.play-video-btn svg {
	width: 100%;
	height: 100%
}

.play-video-btn span.icon-pause {
	display: none
}

.play-video-btn.playing span.icon-play {
	display: none
}

.play-video-btn.playing span.icon-pause {
	display: block
}

.play-video-btn span.icon-play,.play-video-btn span.icon-pause {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none
}

.ml-video-section .play-video-btn {
	bottom: 50%;
	right: 50%;
	transform: scale(2) translate(25%, 25%)
}

.ml-video-section .play-video-btn.playing {
	bottom: 25px;
	right: 25px;
	transform: scale(1)
}

.progress-indicator {
	opacity: 0
}

.progress-indicator ._progress {
	transition: stroke-dashoffset .3s ease
}

.progress-indicator.visible {
	opacity: 1;
	transition: opacity .5s ease-in-out
}

.progress-indicator.hidden {
	opacity: 0;
	transition: opacity .5s ease-in-out
}

.image-carousel .swiper .swiper-slide {
	opacity: .5;
	transition: opacity .5s ease
}

.image-carousel .swiper .swiper-slide.swiper-slide-active {
	opacity: 1
}

.swiper .swiper-button-next:after,.swiper .swiper-rtl .swiper-button-prev:after {
	content: ""
}

.swiper .swiper-button-prev:after,.swiper .swiper-rtl .swiper-button-next:after {
	content: ""
}

.splide.border-splide {
	cursor: default !important
}

.splide.border-splide .splide__slide {
	border-left: 1px solid #000
}

.function-button {
	position: relative
}

.function-button:hover {
	color: var(--color-secondary-accent)
}

.function-button:hover span svg {
	fill: var(--color-secondary-accent)
}

.function-button.active {
	color: var(--color-secondary-accent)
}

.function-button.active span svg {
	fill: var(--color-secondary-accent)
}

.function-button.left-active::after {
	width: calc(200% + 145px)
}

.function-button.right-active::after {
	width: calc(100% + 140px)
}

#configurator-section4 #offer-image {
	max-height: 100%
}

#floating-configurator-button {
	z-index: 999999
}

#configurator-section1::after {
	content: "";
	display: block;
	width: 100%;
	height: 200px;
	background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	z-index: 10;
	position: absolute;
	bottom: 0
}

#configurator-section6 {
	height: 100vh;
	overflow: hidden;
	display: flex;
	left: 0;
	background: var(--text-color);
	color: var(--bg-color)
}

#configurator-section6 .build-brand {
	height: 30vh
}

.pin-wrap {
	height: 70vh;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 140px 10vw 10px 10vw
}

.pin-wrap>* {
	min-width: 60vw;
	padding: 0 1vw
}

.pin-wrap img {
	height: 60vh;
	width: auto;
	-o-object-fit: cover;
	object-fit: cover
}

@media(max-width: 1024px) {
	.pin-wrap {
		height: 60vh
	}
}

.scroll-down {
	position: absolute;
	bottom: 80px;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 20
}

.scroll-down span {
	display: block;
	width: 20px;
	height: 20px;
	border-bottom: 2px solid #c6f91f;
	border-right: 2px solid #c6f91f;
	transform: rotate(45deg);
	margin: -10px;
	animation: animate 2s infinite
}

.scroll-down span:nth-child(2) {
	animation-delay: -0.2s
}

.scroll-down span:nth-child(3) {
	animation-delay: -0.4s
}

@keyframes animate {
	0% {
		opacity: 0;
		transform: rotate(45deg) translate(-20px, -20px)
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0;
		transform: rotate(45deg) translate(20px, 20px)
	}
}

#scroll-indicator {
	position: fixed;
	top: 0;
	right: 0;
	width: 7px;
	height: 0%;
	background-color: #c6f91f;
	z-index: 9999
}

.expand-text-container .expand-text {
	position: relative;
	max-height: 100px;
	overflow: hidden
}

.expand-text-container .expand-text::after {
	content: "";
	background: #fff;
	background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.expand-text-container .ml_more {
	display: flex
}

.expand-text-container .ml_less {
	display: none
}

.expand-text-container.expanded .expand-text {
	max-height: 9999px
}

.expand-text-container.expanded .expand-text::after {
	display: none
}

.expand-text-container.expanded .ml_more {
	display: none
}

.expand-text-container.expanded .ml_less {
	display: flex
}

#menu-toggle {
	z-index: 100000000000;
	position: fixed;
	top: 16px;
	right: 40px;
	padding: 7px;
	border-radius: 50%
}

#ml-hamburger .line {
	width: 24px;
	height: 1px;
	background-color: #000;
	display: block;
	margin: 6px auto;
	transition: transform .3s ease-in-out
}

#ml-hamburger:hover {
	cursor: pointer
}

#ml-hamburger:hover .line {
	background-color: #ff0a82
}

.transparent-navigation #ml-hamburger .line {
	background-color: #fff
}

.transparent-navigation #ml-hamburger:hover .line {
	background-color: #ff0a82
}

.transparent-navigation .tl-select::after {
	border-color: #fff
}

body.menu-open #ml-hamburger .line:nth-child(2),body.search-open #ml-hamburger .line:nth-child(2) {
	opacity: 0;
	z-index: 1000
}

body.menu-open #ml-hamburger .line:nth-child(1),body.search-open #ml-hamburger .line:nth-child(1) {
	transform: translateY(9px) rotate(45deg)
}

body.menu-open #ml-hamburger .line:nth-child(3),body.search-open #ml-hamburger .line:nth-child(3) {
	transform: translateY(-9px) rotate(-45deg)
}

.navigation-container .ml-navigation {
	background: #fff;
	color: #000;
	border-bottom: 1px solid #000
}

.navigation-container.transparent-navigation {
	position: fixed
}

.navigation-container.transparent-navigation #ml-hamburger .line {
	background-color: #fff
}

.navigation-container.transparent-navigation #ml-hamburger:hover .line {
	background-color: #ff0a82
}

.navigation-container.transparent-navigation .ml-navigation {
	background: #000;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.8015581232) 0%, rgba(0, 0, 0, 0) 100%);
	color: #fff;
	border-bottom: none
}

.navigation-container.transparent-navigation .ml-navigation::after {
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	position: absolute;
	background: #000;
	border-bottom: 1px solid #eee;
	transition: opacity .3s ease;
	opacity: 0
}

.navigation-container .tl-switcher-container .tl-select {
	font-size: 30px;
	padding-bottom: 7px
}

.sticked .navigation-container.transparent-navigation {
	position: fixed
}

.sticked .navigation-container.transparent-navigation #ml-hamburger .line {
	background-color: #fff
}

.sticked .navigation-container.transparent-navigation .ml-navigation::after {
	opacity: 1
}

.backdrop {
	display: none;
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.5);
	opacity: 0;
	cursor: pointer;
	transition: opacity .5s;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px)
}

.menu-open .backdrop {
	opacity: 1;
	display: block;
	z-index: 51
}

.menu-open .offcanvas-menu {
	z-index: 1000
}

.menu-open #menu-toggle #ml-hamburger .line {
	background-color: #c6f91f
}

@media(min-width: 1025px) {
	#ml-hamburger .line {
		width: 36px;
		height: 1px;
		margin: 8px auto
	}
}

.search-open #menu-toggle #ml-hamburger .line {
	background-color: #fff
}

.offcanvas-menu {
	top: 0;
	bottom: 0;
	left: -30vw;
	width: 30vw;
	background: #fff;
	transition: left .5s cubic-bezier(0.8, 0, 0.2, 1);
	z-index: -1;
	display: none
}

.offcanvas-menu.menu-initialized {
	display: block
}

.offcanvas-menu .mainmenu-container {
	position: relative;
	background: #e0e0e0;
	z-index: 20;
	overflow-y: auto;
	padding: 40px 40px 60px 40px
}

.offcanvas-menu .mainmenu-container::-webkit-scrollbar,.offcanvas-menu .submenu::-webkit-scrollbar {
	display: none
}

.offcanvas-menu ul.mainmenu {
	position: relative
}

.offcanvas-menu ul.mainmenu li {
	display: flex;
	justify-content: space-between
}

.offcanvas-menu ul.mainmenu a {
	text-transform: uppercase;
	color: #555;
	cursor: pointer;
	width: 100%
}

.offcanvas-menu ul.mainmenu a>span {
	position: relative
}

.offcanvas-menu ul.mainmenu a:hover {
	color: #000
}

.offcanvas-menu ul.mainmenu a .badge {
	background: #c6f91f;
	padding: 1px 5px 0 5px;
	position: absolute;
	top: -10px;
	left: 105%;
	font-size: .8rem;
	border-radius: 3px;
	line-height: .9rem
}

.offcanvas-menu .submenu ul.level-3 li {
	padding: 2px 0px
}

.offcanvas-menu .submenu-regular {
	border-right: 1px solid #fff
}

.offcanvas-menu .submenu-regular ul.level-2 {
	margin-bottom: 15px
}

.offcanvas-menu .submenu-regular ul a:hover {
	color: #c6f91f
}

.offcanvas-menu .submenu-big ul li.hover a strong {
	color: #c6f91f
}

.offcanvas-menu ul {
	list-style: none;
	margin-left: 0
}

.offcanvas-menu ul li {
	padding: 15px 0px
}

.offcanvas-menu a {
	color: #333
}

.offcanvas-content {
	padding: 0px
}

.submenu {
	position: absolute;
	height: 100vh;
	top: 0;
	left: 0vw;
	width: 30vw;
	background: #000;
	color: #fff;
	transition: left .5s cubic-bezier(0.8, 0, 0.2, 1);
	z-index: 10;
	overflow-y: auto
}

.submenu-regular {
	padding: 33px 60px 40px 60px
}

.submenu-big {
	padding: 0;
	width: 30vw;
	background-color: rgba(0,0,0,0)
}

.submenu-big .submenu-wrapper {
	background-color: #000;
	width: 30vw;
	min-height: 100vh;
	border-right: 1px solid #fff;
	padding-top: 26px
}

.submenu-big .submenu-wrapper ul li {
	border-bottom: 1px solid #fff;
	padding: 0
}

.submenu-big ul li a {
	display: flex;
	align-items: center
}

.submenu-big ul li a .text {
	padding: 20px 60px 20px 60px
}

.submenu-big.show-submenu ul li.hover .nav-image {
	display: block;
	left: 60vw
}

.submenu a {
	color: #fff
}

.offcanvas-menu .controls {
	display: none;
	justify-content: space-between;
	padding: 0px 0px 10px 0px
}

.mainmenu-container .controls {
	display: none
}

.offcanvas-menu .controls svg {
	cursor: pointer
}

.submenu-big .controls {
	padding: 15px 60px 15px 60px
}

.show-menu {
	left: 0
}

.show-submenu {
	left: 30vw
}

.offcanvas-menu svg {
	width: 24px;
	height: 24px
}

.nav-image {
	display: block;
	position: fixed;
	left: -40vw;
	top: 0;
	height: 100vh;
	width: 40vw;
	z-index: -1;
	transition: left .5s cubic-bezier(0.8, 0, 0.2, 1)
}

.nav-image .image {
	position: relative;
	height: 100vh;
	width: 40vw
}

.nav-image svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	transform: scale(2)
}

@media(max-width: 1024px) {
	.menu-open #menu-toggle {
		display: none
	}

	#menu-toggle {
		top: 8px;
		right: 20px
	}

	.mainmenu-container .controls {
		display: flex
	}

	.offcanvas-menu {
		width: 100vw;
		left: -100vw
	}

	.offcanvas-menu .controls {
		display: flex
	}

	.offcanvas-menu .mainmenu-container {
		padding: 20px 40px
	}

	.offcanvas-menu ul li {
		padding: 6px 0px
	}

	.submenu-regular {
		padding: 20px 40px
	}

	.submenu-big .submenu-wrapper {
		width: 100%;
		padding-top: 0;
		padding-bottom: 50px
	}

	.submenu-big .submenu-wrapper ul li:first-child {
		border-top: 1px solid #fff
	}

	.submenu-big .controls {
		padding: 20px 40px 20px 40px
	}

	.submenu-big ul li a img {
		border-right: 1px solid #fff
	}

	.submenu-big ul li a .text {
		padding: 5px 20px 5px 20px
	}

	.submenu {
		left: -100vw;
		position: absolute;
		width: 100%;
		overflow-y: auto;
		overflow-x: visible;
		z-index: 30
	}

	.show-submenu {
		left: 0
	}

	.show-menu {
		left: 0
	}

	.nav-image {
		display: none !important
	}
}

#search-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	transform: translateY(-100%);
	transition: transform .5s cubic-bezier(0.8, 0, 0.2, 1);
	z-index: 1000;
	display: none
}

#search-screen.search-initialized {
	display: flex
}

#search-screen.open {
	transform: translateY(0)
}

body.search-open {
	overflow: hidden
}/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */.flickity-enabled {
	position: relative
}

.flickity-enabled:focus {
	outline: none
}

.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%
}

.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%
}

.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: grabbing
}

.flickity-button {
	position: absolute;
	background: rgba(255,255,255,.75);
	border: none;
	color: #333
}

.flickity-button:hover {
	background: #fff;
	cursor: pointer
}

.flickity-button:focus {
	outline: none;
	box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
	opacity: .6
}

.flickity-button:disabled {
	opacity: .3;
	cursor: auto;
	pointer-events: none
}

.flickity-button-icon {
	fill: currentColor
}

.flickity-prev-next-button {
	top: 50%;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
	left: 10px
}

.flickity-prev-next-button.next {
	right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%
}

.flickity-page-dots {
	position: absolute;
	width: 100%;
	bottom: -25px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1
}

.flickity-rtl .flickity-page-dots {
	direction: rtl
}

.flickity-page-dots .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	background: #333;
	border-radius: 50%;
	opacity: .25;
	cursor: pointer
}

.flickity-page-dots .dot.is-selected {
	opacity: 1
}

.text-reset .normal-case {
	text-transform: none
}

.text-reset .font-light {
	font-weight: 100
}

.text-reset .font-book {
	font-weight: 300
}

.text-reset .font-normal {
	font-weight: 400
}

.text-reset .font-medium {
	font-weight: 500
}

.text-reset .font-bold {
	font-weight: 700
}

.text-reset .font-body {
	font-family: var(--body-font-stack);
	font-weight: var(--body-font-weight);
	font-style: var(--body-font-style);
	text-transform: var(--body-font-style);
	letter-spacing: 0;
	text-decoration: none;
	text-transform: var(--bopy-copy-transform)
}

.text-reset .text-2xl {
	font-size: 1.953rem;
	line-height: var(--base-line-height)
}

.col-dd-dropdown-container {
	min-height: 400px;
	width: 100%;
	position: absolute;
	top: 76px;
	left: 0
}

#ml-quick-menu a.menu-item {
	transition: transform .2s ease-in-out
}

#ml-quick-menu a.menu-item:hover {
	transform: translateX(6px)
}

#ml-quick-menu-pages {
	display: flex;
	transition: transform .3s ease-in-out;
	width: 200%;
	height: auto
}

.ml-page {
	flex: 0 0 50%;
	width: 50%
}

.ml-move-left {
	transform: translateX(-50%)
}

.ml-move-right {
	transform: translateX(0)
}

#ml-quick-menu-content {
	transition: transform .5s cubic-bezier(0.8, 0, 0.2, 1),opacity .5s cubic-bezier(0.8, 0, 0.2, 1);
	transform: translateY(50px);
	opacity: 0
}

#ml-quick-menu-content.open {
	transform: translateY(0);
	opacity: 1
}

#ml-quick-menu-content.open .animate-me {
	opacity: 1
}

html.lenis,html.lenis body {
	height: auto
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
	overflow: clip
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain
}

.lenis.lenis-smooth iframe {
	pointer-events: none
}

.lenis.lenis-autoToggle {
	transition-property: overflow;
	transition-duration: 1ms;
	transition-behavior: allow-discrete
}

.gpo-element.gpo-form__group.ap_120 {
	border: none;
	padding: 0
}

.gpo-element.gpo-form__group.ap_120 label {
	font-size: .8rem
}

.gpo-element.gpo-form__group.ap_120 label .label-content {
	font-size: .8rem
}

.gpo-element.gpo-form__group.ap_120 .gpo-swatches {
	gap: 0
}

section.AP_120 .gpo-group {
	margin-bottom: 0
}/*# sourceMappingURL=theme.min.css.map */