@font-face {
  font-family: Fa v4compatibility;
  src: url('../fonts/fa-v4compatibility.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa 400";
  src: url('../fonts/fa-regular-400.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa brands 400";
  src: url('../fonts/fa-brands-400.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa solid 900";
  src: url('../fonts/fa-solid-900.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --brand--color--secondary--secondary-6: #e6eaea;
  --brand--fonts--font-family-primary: Inter, sans-serif;
  --brand--color--neutral--neutral-1: var(--brand--color--neutral--neutral-2);
  --base--fonts--font-size-100: 16px;
  --spacing--spacing-200: 8px;
  --width--width-container: 1600px;
  --spacing--spacing-100: 4px;
  --spacing--spacing-1000: 64px;
  --spacing--spacing-900: 36px;
  --spacing--spacing-800: 32px;
  --spacing--spacing-400: 16px;
  --spacing--spacing-700: 28px;
  --border--border-radius-200: 8px;
  --brand--color--secondary--secondary-1: #586767;
  --brand--color--neutral--neutral-6: var(--base--color--neutral--white);
  --brand--color--neutral--neutral-3: var(--base--color--neutral--800);
  --brand--color--neutral--neutral-2: var(--base--color--neutral--900);
  --spacing--spacing-300: 12px;
  --brand--color--neutral--neutral-4: var(--base--color--neutral--300);
  --base--color--neutral--100: whitesmoke;
  --brand--color--primary--primary-1: #aadf22;
  --base--fonts--font-size-300: 24px;
  --base--fonts--font-size-200: 20px;
  --base--fonts--font-size-1400: 72px;
  --base--fonts--font-size-1000: 56px;
  --base--fonts--font-size-800: 48px;
  --base--fonts--font-size-600: 36px;
  --base--fonts--font-size-400: 28px;
  --height--height-1000\<deleted\|variable-08fc1ec0-82e4-de28-807a-308427e55f35\>: 40px;
  --border--border-width-100: 1px;
  --spacing--spacing-600: 24px;
  --border--border-width-200: 2px;
  --base--color--neutral--50: #fafafa;
  --base--fonts--font-size-500: 32px;
  --base--color--neutral--600: #757575;
  --border--border-radius-100: 4px;
  --spacing--spacing-500: 20px;
  --border--border-radius-300: 12px;
  --border--border-radius-400: 16px;
  --border--border-radius-500: 20px;
  --border--border-radius-600: 32px;
  --border--border-radius-full: 999px;
  --border--border-radius-0: 0px;
  --base--color--neutral--200: #eee;
  --base--color--neutral--300: #e0e0e0;
  --base--color--neutral--400: #bdbdbd;
  --base--color--neutral--500: #9e9e9e;
  --base--color--neutral--700: #616161;
  --base--color--neutral--800: #424242;
  --base--color--neutral--900: #212121;
  --base--color--slate--50: #f8fafc;
  --base--color--slate--100: #f1f5f9;
  --base--color--slate--200: #e2e8f0;
  --base--color--slate--300: #cbd5e1;
  --base--color--slate--400: #94a3b8;
  --base--color--slate--500: #64748b;
  --base--color--slate--600: #475569;
  --base--color--slate--700: #334155;
  --base--color--slate--800: #1e293b;
  --base--color--slate--900: #0f172a;
  --base--color--red--50: #ffebee;
  --base--color--red--100: #ffcdd2;
  --base--color--red--200: #ef9a9a;
  --base--color--red--300: #e57373;
  --base--color--red--400: #ef5350;
  --base--color--red--500: #f44336;
  --base--color--red--600: #e53935;
  --base--color--red--700: #d32f2f;
  --base--color--red--800: #c62828;
  --base--color--red--900: #b71c1c;
  --base--color--purple--50: #8e4ec6;
  --base--color--purple--100: #8e4ec6;
  --base--color--purple--200: #8457aa;
  --base--color--purple--300: #664282;
  --base--color--purple--400: #54346b;
  --base--color--purple--500: #48295c;
  --base--color--purple--600: #3d224e;
  --base--color--purple--800: #1e1523;
  --base--color--purple--900: #18111b;
  --base--color--blue--50: #3b9eff;
  --base--color--blue--100: #0090ff;
  --base--color--blue--200: #2870bd;
  --base--color--blue--300: #205d9e;
  --base--color--blue--400: #104d87;
  --base--color--blue--600: #003362;
  --base--color--blue--700: #0d2847;
  --base--color--blue--800: #111927;
  --base--color--blue--900: #0d1520;
  --base--color--green--50: #f0fdf4;
  --base--color--green--100: #dcfce7;
  --base--color--green--200: #bbf7d0;
  --base--color--green--300: #86efac;
  --base--color--green--400: #4ade80;
  --base--color--green--500: #22c55e;
  --base--color--green--600: #16a34a;
  --base--color--green--700: #15803d;
  --base--color--green--800: #166534;
  --base--color--green--900: #14532d;
  --base--color--orange--50: #fff7ed;
  --base--color--orange--100: #ffedd5;
  --base--color--orange--200: #fed7aa;
  --base--color--orange--300: #fdba74;
  --base--color--orange--400: #fb923c;
  --base--color--orange--500: #f97316;
  --base--color--orange--600: #ea580c;
  --base--color--orange--700: #c2410c;
  --base--color--orange--800: #9a3412;
  --base--color--orange--900: #7c2d12;
  --base--color--yellow--50: #fefce8;
  --base--color--yellow--100: #fef9c3;
  --base--color--yellow--200: #fef08a;
  --base--color--yellow--300: #fde047;
  --base--color--yellow--400: #facc15;
  --base--color--yellow--500: #eab308;
  --base--color--yellow--600: #ca8a04;
  --base--color--yellow--700: #a16207;
  --base--color--yellow--800: #854d0e;
  --base--color--yellow--900: #713f12;
  --base--color--lime--50: #d4ff70;
  --base--color--lime--100: #bdee63;
  --base--color--lime--200: #577538;
  --base--color--lime--300: #496231;
  --base--color--lime--400: #3d522a;
  --base--color--lime--500: #334423;
  --base--color--lime--600: #29371d;
  --base--color--lime--700: #1f2917;
  --base--color--lime--800: #151a10;
  --base--color--lime--900: #11130c;
  --brand--color--primary--primary-2: #b6e442;
  --brand--color--primary--primary-3: #c3e861;
  --brand--color--primary--primary-4: #cfed81;
  --brand--color--primary--primary-5: #dbf1a0;
  --brand--color--primary--primary-6: #e7f6c0;
  --brand--color--secondary--secondary-2: #6d7f7f;
  --brand--color--secondary--secondary-3: #849696;
  --brand--color--secondary--secondary-4: #9dabab;
  --brand--color--secondary--secondary-5: #b5c0c0;
  --brand--color--info--info-1: #ffe6a6;
  --brand--color--info--info-2: #f4d27a;
  --brand--color--info--info-3: white;
  --brand--color--success--success-1: #8beab1;
  --brand--color--success--success-2: #5ace89;
  --brand--color--success--success-3: white;
  --brand--color--neutral--neutral-5: var(--base--color--neutral--50);
  --brand--fonts--font-family-secondary: "DM Mono", sans-serif;
  --brand--color--alpha--alpha-default-60: #fff9;
  --brand--color--alpha--alpha-inverse-60: #0009;
  --brand--color--error--error-1: #c33149;
  --brand--color--error--error-2: #5e0b15;
  --brand--color--error--error-3: white;
  --brand--color--error--error-4: white;
  --brand--color--error--error-5: white;
  --brand--color--error--error-6: white;
  --base--color--blue--500: #004074;
  --base--color--neutral--white: white;
  --base--color--neutral--black: #000;
  --base--color--purple--700: #301c3b;
  --base--color--stone--50: #fafaf9;
  --base--color--stone--100: #f5f5f4;
  --base--color--stone--200: #e7e5e4;
  --base--color--stone--300: #d6d3d1;
  --base--color--stone--400: #a8a29e;
  --base--color--stone--500: #78716c;
  --base--color--stone--600: #57534e;
  --base--color--stone--700: #44403c;
  --base--color--stone--800: #292524;
  --base--color--stone--900: #1c1917;
  --base--fonts--font-family-sans: "DM Sans", sans-serif;
  --base--fonts--font-family-mono: "DM Mono", sans-serif;
  --base--fonts--font-family-serif: "PT Serif", serif;
  --base--fonts--font-size-50: 14px;
  --base--fonts--font-size-700: 40px;
  --base--fonts--font-size-900: 52px;
  --base--fonts--font-size-1100: 60px;
  --base--fonts--font-size-1200: 64px;
  --base--fonts--font-size-1300: 68px;
  --border--border-width-0: 0px;
  --border--border-width-300: 4px;
  --width--width-full: 100svw;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}

body {
  background-color: var(--brand--color--secondary--secondary-6);
  font-family: var(--brand--fonts--font-family-primary);
  color: var(--brand--color--neutral--neutral-1);
  font-size: var(--base--fonts--font-size-100);
  line-height: 140%;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--brand--color--neutral--neutral-1);
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 20px;
}

li {
  margin-bottom: var(--spacing--spacing-200);
}

.container {
  max-width: var(--width--width-container);
  padding: var(--spacing--spacing-200);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.container.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container.grid.colordeck {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: 48px;
  grid-auto-rows: 48px;
  padding-top: 0;
  padding-bottom: 0;
}

.container.flex {
  margin-bottom: var(--spacing--spacing-100);
  flex-wrap: wrap;
  padding: 0;
  display: flex;
}

.container.flex.cc_center {
  justify-content: center;
}

.container.flex.horizontal {
  flex-direction: row;
}

.container.vflex {
  margin-bottom: var(--spacing--spacing-100);
  flex-flow: column;
  padding: 0;
  display: flex;
}

.section {
  padding: var(--spacing--spacing-1000) var(--spacing--spacing-900);
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.contact {
  min-height: 70vh;
}

.hero {
  padding: var(--spacing--spacing-800) 40px var(--spacing--spacing-1000);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 90vh;
  display: flex;
}

.c-text-wrapper {
  margin-bottom: var(--spacing--spacing-400);
  grid-column-gap: var(--spacing--spacing-200);
  grid-row-gap: var(--spacing--spacing-200);
  flex-flow: column;
  justify-content: space-between;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-wrapper {
  margin-bottom: var(--spacing--spacing-200);
  grid-column-gap: var(--spacing--spacing-400);
  grid-row-gap: var(--spacing--spacing-400);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-wrapper.u-flex-align-center {
  justify-content: center;
  align-items: center;
}

.text-wrapper.u-flex-align-center.is--center {
  text-align: center;
}

.text-wrapper.u-vertical {
  flex-flow: row;
}

.button {
  padding: var(--spacing--spacing-400) var(--spacing--spacing-700);
  border-radius: var(--border--border-radius-200);
  background-color: var(--brand--color--neutral--neutral-1);
  color: var(--brand--color--secondary--secondary-6);
  text-shadow: none;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color .4s cubic-bezier(.645, .045, .355, 1), color .4s cubic-bezier(.645, .045, .355, 1);
  display: inline-block;
}

.button:hover {
  background-color: var(--brand--color--secondary--secondary-1);
  color: var(--brand--color--neutral--neutral-6);
  transform: scale(.98);
}

.button.primary:hover {
  background-color: var(--brand--color--neutral--neutral-3);
  color: var(--brand--color--neutral--neutral-6);
}

.button.primary.fw {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.button.outline {
  border: 1px solid var(--brand--color--neutral--neutral-3);
  box-shadow: none;
  color: var(--brand--color--neutral--neutral-2);
  background-color: #fff0;
}

.button.secondary {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--brand--color--neutral--neutral-1);
  background-color: #ffffff4f;
}

.c-tagline {
  margin-right: var(--spacing--spacing-200);
  margin-bottom: var(--spacing--spacing-400);
  padding: var(--spacing--spacing-300);
  border: 1px solid var(--brand--color--neutral--neutral-4);
  border-radius: var(--border--border-radius-200);
  background-color: var(--brand--color--neutral--neutral-6);
  font-family: var(--brand--fonts--font-family-primary);
  color: var(--brand--color--neutral--neutral-3);
  font-size: 1rem;
  font-weight: 400;
  line-height: 100%;
  display: inline-block;
  box-shadow: 0 2px 5px #0000001a;
}

.e-background {
  border: 1px none var(--brand--color--neutral--neutral-1);
  background-color: var(--base--color--neutral--100);
  border-radius: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 48px;
  display: flex;
}

.c-text-4 {
  color: var(--brand--color--neutral--neutral-1);
  font-family: DM Mono, sans-serif;
  font-size: 1em;
  line-height: 150%;
}

.icon-1 {
  padding: var(--spacing--spacing-100);
  border-radius: var(--border--border-radius-200);
  background-color: var(--brand--color--neutral--neutral-4);
  color: var(--brand--color--neutral--neutral-1);
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  transition: color .4s cubic-bezier(.645, .045, .355, 1), background-color .4s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.cc-text-neutral-3 {
  color: var(--brand--color--neutral--neutral-3);
}

.wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.wrapper.cc_col-12 {
  flex: 0 100%;
  order: 1;
}

.wrapper.cc_col-11 {
  flex: 0 91.6667%;
  order: 1;
}

.wrapper.cc_col-10 {
  flex: 0 83.3333%;
  order: 1;
}

.wrapper.cc_col-9 {
  flex: 0 75%;
  order: 1;
}

.wrapper.cc_col-8 {
  flex: 0 66.6667%;
  order: 1;
}

.wrapper.cc_col-7 {
  flex: 0 58.3333%;
  order: 1;
}

.wrapper.cc_col-6 {
  flex: 0 50%;
  order: 1;
}

.wrapper.cc_col-5 {
  flex: 0 41.6667%;
  order: 1;
}

.wrapper.cc_col-4 {
  flex: 0 33.3333%;
  order: 1;
}

.wrapper.cc_col-3 {
  flex: 0 25%;
  order: 1;
}

.wrapper.cc_col-2 {
  flex: 0 16.6667%;
  order: 1;
}

.wrapper.cc_col-1 {
  flex: 0 8.33333%;
  order: 1;
}

.wrapper.u-hflex {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.c-icon-text {
  text-align: center;
  font-family: "Fa solid 900", sans-serif;
  font-size: 21px;
  font-weight: 900;
  line-height: 100%;
}

.navbar-main {
  max-width: var(--width--width-container);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 4px 8px;
  display: flex;
}

.nav-link {
  color: var(--brand--color--neutral--neutral-1);
  font-size: var(--base--fonts--font-size-100);
  font-weight: 400;
  transition: color .35s cubic-bezier(.19, 1, .22, 1);
}

.nav-link:hover {
  color: var(--brand--color--primary--primary-1);
  background-color: #0000;
}

.nav-link.w--current {
  color: var(--brand--color--secondary--secondary-1);
}

.e_title {
  color: var(--brand--color--neutral--neutral-1);
  font-size: var(--base--fonts--font-size-200);
  font-weight: 700;
}

.top-navbar {
  z-index: 1000;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  inset: 0 0% auto;
}

.doc-sidebar {
  padding: var(--spacing--spacing-400);
  grid-column-gap: var(--spacing--spacing-400);
  grid-row-gap: var(--spacing--spacing-400);
  border-right: 1px solid var(--brand--color--neutral--neutral-4);
  flex-flow: column;
  width: 100%;
  max-width: 300px;
  height: 100vh;
  display: flex;
  position: fixed;
  overflow: scroll;
}

.doc-content {
  width: 100%;
}

.docs-body {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "navigation content"
  / 300px 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-3xl {
  margin-top: 0;
  margin-bottom: var(--spacing--spacing-800);
  font-size: var(--base--fonts--font-size-1400);
  font-weight: 500;
  line-height: 110%;
}

.heading-2xl {
  font-size: var(--base--fonts--font-size-1000);
  font-weight: 500;
  line-height: 100%;
}

.heading-xl {
  font-size: var(--base--fonts--font-size-800);
  font-weight: 500;
  line-height: 100%;
}

.heading-lg {
  font-size: var(--base--fonts--font-size-600);
  font-weight: 500;
  line-height: 100%;
}

.heading-md {
  font-size: var(--base--fonts--font-size-400);
  font-weight: 500;
  line-height: 100%;
}

.heading-sm {
  font-size: var(--base--fonts--font-size-300);
  font-weight: 500;
  line-height: 100%;
}

.heading-xs {
  font-size: var(--base--fonts--font-size-200);
  margin-bottom: 0;
  font-weight: 500;
  line-height: 100%;
}

.doc-content--title {
  padding: var(--spacing--spacing-400) var(--spacing--spacing-400) var(--spacing--spacing-400) var(--height--height-1000\<deleted\|variable-08fc1ec0-82e4-de28-807a-308427e55f35\>);
  grid-column-gap: var(--spacing--spacing-300);
  grid-row-gap: var(--spacing--spacing-300);
  border-bottom: var(--border--border-width-100) solid var(--brand--color--neutral--neutral-4);
  background-color: var(--brand--color--neutral--neutral-6);
  position: sticky;
  top: 0;
}

.doc-content--content {
  max-width: var(--width--width-container);
  padding: var(--spacing--spacing-1000) var(--spacing--spacing-1000) var(--spacing--spacing-400);
  width: 100%;
}

.sidebar-logo {
  margin-bottom: var(--spacing--spacing-400);
}

.doc-content-content-wrapper {
  margin-bottom: var(--spacing--spacing-800);
  padding: var(--spacing--spacing-400);
  grid-column-gap: var(--spacing--spacing-600);
  grid-row-gap: var(--spacing--spacing-600);
  border: var(--border--border-width-200) dashed var(--brand--color--neutral--neutral-4);
  border-radius: var(--border--border-radius-200);
  flex-flow: column;
  display: flex;
}

.doc-content-content-wrapper.colorsystem {
  grid-column-gap: var(--spacing--spacing-100);
  grid-row-gap: var(--spacing--spacing-100);
}

.sidenav-list {
  width: 100%;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.sidenav-list-item-link {
  padding-top: var(--spacing--spacing-200);
  padding-bottom: var(--spacing--spacing-200);
  padding-left: var(--spacing--spacing-400);
  color: var(--brand--color--neutral--neutral-2);
  width: 100%;
  text-decoration: none;
  display: block;
}

.sidenav-list-item-link.w--current {
  border-radius: var(--spacing--spacing-200);
  background-color: var(--base--color--neutral--50);
  color: var(--brand--color--neutral--neutral-1);
  font-weight: 500;
}

.sidenav-wrapper {
  grid-column-gap: var(--spacing--spacing-300);
  grid-row-gap: var(--spacing--spacing-300);
}

.sidenav-listitem {
  width: 100%;
}

.p-text-size-lg {
  font-size: var(--base--fonts--font-size-500);
  line-height: 120%;
}

.hflex {
  grid-column-gap: var(--spacing--spacing-1000);
  grid-row-gap: var(--spacing--spacing-1000);
}

.body-text-xl {
  font-size: var(--base--fonts--font-size-500);
  font-weight: 400;
  line-height: 130%;
}

.body-text-l {
  font-size: var(--base--fonts--font-size-400);
  font-weight: 400;
}

.body-text-md {
  font-size: var(--base--fonts--font-size-200);
  font-weight: 400;
  line-height: 140%;
}

.body-text-xs {
  font-size: var(--base--fonts--font-size-100);
  font-weight: 400;
}

.body-text-xs.u-text-color-neutral-3 {
  color: var(--base--color--neutral--600);
}

.btn-text-l {
  font-size: var(--base--fonts--font-size-300);
}

.btn-text-s {
  font-size: var(--base--fonts--font-size-100);
}

.btn-group {
  grid-column-gap: var(--border--border-radius-100);
  grid-row-gap: var(--border--border-radius-100);
}

.docs-gap-100 {
  width: var(--spacing--spacing-100);
  height: var(--spacing--spacing-100);
  background-color: var(--brand--color--neutral--neutral-1);
}

.docs-gap-200 {
  width: var(--spacing--spacing-200);
  height: var(--spacing--spacing-200);
  background-color: var(--brand--color--neutral--neutral-1);
}

.docs-gap-300 {
  width: var(--spacing--spacing-300);
  height: var(--spacing--spacing-300);
  background-color: var(--brand--color--neutral--neutral-1);
}

.docs-gap-400 {
  width: var(--spacing--spacing-400);
  height: var(--spacing--spacing-400);
  background-color: var(--brand--color--neutral--neutral-1);
}

.docs-gap-500 {
  width: var(--spacing--spacing-500);
  height: var(--spacing--spacing-500);
  background-color: var(--brand--color--neutral--neutral-1);
}

.docs-gap-600 {
  width: var(--spacing--spacing-600);
  height: var(--spacing--spacing-600);
  background-color: var(--brand--color--neutral--neutral-1);
}

.docs-gap-700 {
  width: var(--spacing--spacing-700);
  height: var(--spacing--spacing-700);
  background-color: var(--brand--color--neutral--neutral-1);
}

.docs-gap-800 {
  width: var(--spacing--spacing-800);
  height: var(--spacing--spacing-800);
  background-color: var(--brand--color--neutral--neutral-1);
}

.docs-gap-900 {
  width: var(--spacing--spacing-900);
  height: var(--spacing--spacing-900);
  background-color: var(--brand--color--neutral--neutral-1);
}

.docs-gap-1000 {
  width: var(--spacing--spacing-1000);
  height: var(--spacing--spacing-1000);
  background-color: var(--brand--color--neutral--neutral-1);
}

.docs-border-radius {
  background-color: var(--brand--color--neutral--neutral-1);
  width: 80px;
  height: 80px;
}

.docs-border-radius._100 {
  border-radius: var(--border--border-radius-100);
}

.docs-border-radius._200 {
  border-radius: var(--border--border-radius-200);
}

.docs-border-radius._300 {
  border-radius: var(--border--border-radius-300);
}

.docs-border-radius._400 {
  border-radius: var(--border--border-radius-400);
}

.docs-border-radius._500 {
  border-radius: var(--border--border-radius-500);
}

.docs-border-radius._600 {
  border-radius: var(--border--border-radius-600);
}

.docs-border-radius.full {
  border-radius: var(--border--border-radius-full);
}

.paragraph {
  border-radius: var(--border--border-radius-0);
}

.tagline-group {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.u-bgcolor-neutral-50 {
  background-color: var(--base--color--neutral--50);
}

.u-bgcolor-neutral-100 {
  background-color: var(--base--color--neutral--100);
}

.u-bgcolor-neutral-200 {
  background-color: var(--base--color--neutral--200);
}

.u-bgcolor-neutral-300 {
  background-color: var(--base--color--neutral--300);
}

.u-bgcolor-neutral-400 {
  background-color: var(--base--color--neutral--400);
}

.u-bgcolor-neutral-500 {
  background-color: var(--base--color--neutral--500);
}

.u-bgcolor-neutral-600 {
  background-color: var(--base--color--neutral--600);
}

.u-bgcolor-neutral-700 {
  background-color: var(--base--color--neutral--700);
}

.u-bgcolor-neutral-800 {
  background-color: var(--base--color--neutral--800);
}

.u-bgcolor-neutral-900 {
  background-color: var(--base--color--neutral--900);
}

.u-bgcolor-slate-50 {
  background-color: var(--base--color--slate--50);
}

.u-bgcolor-slate-100 {
  background-color: var(--base--color--slate--100);
}

.u-bgcolor-slate-200 {
  background-color: var(--base--color--slate--200);
}

.u-bgcolor-slate-300 {
  background-color: var(--base--color--slate--300);
}

.u-bgcolor-slate-400 {
  background-color: var(--base--color--slate--400);
}

.u-bgcolor-slate-500 {
  background-color: var(--base--color--slate--500);
}

.u-bgcolor-slate-600 {
  background-color: var(--base--color--slate--600);
}

.u-bgcolor-slate-700 {
  background-color: var(--base--color--slate--700);
}

.u-bgcolor-slate-800 {
  background-color: var(--base--color--slate--800);
}

.u-bgcolor-slate-900 {
  background-color: var(--base--color--slate--900);
}

.u-bgcolor-red-50 {
  background-color: var(--base--color--red--50);
}

.u-bgcolor-red-100 {
  background-color: var(--base--color--red--100);
}

.u-bgcolor-red-200 {
  background-color: var(--base--color--red--200);
}

.u-bgcolor-red-300 {
  background-color: var(--base--color--red--300);
}

.u-bgcolor-red-400 {
  background-color: var(--base--color--red--400);
}

.u-bgcolor-red-500 {
  background-color: var(--base--color--red--500);
}

.u-bgcolor-red-600 {
  background-color: var(--base--color--red--600);
}

.u-bgcolor-red-700 {
  background-color: var(--base--color--red--700);
}

.u-bgcolor-red-800 {
  background-color: var(--base--color--red--800);
}

.u-bgcolor-red-900 {
  background-color: var(--base--color--red--900);
}

.u-bgcolor-purple-50 {
  background-color: var(--base--color--purple--50);
}

.u-bgcolor-purple-100 {
  background-color: var(--base--color--purple--100);
}

.u-bgcolor-purple-200 {
  background-color: var(--base--color--purple--200);
}

.u-bgcolor-purple-300 {
  background-color: var(--base--color--purple--300);
}

.u-bgcolor-purple-400 {
  background-color: var(--base--color--purple--400);
}

.u-bgcolor-purple-500 {
  background-color: var(--base--color--purple--500);
}

.u-bgcolor-purple-600, .u-bgcolor-purple-700 {
  background-color: var(--base--color--purple--600);
}

.u-bgcolor-purple-800 {
  background-color: var(--base--color--purple--800);
}

.u-bgcolor-purple-900 {
  background-color: var(--base--color--purple--900);
}

.u-bgcolor-blue-50 {
  background-color: var(--base--color--blue--50);
}

.u-bgcolor-blue-100 {
  background-color: var(--base--color--blue--100);
}

.u-bgcolor-blue-200 {
  background-color: var(--base--color--blue--200);
}

.u-bgcolor-blue-300 {
  background-color: var(--base--color--blue--300);
}

.u-bgcolor-blue-400, .u-bgcolor-blue-500 {
  background-color: var(--base--color--blue--400);
}

.u-bgcolor-blue-600 {
  background-color: var(--base--color--blue--600);
}

.u-bgcolor-blue-700 {
  background-color: var(--base--color--blue--700);
}

.u-bgcolor-blue-800 {
  background-color: var(--base--color--blue--800);
}

.u-bgcolor-blue-900 {
  background-color: var(--base--color--blue--900);
}

.u-bgcolor-green-50 {
  background-color: var(--base--color--green--50);
}

.u-bgcolor-green-100 {
  background-color: var(--base--color--green--100);
}

.u-bgcolor-green-200 {
  background-color: var(--base--color--green--200);
}

.u-bgcolor-green-300 {
  background-color: var(--base--color--green--300);
}

.u-bgcolor-green-400 {
  background-color: var(--base--color--green--400);
}

.u-bgcolor-green-500 {
  background-color: var(--base--color--green--500);
}

.u-bgcolor-green-600 {
  background-color: var(--base--color--green--600);
}

.u-bgcolor-green-700 {
  background-color: var(--base--color--green--700);
}

.u-bgcolor-green-800 {
  background-color: var(--base--color--green--800);
}

.u-bgcolor-green-900 {
  background-color: var(--base--color--green--900);
}

.u-bgcolor-orange-50 {
  background-color: var(--base--color--orange--50);
}

.u-bgcolor-orange-100 {
  background-color: var(--base--color--orange--100);
}

.u-bgcolor-orange-200 {
  background-color: var(--base--color--orange--200);
}

.u-bgcolor-orange-300 {
  background-color: var(--base--color--orange--300);
}

.u-bgcolor-orange-400 {
  background-color: var(--base--color--orange--400);
}

.u-bgcolor-orange-500 {
  background-color: var(--base--color--orange--500);
}

.u-bgcolor-orange-600 {
  background-color: var(--base--color--orange--600);
}

.u-bgcolor-orange-700 {
  background-color: var(--base--color--orange--700);
}

.u-bgcolor-orange-800 {
  background-color: var(--base--color--orange--800);
}

.u-bgcolor-orange-900 {
  background-color: var(--base--color--orange--900);
}

.u-bgcolor-yellow-50 {
  background-color: var(--base--color--yellow--50);
}

.u-bgcolor-yellow-100 {
  background-color: var(--base--color--yellow--100);
}

.u-bgcolor-yellow-200 {
  background-color: var(--base--color--yellow--200);
}

.u-bgcolor-yellow-300 {
  background-color: var(--base--color--yellow--300);
}

.u-bgcolor-yellow-400 {
  background-color: var(--base--color--yellow--400);
}

.u-bgcolor-yellow-500 {
  background-color: var(--base--color--yellow--500);
}

.u-bgcolor-yellow-600 {
  background-color: var(--base--color--yellow--600);
}

.u-bgcolor-yellow-700 {
  background-color: var(--base--color--yellow--700);
}

.u-bgcolor-yellow-800 {
  background-color: var(--base--color--yellow--800);
}

.u-bgcolor-yellow-900 {
  background-color: var(--base--color--yellow--900);
}

.u-bgcolor-lime-50 {
  background-color: var(--base--color--lime--50);
}

.u-bgcolor-lime-100 {
  background-color: var(--base--color--lime--100);
}

.u-bgcolor-lime-200 {
  background-color: var(--base--color--lime--200);
}

.u-bgcolor-lime-300 {
  background-color: var(--base--color--lime--300);
}

.u-bgcolor-lime-400 {
  background-color: var(--base--color--lime--400);
}

.u-bgcolor-lime-500 {
  background-color: var(--base--color--lime--500);
}

.u-bgcolor-lime-600 {
  background-color: var(--base--color--lime--600);
}

.u-bgcolor-lime-700 {
  background-color: var(--base--color--lime--700);
}

.u-bgcolor-lime-800 {
  background-color: var(--base--color--lime--800);
}

.u-bgcolor-lime-900 {
  background-color: var(--base--color--lime--900);
}

.u-bgcolor-primary-1 {
  background-color: var(--brand--color--primary--primary-1);
}

.u-bgcolor-primary-2 {
  background-color: var(--brand--color--primary--primary-2);
}

.u-bgcolor-primary-3 {
  background-color: var(--brand--color--primary--primary-3);
}

.u-bgcolor-primary-4 {
  background-color: var(--brand--color--primary--primary-4);
}

.u-bgcolor-primary-5 {
  background-color: var(--brand--color--primary--primary-5);
}

.u-bgcolor-primary-6 {
  background-color: var(--brand--color--primary--primary-6);
}

.u-bgcolor-secondary-1 {
  background-color: var(--brand--color--secondary--secondary-1);
}

.u-bgcolor-secondary-2 {
  background-color: var(--brand--color--secondary--secondary-2);
}

.u-bgcolor-secondary-3 {
  background-color: var(--brand--color--secondary--secondary-3);
}

.u-bgcolor-secondary-4 {
  background-color: var(--brand--color--secondary--secondary-4);
}

.u-bgcolor-secondary-5 {
  background-color: var(--brand--color--secondary--secondary-5);
}

.u-bgcolor-secondary-6 {
  background-color: var(--brand--color--secondary--secondary-6);
}

.u-bgcolor-info-1 {
  background-color: var(--brand--color--info--info-1);
}

.u-bgcolor-info-2 {
  background-color: var(--brand--color--info--info-2);
}

.u-bgcolor-info-3 {
  background-color: var(--brand--color--info--info-3);
}

.u-bgcolor-success-1 {
  background-color: var(--brand--color--success--success-1);
}

.u-bgcolor-success-2 {
  background-color: var(--brand--color--success--success-2);
}

.u-bgcolor-success-3 {
  background-color: var(--brand--color--success--success-3);
}

.navbar {
  padding-right: var(--spacing--spacing-400);
  padding-left: var(--spacing--spacing-400);
  background-color: var(--brand--color--neutral--neutral-5);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.card {
  padding: var(--spacing--spacing-400);
  border: 1px solid var(--base--color--neutral--300);
  border-radius: var(--border--border-radius-400);
  background-color: var(--base--color--neutral--50);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.card.cc_col-12 {
  flex: 0 100%;
  order: 1;
}

.card.cc_col-11 {
  flex: 0 91.6667%;
  order: 1;
}

.card.cc_col-10 {
  flex: 0 83.3333%;
  order: 1;
}

.card.cc_col-9 {
  flex: 0 75%;
  order: 1;
}

.card.cc_col-8 {
  flex: 0 66.6667%;
  order: 1;
}

.card.cc_col-7 {
  flex: 0 58.3333%;
  order: 1;
}

.card.cc_col-6 {
  flex: 0 50%;
  order: 1;
}

.card.cc_col-5 {
  flex: 0 41.6667%;
  order: 1;
}

.card.cc_col-4 {
  flex: 0 33.3333%;
  order: 1;
}

.card.cc_col-3 {
  flex: 0 25%;
  order: 1;
}

.card.cc_col-2 {
  flex: 0 16.6667%;
  order: 1;
}

.card.cc_col-1 {
  flex: 0 8.33333%;
  order: 1;
}

.u-darkmode {
  background-color: var(--brand--color--neutral--neutral-1);
  color: var(--brand--color--neutral--neutral-6);
}

.u-flex-align-center {
  justify-content: center;
  align-items: flex-start;
}

.u-text-center {
  text-align: center;
}

.main {
  justify-content: flex-start;
  align-items: stretch;
}

.footer {
  padding: var(--spacing--spacing-900) var(--spacing--spacing-1000);
  background-color: var(--brand--color--neutral--neutral-1);
  color: var(--brand--color--secondary--secondary-6);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.hero-video {
  max-width: var(--width--width-container);
  padding: var(--spacing--spacing-1000);
  border-radius: var(--border--border-radius-300);
  background-color: #00000036;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.service-img {
  aspect-ratio: 2 / 3;
  border-radius: var(--border--border-radius-300);
  object-fit: cover;
  height: 100%;
  transition: transform .2s;
}

.service-img:hover {
  transform: scale(1.1);
}

.footer-link {
  color: var(--brand--color--neutral--neutral-6);
  font-size: var(--base--fonts--font-size-100);
  font-weight: 400;
}

.link-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--border--border-radius-200);
  background-color: var(--brand--color--neutral--neutral-6);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  padding: 60px;
  display: flex;
}

.product-thumbnail {
  aspect-ratio: 1;
  border-radius: var(--border--border-radius-300);
  object-fit: contain;
  width: 100%;
  min-height: 200px;
  margin-bottom: 32px;
}

.container_products {
  width: 100%;
  max-width: 1632px;
}

.text-wrapper_slide-in {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-image: linear-gradient(#fff0, #00000063);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 40px 40px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.text-wrapper_slide-in.u-flex-align-center {
  justify-content: center;
  align-items: center;
}

.hero_product {
  background-color: var(--brand--color--neutral--neutral-6);
  justify-content: center;
  align-items: center;
  height: 80vh;
  padding-top: 64px;
  display: flex;
}

.main_product {
  background-color: var(--base--color--neutral--100);
  justify-content: flex-start;
  align-items: stretch;
}

.product_header-img {
  border-radius: 24px;
  width: 900px;
}

.container_product {
  padding: var(--spacing--spacing-200);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1200px;
  display: grid;
}

.container_product.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container_product.grid.colordeck {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: 48px;
  grid-auto-rows: 48px;
  padding-top: 0;
  padding-bottom: 0;
}

.container_product.flex {
  margin-bottom: var(--spacing--spacing-100);
  flex-wrap: wrap;
  padding: 0;
  display: flex;
}

.container_product.flex.cc_center {
  justify-content: center;
}

.container_product.flex.horizontal {
  flex-direction: row;
}

.container_product.vflex {
  margin-bottom: var(--spacing--spacing-100);
  flex-flow: column;
  padding: 0;
  display: flex;
}

.text-pricing {
  color: var(--brand--color--neutral--neutral-3);
  font-size: var(--base--fonts--font-size-400);
}

.price-note {
  color: var(--base--color--neutral--600);
}

.availability-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
}

.dot-green {
  background-color: var(--base--color--green--400);
  border-radius: 20px;
  width: 12px;
  height: 12px;
}

.btn-group-center {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown {
  border-bottom: 1px solid #000;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.dropdown-toggle {
  font-size: var(--base--fonts--font-size-200);
  width: 100%;
}

.dropdown-list {
  position: relative;
}

.dropdown-list.w--open {
  background-color: #ddd0;
  padding: 12px 20px 24px;
  position: static;
}

.container_product-info {
  padding: var(--spacing--spacing-200);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  max-width: 1200px;
  display: grid;
}

.container_product-info.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container_product-info.grid.colordeck {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: 48px;
  grid-auto-rows: 48px;
  padding-top: 0;
  padding-bottom: 0;
}

.container_product-info.flex {
  margin-bottom: var(--spacing--spacing-100);
  flex-wrap: wrap;
  padding: 0;
  display: flex;
}

.container_product-info.flex.cc_center {
  justify-content: center;
}

.container_product-info.flex.horizontal {
  flex-direction: row;
}

.container_product-info.vflex {
  margin-bottom: var(--spacing--spacing-100);
  flex-flow: column;
  padding: 0;
  display: flex;
}

.product-info-img {
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 24px;
  width: 100%;
}

.container-copy {
  max-width: var(--width--width-container);
  padding: var(--spacing--spacing-200);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.container-copy.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container-copy.grid.colordeck {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: 48px;
  grid-auto-rows: 48px;
  padding-top: 0;
  padding-bottom: 0;
}

.container-copy.flex {
  margin-bottom: var(--spacing--spacing-100);
  flex-wrap: wrap;
  padding: 0;
  display: flex;
}

.container-copy.flex.cc_center {
  justify-content: center;
}

.container-copy.flex.horizontal {
  flex-direction: row;
}

.container-copy.vflex {
  margin-bottom: var(--spacing--spacing-100);
  flex-flow: column;
  padding: 0;
  display: flex;
}

.service-wrapper {
  border-radius: var(--border--border-radius-300);
  color: var(--brand--color--info--info-3);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.service-wrapper.cc_col-12 {
  flex: 0 100%;
  order: 1;
}

.service-wrapper.cc_col-11 {
  flex: 0 91.6667%;
  order: 1;
}

.service-wrapper.cc_col-10 {
  flex: 0 83.3333%;
  order: 1;
}

.service-wrapper.cc_col-9 {
  flex: 0 75%;
  order: 1;
}

.service-wrapper.cc_col-8 {
  flex: 0 66.6667%;
  order: 1;
}

.service-wrapper.cc_col-7 {
  flex: 0 58.3333%;
  order: 1;
}

.service-wrapper.cc_col-6 {
  flex: 0 50%;
  order: 1;
}

.service-wrapper.cc_col-5 {
  flex: 0 41.6667%;
  order: 1;
}

.service-wrapper.cc_col-4 {
  flex: 0 33.3333%;
  order: 1;
}

.service-wrapper.cc_col-3 {
  flex: 0 25%;
  order: 1;
}

.service-wrapper.cc_col-2 {
  flex: 0 16.6667%;
  order: 1;
}

.service-wrapper.cc_col-1 {
  flex: 0 8.33333%;
  order: 1;
}

.service-wrapper.u-hflex {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.sub-nav-wrapper.w--open {
  background-color: var(--brand--color--info--info-3);
  border-radius: 14px;
  margin-top: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 40px;
}

.navbar-top {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #4c640a;
  background-color: #dbf1a0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32px;
  padding: 6px 8px;
  display: flex;
  overflow: hidden;
}

.collection-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.collection-item {
  padding-left: 16px;
  padding-right: 16px;
}

.wrapper_product-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.wrapper_product-info.cc_col-12 {
  flex: 0 100%;
  order: 1;
}

.wrapper_product-info.cc_col-11 {
  flex: 0 91.6667%;
  order: 1;
}

.wrapper_product-info.cc_col-10 {
  flex: 0 83.3333%;
  order: 1;
}

.wrapper_product-info.cc_col-9 {
  flex: 0 75%;
  order: 1;
}

.wrapper_product-info.cc_col-8 {
  flex: 0 66.6667%;
  order: 1;
}

.wrapper_product-info.cc_col-7 {
  flex: 0 58.3333%;
  order: 1;
}

.wrapper_product-info.cc_col-6 {
  flex: 0 50%;
  order: 1;
}

.wrapper_product-info.cc_col-5 {
  flex: 0 41.6667%;
  order: 1;
}

.wrapper_product-info.cc_col-4 {
  flex: 0 33.3333%;
  order: 1;
}

.wrapper_product-info.cc_col-3 {
  flex: 0 25%;
  order: 1;
}

.wrapper_product-info.cc_col-2 {
  flex: 0 16.6667%;
  order: 1;
}

.wrapper_product-info.cc_col-1 {
  flex: 0 8.33333%;
  order: 1;
}

.wrapper_product-info.u-hflex {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.card-wrapper {
  padding: var(--spacing--spacing-1000);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--border--border-radius-200);
  background-color: var(--base--color--neutral--50);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: grid;
}

.card-wrapper.cc_col-12 {
  flex: 0 100%;
  order: 1;
}

.card-wrapper.cc_col-11 {
  flex: 0 91.6667%;
  order: 1;
}

.card-wrapper.cc_col-10 {
  flex: 0 83.3333%;
  order: 1;
}

.card-wrapper.cc_col-9 {
  flex: 0 75%;
  order: 1;
}

.card-wrapper.cc_col-8 {
  flex: 0 66.6667%;
  order: 1;
}

.card-wrapper.cc_col-7 {
  flex: 0 58.3333%;
  order: 1;
}

.card-wrapper.cc_col-6 {
  flex: 0 50%;
  order: 1;
}

.card-wrapper.cc_col-5 {
  flex: 0 41.6667%;
  order: 1;
}

.card-wrapper.cc_col-4 {
  flex: 0 33.3333%;
  order: 1;
}

.card-wrapper.cc_col-3 {
  flex: 0 25%;
  order: 1;
}

.card-wrapper.cc_col-2 {
  flex: 0 16.6667%;
  order: 1;
}

.card-wrapper.cc_col-1 {
  flex: 0 8.33333%;
  order: 1;
}

.store-img {
  aspect-ratio: 1;
  border-radius: var(--border--border-radius-100);
  object-fit: cover;
  width: 100%;
}

.div-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-wrapper {
  padding: var(--spacing--spacing-1000);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--border--border-radius-200);
  background-color: var(--brand--color--secondary--secondary-1);
  color: var(--brand--color--secondary--secondary-6);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: grid;
}

.cta-wrapper.cc_col-12 {
  flex: 0 100%;
  order: 1;
}

.cta-wrapper.cc_col-11 {
  flex: 0 91.6667%;
  order: 1;
}

.cta-wrapper.cc_col-10 {
  flex: 0 83.3333%;
  order: 1;
}

.cta-wrapper.cc_col-9 {
  flex: 0 75%;
  order: 1;
}

.cta-wrapper.cc_col-8 {
  flex: 0 66.6667%;
  order: 1;
}

.cta-wrapper.cc_col-7 {
  flex: 0 58.3333%;
  order: 1;
}

.cta-wrapper.cc_col-6 {
  flex: 0 50%;
  order: 1;
}

.cta-wrapper.cc_col-5 {
  flex: 0 41.6667%;
  order: 1;
}

.cta-wrapper.cc_col-4 {
  flex: 0 33.3333%;
  order: 1;
}

.cta-wrapper.cc_col-3 {
  flex: 0 25%;
  order: 1;
}

.cta-wrapper.cc_col-2 {
  flex: 0 16.6667%;
  order: 1;
}

.cta-wrapper.cc_col-1 {
  flex: 0 8.33333%;
  order: 1;
}

.svg-icon {
  width: 2rem;
  height: 2rem;
}

.svg-icon:hover {
  cursor: pointer;
}

.icon-cta {
  background-color: var(--brand--color--primary--primary-1);
  color: var(--brand--color--secondary--secondary-1);
  border-radius: 8px;
  width: 40px;
  height: 40px;
  padding: 8px;
}

.icon-cta:hover {
  cursor: pointer;
}

.text-with-icon {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: var(--spacing--spacing-200);
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
}

.text-with-icon:hover {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff0d;
}

.cta-wrapper-video {
  padding: var(--spacing--spacing-1000);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--border--border-radius-200);
  color: var(--brand--color--secondary--secondary-6);
  text-shadow: 1px 1px 3px #0003;
  background-color: #00000040;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  min-height: 420px;
  display: grid;
}

.cta-wrapper-video.cc_col-12 {
  flex: 0 100%;
  order: 1;
}

.cta-wrapper-video.cc_col-11 {
  flex: 0 91.6667%;
  order: 1;
}

.cta-wrapper-video.cc_col-10 {
  flex: 0 83.3333%;
  order: 1;
}

.cta-wrapper-video.cc_col-9 {
  flex: 0 75%;
  order: 1;
}

.cta-wrapper-video.cc_col-8 {
  flex: 0 66.6667%;
  order: 1;
}

.cta-wrapper-video.cc_col-7 {
  flex: 0 58.3333%;
  order: 1;
}

.cta-wrapper-video.cc_col-6 {
  flex: 0 50%;
  order: 1;
}

.cta-wrapper-video.cc_col-5 {
  flex: 0 41.6667%;
  order: 1;
}

.cta-wrapper-video.cc_col-4 {
  flex: 0 33.3333%;
  order: 1;
}

.cta-wrapper-video.cc_col-3 {
  flex: 0 25%;
  order: 1;
}

.cta-wrapper-video.cc_col-2 {
  flex: 0 16.6667%;
  order: 1;
}

.cta-wrapper-video.cc_col-1 {
  flex: 0 8.33333%;
  order: 1;
}

.button_hero {
  padding: var(--spacing--spacing-400) var(--spacing--spacing-700);
  border-radius: var(--border--border-radius-200);
  background-color: var(--brand--color--primary--primary-1);
  color: var(--brand--color--neutral--neutral-1);
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color .4s cubic-bezier(.645, .045, .355, 1), color .4s cubic-bezier(.645, .045, .355, 1);
  display: inline-block;
}

.button_hero:hover {
  background-color: var(--brand--color--primary--primary-1);
  color: var(--brand--color--secondary--secondary-1);
  transform: scale(.98);
}

.button_hero.primary:hover {
  background-color: var(--brand--color--neutral--neutral-3);
  color: var(--brand--color--neutral--neutral-6);
}

.button_hero.primary.fw {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.button_hero.outline {
  border: 1px solid var(--brand--color--neutral--neutral-3);
  box-shadow: none;
  color: var(--brand--color--neutral--neutral-2);
  background-color: #fff0;
}

.wrapper_hero {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.wrapper_hero.cc_col-12 {
  flex: 0 100%;
  order: 1;
}

.wrapper_hero.cc_col-11 {
  flex: 0 91.6667%;
  order: 1;
}

.wrapper_hero.cc_col-10 {
  flex: 0 83.3333%;
  order: 1;
}

.wrapper_hero.cc_col-9 {
  flex: 0 75%;
  order: 1;
}

.wrapper_hero.cc_col-8 {
  flex: 0 66.6667%;
  order: 1;
}

.wrapper_hero.cc_col-7 {
  flex: 0 58.3333%;
  order: 1;
}

.wrapper_hero.cc_col-6 {
  flex: 0 50%;
  order: 1;
}

.wrapper_hero.cc_col-5 {
  flex: 0 41.6667%;
  order: 1;
}

.wrapper_hero.cc_col-4 {
  flex: 0 33.3333%;
  order: 1;
}

.wrapper_hero.cc_col-3 {
  flex: 0 25%;
  order: 1;
}

.wrapper_hero.cc_col-2 {
  flex: 0 16.6667%;
  order: 1;
}

.wrapper_hero.cc_col-1 {
  flex: 0 8.33333%;
  order: 1;
}

.wrapper_hero.u-hflex {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.container_hero {
  max-width: var(--width--width-container);
  padding: var(--spacing--spacing-200);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.container_hero.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container_hero.grid.colordeck {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: 48px;
  grid-auto-rows: 48px;
  padding-top: 0;
  padding-bottom: 0;
}

.container_hero.flex {
  margin-bottom: var(--spacing--spacing-100);
  flex-wrap: wrap;
  padding: 0;
  display: flex;
}

.container_hero.flex.cc_center {
  justify-content: center;
}

.container_hero.flex.horizontal {
  flex-direction: row;
}

.container_hero.vflex {
  margin-bottom: var(--spacing--spacing-100);
  flex-flow: column;
  padding: 0;
  display: flex;
}

.container_products-category {
  width: 100%;
  max-width: 1632px;
}

.product-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: var(--border--border-radius-200);
  background-color: var(--brand--color--neutral--neutral-6);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  padding: 20px;
  transition: transform .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.product-wrapper:hover {
  transform: scale(.98);
}

.product-thumbnail-category {
  aspect-ratio: 1;
  border-radius: var(--border--border-radius-300);
  object-fit: contain;
  width: 100%;
  min-height: 200px;
  margin-bottom: 0;
}

.badge {
  color: var(--brand--color--secondary--secondary-1);
}

.headline-wrapper {
  justify-content: flex-start;
  align-items: center;
}

.container-smalld {
  padding: var(--spacing--spacing-200);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 800px;
  display: grid;
}

.container-smalld.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container-smalld.grid.colordeck {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: 48px;
  grid-auto-rows: 48px;
  padding-top: 0;
  padding-bottom: 0;
}

.container-smalld.flex {
  margin-bottom: var(--spacing--spacing-100);
  flex-wrap: wrap;
  padding: 0;
  display: flex;
}

.container-smalld.flex.cc_center {
  justify-content: center;
}

.container-smalld.flex.horizontal {
  flex-direction: row;
}

.container-smalld.vflex {
  margin-bottom: var(--spacing--spacing-100);
  flex-flow: column;
  padding: 0;
  display: flex;
}

.form_label {
  font-weight: 400;
}

.form {
  border-radius: var(--spacing--spacing-400);
  background-color: var(--brand--color--neutral--neutral-5);
  padding: 32px;
}

.form_text-field {
  border: 1px solid var(--brand--color--secondary--secondary-6);
  font-size: var(--base--fonts--font-size-100);
  border-radius: 8px;
}

.rich-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

@media screen and (max-width: 991px) {
  .c-text-4 {
    font-size: 2em;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding: 0;
  }

  .container.flex, .container.vflex {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin-bottom: 10vw;
    padding: 0;
  }

  .c-text-wrapper, .text-wrapper {
    margin-bottom: 10vw;
  }

  .button {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .c-tagline {
    padding: 3vw;
  }

  .c-text-4 {
    font-size: 5em;
  }

  .icon-1 {
    padding: 2em;
  }

  .wrapper {
    padding: 0;
  }

  .wrapper.cc_col-11, .wrapper.cc_col-10, .wrapper.cc_col-9, .wrapper.cc_col-8, .wrapper.cc_col-7, .wrapper.cc_col-6, .wrapper.cc_col-5, .wrapper.cc_col-4, .wrapper.cc_col-3, .wrapper.cc_col-2, .wrapper.cc_col-1 {
    flex-basis: 49.25%;
  }

  .navbar-main {
    padding: 0;
  }

  .nav-link {
    font-size: var(--base--fonts--font-size-300);
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .e_title {
    font-size: 5em;
  }

  .menu-button, .menu-button.w--open {
    background-color: #0000;
  }

  .nav-menu {
    background-color: var(--brand--color--secondary--secondary-1);
    flex-direction: row;
    place-content: flex-start;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .icon {
    transform: scale(1.5);
  }

  .card {
    padding: 0;
  }

  .card.cc_col-11, .card.cc_col-10, .card.cc_col-9, .card.cc_col-8, .card.cc_col-7, .card.cc_col-6, .card.cc_col-5, .card.cc_col-4, .card.cc_col-3, .card.cc_col-2, .card.cc_col-1 {
    flex-basis: 49.25%;
  }

  .text-wrapper_slide-in {
    margin-bottom: 10vw;
  }

  .container_product {
    padding: 0;
  }

  .container_product.flex, .container_product.vflex {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin-bottom: 10vw;
    padding: 0;
  }

  .container_product-info {
    padding: 0;
  }

  .container_product-info.flex, .container_product-info.vflex {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin-bottom: 10vw;
    padding: 0;
  }

  .container-copy {
    padding: 0;
  }

  .container-copy.flex, .container-copy.vflex {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin-bottom: 10vw;
    padding: 0;
  }

  .service-wrapper {
    padding: 0;
  }

  .service-wrapper.cc_col-11, .service-wrapper.cc_col-10, .service-wrapper.cc_col-9, .service-wrapper.cc_col-8, .service-wrapper.cc_col-7, .service-wrapper.cc_col-6, .service-wrapper.cc_col-5, .service-wrapper.cc_col-4, .service-wrapper.cc_col-3, .service-wrapper.cc_col-2, .service-wrapper.cc_col-1 {
    flex-basis: 49.25%;
  }

  .navbar-top, .wrapper_product-info {
    padding: 0;
  }

  .wrapper_product-info.cc_col-11, .wrapper_product-info.cc_col-10, .wrapper_product-info.cc_col-9, .wrapper_product-info.cc_col-8, .wrapper_product-info.cc_col-7, .wrapper_product-info.cc_col-6, .wrapper_product-info.cc_col-5, .wrapper_product-info.cc_col-4, .wrapper_product-info.cc_col-3, .wrapper_product-info.cc_col-2, .wrapper_product-info.cc_col-1 {
    flex-basis: 49.25%;
  }

  .card-wrapper {
    padding: 0;
  }

  .card-wrapper.cc_col-11, .card-wrapper.cc_col-10, .card-wrapper.cc_col-9, .card-wrapper.cc_col-8, .card-wrapper.cc_col-7, .card-wrapper.cc_col-6, .card-wrapper.cc_col-5, .card-wrapper.cc_col-4, .card-wrapper.cc_col-3, .card-wrapper.cc_col-2, .card-wrapper.cc_col-1 {
    flex-basis: 49.25%;
  }

  .cta-wrapper {
    padding: 0;
  }

  .cta-wrapper.cc_col-11, .cta-wrapper.cc_col-10, .cta-wrapper.cc_col-9, .cta-wrapper.cc_col-8, .cta-wrapper.cc_col-7, .cta-wrapper.cc_col-6, .cta-wrapper.cc_col-5, .cta-wrapper.cc_col-4, .cta-wrapper.cc_col-3, .cta-wrapper.cc_col-2, .cta-wrapper.cc_col-1 {
    flex-basis: 49.25%;
  }

  .cta-wrapper-video {
    padding: 0;
  }

  .cta-wrapper-video.cc_col-11, .cta-wrapper-video.cc_col-10, .cta-wrapper-video.cc_col-9, .cta-wrapper-video.cc_col-8, .cta-wrapper-video.cc_col-7, .cta-wrapper-video.cc_col-6, .cta-wrapper-video.cc_col-5, .cta-wrapper-video.cc_col-4, .cta-wrapper-video.cc_col-3, .cta-wrapper-video.cc_col-2, .cta-wrapper-video.cc_col-1 {
    flex-basis: 49.25%;
  }

  .button_hero {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .wrapper_hero {
    padding: 0;
  }

  .wrapper_hero.cc_col-11, .wrapper_hero.cc_col-10, .wrapper_hero.cc_col-9, .wrapper_hero.cc_col-8, .wrapper_hero.cc_col-7, .wrapper_hero.cc_col-6, .wrapper_hero.cc_col-5, .wrapper_hero.cc_col-4, .wrapper_hero.cc_col-3, .wrapper_hero.cc_col-2, .wrapper_hero.cc_col-1 {
    flex-basis: 49.25%;
  }

  .container_hero {
    padding: 0;
  }

  .container_hero.flex, .container_hero.vflex {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin-bottom: 10vw;
    padding: 0;
  }

  .container-smalld {
    padding: 0;
  }

  .container-smalld.flex, .container-smalld.vflex {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin-bottom: 10vw;
    padding: 0;
  }

  .dropdown-2 {
    width: 100%;
  }
}

#w-node-c164856a-215c-cedd-a5ae-5df108eab391-06122a3c {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_8ae2118d-8fed-2f59-b8bb-d97a4d39c962-06122a3c {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_9f7a2eca-87ac-f446-c429-0dab13904d84-06122a3c, #w-node-_4b143914-19ad-1c89-3e44-4a707fa17b0f-06122a3c, #w-node-db8e5524-9f7b-e035-ba24-292cece59c3e-06122a3c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_4a57266e-d388-1274-4175-4dcdcfd5250f-06122a3c, #w-node-adca6c79-23d0-bd69-4061-56189a2cc1ec-06122a3c, #w-node-_98dea471-2cdc-aa6f-30ac-a2b076d9d90c-06122a3c {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-cc6da582-d26a-9e81-0184-750ff2f09525-06122a3c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0e72929a-f05b-64a1-c649-8aa7e660e4fb-e660e4f9 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_0e72929a-f05b-64a1-c649-8aa7e660e500-e660e4f9, #w-node-_0e72929a-f05b-64a1-c649-8aa7e660e50d-e660e4f9, #w-node-_0e72929a-f05b-64a1-c649-8aa7e660e518-e660e4f9, #w-node-_0e72929a-f05b-64a1-c649-8aa7e660e521-e660e4f9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-aa99e247-74c9-021f-99bb-c4490769c39d-bf9f31bd {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-c49ea840-4f2c-9f3e-a23b-1bbf17196d06-bf9f31bd {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-b400ef25-46dd-e788-d058-9ea8e53293cb-bf9f31bd, #w-node-_2d7257c1-1ac9-3452-04a5-c5c097796b46-bf9f31bd, #w-node-_8c2b9705-f9c9-c41c-1e73-1e2d3dc0fa4b-bf9f31bd, #w-node-_44beecc5-cc5f-69b3-a9e4-340fc1084ce1-bf9f31bd {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_4f8b8c8e-51ef-8012-9a03-66a90fed7e0a-bf9f31d4 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_44d1fa3a-c691-90f5-b091-c0444dbcceaf-f252b04c, #w-node-f25e6ebc-f515-83e2-a18c-036898e05767-f252b04c {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-c164856a-215c-cedd-a5ae-5df108eab391-4a755e89 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_8ae2118d-8fed-2f59-b8bb-d97a4d39c962-4a755e89 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_9f7a2eca-87ac-f446-c429-0dab13904d84-4a755e89, #w-node-_4b143914-19ad-1c89-3e44-4a707fa17b0f-4a755e89, #w-node-db8e5524-9f7b-e035-ba24-292cece59c3e-4a755e89 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-adca6c79-23d0-bd69-4061-56189a2cc1ec-4a755e89, #w-node-_98dea471-2cdc-aa6f-30ac-a2b076d9d90c-4a755e89 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-cc6da582-d26a-9e81-0184-750ff2f09525-4a755e89 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a91e047e-afbc-934c-d101-44dc55ce087f-4a755e89 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-a91e047e-afbc-934c-d101-44dc55ce08a5-4a755e89 {
  grid-area: 2 / 1 / 3 / 7;
}

#w-node-_5ad2795e-634d-5b9c-d74b-299d2726e0cc-1102ae53, #w-node-_5ad2795e-634d-5b9c-d74b-299d2726e0cc-b0de49ee {
  grid-area: span 1 / span 12 / span 1 / span 12;
}


@font-face {
  font-family: 'Fa v4compatibility';
  src: url('../fonts/fa-v4compatibility.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}