*,
*:before,
*:after {
	outline: 0;
	box-sizing: border-box
}

*,
:focus,
:focus-visible,
:hover {
	outline: 0;
	scrollbar-width: thin
}

.focus-inside:focus-visible {
	outline-offset: -2px
}

html,
html:hover,
html:focus,
html:focus-visible {
	scrollbar-width: none
}

html {
	scrollbar-color: #888 transparent
}

.scrollbar {
	display: none;
	pointer-events: none;
	width: 6px;
	top: 6px;
	bottom: 6px;
	right: 6px;
	mix-blend-mode: difference;
	z-index: 96;
	transition: .3s cubic-bezier(.87, 0, .13, 1);
	position: fixed
}

body.overflow-hidden div#scrollbar {
	visibility: hidden;
	opacity: 0
}

.scrollbar-thumb {
	pointer-events: auto;
	width: 100%;
	min-height: 1.875rem;
	height: 2.8125rem;
	background-color: #fefefe;
	border-radius: 3px;
	cursor: default
}

html.js noscript,
html.no-js .no-js-hidden {
	display: none !important
}

html.no-js .swiper {
	visibility: visible
}

html.no-js .swiper-pagination {
	display: none
}

p:empty {
	display: none
}

ul,
ol {
	margin: 0;
	list-style: none;
	padding: 0
}

a {
	text-decoration: none;
	color: #e1e1e1;
	cursor: pointer
}

.page-width {
	max-width: var(--page-width);
	margin: 0 auto;
	padding: 0 1.5rem
}

body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
	max-width: 100%
}

@keyframes marqueAnimationX {
	0% {
		transform: translateZ(0);
		visibility: visible
	}

	to {
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes marqueAnimationY {
	0% {
		transform: translateZ(0);
		visibility: visible
	}

	to {
		transform: translate3d(0, -100%, 0)
	}
}

.page-margin,
.shopify-challenge__container {
	margin: 7rem auto
}

.rte-width {
	max-width: 82rem;
	margin: 0 auto 2rem
}

.list-unstyled {
	margin: 0;
	padding: 0;
	list-style: none
}

.overflow-hidden {
	overflow: hidden
}

.skip-to-content-link {
	position: absolute !important;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0 0 0 0);
	word-wrap: normal !important
}

.skip-to-content-link:focus {
	z-index: 9999;
	position: inherit;
	overflow: auto;
	width: auto;
	height: auto;
	clip: auto;
	top: 10px;
	left: 10px
}

.full-width-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2
}

p {
	margin: 0;
	font-size: var(--text-lg);
	color: #e1e1e1;
	line-height: var(--body-line-height)
}

.rte p {
	font-size: inherit
}

p+p {
	margin-top: 16px
}

.rte p+p {
	margin-top: inherit
}

blockquote {
	font-style: italic;
	color: rgba(var(--text-color), .75);
	border-left: .2rem solid rgba(var(--text-color), .2);
	padding-left: 1rem
}

table+table {
	margin-top: 16px
}

table:not([class]) td,
table:not([class]) th {
	padding: 1em;
	border: .1rem solid var(--border-color)
}

a:empty,
ul:empty,
dl:empty,
div:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
	display: none
}

a:not([href]) {
	cursor: not-allowed
}

details>* {
	box-sizing: border-box
}

.visibility-hidden {
	visibility: hidden
}

.svg-wrapper {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: var(--svg-wrapper-size, 20px);
	width: var(--svg-wrapper-size, 20px);
	height: var(--svg-wrapper-size, 20px)
}

.svg-wrapper.hide {
	display: none
}

.svg-wrapper>svg {
	height: 100%;
	width: 100%
}

*:focus,
.form-control:focus {
	outline: 0;
	box-shadow: none
}

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

.placeholder-svg {
	display: block;
	fill: #222;
	max-width: 100%;
	max-height: 100%
}

.media-wrapper {
	position: relative;
	overflow: hidden
}

