:root,
        .color-scheme-1 {
          --color-background: 248,248,248;
          --gradient-background: #f8f8f8;
        --color-foreground: 11,11,11;
        --color-foreground-secondary: 84,84,84;
        --color-background-contrast: 184,184,184;
        --color-shadow: 11,11,11;
        --color-button: 255,110,1;
        --color-button-text: 11,11,11;
        --color-button-box-shadow: 255,110,1;
        --color-secondary-button: 248,248,248;
        --color-secondary-button-text: 11,11,11;
        --color-secondary-button-box-shadow: 84,84,84;
        --color-link: 11,11,11;
        --color-badge-foreground: 11,11,11;
        --color-badge-background: 248,248,248;
        --color-badge-border: 11,11,11;
        --payment-terms-background-color: rgb(248 248 248);
      }
        .color-scheme-2 {
          --color-background: 240,240,240;
          --gradient-background: #f0f0f0;
        --color-foreground: 11,11,11;
        --color-foreground-secondary: 84,84,84;
        --color-background-contrast: 176,176,176;
        --color-shadow: 11,11,11;
        --color-button: 255,110,1;
        --color-button-text: 11,11,11;
        --color-button-box-shadow: 255,110,1;
        --color-secondary-button: 240,240,240;
        --color-secondary-button-text: 11,11,11;
        --color-secondary-button-box-shadow: 84,84,84;
        --color-link: 11,11,11;
        --color-badge-foreground: 11,11,11;
        --color-badge-background: 240,240,240;
        --color-badge-border: 11,11,11;
        --payment-terms-background-color: rgb(240 240 240);
      }
        .color-scheme-4 {
          --color-background: 11,11,11;
          --gradient-background: #0b0b0b;
        --color-foreground: 248,248,248;
        --color-foreground-secondary: 186,186,186;
        --color-background-contrast: 139,139,139;
        --color-shadow: 11,11,11;
        --color-button: 255,110,1;
        --color-button-text: 11,11,11;
        --color-button-box-shadow: 255,110,1;
        --color-secondary-button: 11,11,11;
        --color-secondary-button-text: 248,248,248;
        --color-secondary-button-box-shadow: 84,84,84;
        --color-link: 248,248,248;
        --color-badge-foreground: 248,248,248;
        --color-badge-background: 11,11,11;
        --color-badge-border: 248,248,248;
        --payment-terms-background-color: rgb(11 11 11);
      }
        .color-scheme-dc38bde4-103e-4ee9-a56d-4aafdef8e0a0 {
          --color-background: 28,28,28;
          --gradient-background: #1c1c1c;
        --color-foreground: 248,248,248;
        --color-foreground-secondary: 186,186,186;
        --color-background-contrast: 41,41,41;
        --color-shadow: 11,11,11;
        --color-button: 255,110,1;
        --color-button-text: 11,11,11;
        --color-button-box-shadow: 255,110,1;
        --color-secondary-button: 28,28,28;
        --color-secondary-button-text: 248,248,248;
        --color-secondary-button-box-shadow: 84,84,84;
        --color-link: 248,248,248;
        --color-badge-foreground: 248,248,248;
        --color-badge-background: 28,28,28;
        --color-badge-border: 248,248,248;
        --payment-terms-background-color: rgb(28 28 28);
      }
        .color-scheme-11c91d14-ee03-4b42-b8e5-f8c7e25baf47 {
          --color-background: 56,56,56;
          --gradient-background: #383838;
        --color-foreground: 248,248,248;
        --color-foreground-secondary: 186,186,186;
        --color-background-contrast: 69,69,69;
        --color-shadow: 11,11,11;
        --color-button: 255,110,1;
        --color-button-text: 11,11,11;
        --color-button-box-shadow: 255,110,1;
        --color-secondary-button: 56,56,56;
        --color-secondary-button-text: 248,248,248;
        --color-secondary-button-box-shadow: 84,84,84;
        --color-link: 248,248,248;
        --color-badge-foreground: 248,248,248;
        --color-badge-background: 56,56,56;
        --color-badge-border: 248,248,248;
        --payment-terms-background-color: rgb(56 56 56);
      }
        .color-scheme-72a7840f-4425-4ba3-b221-1e3c4347130a {
          --color-background: 212,212,212;
          --gradient-background: #d4d4d4;
        --color-foreground: 11,11,11;
        --color-foreground-secondary: 84,84,84;
        --color-background-contrast: 148,148,148;
        --color-shadow: 11,11,11;
        --color-button: 255,110,1;
        --color-button-text: 11,11,11;
        --color-button-box-shadow: 255,110,1;
        --color-secondary-button: 212,212,212;
        --color-secondary-button-text: 11,11,11;
        --color-secondary-button-box-shadow: 84,84,84;
        --color-link: 11,11,11;
        --color-badge-foreground: 11,11,11;
        --color-badge-background: 212,212,212;
        --color-badge-border: 11,11,11;
        --payment-terms-background-color: rgb(212 212 212);
      }
        .color-scheme-246e7cdb-03c7-4420-ade9-b4a837760e73 {
          --color-background: 28,28,28;
          --gradient-background: #1c1c1c;
        --color-foreground: 248,248,248;
        --color-foreground-secondary: 161,161,161;
        --color-background-contrast: 41,41,41;
        --color-shadow: 18,18,18;
        --color-button: 255,110,1;
        --color-button-text: 11,11,11;
        --color-button-box-shadow: 255,110,1;
        --color-secondary-button: 28,28,28;
        --color-secondary-button-text: 248,248,248;
        --color-secondary-button-box-shadow: 84,84,84;
        --color-link: 248,248,248;
        --color-badge-foreground: 248,248,248;
        --color-badge-background: 28,28,28;
        --color-badge-border: 248,248,248;
        --payment-terms-background-color: rgb(28 28 28);
      }
        .color-scheme-c5810dba-61da-4e3f-a647-3e278a8261fe {
          --color-background: 255,255,255;
          --gradient-background: #ffffff;
        --color-foreground: 11,11,11;
        --color-foreground-secondary: 112,112,112;
        --color-background-contrast: 191,191,191;
        --color-shadow: 18,18,18;
        --color-button: 18,18,18;
        --color-button-text: 255,255,255;
        --color-button-box-shadow: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 18,18,18;
        --color-secondary-button-box-shadow: 255,255,255;
        --color-link: 18,18,18;
        --color-badge-foreground: 11,11,11;
        --color-badge-background: 255,255,255;
        --color-badge-border: 11,11,11;
        --payment-terms-background-color: rgb(255 255 255);
      }
      body, .color-scheme-1, .color-scheme-2, .color-scheme-4, .color-scheme-dc38bde4-103e-4ee9-a56d-4aafdef8e0a0, .color-scheme-11c91d14-ee03-4b42-b8e5-f8c7e25baf47, .color-scheme-72a7840f-4425-4ba3-b221-1e3c4347130a, .color-scheme-246e7cdb-03c7-4420-ade9-b4a837760e73, .color-scheme-c5810dba-61da-4e3f-a647-3e278a8261fe {
        color: rgba(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
      :root {
        --font-body-family: Barlow, sans-serif;
        --font-body-style: normal;
        --font-body-weight: 400;
        --font-body-weight-bold: 700;
        --font-heading-family: "Barlow Condensed", 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: 0px;
        --media-shadow-blur-radius: 5px;
        --media-shadow-visible: 0;
        --page-width: 140rem;
        --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.0;
        --product-card-shadow-opacity: 0.0;
        --product-card-shadow-visible: 0;
        --product-card-shadow-horizontal-offset: 0.0rem;
        --product-card-shadow-vertical-offset: 0.0rem;
        --product-card-shadow-blur-radius: 0.0rem;
        --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: 0.4rem;
        --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: 16px;
        --grid-desktop-horizontal-spacing: 16px;
        --grid-mobile-vertical-spacing: 8px;
        --grid-mobile-horizontal-spacing: 8px;
        --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: 4px;
        --buttons-radius-outset: 5px;
        --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: 0.3px;
        --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-default-background: transparent;
        --variant-pills-selected-background: #f0f0f0;
        --variant-pills-default-text-color: #0b0b0b;
        --variant-pills-selected-text-color: #0b0b0b;
        --variant-pills-default-border-color: 212,212,212;
        --variant-pills-selected-border-color: 11,11,11;
        --variant-pills-radius: 4px;
        --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: flex;
        flex-direction: column;
        min-height: 100%;
        margin: 0;
        font-size: 1.5rem;
        letter-spacing: 0;
        line-height: calc(1 + 0.5 / var(--font-body-scale));
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
      }
      .content-for-layout {
        flex: 1 0 auto;
      }
      @media screen and (min-width: 750px) {
        body {
          font-size: 1.6rem;
        }
      }