.color-background-1, :root {
    --color-background: 219, 237, 247;
    --gradient-background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 100%);
    --color-foreground: 0, 0, 0;
    --color-shadow: 0, 0, 0;
    --color-button: 54, 165, 119;
    --color-button-text: 253, 251, 247;
    --color-secondary-button: 219, 237, 247;
    --color-secondary-button-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-badge-foreground: 0, 0, 0;
    --color-badge-background: 219, 237, 247;
    --color-badge-border: 0, 0, 0;
    --payment-terms-background-color: rgb(219 237 247)
}

.color-background-2 {
    --color-background:,,;
    --gradient-background: linear-gradient(135deg, rgba(255, 246, 217, 1) 100%, rgba(255, 255, 255, 1) 100%);
    --color-foreground: 46, 42, 57;
    --color-shadow: 0, 0, 0;
    --color-button: 46, 42, 57;
    --color-button-text: 237, 255, 167;
    --color-secondary-button:,,;
    --color-secondary-button-text: 46, 42, 57;
    --color-link: 46, 42, 57;
    --color-badge-foreground: 46, 42, 57;
    --color-badge-background:,,;
    --color-badge-border: 46, 42, 57;
    --payment-terms-background-color: rgb()
}

.color-inverse {
    --color-background: 0, 0, 0;
    --gradient-background: #000000;
    --color-foreground: 253, 251, 247;
    --color-shadow: 0, 0, 0;
    --color-button: 253, 251, 247;
    --color-button-text: 0, 0, 0;
    --color-secondary-button: 0, 0, 0;
    --color-secondary-button-text: 253, 251, 247;
    --color-link: 253, 251, 247;
    --color-badge-foreground: 253, 251, 247;
    --color-badge-background: 0, 0, 0;
    --color-badge-border: 253, 251, 247;
    --payment-terms-background-color: rgb(0 0 0)
}

.color-accent-1 {
    --color-background: 0, 0, 0;
    --gradient-background: #000000;
    --color-foreground: 255, 255, 255;
    --color-shadow: 0, 0, 0;
    --color-button: 255, 255, 255;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 0, 0, 0;
    --color-secondary-button-text: 253, 251, 247;
    --color-link: 253, 251, 247;
    --color-badge-foreground: 255, 255, 255;
    --color-badge-background: 0, 0, 0;
    --color-badge-border: 255, 255, 255;
    --payment-terms-background-color: rgb(0 0 0)
}

.color-accent-2 {
    --color-background: 250, 250, 252;
    --gradient-background: linear-gradient(320deg, rgba(250, 250, 252, 1) 100%, rgba(238, 238, 238, 1) 100%, rgba(199, 225, 220, 1) 100%, rgba(252, 234, 220, 1) 100%);
    --color-foreground: 0, 0, 0;
    --color-shadow: 0, 0, 0;
    --color-button: 0, 0, 0;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 250, 250, 252;
    --color-secondary-button-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-badge-foreground: 0, 0, 0;
    --color-badge-background: 250, 250, 252;
    --color-badge-border: 0, 0, 0;
    --payment-terms-background-color: rgb(250 250 252)
}

.color-scheme-95daf1e5-717a-4719-915b-ba51b0a7b3e6 {
    --color-background: 0, 0, 0;
    --gradient-background: rgba(0, 0, 0, 0);
    --color-foreground: 0, 0, 0;
    --color-shadow: 0, 0, 0;
    --color-button: 0, 0, 0;
    --color-button-text: 253, 251, 247;
    --color-secondary-button: 0, 0, 0;
    --color-secondary-button-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-badge-foreground: 0, 0, 0;
    --color-badge-background: 0, 0, 0;
    --color-badge-border: 0, 0, 0;
    --payment-terms-background-color: rgb(0 0 0)
}

.color-scheme-e98f0fc0-4ea3-4c71-8841-7739c43e0097 {
    --color-background: 255, 237, 237;
    --gradient-background: linear-gradient(135deg, rgba(255, 226, 226, 1), rgba(255, 255, 255, 1) 100%);
    --color-foreground: 0, 0, 0;
    --color-shadow: 0, 0, 0;
    --color-button: 54, 165, 119;
    --color-button-text: 253, 251, 247;
    --color-secondary-button: 255, 237, 237;
    --color-secondary-button-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-badge-foreground: 0, 0, 0;
    --color-badge-background: 255, 237, 237;
    --color-badge-border: 0, 0, 0;
    --payment-terms-background-color: rgb(255 237 237)
}

.color-scheme-3b9ca3bd-37a8-4828-aecc-b353d5cee6cc {
    --color-background: 250, 249, 246;
    --gradient-background: linear-gradient(180deg, rgba(238, 238, 238, 1), rgba(255, 255, 255, 1) 100%);
    --color-foreground: 54, 69, 79;
    --color-shadow: 0, 0, 0;
    --color-button: 178, 130, 11;
    --color-button-text: 253, 251, 247;
    --color-secondary-button: 250, 249, 246;
    --color-secondary-button-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-badge-foreground: 54, 69, 79;
    --color-badge-background: 250, 249, 246;
    --color-badge-border: 54, 69, 79;
    --payment-terms-background-color: rgb(250 249 246)
}