.media {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: var(--image-ratio);
	background: var(--image-bg)
}

.media-fixed {
	padding-bottom: 0;
	height: 100%
}

.media>*,
.media img,
.media .placeholder-svg,
.media video,
.media iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	object-position: center
}

.media.media-contain>*,
.media.media-contain img,
.media.media-contain .placeholder-svg,
.media.media-contain video,
.media.media-contain iframe {
	object-fit: contain
}

.media-overlay:after {
	content: "";
	background: rgba(var(--image-overlay-background), var(--image-overlay-opacity));
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 0
}

.animate-hover img {
	transition: .6s ease
}

deferred-media,
deferred-media-video {
	display: block;
	width: 100%;
	height: 100%
}

product-model model-viewer,
media-gallery deferred-media-video.deferred-media video {
	display: block;
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

.deferred-media-poster-button {
	--svg-wrapper-size: 40px;
	cursor: pointer;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--button-background)
}

.product-media-modal-model .deferred-media-poster-button {
	--svg-wrapper-size: 30px;
	padding: 5px;
	background: #ffffff3d;
	color: var(--text-color);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 5px;
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center
}

.product-media .product-media-modal-model .shopify-model-viewer-ui .shopify-model-viewer-ui__button {
	color: var(--text-color)
}

.product-media-modal-model .deferred-media-poster-button svg {
	background: transparent;
	color: var(--text-color)
}

.deferred-media-poster-button:hover {
	color: var(--button-background-hover)
}

.deferred-media-poster-button svg .play-path {
	color: var(--button-text)
}

.deferred-media-poster-button:hover svg .play-path {
	color: var(--button-text-hover)
}

.rte table {
	table-layout: fixed
}

.table-responsive table {
	table-layout: auto
}

@media screen and (min-width: 750px) {
	.rte table td {
		padding-left: 1.2rem;
		padding-right: 1.2rem
	}
}

.rte img {
	height: auto;
	max-width: 100%;
	margin-bottom: 15px;
	border-radius: var(--card-radius);
	border: 1px solid var(--border-color)
}

.rte ul,
.rte ol {
	padding-left: 1.5rem;
	white-space: normal;
	list-style-position: inside
}

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

.rte ol {
	list-style-type: decimal
}

.rte li {
	list-style: inherit
}

.rte li:last-child {
	margin-bottom: 0
}

.no-container {
	width: 100%;
	max-width: 100%
}

.shopify-policy__body p,
.shopify-policy__body li {
	font-size: var(--text-xs) !important
}

.container,
.container-sm,
.container-md,
.container-fullwidth,
.shopify-policy__container {
	width: 100%;
	max-width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.container {
	max-width: var(--container)
}

.container-sm {
	max-width: var(--container-sm)
}

.container-md,
.shopify-policy__container {
	max-width: var(--container-md)
}

.shopify-policy__container {
	padding-block: 30px
}

*:focus-visible,
.form-control:focus-visible {
	outline: 2px solid var(--text-color);
	outline-offset: 2px;
	transition: unset !important;
	z-index: 1
}

@media (max-width: 767px) {
	.deferred-media-poster-button {
		--svg-wrapper-size: 40px
	}
}

@media (min-width: 768px) {

	.container,
	.container-sm,
	.container-md,
	.container-fullwidth,
	.shopify-policy__container {
		padding-right: 20px;
		padding-left: 20px
	}

	.shopify-policy__container {
		padding-block: 40px
	}

	.deferred-media-poster-button {
		--svg-wrapper-size: 60px
	}
}

@media (min-width: 1025px) {
	.scrollbar {
		display: block
	}

	.hyperlink:hover,
	a:hover {
		color: var(--link-hover-color)
	}

	.deferred-media-poster-button {
		--svg-wrapper-size: 80px
	}
}

/*# sourceMappingURL=/cdn/shop/t/8/assets/base.css.map?v=14355056588806109471748583477 */