@font-face {
  font-family: Montserrat;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/static/customer/cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2") format("woff2"),
       url("/static/customer/cdn/fonts/montserrat/montserrat_n5.adf9b4bd8b0e4f55a0b203cdd84512667e0d5e4d.woff") format("woff");
}

@font-face {
  font-family: Montserrat;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/static/customer/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
       url("/static/customer/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
}

@font-face {
  font-family: Montserrat;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("/static/customer/cdn/fonts/montserrat/montserrat_i5.d3a783eb0cc26f2fda1e99d1dfec3ebaea1dc164.woff2") format("woff2"),
       url("/static/customer/cdn/fonts/montserrat/montserrat_i5.76d414ea3d56bb79ef992a9c62dce2e9063bc062.woff") format("woff");
}

@font-face {
  font-family: Montserrat;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("/static/customer/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
       url("/static/customer/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
}

@font-face {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/static/customer/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
       url("/static/customer/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
}

:root, .color-background-1 {
    --color-background: 255,255,255;
    --gradient-background: #ffffff;
    --color-foreground: 18,18,18;
    --color-background-contrast: 191,191,191;
    --color-shadow: 18,18,18;
    --color-button: 184,156,207;
    --color-button-text: 255,255,255;
    --color-secondary-button: 255,255,255;
    --color-secondary-button-text: 18,18,18;
    --color-link: 18,18,18;
    --color-badge-foreground: 18,18,18;
    --color-badge-background: 255,255,255;
    --color-badge-border: 18,18,18;
    --payment-terms-background-color: rgb(255 255 255);
}

.color-background-2 {
    --color-background: 67,20,112;
    --gradient-background: #431470;
    --color-foreground: 255,255,255;
    --color-background-contrast: 80,24,134;
    --color-shadow: 18,18,18;
    --color-button: 255,255,255;
    --color-button-text: 243,243,243;
    --color-secondary-button: 67,20,112;
    --color-secondary-button-text: 18,18,18;
    --color-link: 18,18,18;
    --color-badge-foreground: 255,255,255;
    --color-badge-background: 67,20,112;
    --color-badge-border: 255,255,255;
    --payment-terms-background-color: rgb(67 20 112);
}
        
.color-inverse {
    --color-background: 36,40,51;
    --gradient-background: #242833;
    --color-foreground: 255,255,255;
    --color-background-contrast: 47,52,66;
    --color-shadow: 18,18,18;
    --color-button: 255,255,255;
    --color-button-text: 0,0,0;
    --color-secondary-button: 36,40,51;
    --color-secondary-button-text: 255,255,255;
    --color-link: 255,255,255;
    --color-badge-foreground: 255,255,255;
    --color-badge-background: 36,40,51;
    --color-badge-border: 255,255,255;
    --payment-terms-background-color: rgb(36 40 51);
}
      
.color-accent-1 {
    --color-background: 18,18,18;
    --gradient-background: #121212;
    --color-foreground: 255,255,255;
    --color-background-contrast: 146,146,146;
    --color-shadow: 18,18,18;
    --color-button: 255,255,255;
    --color-button-text: 18,18,18;
    --color-secondary-button: 18,18,18;
    --color-secondary-button-text: 255,255,255;
    --color-link: 255,255,255;
    --color-badge-foreground: 255,255,255;
    --color-badge-background: 18,18,18;
    --color-badge-border: 255,255,255;
    --payment-terms-background-color: rgb(18 18 18);
}

.color-accent-2 {
    --color-background: 184,156,207;
    --gradient-background: #b89ccf;
    --color-foreground: 255,255,255;
    --color-background-contrast: 122,77,159;
    --color-shadow: 18,18,18;
    --color-button: 255,255,255;
    --color-button-text: 51,79,180;
    --color-secondary-button: 184,156,207;
    --color-secondary-button-text: 255,255,255;
    --color-link: 255,255,255;
    --color-badge-foreground: 255,255,255;
    --color-badge-background: 184,156,207;
    --color-badge-border: 255,255,255;
    --payment-terms-background-color: rgb(184 156 207);
}

.color-scheme-311ee9e2-bd36-44d6-ae6b-c9452e76f92c {
	--color-background: 244,244,236;
	--gradient-background: #f4f4ec;
	--color-foreground: 18,18,18;
	--color-background-contrast: 197,197,155;
	--color-shadow: 18,18,18;
	--color-button: 184,156,207;
	--color-button-text: 255,255,255;
	--color-secondary-button: 244,244,236;
	--color-secondary-button-text: 18,18,18;
	--color-link: 18,18,18;
	--color-badge-foreground: 18,18,18;
	--color-badge-background: 244,244,236;
	--color-badge-border: 18,18,18;
	--payment-terms-background-color: rgb(244 244 236);
}

body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-scheme-311ee9e2-bd36-44d6-ae6b-c9452e76f92c {
	color: rgba(var(--color-foreground), 0.75);
	background-color: rgb(var(--color-background));
}

:root {
	--font-body-family: Montserrat, sans-serif;
	--font-body-style: normal;
	--font-body-weight: 500;
	--font-body-weight-bold: 800;

	--font-heading-family: Montserrat, sans-serif;
	--font-heading-style: normal;
	--font-heading-weight: 400;

	--font-body-scale: 1.0;
	--font-heading-scale: 1.0;

	--media-padding: px;
	--media-border-opacity: 0.05;
	--media-border-width: 1px;
	--media-radius: 0px;
	--media-shadow-opacity: 0.0;
	--media-shadow-horizontal-offset: 0px;
	--media-shadow-vertical-offset: 4px;
	--media-shadow-blur-radius: 5px;
	--media-shadow-visible: 0;

	--page-width: 120rem;
	--page-width-margin: 0rem;

	--product-card-image-padding: 0.0rem;
	--product-card-corner-radius: 0.0rem;
	--product-card-text-alignment: left;
	--product-card-border-width: 0.0rem;
	--product-card-border-opacity: 0.1;
	--product-card-shadow-opacity: 0.0;
	--product-card-shadow-visible: 0;
	--product-card-shadow-horizontal-offset: 0.0rem;
	--product-card-shadow-vertical-offset: 0.4rem;
	--product-card-shadow-blur-radius: 0.5rem;

	--collection-card-image-padding: 0.0rem;
	--collection-card-corner-radius: 0.0rem;
	--collection-card-text-alignment: left;
	--collection-card-border-width: 0.0rem;
	--collection-card-border-opacity: 0.1;
	--collection-card-shadow-opacity: 0.0;
	--collection-card-shadow-visible: 0;
	--collection-card-shadow-horizontal-offset: 0.0rem;
	--collection-card-shadow-vertical-offset: 0.4rem;
	--collection-card-shadow-blur-radius: 0.5rem;

	--blog-card-image-padding: 0.0rem;
	--blog-card-corner-radius: 0.0rem;
	--blog-card-text-alignment: left;
	--blog-card-border-width: 0.0rem;
	--blog-card-border-opacity: 0.1;
	--blog-card-shadow-opacity: 0.0;
	--blog-card-shadow-visible: 0;
	--blog-card-shadow-horizontal-offset: 0.0rem;
	--blog-card-shadow-vertical-offset: 0.4rem;
	--blog-card-shadow-blur-radius: 0.5rem;

	--badge-corner-radius: 4.0rem;

	--popup-border-width: 1px;
	--popup-border-opacity: 0.1;
	--popup-corner-radius: 0px;
	--popup-shadow-opacity: 0.05;
	--popup-shadow-horizontal-offset: 0px;
	--popup-shadow-vertical-offset: 4px;
	--popup-shadow-blur-radius: 5px;

	--drawer-border-width: 1px;
	--drawer-border-opacity: 0.1;
	--drawer-shadow-opacity: 0.0;
	--drawer-shadow-horizontal-offset: 0px;
	--drawer-shadow-vertical-offset: 4px;
	--drawer-shadow-blur-radius: 5px;

	--spacing-sections-desktop: 0px;
	--spacing-sections-mobile: 0px;

	--grid-desktop-vertical-spacing: 8px;
	--grid-desktop-horizontal-spacing: 8px;
	--grid-mobile-vertical-spacing: 4px;
	--grid-mobile-horizontal-spacing: 4px;

	--text-boxes-border-opacity: 0.1;
	--text-boxes-border-width: 0px;
	--text-boxes-radius: 0px;
	--text-boxes-shadow-opacity: 0.0;
	--text-boxes-shadow-visible: 0;
	--text-boxes-shadow-horizontal-offset: 0px;
	--text-boxes-shadow-vertical-offset: 4px;
	--text-boxes-shadow-blur-radius: 5px;

	--buttons-radius: 0px;
	--buttons-radius-outset: 0px;
	--buttons-border-width: 1px;
	--buttons-border-opacity: 1.0;
	--buttons-shadow-opacity: 0.0;
	--buttons-shadow-visible: 0;
	--buttons-shadow-horizontal-offset: 0px;
	--buttons-shadow-vertical-offset: 4px;
	--buttons-shadow-blur-radius: 5px;
	--buttons-border-offset: 0px;

	--inputs-radius: 0px;
	--inputs-border-width: 1px;
	--inputs-border-opacity: 0.55;
	--inputs-shadow-opacity: 0.0;
	--inputs-shadow-horizontal-offset: 0px;
	--inputs-margin-offset: 0px;
	--inputs-shadow-vertical-offset: 4px;
	--inputs-shadow-blur-radius: 5px;
	--inputs-radius-outset: 0px;

	--variant-pills-radius: 40px;
	--variant-pills-border-width: 1px;
	--variant-pills-border-opacity: 0.55;
	--variant-pills-shadow-opacity: 0.0;
	--variant-pills-shadow-horizontal-offset: 0px;
	--variant-pills-shadow-vertical-offset: 4px;
	--variant-pills-shadow-blur-radius: 5px;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	font-size: calc(var(--font-body-scale) * 62.5%);
	height: 100%;
}

body {
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	grid-template-columns: 100%;
	min-height: 100%;
	margin: 0;
	font-size: 1.5rem;
	letter-spacing: 0.06rem;
	line-height: calc(1 + 0.8 / var(--font-body-scale));
	font-family: var(--font-body-family);
	font-style: var(--font-body-style);
	font-weight: var(--font-body-weight);
}

@media screen and (min-width: 750px) {
	body {
		font-size: 1.6rem;
	}
}

header-drawer {
	justify-self: start;
	margin-left: -1.2rem;
}

@media screen and (min-width: 990px) {
	header-drawer {
		display: none;
	}
}

.menu-drawer-container {
	display: flex;
}

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

.list-menu--inline {
	display: inline-flex;
	flex-wrap: wrap;
}

summary.list-menu__item {
	padding-right: 2.7rem;
}

.list-menu__item {
	display: flex;
	align-items: center;
	line-height: calc(1 + 0.3 / var(--font-body-scale));
}

.list-menu__item--link {
	text-decoration: none;
	padding-bottom: 1rem;
	padding-top: 1rem;
	line-height: calc(1 + 0.8 / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
	.list-menu__item--link {
		padding-bottom: 0.5rem;
		padding-top: 0.5rem;
	}
}
.header {
	padding: 10px 3rem 10px 3rem;
}

.section-header {
	position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
	margin-bottom: 0px;
}

@media screen and (min-width: 750px) {
	.section-header {
		margin-bottom: 0px;
	}
}

@media screen and (min-width: 990px) {
	.header {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}