.color-scheme-c0232b65-c7cb-4be5-886b-36e81ee435d9 {
    --color-background: 255, 255, 255;
    --gradient-background: linear-gradient(88deg, rgba(196, 221, 233, 1), rgba(255, 255, 255, 1) 100%);
    --color-foreground: 0, 0, 0;
    --color-shadow: 0, 0, 0;
    --color-button: 54, 165, 119;
    --color-button-text: 253, 251, 247;
    --color-secondary-button: 255, 255, 255;
    --color-secondary-button-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-badge-foreground: 0, 0, 0;
    --color-badge-background: 255, 255, 255;
    --color-badge-border: 0, 0, 0;
    --payment-terms-background-color: rgb(255 255 255)
}

.color-scheme-35ce88b6-050e-41b3-9b49-dc5faef2ff25 {
    --color-background: 216, 164, 143;
    --gradient-background: linear-gradient(180deg, rgba(216, 164, 143, 1), rgba(255, 255, 255, 1) 100%);
    --color-foreground: 0, 0, 0;
    --color-shadow: 0, 0, 0;
    --color-button: 54, 165, 119;
    --color-button-text: 253, 251, 247;
    --color-secondary-button: 216, 164, 143;
    --color-secondary-button-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-badge-foreground: 0, 0, 0;
    --color-badge-background: 216, 164, 143;
    --color-badge-border: 0, 0, 0;
    --payment-terms-background-color: rgb(216 164 143)
}

.color-scheme-dfc5e968-9de7-4e9b-8ab3-34b2ce6b1681 {
    --color-background: 209, 199, 193;
    --gradient-background: linear-gradient(180deg, rgba(209, 199, 193, 1), rgba(255, 255, 255, 1) 100%);
    --color-foreground: 0, 0, 0;
    --color-shadow: 0, 0, 0;
    --color-button: 54, 165, 119;
    --color-button-text: 253, 251, 247;
    --color-secondary-button: 209, 199, 193;
    --color-secondary-button-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-badge-foreground: 0, 0, 0;
    --color-badge-background: 209, 199, 193;
    --color-badge-border: 0, 0, 0;
    --payment-terms-background-color: rgb(209 199 193)
}

.color-scheme-78199533-9383-41b9-985f-67fdc502414a {
    --color-background: 255, 233, 225;
    --gradient-background: #ffe9e1;
    --color-foreground: 0, 0, 0;
    --color-shadow: 0, 0, 0;
    --color-button: 54, 165, 119;
    --color-button-text: 253, 251, 247;
    --color-secondary-button: 255, 233, 225;
    --color-secondary-button-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-badge-foreground: 0, 0, 0;
    --color-badge-background: 255, 233, 225;
    --color-badge-border: 0, 0, 0;
    --payment-terms-background-color: rgb(255 233 225)
}

.color-scheme-8c5fb8d1-c202-4f0e-90e1-0baf959e4dde {
    --color-background: 156, 4, 112;
    --gradient-background: #9c0470;
    --color-foreground: 250, 249, 246;
    --color-shadow: 0, 0, 0;
    --color-button: 54, 165, 119;
    --color-button-text: 253, 251, 247;
    --color-secondary-button: 156, 4, 112;
    --color-secondary-button-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-badge-foreground: 250, 249, 246;
    --color-badge-background: 156, 4, 112;
    --color-badge-border: 250, 249, 246;
    --payment-terms-background-color: rgb(156 4 112)
}

.color-scheme-95ffcc89-5395-4e25-9b44-e7c0f65d14f5 {
    --color-background: 255, 198, 198;
    --gradient-background: #ffc6c6;
    --color-foreground: 0, 0, 0;
    --color-shadow: 0, 0, 0;
    --color-button: 255, 198, 198;
    --color-button-text: 253, 251, 247;
    --color-secondary-button: 255, 198, 198;
    --color-secondary-button-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-badge-foreground: 0, 0, 0;
    --color-badge-background: 255, 198, 198;
    --color-badge-border: 0, 0, 0;
    --payment-terms-background-color: rgb(255 198 198)
}

.color-scheme-f918c673-1c77-4bd7-9d6a-dd3afd400f3c {
    --color-background: 255, 198, 198;
    --gradient-background: radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 2%);
    --color-foreground: 46, 42, 57;
    --color-shadow: 0, 0, 0;
    --color-button: 255, 198, 198;
    --color-button-text: 255, 198, 198;
    --color-secondary-button: 255, 198, 198;
    --color-secondary-button-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-badge-foreground: 46, 42, 57;
    --color-badge-background: 255, 198, 198;
    --color-badge-border: 46, 42, 57;
    --payment-terms-background-color: rgb(255 198 198)
}

.color-scheme-403a01ab-0bcb-4239-8658-c9194105e305 {
    --color-background: 239, 179, 191;
    --gradient-background: #efb3bf;
    --color-foreground: 0, 0, 0;
    --color-shadow: 0, 0, 0;
    --color-button: 54, 165, 119;
    --color-button-text: 253, 251, 247;
    --color-secondary-button: 239, 179, 191;
    --color-secondary-button-text: 0, 0, 0;
    --color-link: 0, 0, 0;
    --color-badge-foreground: 0, 0, 0;
    --color-badge-background: 239, 179, 191;
    --color-badge-border: 0, 0, 0;
    --payment-terms-background-color: rgb(239 179 191)
}

