/** Shopify CDN: Minification failed

Line 168:0 Unexpected "<"
Line 243:0 Unexpected "<"
Line 270:60 Expected identifier but found "0"
Line 377:0 Unexpected "<"

**/

/* variables */
:root {
	/* grid */
	--column-count: 12;
	--grid-main: repeat(var(--column-count), minmax(0, 1fr));
	--grid-1: repeat(1, minmax(0, 1fr));
	--grid-2: repeat(2, minmax(0, 1fr));
	--grid-3: repeat(3, minmax(0, 1fr));
	--grid-4: repeat(4, minmax(0, 1fr));
	--grid-5: repeat(5, minmax(0, 1fr));
	--grid-6: repeat(6, minmax(0, 1fr));
	--grid-7: repeat(7, minmax(0, 1fr));
	--grid-8: repeat(8, minmax(0, 1fr));
	--grid-9: repeat(9, minmax(0, 1fr));
	--grid-10: repeat(10, minmax(0, 1fr));
	--grid-11: repeat(11, minmax(0, 1fr));
	--grid-12: repeat(12, minmax(0, 1fr));
	--grid-gap-total: calc(var(--grid-gap--main) * (var(--column-count) - 1));
	--grid-width: calc(min(var(--max-width--main), 100vw) - (var(--padding-horizontal--main) * 2));
	--column-width: calc((var(--grid-width) - var(--grid-gap-total)) / var(--column-count) + var(--grid-gap--main));
	--column-width--1: calc(var(--column-width) * 1 - var(--grid-gap--main));
	--column-width--2: calc(var(--column-width) * 2 - var(--grid-gap--main));
	--column-width--3: calc(var(--column-width) * 3 - var(--grid-gap--main));
	--column-width--4: calc(var(--column-width) * 4 - var(--grid-gap--main));
	--column-width--5: calc(var(--column-width) * 5 - var(--grid-gap--main));
	--column-width--6: calc(var(--column-width) * 6 - var(--grid-gap--main));
	--column-width--7: calc(var(--column-width) * 7 - var(--grid-gap--main));
	--column-width--8: calc(var(--column-width) * 8 - var(--grid-gap--main));
	--column-width--9: calc(var(--column-width) * 9 - var(--grid-gap--main));
	--column-width--10: calc(var(--column-width) * 10 - var(--grid-gap--main));
	--column-width--11: calc(var(--column-width) * 11 - var(--grid-gap--main));
	--column-width--12: calc(var(--column-width) * 12 - var(--grid-gap--main));
	--breakout-gutter: minmax(calc(var(--padding-horizontal--main) - var(--grid-gap--main)), 1fr);
	--breakout-remaining: calc(var(--max-width--main) - (var(--padding-horizontal--main) * 2));
	--breakout-start: [full-start] var(--breakout-gutter) [content-start];
	--breakout-end: [content-end] var(--breakout-gutter) [full-end];
	--grid-breakout-single: var(--breakout-start) minmax(0, var(--breakout-remaining)) var(--breakout-end);
	--grid-breakout: var(--breakout-start) repeat(var(--column-count), minmax(0, calc((var(--breakout-remaining) - var(--grid-gap-total)) / var(--column-count)))) var(--breakout-end);
	/* others */
	--font-weight--inherit: inherit;
	--font-weight--100: 100;
	--font-weight--200: 200;
	--font-weight--300: 300;
	--font-weight--400: 400;
	--font-weight--500: 500;
	--font-weight--600: 600;
	--font-weight--700: 700;
	--font-weight--800: 800;
	--font-weight--900: 900;
	--text-transform--none: none;
	--text-transform--uppercase: uppercase;
	--text-transform--capitalize: capitalize;
	--text-transform--lowercase: lowercase;
	--text-transform--inherit: inherit;
	--max-width--none: none;
}
/* default styles */
body {
	font-weight: var(--text-main--font-weight);
	text-transform: var(--text-main--text-transform);
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, p, label, blockquote {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin-top: 0;
	margin-bottom: 0;
}
button {
	background-color: unset;
	padding: unset;
	text-align: inherit;
	cursor: pointer;
}
img::selection {
	background: transparent;
}
:is(h1, h2, h3, h4, h5, h6, p) a {
	text-decoration: underline;
}
.u-rich-text > *:first-child,
.u-rich-text .w-richtext > *:first-child {
	margin-top: 0;
}
.u-rich-text > *:last-child,
.u-rich-text .w-richtext > *:last-child {
	margin-bottom: 0;
}
video {
	width: 100%;
	object-fit: cover;
}
video.wf-empty {
	padding: 0;
}
svg {
	display: block;
}
section, header, footer {
	position: relative;
}
@media (prefers-color-scheme: light) {
	option {
		color: black;
	}
}
.wf-design-mode .g_clickable_wrap {
	z-index: -1;
}
/* line clamp */
.u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.u-line-clamp-2 { -webkit-line-clamp: 2; }
.u-line-clamp-3 { -webkit-line-clamp: 3; }
.u-line-clamp-4 { -webkit-line-clamp: 4; }
/* focus states */
[tabindex]:focus-visible,
a:focus-visible,
button:focus-visible,
.w-checkbox-input--inputType-custom.w--redirected-focus,
.w-form-formradioinput--inputType-custom.w--redirected-focus {
	outline: 2px solid var(--theme--text);
	outline-offset: 4px;
}
.w-checkbox-input--inputType-custom.w--redirected-focus,
.w-form-formradioinput--inputType-custom.w--redirected-focus {
	box-shadow: none;
}
/* section padding */
[data-padding-top="none"] { padding-top: var(--padding-vertical--none); }
[data-padding-bottom="none"] { padding-bottom: var(--padding-vertical--none); }
[data-padding-top="small"] { padding-top: var(--padding-vertical--small); }
[data-padding-bottom="small"] { padding-bottom: var(--padding-vertical--small); }
[data-padding-top="main"] { padding-top: var(--padding-vertical--main); }
[data-padding-bottom="main"] { padding-bottom: var(--padding-vertical--main); }
[data-padding-top="large"] { padding-top: var(--padding-vertical--large); }
[data-padding-bottom="large"] { padding-bottom: var(--padding-vertical--large); }
.u-hide-rich-text-media > *:not(h1,h2,h3,h4,h5,h6,p,blockquote),
.u-hide-if-empty-cms:not(:has(.w-dyn-item)),
.u-embed-js,
.u-embed-css {
	display: none !important;
}
.g_clickable_wrap a[href="#"] {
	display: none;
}
.g_clickable_wrap a[href="#"] ~ button {
	display: block;
}
.w-webflow-badge {
	display: none;
}
</style>
    </div>
    <div class="page_code_responsive w-embed">
      <style>
/* desktop */
:root {
	/* custom */
}
/* tablet */
@media screen and (max-width: 991px) {
	:root {
		/* custom */
		--padding-horizontal--main: 2rem;
		/* adaptive sizes */
		--size--2rem: 1.75rem;
		--size--2-5rem: 2.18rem;
		--size--3rem: 2.52rem;
		--size--3-5rem: 2.73rem;
		--size--4rem: 3rem;
		--size--4-5rem: 3.375rem;
		--size--5rem: 3.75rem;
		--size--5-5rem: 4.125rem;
		--size--6rem: 4.5rem;
		--size--6-5rem: 4.875rem;
		--size--7rem: 5.25rem;
		--size--7-5rem: 5.625rem;
		--size--8rem: 6rem;
		--size--8-5rem: 6.375rem;
		--size--9rem: 6.75rem;
		--size--9-5rem: 7.125rem;
		--size--10rem: 7.5rem;
		--size--11rem: 8.25rem;
		--size--12rem: 9rem;
		--size--13rem: 9.75rem;
		--size--14rem: 10.5rem;
		--size--15rem: 11.25rem;
		--size--16rem: 12rem;
	}
}
/* landscape */
@media screen and (max-width: 767px) {
	:root {
		/* custom */
		--padding-horizontal--main: 1rem;
		/* adaptive sizes */
		--size--2-5rem: 2rem;
		--size--3rem: 2.25rem;
		--size--3-5rem: 2.375rem;
		--size--4rem: 2.5rem;
		--size--4-5rem: 2.75rem;
		--size--5rem: 3rem;
		--size--5-5rem: 3.25rem;
		--size--6rem: 3.5rem;
		--size--6-5rem: 3.75rem;
		--size--7rem: 4rem;
		--size--7-5rem: 4.25rem;
		--size--8rem: 4.5rem;
		--size--8-5rem: 4.75rem;
		--size--9rem: 5rem;
		--size--9-5rem: 5.25rem;
		--size--10rem: 5.5rem;
		--size--11rem: 5.75rem;
		--size--12rem: 6rem;
		--size--13rem: 6.5rem;
		--size--14rem: 7rem;
		--size--15rem: 7.5rem;
		--size--16rem: 8rem;
	}
}
/* portrait */
@media screen and (max-width: 479px) {
	:root {
		/* custom */
	}
}
</style>
    </div>
    <div class="page_code_custom w-embed">
      <style>
.loader {
	position: absolute;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}
.breadcrumbs_item:not(:last-child):after {
  content: '/';
  margin: 0 .5rem;
  font-size: 0.75rem;
}
.form_icon-field .form_input {
border-radius: 0 var(--radius--small) var(--radius--small); 0;
}
textarea, input {
	resize: none;
  outline: none; 
}
select {
      -webkit-appearance: none; /* Remove default arrow for WebKit browsers */
      -moz-appearance: none; /* Remove default arrow for Firefox */
      appearance: none; /* Remove default arrow for modern browsers */
      outline: none; /* Remove default blue outline */
}
.radio-button_label:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 24px; /* adjusted width */
  height: 24px; /* adjusted height */
  border: 1px solid #00000030;
  border-radius: 50%;
}
.radio-button input:checked + .radio-button_label:before {
  background-color: #000; /* changed color to black */
}
.checkbox_label:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 24px; /* adjusted width */
  height: 24px; /* adjusted height */
  border: 1px solid #00000030;
  border-radius: 0.25rem;
}
.checkbox input:checked + .checkbox_label:before {
  background-color: #000; /* changed color to black */
}
/* SWITCH */
.switch_slider:before {
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  left: 0.25rem;
  bottom: 0.25rem;
  background-color: #00000030;
  border-radius: 50%;
  transition: transform 0.4s;
}
.switch input:checked + .switch_slider {
  background-color: #000000;
  outline: black;
}
.switch input:checked + .switch_slider:before {
  background-color: white;
}
.switch input:checked + .switch_slider:before {
  transform: translateX(1.25rem);
}
/* Hide the number input arrows */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
}
.variant-option input[type=radio]:checked + label {
background-color: black;
color: white;
}
.tooltip:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 4px solid transparent; /* Adjust size as needed */
  border-right: 4px solid transparent; /* Adjust size as needed */
  border-top: 4px solid black; /* Adjust size and color as needed */
}
/*width*/
[scrollbar]::-webkit-scrollbar {
  width:2px;
  height: 2px;
}
/*track*/
[scrollbar]::-webkit-scrollbar-track {
background:rgb(255, 255, 255);
}
/*thumb*/
[scrollbar]::-webkit-scrollbar-thumb {
  background:rgb(0, 0, 0);
}
svg {
	pointer-events: none;
}
[dashed-border] {
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23EC3463' stroke-width='1' stroke-dasharray='9%2c 12' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
border-radius: 100rem;
}
</style>
    </div>
  </div>
  <div class="styleguide_guide_wrap padding-global">
    <div class="w-embed">
      <style>
html:not(.wf-design-mode) .styleguide_guide_wrap {
	display: none;
}
.styleguide_guide_list {
	counter-reset: gridguides;
}
.styleguide_guide_list > div::before {
  counter-increment: gridguides;
  content: counter(gridguides);
}

@media only screen and (max-width: 911px) {
    .shop-modal_wrapper > :nth-child(n+6) {
        display: none !important;
    }
}

@media screen and (max-width: 911px) {
	.nested-swiper_slide:not(.is--active) {
	  height: 0px!important;
	}
}
  

/* Base style for all elements with data-underscore */
[data-underscore] {
    display: inline-block;
    position: relative;
    
}

[data-underscore]::before {
    content: ""; /* Empty content for the underscore */
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 1px; /* Thickness of the underscore */
    width: 0; /* Start with zero width */
    background-color: currentColor; /* Inherit the font color */
    transition: width 0.3s ease; /* Smooth transition on hover */
}

/* On hover, animate the width of the underscore */
[data-underscore]:hover::before {
    width: 100%; /* Full width on hover */
}


html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: clip;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}