@font-face {
  font-family: Jost;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/shop/b13b15cb7be486-jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"),
       url("/assets/shop/33de72f1544d97-jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff");
}

      @font-face {
  font-family: Jost;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/assets/shop/1049f8c0079784-jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2") format("woff2"),
       url("/assets/shop/0e6f7492cfb33f-jost_n7.cbfc16c98c1e195f46c536e775e4e959c5f2f22b.woff") format("woff");
}

      @font-face {
  font-family: Jost;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("/assets/shop/48bda32c832a0a-jost_i4.b690098389649750ada222b9763d55796c5283a5.woff2") format("woff2"),
       url("/assets/shop/a67c6b4c04baa0-jost_i4.fd766415a47e50b9e391ae7ec04e2ae25e7e28b0.woff") format("woff");
}

      @font-face {
  font-family: Jost;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("/assets/shop/514cbbf95e5fe9-jost_i7.d8201b854e41e19d7ed9b1a31fe4fe71deea6d3f.woff2") format("woff2"),
       url("/assets/shop/ea21787f3f984e-jost_i7.eae515c34e26b6c853efddc3fc0c552e0de63757.woff") format("woff");
}

      @font-face {
  font-family: "DM Sans";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/assets/shop/82fa330b8d3bbd-dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2") format("woff2"),
       url("/assets/shop/ca00ac50dbae5b-dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff") format("woff");
}


      
        :root,
        .color-scheme-1 {
          --color-background: 244,244,244;
        
          --gradient-background: #f4f4f4;
        

        

        --color-foreground: 43,44,45;
        --color-background-contrast: 180,180,180;
        --color-shadow: 0,17,40;
        --color-button: 183,172,162;
        --color-button-text: 38,38,38;
        --color-secondary-button: 244,244,244;
        --color-secondary-button-text: 0,17,40;
        --color-link: 0,17,40;
        --color-badge-foreground: 43,44,45;
        --color-badge-background: 244,244,244;
        --color-badge-border: 43,44,45;
        --payment-terms-background-color: rgb(244 244 244);
      }
      
        
        .color-scheme-2 {
          --color-background: 255,255,255;
        
          --gradient-background: #ffffff;
        

        

        --color-foreground: 38,38,38;
        --color-background-contrast: 191,191,191;
        --color-shadow: 0,17,40;
        --color-button: 121,112,104;
        --color-button-text: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 121,117,114;
        --color-link: 121,117,114;
        --color-badge-foreground: 38,38,38;
        --color-badge-background: 255,255,255;
        --color-badge-border: 38,38,38;
        --payment-terms-background-color: rgb(255 255 255);
      }
      
        
        .color-scheme-3 {
          --color-background: 194,183,172;
        
          --gradient-background: #c2b7ac;
        

        

        --color-foreground: 38,38,38;
        --color-background-contrast: 137,119,101;
        --color-shadow: 0,17,40;
        --color-button: 253,253,253;
        --color-button-text: 38,38,38;
        --color-secondary-button: 194,183,172;
        --color-secondary-button-text: 84,72,60;
        --color-link: 84,72,60;
        --color-badge-foreground: 38,38,38;
        --color-badge-background: 194,183,172;
        --color-badge-border: 38,38,38;
        --payment-terms-background-color: rgb(194 183 172);
      }
      
        
        .color-scheme-4 {
          --color-background: 28,34,40;
        
          --gradient-background: #1c2228;
        

        

        --color-foreground: 255,255,255;
        --color-background-contrast: 39,47,55;
        --color-shadow: 0,17,40;
        --color-button: 255,255,255;
        --color-button-text: 0,17,40;
        --color-secondary-button: 28,34,40;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 28,34,40;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(28 34 40);
      }
      
        
        .color-scheme-5 {
          --color-background: 50,56,65;
        
          --gradient-background: #323841;
        

        

        --color-foreground: 255,255,255;
        --color-background-contrast: 61,68,79;
        --color-shadow: 0,17,40;
        --color-button: 183,172,162;
        --color-button-text: 38,38,38;
        --color-secondary-button: 50,56,65;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 50,56,65;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(50 56 65);
      }
      

      body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
        color: rgba(var(--color-foreground), 0.75);
        background-color: rgb(var(--color-background));
      }

      :root {
        --font-body-family: Jost, sans-serif;
        --font-body-style: normal;
        --font-body-weight: 400;
        --font-body-weight-bold: 700;

        --font-heading-family: "DM Sans", sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 500;

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

        --media-padding: px;
        --media-border-opacity: 0.05;
        --media-border-width: 1px;
        --media-radius: 8px;
        --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: 1.2rem;
        --product-card-corner-radius: 0.8rem;
        --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.8rem;
        --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.8rem;
        --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: 8px;
        --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: 12px;
        --grid-desktop-horizontal-spacing: 12px;
        --grid-mobile-vertical-spacing: 6px;
        --grid-mobile-horizontal-spacing: 6px;

        --text-boxes-border-opacity: 0.1;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 8px;
        --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: 6px;
        --buttons-radius-outset: 7px;
        --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: 6px;
        --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: 7px;

        --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: flex;
        flex-direction: column;
        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;
        }
      }