.color-accent-1, .color-accent-2, .color-background-1, .color-background-2, .color-inverse, .color-scheme-35ce88b6-050e-41b3-9b49-dc5faef2ff25, .color-scheme-3b9ca3bd-37a8-4828-aecc-b353d5cee6cc, .color-scheme-403a01ab-0bcb-4239-8658-c9194105e305, .color-scheme-78199533-9383-41b9-985f-67fdc502414a, .color-scheme-8c5fb8d1-c202-4f0e-90e1-0baf959e4dde, .color-scheme-95daf1e5-717a-4719-915b-ba51b0a7b3e6, .color-scheme-95ffcc89-5395-4e25-9b44-e7c0f65d14f5, .color-scheme-c0232b65-c7cb-4be5-886b-36e81ee435d9, .color-scheme-dfc5e968-9de7-4e9b-8ab3-34b2ce6b1681, .color-scheme-e98f0fc0-4ea3-4c71-8841-7739c43e0097, .color-scheme-f918c673-1c77-4bd7-9d6a-dd3afd400f3c, body {
    color: rgba(var(--color-foreground), 1);
    background-color: rgb(var(--color-background))
}

:root {
    --green: #11b96f;
    --font-body-family: "Harmonia Sans", sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-weight-bold: 700;
    --font-heading-family: Palatino, 'Palatino Linotype', 'Book Antiqua', 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.1;
    --media-border-width: 0px;
    --media-radius: 12px;
    --media-shadow-opacity: 0.0;
    --media-shadow-horizontal-offset: 10px;
    --media-shadow-vertical-offset: 12px;
    --media-shadow-blur-radius: 20px;
    --media-shadow-visible: 0;
    --page-width: 120rem;
    --page-width-margin: 0rem;
    --product-card-image-padding: 0.0rem;
    --product-card-corner-radius: 1.2rem;
    --product-card-text-alignment: center;
    --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: 1.0rem;
    --product-card-shadow-vertical-offset: 1.0rem;
    --product-card-shadow-blur-radius: 3.5rem;
    --collection-card-image-padding: 0.0rem;
    --collection-card-corner-radius: 1.2rem;
    --collection-card-text-alignment: center;
    --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: 1.0rem;
    --collection-card-shadow-vertical-offset: 1.0rem;
    --collection-card-shadow-blur-radius: 0.0rem;
    --blog-card-image-padding: 0.0rem;
    --blog-card-corner-radius: 1.2rem;
    --blog-card-text-alignment: center;
    --blog-card-border-width: 0.0rem;
    --blog-card-border-opacity: 0.1;
    --blog-card-shadow-opacity: 0.05;
    --blog-card-shadow-visible: 1;
    --blog-card-shadow-horizontal-offset: 1.0rem;
    --blog-card-shadow-vertical-offset: 1.0rem;
    --blog-card-shadow-blur-radius: 3.5rem;
    --badge-corner-radius: 2.0rem;
    --popup-border-width: 1px;
    --popup-border-opacity: 0.1;
    --popup-corner-radius: 22px;
    --popup-shadow-opacity: 0.1;
    --popup-shadow-horizontal-offset: 10px;
    --popup-shadow-vertical-offset: 12px;
    --popup-shadow-blur-radius: 20px;
    --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: 36px;
    --spacing-sections-mobile: 25px;
    --grid-desktop-vertical-spacing: 40px;
    --grid-desktop-horizontal-spacing: 40px;
    --grid-mobile-vertical-spacing: 20px;
    --grid-mobile-horizontal-spacing: 20px;
    --text-boxes-border-opacity: 0.1;
    --text-boxes-border-width: 0px;
    --text-boxes-radius: 24px;
    --text-boxes-shadow-opacity: 0.0;
    --text-boxes-shadow-visible: 0;
    --text-boxes-shadow-horizontal-offset: 10px;
    --text-boxes-shadow-vertical-offset: 12px;
    --text-boxes-shadow-blur-radius: 20px;
    --buttons-radius: 10px;
    --buttons-radius-outset: 11px;
    --buttons-border-width: 1px;
    --buttons-border-opacity: 0.55;
    --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: 10px;
    --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: 11px;
    --variant-pills-radius: 10px;
    --variant-pills-border-width: 1px;
    --variant-pills-border-opacity: 0.1;
    --variant-pills-shadow-opacity: 0.0;
    --variant-pills-shadow-horizontal-offset: 0px;
    --variant-pills-shadow-vertical-offset: 4px;
    --variant-pills-shadow-blur-radius: 5px
}

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

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

body {
    display: grid;
    grid-template-rows:auto auto 1fr auto;
    grid-template-columns:100%;
    min-height: 100%;
    margin: 0;
    font-size: 1.3rem;
    letter-spacing: .06rem;
    line-height: calc(1 + .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.4rem
    }
}