@charset "UTF-8";
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  HIERARCHIE SCSS :
                            Du PLUS GLOBAL et PLUS PETIT  ->  au PLUS SPÉCIFIQUE et PLUS GRAND
                                                 ( ORDRE IMPORTANT ! )
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  0 : ROOT ( ORDRE IMPORTANT ! )
//                              * Root Math function
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  0 : RESSOURCES ( ORDRE IMPORTANT ! )
//                              * External libraries ressources
/**/
.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: #999;
}
.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}
.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled:after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
    opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: #f6f6f6;
}
.nice-select .option.selected {
  font-weight: bold;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}
.no-csspointerevents .nice-select.open .list {
  display: block;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  1 : PARAMETERS ( ORDRE IMPORTANT ! )
//                              * Main parameters
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/** Report here the referential screen widths given by the respective mockups
(used with "px-to-rem" or "ptr" functions)
Be careful, sometimes the "desktop" models are in 1920, sometimes in 1480 (for ex) **/
/* Still in use currently but will need to be replaced by global mixin above */
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
/* You shouldn't have to modify anything here */
/* Still in use currently but will need to be replaced by global mixin above */
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
/* No pixel size of the project should be determined directly,
  but must necessarily go through this function to inearly follow any resizing in view.
  You shouldn't have to modify anything here */
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/* Defines the coefficient (neutral by default) which could exceptionally be used
a posteriori to adjust (increase or reduce) all the sizes which will be relative to it */
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
/* You shouldn't have to modify this */
/* You shouldn't have to modify this */
/* Define a mixin to generate each variables names for Font Families
and associate their values from the $font-sizes-values map above */
/* You shouldn't have to modify this */
/* When you use the themeFontFamily mixin, you can specify either a primary or secondary font family type,
  and it will select the correct font file directory and name accordingly. */
/* You shouldn't have to modify this */
/* Define a mixin to generate each variables names for Font Size
and associate their values from the $font-sizes-values map above */
/* With this setup, you can call the font size and line height values like this:
// var(--font-size-1-tablet)
// var(--line-height-1-tablet)

// -------------- * Associate the Properties to Variables defined just above * --------------
    /* You shouldn't have to modify this */
/**
  * --------------------------------------------------------------------------------------------------------------
  *                                                  DEDICATED CLASSES & EXTENDS
  *                                           Allways create both in order to be forced
  *                                       directly on DOM or afterward in SCCS with @extend !
/**/
/* -------------- * Auto Create Theme Font Families Class Names
      And associate them by the function, to their corresponding variable value * --------------
    /* You shouldn't have to modify this */
.font-family-primary-extralight {
  font-family: var(--theme-font-primary-extralight);
}

.font-family-primary-light {
  font-family: var(--theme-font-primary-light);
}

.font-family-primary-regular {
  font-family: var(--theme-font-primary-regular);
}

.font-family-primary-medium {
  font-family: var(--theme-font-primary-medium);
}

.font-family-primary-semibold {
  font-family: var(--theme-font-primary-semibold);
}

.font-family-primary-bold {
  font-family: var(--theme-font-primary-bold);
}

.font-family-primary-extrabold {
  font-family: var(--theme-font-primary-extrabold);
}

.font-family-primary-black {
  font-family: var(--theme-font-primary-black);
}

.font-family-secondary-extralight {
  font-family: var(--theme-font-secondary-extralight);
}

.font-family-secondary-light {
  font-family: var(--theme-font-secondary-light);
}

.font-family-secondary-regular {
  font-family: var(--theme-font-secondary-regular);
}

.font-family-secondary-medium {
  font-family: var(--theme-font-secondary-medium);
}

.font-family-secondary-semibold {
  font-family: var(--theme-font-secondary-semibold);
}

.font-family-secondary-bold {
  font-family: var(--theme-font-secondary-bold);
}

.font-family-secondary-extrabold {
  font-family: var(--theme-font-secondary-extrabold);
}

.font-family-secondary-black {
  font-family: var(--theme-font-secondary-black);
}

/* -------------- * Auto Create Theme Font Sizes Class Names
      And associate them by the function, to their corresponding variable value * --------------
    /* You shouldn't have to modify this */
@media (min-width: 0px) {
  .font-size-1 {
    font-size: var(--theme-font-size-1-mobile);
    line-height: var(--theme-line-height-1-mobile);
  }
}
@media (min-width: 481px) {
  .font-size-1 {
    font-size: var(--theme-font-size-1-tablet);
    line-height: var(--theme-line-height-1-tablet);
  }
}
@media (min-width: 1024px) {
  .font-size-1 {
    font-size: var(--theme-font-size-1-desktop);
    line-height: var(--theme-line-height-1-desktop);
  }
}

@media (min-width: 0px) {
  .font-size-2 {
    font-size: var(--theme-font-size-2-mobile);
    line-height: var(--theme-line-height-2-mobile);
  }
}
@media (min-width: 481px) {
  .font-size-2 {
    font-size: var(--theme-font-size-2-tablet);
    line-height: var(--theme-line-height-2-tablet);
  }
}
@media (min-width: 1024px) {
  .font-size-2 {
    font-size: var(--theme-font-size-2-desktop);
    line-height: var(--theme-line-height-2-desktop);
  }
}

@media (min-width: 0px) {
  .font-size-3 {
    font-size: var(--theme-font-size-3-mobile);
    line-height: var(--theme-line-height-3-mobile);
  }
}
@media (min-width: 481px) {
  .font-size-3 {
    font-size: var(--theme-font-size-3-tablet);
    line-height: var(--theme-line-height-3-tablet);
  }
}
@media (min-width: 1024px) {
  .font-size-3 {
    font-size: var(--theme-font-size-3-desktop);
    line-height: var(--theme-line-height-3-desktop);
  }
}

@media (min-width: 0px) {
  .font-size-4 {
    font-size: var(--theme-font-size-4-mobile);
    line-height: var(--theme-line-height-4-mobile);
  }
}
@media (min-width: 481px) {
  .font-size-4 {
    font-size: var(--theme-font-size-4-tablet);
    line-height: var(--theme-line-height-4-tablet);
  }
}
@media (min-width: 1024px) {
  .font-size-4 {
    font-size: var(--theme-font-size-4-desktop);
    line-height: var(--theme-line-height-4-desktop);
  }
}

@media (min-width: 0px) {
  .font-size-5 {
    font-size: var(--theme-font-size-5-mobile);
    line-height: var(--theme-line-height-5-mobile);
  }
}
@media (min-width: 481px) {
  .font-size-5 {
    font-size: var(--theme-font-size-5-tablet);
    line-height: var(--theme-line-height-5-tablet);
  }
}
@media (min-width: 1024px) {
  .font-size-5 {
    font-size: var(--theme-font-size-5-desktop);
    line-height: var(--theme-line-height-5-desktop);
  }
}

@media (min-width: 0px) {
  .font-size-6 {
    font-size: var(--theme-font-size-6-mobile);
    line-height: var(--theme-line-height-6-mobile);
  }
}
@media (min-width: 481px) {
  .font-size-6 {
    font-size: var(--theme-font-size-6-tablet);
    line-height: var(--theme-line-height-6-tablet);
  }
}
@media (min-width: 1024px) {
  .font-size-6 {
    font-size: var(--theme-font-size-6-desktop);
    line-height: var(--theme-line-height-6-desktop);
  }
}

@media (min-width: 0px) {
  .font-size-7 {
    font-size: var(--theme-font-size-7-mobile);
    line-height: var(--theme-line-height-7-mobile);
  }
}
@media (min-width: 481px) {
  .font-size-7 {
    font-size: var(--theme-font-size-7-tablet);
    line-height: var(--theme-line-height-7-tablet);
  }
}
@media (min-width: 1024px) {
  .font-size-7 {
    font-size: var(--theme-font-size-7-desktop);
    line-height: var(--theme-line-height-7-desktop);
  }
}

@media (min-width: 0px) {
  .font-size-chiffre {
    font-size: var(--theme-font-size-chiffre-mobile);
    line-height: var(--theme-line-height-chiffre-mobile);
  }
}
@media (min-width: 481px) {
  .font-size-chiffre {
    font-size: var(--theme-font-size-chiffre-tablet);
    line-height: var(--theme-line-height-chiffre-tablet);
  }
}
@media (min-width: 1024px) {
  .font-size-chiffre {
    font-size: var(--theme-font-size-chiffre-desktop);
    line-height: var(--theme-line-height-chiffre-desktop);
  }
}

@media (min-width: 0px) {
  .font-size-p-16-24 {
    font-size: var(--theme-font-size-p-16-24-mobile);
    line-height: var(--theme-line-height-p-16-24-mobile);
  }
}
@media (min-width: 481px) {
  .font-size-p-16-24 {
    font-size: var(--theme-font-size-p-16-24-tablet);
    line-height: var(--theme-line-height-p-16-24-tablet);
  }
}
@media (min-width: 1024px) {
  .font-size-p-16-24 {
    font-size: var(--theme-font-size-p-16-24-desktop);
    line-height: var(--theme-line-height-p-16-24-desktop);
  }
}

@media (min-width: 0px) {
  .font-size-title-35-50 {
    font-size: var(--theme-font-size-title-35-50-mobile);
    line-height: var(--theme-line-height-title-35-50-mobile);
  }
}
@media (min-width: 481px) {
  .font-size-title-35-50 {
    font-size: var(--theme-font-size-title-35-50-tablet);
    line-height: var(--theme-line-height-title-35-50-tablet);
  }
}
@media (min-width: 1024px) {
  .font-size-title-35-50 {
    font-size: var(--theme-font-size-title-35-50-desktop);
    line-height: var(--theme-line-height-title-35-50-desktop);
  }
}

@media (min-width: 0px) {
  .font-size-p-desc-form {
    font-size: var(--theme-font-size-p-desc-form-mobile);
    line-height: var(--theme-line-height-p-desc-form-mobile);
  }
}
@media (min-width: 481px) {
  .font-size-p-desc-form {
    font-size: var(--theme-font-size-p-desc-form-tablet);
    line-height: var(--theme-line-height-p-desc-form-tablet);
  }
}
@media (min-width: 1024px) {
  .font-size-p-desc-form {
    font-size: var(--theme-font-size-p-desc-form-desktop);
    line-height: var(--theme-line-height-p-desc-form-desktop);
  }
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED CLASSES & EXTENDS
 *                                           Allways create both in order to be forced
 *                                       directly on DOM or afterward in SCCS with @extend !
/**/
/* Create here as much as needed... */
.bold {
  font-weight: bold;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-50 {
  opacity: 0.5;
}

.uppercase {
  text-transform: uppercase;
}

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

.text-left {
  text-align: left;
}

.margin-auto {
  display: inline-block;
  margin: auto;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  ELEMENTS APPLICATIONS
/**/
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
li,
#gform_confirmation_message_6 {
  margin: 0;
  color: var(--theme-color-dark-green);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
}

/* Now assign here each variation of each font family
      declined here in a decreasing order
      defined above to all similar elements
      You shouldn't have to modify the content */
h1 {
  font-family: var(--theme-font-primary-bold);
}

h2,
h2 span,
.gform_confirmation_message {
  font-family: var(--theme-font-primary-bold);
}

.gform_confirmation_message {
  padding: 10px 45px;
  background-color: var(--theme-color-pastel-green);
  border-radius: 10px;
}

h3,
th label,
.secondary-bold,
.post-content b {
  font-family: var(--theme-font-secondary-bold);
}

h4,
td,
.post-content span {
  font-family: var(--theme-font-secondary-regular);
}

h5 {
  font-family: var(--theme-font-secondary-regular);
}

p,
li,
label,
.frm_primary_label,
input,
a,
select,
span,
.frm_message,
.cky-notice-btn-wrapper .cky-btn,
.gform_confirmation_message {
  font-family: var(--theme-font-secondary-regular);
}

form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
  font-family: var(--theme-font-secondary-regular) !important;
}

form input::-moz-placeholder,
form textarea::-moz-placeholder {
  font-family: var(--theme-font-secondary-regular) !important;
}

form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
  font-family: var(--theme-font-secondary-regular) !important;
}

form input::-ms-input-placeholder,
form textarea::-ms-input-placeholder {
  font-family: var(--theme-font-secondary-regular) !important;
}

form span,
form label,
form input,
form input::placeholder,
form textarea::placeholder,
form textarea,
form .frm_primary_label,
form select,
form option,
form a {
  font-family: var(--theme-font-secondary-regular) !important;
}

li.menu-item,
#gform_confirmation_message_6 {
  font-family: var(--theme-font-secondary-regular);
}

.bulle p {
  font-family: var(--theme-font-primary-bold);
}

.post-content {
  font-family: var(--theme-font-secondary-regular);
}

/* Do the same if secondary family... */
/* Now assign here each variation of each font size
      declined here in a decreasing order
      defined above to all similar elements
      You shouldn't have to modify the content */
:root {
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  /* The @font-face declarations use nth() to extract the font file name and directory
    dynamically based on whether the font is primary or secondary. */
  --theme-font-primary-extralight: primary-extralight;
  --theme-font-primary-light: primary-light;
  --theme-font-primary-regular: primary-regular;
  --theme-font-primary-medium: primary-medium;
  --theme-font-primary-semibold: primary-semibold;
  --theme-font-primary-bold: primary-bold;
  --theme-font-primary-extrabold: primary-extrabold;
  --theme-font-primary-black: primary-black;
  --theme-font-secondary-extralight: secondary-extralight;
  --theme-font-secondary-light: secondary-light;
  --theme-font-secondary-regular: secondary-regular;
  --theme-font-secondary-medium: secondary-medium;
  --theme-font-secondary-semibold: secondary-semibold;
  --theme-font-secondary-bold: secondary-bold;
  --theme-font-secondary-extrabold: secondary-extrabold;
  --theme-font-secondary-black: secondary-black;
  --theme-font-size-1-mobile: calc(0.1145038168 * 1 * 100vw);
  --theme-line-height-1-mobile: calc(0.1374045802 * 1 * 100vw);
  --theme-font-size-1-tablet: calc(0.0304054054 * 1 * 100vw);
  --theme-line-height-1-tablet: calc(0.0540540541 * 1 * 100vw);
  --theme-font-size-1-desktop: calc(0.0472972973 * 1 * 100vw);
  --theme-line-height-1-desktop: calc(0.0540540541 * 1 * 100vw);
  --theme-font-size-2-mobile: calc(0.0636132316 * 1 * 100vw);
  --theme-line-height-2-mobile: calc(0.106870229 * 1 * 100vw);
  --theme-font-size-2-tablet: calc(0.0426829268 * 1 * 100vw);
  --theme-line-height-2-tablet: calc(0.0548780488 * 1 * 100vw);
  --theme-font-size-2-desktop: calc(0.0236486486 * 1 * 100vw);
  --theme-line-height-2-desktop: calc(0.0304054054 * 1 * 100vw);
  --theme-font-size-3-mobile: calc(0.0508905852 * 1 * 100vw);
  --theme-line-height-3-mobile: calc(0.0763358779 * 1 * 100vw);
  --theme-font-size-3-tablet: calc(0.0243902439 * 1 * 100vw);
  --theme-line-height-3-tablet: calc(0.0268292683 * 1 * 100vw);
  --theme-font-size-3-desktop: calc(0.0135135135 * 1 * 100vw);
  --theme-line-height-3-desktop: calc(0.0148648649 * 1 * 100vw);
  --theme-font-size-4-mobile: calc(0.0458015267 * 1 * 100vw);
  --theme-line-height-4-mobile: calc(0.0559796438 * 1 * 100vw);
  --theme-font-size-4-tablet: calc(0.0219512195 * 1 * 100vw);
  --theme-line-height-4-tablet: calc(0.0292682927 * 1 * 100vw);
  --theme-font-size-4-desktop: calc(0.0108108108 * 1 * 100vw);
  --theme-line-height-4-desktop: calc(0.0135135135 * 1 * 100vw);
  --theme-font-size-5-mobile: calc(0.0356234097 * 1 * 100vw);
  --theme-line-height-5-mobile: calc(0.0458015267 * 1 * 100vw);
  --theme-font-size-5-tablet: calc(0.0170731707 * 1 * 100vw);
  --theme-line-height-5-tablet: calc(0.0243902439 * 1 * 100vw);
  --theme-font-size-5-desktop: calc(0.0094594595 * 1 * 100vw);
  --theme-line-height-5-desktop: calc(0.0135135135 * 1 * 100vw);
  --theme-font-size-6-mobile: calc(0.0458015267 * 1 * 100vw);
  --theme-line-height-6-mobile: calc(0.0559796438 * 1 * 100vw);
  --theme-font-size-6-tablet: calc(0.0219512195 * 1 * 100vw);
  --theme-line-height-6-tablet: calc(0.0268292683 * 1 * 100vw);
  --theme-font-size-6-desktop: calc(0.0121621622 * 1 * 100vw);
  --theme-line-height-6-desktop: calc(0.0175675676 * 1 * 100vw);
  --theme-font-size-7-mobile: calc(0.0458015267 * 1 * 100vw);
  --theme-line-height-7-mobile: calc(0.0356234097 * 1 * 100vw);
  --theme-font-size-7-tablet: calc(0.0219512195 * 1 * 100vw);
  --theme-line-height-7-tablet: calc(0.0195121951 * 1 * 100vw);
  --theme-font-size-7-desktop: calc(0.0121621622 * 1 * 100vw);
  --theme-line-height-7-desktop: calc(0.0175675676 * 1 * 100vw);
  --theme-font-size-chiffre-mobile: calc(0.203562341 * 1 * 100vw);
  --theme-line-height-chiffre-mobile: calc(0.203562341 * 1 * 100vw);
  --theme-font-size-chiffre-tablet: calc(0.0975609756 * 1 * 100vw);
  --theme-line-height-chiffre-tablet: calc(0.0975609756 * 1 * 100vw);
  --theme-font-size-chiffre-desktop: calc(0.0608108108 * 1 * 100vw);
  --theme-line-height-chiffre-desktop: calc(0.0675675676 * 1 * 100vw);
  --theme-font-size-p-16-24-mobile: calc(0.0407124682 * 1 * 100vw);
  --theme-line-height-p-16-24-mobile: calc(0.0610687023 * 1 * 100vw);
  --theme-font-size-p-16-24-tablet: calc(0.0195121951 * 1 * 100vw);
  --theme-line-height-p-16-24-tablet: calc(0.0292682927 * 1 * 100vw);
  --theme-font-size-p-16-24-desktop: calc(0.0108108108 * 1 * 100vw);
  --theme-line-height-p-16-24-desktop: calc(0.0162162162 * 1 * 100vw);
  --theme-font-size-title-35-50-mobile: calc(0.0890585242 * 1 * 100vw);
  --theme-line-height-title-35-50-mobile: calc(0.1272264631 * 1 * 100vw);
  --theme-font-size-title-35-50-tablet: calc(0.0426829268 * 1 * 100vw);
  --theme-line-height-title-35-50-tablet: calc(0.0609756098 * 1 * 100vw);
  --theme-font-size-title-35-50-desktop: calc(0.0236486486 * 1 * 100vw);
  --theme-line-height-title-35-50-desktop: calc(0.0337837838 * 1 * 100vw);
  --theme-font-size-p-desc-form-mobile: calc(0.0407124682 * 1 * 100vw);
  --theme-line-height-p-desc-form-mobile: calc(0.0559796438 * 1 * 100vw);
  --theme-font-size-p-desc-form-tablet: calc(0.0195121951 * 1 * 100vw);
  --theme-line-height-p-desc-form-tablet: calc(0.0268292683 * 1 * 100vw);
  --theme-font-size-p-desc-form-desktop: calc(0.0121621622 * 1 * 100vw);
  --theme-line-height-p-desc-form-desktop: calc(0.0175675676 * 1 * 100vw);
}
@font-face {
  font-family: "primary-extralight";
  src: url("../fonts/primary-font-family/Primary-ExtraLight.ttf")
      format("truetype"),
    url("../fonts/primary-font-family/Primary-ExtraLight.woff2") format("woff2"),
    url("../fonts/primary-font-family/Primary-ExtraLight.woff") format("woff");
  font-weight: primary-extralight;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "primary-light";
  src: url("../fonts/primary-font-family/Primary-Light.ttf") format("truetype"),
    url("../fonts/primary-font-family/Primary-Light.woff2") format("woff2"),
    url("../fonts/primary-font-family/Primary-Light.woff") format("woff");
  font-weight: primary-light;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "primary-regular";
  src: url("../fonts/primary-font-family/Primary-Regular.ttf")
      format("truetype"),
    url("../fonts/primary-font-family/Primary-Regular.woff2") format("woff2"),
    url("../fonts/primary-font-family/Primary-Regular.woff") format("woff");
  font-weight: primary-regular;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "primary-medium";
  src: url("../fonts/primary-font-family/Primary-Medium.ttf") format("truetype"),
    url("../fonts/primary-font-family/Primary-Medium.woff2") format("woff2"),
    url("../fonts/primary-font-family/Primary-Medium.woff") format("woff");
  font-weight: primary-medium;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "primary-semibold";
  src: url("../fonts/primary-font-family/Primary-SemiBold.ttf")
      format("truetype"),
    url("../fonts/primary-font-family/Primary-SemiBold.woff2") format("woff2"),
    url("../fonts/primary-font-family/Primary-SemiBold.woff") format("woff");
  font-weight: primary-semibold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "primary-bold";
  src: url("../fonts/primary-font-family/Primary-Bold.ttf") format("truetype"),
    url("../fonts/primary-font-family/Primary-Bold.woff2") format("woff2"),
    url("../fonts/primary-font-family/Primary-Bold.woff") format("woff");
  font-weight: primary-bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "primary-extrabold";
  src: url("../fonts/primary-font-family/Primary-ExtraBold.ttf")
      format("truetype"),
    url("../fonts/primary-font-family/Primary-ExtraBold.woff2") format("woff2"),
    url("../fonts/primary-font-family/Primary-ExtraBold.woff") format("woff");
  font-weight: primary-extrabold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "primary-black";
  src: url("../fonts/primary-font-family/Primary-Black.ttf") format("truetype"),
    url("../fonts/primary-font-family/Primary-Black.woff2") format("woff2"),
    url("../fonts/primary-font-family/Primary-Black.woff") format("woff");
  font-weight: primary-black;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "secondary-extralight";
  src: url("../fonts/secondary-font-family/Secondary-ExtraLight.ttf")
      format("truetype"),
    url("../fonts/secondary-font-family/Secondary-ExtraLight.woff2")
      format("woff2"),
    url("../fonts/secondary-font-family/Secondary-ExtraLight.woff")
      format("woff");
  font-weight: secondary-extralight;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "secondary-light";
  src: url("../fonts/secondary-font-family/Secondary-Light.ttf")
      format("truetype"),
    url("../fonts/secondary-font-family/Secondary-Light.woff2") format("woff2"),
    url("../fonts/secondary-font-family/Secondary-Light.woff") format("woff");
  font-weight: secondary-light;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "secondary-regular";
  src: url("../fonts/secondary-font-family/Secondary-Regular.ttf")
      format("truetype"),
    url("../fonts/secondary-font-family/Secondary-Regular.woff2")
      format("woff2"),
    url("../fonts/secondary-font-family/Secondary-Regular.woff") format("woff");
  font-weight: secondary-regular;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "secondary-medium";
  src: url("../fonts/secondary-font-family/Secondary-Medium.ttf")
      format("truetype"),
    url("../fonts/secondary-font-family/Secondary-Medium.woff2") format("woff2"),
    url("../fonts/secondary-font-family/Secondary-Medium.woff") format("woff");
  font-weight: secondary-medium;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "secondary-semibold";
  src: url("../fonts/secondary-font-family/Secondary-SemiBold.ttf")
      format("truetype"),
    url("../fonts/secondary-font-family/Secondary-SemiBold.woff2")
      format("woff2"),
    url("../fonts/secondary-font-family/Secondary-SemiBold.woff") format("woff");
  font-weight: secondary-semibold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "secondary-bold";
  src: url("../fonts/secondary-font-family/Secondary-Bold.ttf")
      format("truetype"),
    url("../fonts/secondary-font-family/Secondary-Bold.woff2") format("woff2"),
    url("../fonts/secondary-font-family/Secondary-Bold.woff") format("woff");
  font-weight: secondary-bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "secondary-extrabold";
  src: url("../fonts/secondary-font-family/Secondary-ExtraBold.ttf")
      format("truetype"),
    url("../fonts/secondary-font-family/Secondary-ExtraBold.woff2")
      format("woff2"),
    url("../fonts/secondary-font-family/Secondary-ExtraBold.woff")
      format("woff");
  font-weight: secondary-extrabold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "secondary-black";
  src: url("../fonts/secondary-font-family/Secondary-Black.ttf")
      format("truetype"),
    url("../fonts/secondary-font-family/Secondary-Black.woff2") format("woff2"),
    url("../fonts/secondary-font-family/Secondary-Black.woff") format("woff");
  font-weight: secondary-black;
  font-style: normal;
  font-display: swap;
}

@media (min-width: 0px) {
  h1 {
    font-size: var(--theme-font-size-1-mobile);
    line-height: var(--theme-line-height-1-mobile);
  }
}
@media (min-width: 481px) {
  h1 {
    font-size: var(--theme-font-size-1-tablet);
    line-height: var(--theme-line-height-1-tablet);
  }
}
@media (min-width: 1024px) {
  h1 {
    font-size: var(--theme-font-size-1-desktop);
    line-height: var(--theme-line-height-1-desktop);
  }
}

@media (min-width: 0px) {
  h2,
  h2 span,
  .gform_confirmation_message {
    font-size: var(--theme-font-size-2-mobile);
    line-height: var(--theme-line-height-2-mobile);
  }
}
@media (min-width: 481px) {
  h2,
  h2 span,
  .gform_confirmation_message {
    font-size: var(--theme-font-size-2-tablet);
    line-height: var(--theme-line-height-2-tablet);
  }
}
@media (min-width: 1024px) {
  h2,
  h2 span,
  .gform_confirmation_message {
    font-size: var(--theme-font-size-2-desktop);
    line-height: var(--theme-line-height-2-desktop);
  }
}

@media (min-width: 0px) {
  h3 {
    font-size: var(--theme-font-size-3-mobile);
    line-height: var(--theme-line-height-3-mobile);
  }
}
@media (min-width: 481px) {
  h3 {
    font-size: var(--theme-font-size-3-tablet);
    line-height: var(--theme-line-height-3-tablet);
  }
}
@media (min-width: 1024px) {
  h3 {
    font-size: var(--theme-font-size-3-desktop);
    line-height: var(--theme-line-height-3-desktop);
  }
}

@media (min-width: 0px) {
  p,
  label,
  .frm_primary_label,
  a,
  select,
  span,
  .frm_message,
  .post-content li {
    font-size: var(--theme-font-size-6-mobile);
    line-height: var(--theme-line-height-6-mobile);
  }
}
@media (min-width: 481px) {
  p,
  label,
  .frm_primary_label,
  a,
  select,
  span,
  .frm_message,
  .post-content li {
    font-size: var(--theme-font-size-6-tablet);
    line-height: var(--theme-line-height-6-tablet);
  }
}
@media (min-width: 1024px) {
  p,
  label,
  .frm_primary_label,
  a,
  select,
  span,
  .frm_message,
  .post-content li {
    font-size: var(--theme-font-size-6-desktop);
    line-height: var(--theme-line-height-6-desktop);
  }
}

@media (min-width: 0px) {
  input,
  td,
  th,
  #gform_confirmation_message_6 {
    font-size: var(--theme-font-size-6-mobile);
    line-height: var(--theme-line-height-6-mobile);
  }
}
@media (min-width: 481px) {
  input,
  td,
  th,
  #gform_confirmation_message_6 {
    font-size: var(--theme-font-size-6-tablet);
    line-height: var(--theme-line-height-6-tablet);
  }
}
@media (min-width: 1024px) {
  input,
  td,
  th,
  #gform_confirmation_message_6 {
    font-size: var(--theme-font-size-6-desktop);
    line-height: var(--theme-line-height-6-desktop);
  }
}

@media (min-width: 0px) {
  h4,
  h4 a {
    font-size: var(--theme-font-size-4-mobile);
    line-height: var(--theme-line-height-4-mobile);
  }
}
@media (min-width: 481px) {
  h4,
  h4 a {
    font-size: var(--theme-font-size-4-tablet);
    line-height: var(--theme-line-height-4-tablet);
  }
}
@media (min-width: 1024px) {
  h4,
  h4 a {
    font-size: var(--theme-font-size-4-desktop);
    line-height: var(--theme-line-height-4-desktop);
  }
}

@media (min-width: 0px) {
  h5 {
    font-size: var(--theme-font-size-5-mobile);
    line-height: var(--theme-line-height-5-mobile);
  }
}
@media (min-width: 481px) {
  h5 {
    font-size: var(--theme-font-size-5-tablet);
    line-height: var(--theme-line-height-5-tablet);
  }
}
@media (min-width: 1024px) {
  h5 {
    font-size: var(--theme-font-size-5-desktop);
    line-height: var(--theme-line-height-5-desktop);
  }
}

@media (min-width: 0px) {
  li.menu-item,
  #frm_checkbox_711-0 label,
  #frm_checkbox_711-0 label a {
    font-size: var(--theme-font-size-7-mobile);
    line-height: var(--theme-line-height-7-mobile);
  }
}
@media (min-width: 481px) {
  li.menu-item,
  #frm_checkbox_711-0 label,
  #frm_checkbox_711-0 label a {
    font-size: var(--theme-font-size-7-tablet);
    line-height: var(--theme-line-height-7-tablet);
  }
}
@media (min-width: 1024px) {
  li.menu-item,
  #frm_checkbox_711-0 label,
  #frm_checkbox_711-0 label a {
    font-size: var(--theme-font-size-7-desktop);
    line-height: var(--theme-line-height-7-desktop);
  }
}

#frm_checkbox_711-0 a {
  text-decoration: underline;
}

@media (min-width: 0px) {
  .bulle .chiffre p {
    font-size: var(--theme-font-size-chiffre-mobile);
    line-height: var(--theme-line-height-chiffre-mobile);
  }
}
@media (min-width: 481px) {
  .bulle .chiffre p {
    font-size: var(--theme-font-size-chiffre-tablet);
    line-height: var(--theme-line-height-chiffre-tablet);
  }
}
@media (min-width: 1024px) {
  .bulle .chiffre p {
    font-size: var(--theme-font-size-chiffre-desktop);
    line-height: var(--theme-line-height-chiffre-desktop);
  }
}

p {
  opacity: 50%;
}

@media (min-width: 0px) {
  .post-content span,
  .post-content b {
    font-size: var(--theme-font-size-p-desc-form-mobile);
    line-height: var(--theme-line-height-p-desc-form-mobile);
  }
}
@media (min-width: 481px) {
  .post-content span,
  .post-content b {
    font-size: var(--theme-font-size-p-desc-form-tablet);
    line-height: var(--theme-line-height-p-desc-form-tablet);
  }
}
@media (min-width: 1024px) {
  .post-content span,
  .post-content b {
    font-size: var(--theme-font-size-p-desc-form-desktop);
    line-height: var(--theme-line-height-p-desc-form-desktop);
  }
}

div.frm_description {
  font-family: var(--theme-font-secondary-regular);
}
@media (min-width: 0px) {
  div.frm_description {
    font-size: var(--theme-font-size-7-mobile);
    line-height: var(--theme-line-height-7-mobile);
  }
}
@media (min-width: 481px) {
  div.frm_description {
    font-size: var(--theme-font-size-7-tablet);
    line-height: var(--theme-line-height-7-tablet);
  }
}
@media (min-width: 1024px) {
  div.frm_description {
    font-size: var(--theme-font-size-7-desktop);
    line-height: var(--theme-line-height-7-desktop);
  }
}

@media (min-width: 0px) {
  .type-form-pro .text p {
    font-size: var(--theme-font-size-p-desc-form-mobile);
    line-height: var(--theme-line-height-p-desc-form-mobile);
  }
}
@media (min-width: 481px) {
  .type-form-pro .text p {
    font-size: var(--theme-font-size-p-desc-form-tablet);
    line-height: var(--theme-line-height-p-desc-form-tablet);
  }
}
@media (min-width: 1024px) {
  .type-form-pro .text p {
    font-size: var(--theme-font-size-p-desc-form-desktop);
    line-height: var(--theme-line-height-p-desc-form-desktop);
  }
}
@media (min-width: 0px) {
  .type-form-pro .hidden-text h2 {
    font-size: var(--theme-font-size-title-35-50-mobile);
    line-height: var(--theme-line-height-title-35-50-mobile);
  }
}
@media (min-width: 481px) {
  .type-form-pro .hidden-text h2 {
    font-size: var(--theme-font-size-title-35-50-tablet);
    line-height: var(--theme-line-height-title-35-50-tablet);
  }
}
@media (min-width: 1024px) {
  .type-form-pro .hidden-text h2 {
    font-size: var(--theme-font-size-title-35-50-desktop);
    line-height: var(--theme-line-height-title-35-50-desktop);
  }
}
@media (min-width: 0px) {
  .type-form-pro .hidden-text p {
    font-size: var(--theme-font-size-p-16-24-mobile);
    line-height: var(--theme-line-height-p-16-24-mobile);
  }
}
@media (min-width: 481px) {
  .type-form-pro .hidden-text p {
    font-size: var(--theme-font-size-p-16-24-tablet);
    line-height: var(--theme-line-height-p-16-24-tablet);
  }
}
@media (min-width: 1024px) {
  .type-form-pro .hidden-text p {
    font-size: var(--theme-font-size-p-16-24-desktop);
    line-height: var(--theme-line-height-p-16-24-desktop);
  }
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/* Start by define all the Colors Variables
  assigned to each color present in the mockups */
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
/* You shouldn't have to modify this */
/* Each Theme color is assigned a value contained in a variable,
according to the css rules defined from previous $color-names */
/* You shouldn't have to modify this */
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED CLASSES & EXTENDS
 *                                           Allways create both in order to be forced
 *                                       directly on DOM or afterward in SCCS with @extend !
/**/
/* -------------- * Auto Create Theme Class Names for each type of Color Application
                And associate it by the function, to its corresponding variable value * --------------
    /* You shouldn't have to modify this */
.color-dark-green {
  color: var(--theme-color-dark-green);
}

.bkg-dark-green {
  background-color: var(--theme-color-dark-green);
}

.fill-dark-green > svg * {
  fill: var(--theme-color-dark-green);
}

.color-green {
  color: var(--theme-color-green);
}

.bkg-green {
  background-color: var(--theme-color-green);
}

.fill-green > svg * {
  fill: var(--theme-color-green);
}

.color-brown {
  color: var(--theme-color-brown);
}

.bkg-brown {
  background-color: var(--theme-color-brown);
}

.fill-brown > svg * {
  fill: var(--theme-color-brown);
}

.color-cyan {
  color: var(--theme-color-cyan);
}

.bkg-cyan {
  background-color: var(--theme-color-cyan);
}

.fill-cyan > svg * {
  fill: var(--theme-color-cyan);
}

.color-light-green {
  color: var(--theme-color-light-green);
}

.bkg-light-green {
  background-color: var(--theme-color-light-green);
}

.fill-light-green > svg * {
  fill: var(--theme-color-light-green);
}

.color-light-orange {
  color: var(--theme-color-light-orange);
}

.bkg-light-orange {
  background-color: var(--theme-color-light-orange);
}

.fill-light-orange > svg * {
  fill: var(--theme-color-light-orange);
}

.color-light {
  color: var(--theme-color-light);
}

.bkg-light {
  background-color: var(--theme-color-light);
}

.fill-light > svg * {
  fill: var(--theme-color-light);
}

.color-light-beige {
  color: var(--theme-color-light-beige);
}

.bkg-light-beige {
  background-color: var(--theme-color-light-beige);
}

.fill-light-beige > svg * {
  fill: var(--theme-color-light-beige);
}

.color-pastel-yellow {
  color: var(--theme-color-pastel-yellow);
}

.bkg-pastel-yellow {
  background-color: var(--theme-color-pastel-yellow);
}

.fill-pastel-yellow > svg * {
  fill: var(--theme-color-pastel-yellow);
}

.color-pastel-green {
  color: var(--theme-color-pastel-green);
}

.bkg-pastel-green {
  background-color: var(--theme-color-pastel-green);
}

.fill-pastel-green > svg * {
  fill: var(--theme-color-pastel-green);
}

.color-pastel-blue {
  color: var(--theme-color-pastel-blue);
}

.bkg-pastel-blue {
  background-color: var(--theme-color-pastel-blue);
}

.fill-pastel-blue > svg * {
  fill: var(--theme-color-pastel-blue);
}

.color-primary {
  color: var(--theme-color-primary);
}

.bkg-primary {
  background-color: var(--theme-color-primary);
}

.fill-primary > svg * {
  fill: var(--theme-color-primary);
}

.color-text {
  color: var(--theme-color-text);
}

.bkg-text {
  background-color: var(--theme-color-text);
}

.fill-text > svg * {
  fill: var(--theme-color-text);
}

.color-secondary {
  color: var(--theme-color-secondary);
}

.bkg-secondary {
  background-color: var(--theme-color-secondary);
}

.fill-secondary > svg * {
  fill: var(--theme-color-secondary);
}

.color-blue-facebook {
  color: var(--theme-color-blue-facebook);
}

.bkg-blue-facebook {
  background-color: var(--theme-color-blue-facebook);
}

.fill-blue-facebook > svg * {
  fill: var(--theme-color-blue-facebook);
}

.color-blue-twitter {
  color: var(--theme-color-blue-twitter);
}

.bkg-blue-twitter {
  background-color: var(--theme-color-blue-twitter);
}

.fill-blue-twitter > svg * {
  fill: var(--theme-color-blue-twitter);
}

.color-blue-linkedIn {
  color: var(--theme-color-blue-linkedIn);
}

.bkg-blue-linkedIn {
  background-color: var(--theme-color-blue-linkedIn);
}

.fill-blue-linkedIn > svg * {
  fill: var(--theme-color-blue-linkedIn);
}

/* Create here as much as needed... */
.bkg-filter {
  -webkit-backdrop-filter: brightness(0.9);
  backdrop-filter: brightness(0.9);
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  ELEMENTS APPLICATIONS
/**/
/* If some elements have allways the same color on the project
  define them here with the variables already defined */
:root {
  --theme-color-dark-green: #334535;
  --theme-color-green: #405242;
  --theme-color-brown: #5d533f;
  --theme-color-cyan: #d7e1db;
  --theme-color-light-green: #eaecd3;
  --theme-color-light-orange: #ffe9c0;
  --theme-color-light: #fcfaf8;
  --theme-color-light-beige: #f7f3ed;
  --theme-color-pastel-yellow: rgba(255, 201, 98, 0.4);
  --theme-color-pastel-green: rgba(220, 224, 182, 0.6);
  --theme-color-pastel-blue: rgba(58, 105, 74, 0.2);
  --theme-color-primary: #405242;
  --theme-color-text: #632f2f;
  --theme-color-secondary: #7a9d60;
  --theme-color-blue-facebook: #3b5998;
  --theme-color-blue-twitter: #1da1f2;
  --theme-color-blue-linkedIn: #0077b5;
}

h2 span,
p span {
  color: var(--theme-color-secondary);
}

/**
 * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 *                                                 ! THEME DEMO VARIABLES (Don't modify) !
/**/
/* Specific UI KIT Sections Colors Variables
  to highlight margins, paddings and content widths...
  You shouldn't have to modify this */
/* Demo colors parameters */
/**
 * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 *                                                 ! THEME DEMO FUNCTIONS (Don't modify) !
/**/
/**
 * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 *                                                 ! THEME DEMO ELEMENTS APPLICATIONS (Don't modify) !
/**/
:root {
  --demo-color-margin: #f8cb9c;
  --demo-color-padding: #c2ddb5;
  --demo-color-content: #9ec4e7;
  --demo-color-base: #ffffff;
}

html:has(body.page-template-ui-kit),
html:has(body.page-template-demo-sections) {
  background: #ffffff;
  background: var(--demo-color-base);
}
html:has(body.page-template-ui-kit) .page-template-ui-kit header,
html:has(body.page-template-ui-kit) .page-template-ui-kit .burger-menu,
html:has(body.page-template-ui-kit) .page-template-ui-kit .burger-menu-wrapper,
html:has(body.page-template-ui-kit) .page-template-ui-kit main,
html:has(body.page-template-ui-kit) .page-template-ui-kit section,
html:has(body.page-template-ui-kit) .page-template-ui-kit aside,
html:has(body.page-template-ui-kit) .page-template-ui-kit footer,
html:has(body.page-template-ui-kit) .page-template-demo-sections header,
html:has(body.page-template-ui-kit) .page-template-demo-sections .burger-menu,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  .burger-menu-wrapper,
html:has(body.page-template-ui-kit) .page-template-demo-sections main,
html:has(body.page-template-ui-kit) .page-template-demo-sections section,
html:has(body.page-template-ui-kit) .page-template-demo-sections aside,
html:has(body.page-template-ui-kit) .page-template-demo-sections footer,
html:has(body.page-template-demo-sections) .page-template-ui-kit header,
html:has(body.page-template-demo-sections) .page-template-ui-kit .burger-menu,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  .burger-menu-wrapper,
html:has(body.page-template-demo-sections) .page-template-ui-kit main,
html:has(body.page-template-demo-sections) .page-template-ui-kit section,
html:has(body.page-template-demo-sections) .page-template-ui-kit aside,
html:has(body.page-template-demo-sections) .page-template-ui-kit footer,
html:has(body.page-template-demo-sections) .page-template-demo-sections header,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu-wrapper,
html:has(body.page-template-demo-sections) .page-template-demo-sections main,
html:has(body.page-template-demo-sections) .page-template-demo-sections section,
html:has(body.page-template-demo-sections) .page-template-demo-sections aside,
html:has(body.page-template-demo-sections) .page-template-demo-sections footer {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(var(--demo-color-content)),
      to(var(--demo-color-content))
    ),
    -webkit-gradient(linear, left top, left bottom, from(var(--demo-color-padding)), to(var(--demo-color-padding)));
  background-image: linear-gradient(
      to bottom,
      var(--demo-color-content) 0%,
      var(--demo-color-content) 100%
    ),
    linear-gradient(
      to bottom,
      var(--demo-color-padding) 0%,
      var(--demo-color-padding) 100%
    );
  background-clip: content-box, padding-box;
  border: 1px solid #000000;
}
html:has(body.page-template-ui-kit) .page-template-ui-kit header .title-block,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  .burger-menu
  .title-block,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  .burger-menu-wrapper
  .title-block,
html:has(body.page-template-ui-kit) .page-template-ui-kit main .title-block,
html:has(body.page-template-ui-kit) .page-template-ui-kit section .title-block,
html:has(body.page-template-ui-kit) .page-template-ui-kit aside .title-block,
html:has(body.page-template-ui-kit) .page-template-ui-kit footer .title-block,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  header
  .title-block,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  .burger-menu
  .title-block,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  .burger-menu-wrapper
  .title-block,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  main
  .title-block,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  section
  .title-block,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  aside
  .title-block,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  footer
  .title-block,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  header
  .title-block,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  .burger-menu
  .title-block,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  .burger-menu-wrapper
  .title-block,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  main
  .title-block,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  section
  .title-block,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  aside
  .title-block,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  footer
  .title-block,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  header
  .title-block,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu
  .title-block,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu-wrapper
  .title-block,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  main
  .title-block,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  section
  .title-block,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  aside
  .title-block,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  footer
  .title-block {
  outline: 1px solid red; /* inner stroke */
  outline-offset: -2px; /* negative border width + outline width */
}
html:has(body.page-template-ui-kit) .page-template-ui-kit header .wrapper,
html:has(body.page-template-ui-kit) .page-template-ui-kit .burger-menu .wrapper,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  .burger-menu-wrapper
  .wrapper,
html:has(body.page-template-ui-kit) .page-template-ui-kit main .wrapper,
html:has(body.page-template-ui-kit) .page-template-ui-kit section .wrapper,
html:has(body.page-template-ui-kit) .page-template-ui-kit aside .wrapper,
html:has(body.page-template-ui-kit) .page-template-ui-kit footer .wrapper,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  header
  .wrapper,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  .burger-menu
  .wrapper,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  .burger-menu-wrapper
  .wrapper,
html:has(body.page-template-ui-kit) .page-template-demo-sections main .wrapper,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  section
  .wrapper,
html:has(body.page-template-ui-kit) .page-template-demo-sections aside .wrapper,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  footer
  .wrapper,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  header
  .wrapper,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  .burger-menu
  .wrapper,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  .burger-menu-wrapper
  .wrapper,
html:has(body.page-template-demo-sections) .page-template-ui-kit main .wrapper,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  section
  .wrapper,
html:has(body.page-template-demo-sections) .page-template-ui-kit aside .wrapper,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  footer
  .wrapper,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  header
  .wrapper,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu
  .wrapper,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu-wrapper
  .wrapper,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  main
  .wrapper,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  section
  .wrapper,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  aside
  .wrapper,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  footer
  .wrapper {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(var(--demo-color-content)),
      to(var(--demo-color-content))
    ),
    -webkit-gradient(linear, left top, left bottom, from(var(--demo-color-padding)), to(var(--demo-color-padding)));
  background-image: linear-gradient(
      to bottom,
      var(--demo-color-content) 0%,
      var(--demo-color-content) 100%
    ),
    linear-gradient(
      to bottom,
      var(--demo-color-padding) 0%,
      var(--demo-color-padding) 100%
    );
  background-clip: content-box, padding-box;
  outline: 1px solid green;
  outline-offset: -2px;
}
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  header
  .wrapper
  .container,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  .burger-menu
  .wrapper
  .container,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  .burger-menu-wrapper
  .wrapper
  .container,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  main
  .wrapper
  .container,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  section
  .wrapper
  .container,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  aside
  .wrapper
  .container,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  footer
  .wrapper
  .container,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  header
  .wrapper
  .container,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  .burger-menu
  .wrapper
  .container,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  .burger-menu-wrapper
  .wrapper
  .container,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  main
  .wrapper
  .container,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  section
  .wrapper
  .container,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  aside
  .wrapper
  .container,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  footer
  .wrapper
  .container,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  header
  .wrapper
  .container,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  .burger-menu
  .wrapper
  .container,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  .burger-menu-wrapper
  .wrapper
  .container,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  main
  .wrapper
  .container,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  section
  .wrapper
  .container,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  aside
  .wrapper
  .container,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  footer
  .wrapper
  .container,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  header
  .wrapper
  .container,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu
  .wrapper
  .container,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu-wrapper
  .wrapper
  .container,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  main
  .wrapper
  .container,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  section
  .wrapper
  .container,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  aside
  .wrapper
  .container,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  footer
  .wrapper
  .container {
  outline: 1px solid purple;
  outline-offset: -2px;
}
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  header
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  .burger-menu
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  .burger-menu-wrapper
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  main
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  section
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  aside
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  footer
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  header
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  .burger-menu
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  .burger-menu-wrapper
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  main
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  section
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  aside
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  footer
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  header
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  .burger-menu
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  .burger-menu-wrapper
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  main
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  section
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  aside
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  footer
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  header
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu-wrapper
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  main
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  section
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  aside
  .wrapper
  .container:not([class*="bkg"]),
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  footer
  .wrapper
  .container:not([class*="bkg"]) {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(var(--demo-color-content)),
      to(var(--demo-color-content))
    ),
    -webkit-gradient(linear, left top, left bottom, from(var(--demo-color-padding)), to(var(--demo-color-padding)));
  background-image: linear-gradient(
      to bottom,
      var(--demo-color-content) 0%,
      var(--demo-color-content) 100%
    ),
    linear-gradient(
      to bottom,
      var(--demo-color-padding) 0%,
      var(--demo-color-padding) 100%
    );
  background-clip: content-box, padding-box;
}
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  header
  .wrapper
  .container.right,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  .burger-menu
  .wrapper
  .container.right,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  .burger-menu-wrapper
  .wrapper
  .container.right,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  main
  .wrapper
  .container.right,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  section
  .wrapper
  .container.right,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  aside
  .wrapper
  .container.right,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  footer
  .wrapper
  .container.right,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  header
  .wrapper
  .container.right,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  .burger-menu
  .wrapper
  .container.right,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  .burger-menu-wrapper
  .wrapper
  .container.right,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  main
  .wrapper
  .container.right,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  section
  .wrapper
  .container.right,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  aside
  .wrapper
  .container.right,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  footer
  .wrapper
  .container.right,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  header
  .wrapper
  .container.right,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  .burger-menu
  .wrapper
  .container.right,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  .burger-menu-wrapper
  .wrapper
  .container.right,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  main
  .wrapper
  .container.right,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  section
  .wrapper
  .container.right,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  aside
  .wrapper
  .container.right,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  footer
  .wrapper
  .container.right,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  header
  .wrapper
  .container.right,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu
  .wrapper
  .container.right,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu-wrapper
  .wrapper
  .container.right,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  main
  .wrapper
  .container.right,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  section
  .wrapper
  .container.right,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  aside
  .wrapper
  .container.right,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  footer
  .wrapper
  .container.right {
  border-left: none;
}
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  header
  .wrapper
  .container
  > h3,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  .burger-menu
  .wrapper
  .container
  > h3,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  .burger-menu-wrapper
  .wrapper
  .container
  > h3,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  main
  .wrapper
  .container
  > h3,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  section
  .wrapper
  .container
  > h3,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  aside
  .wrapper
  .container
  > h3,
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  footer
  .wrapper
  .container
  > h3,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  header
  .wrapper
  .container
  > h3,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  .burger-menu
  .wrapper
  .container
  > h3,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  .burger-menu-wrapper
  .wrapper
  .container
  > h3,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  main
  .wrapper
  .container
  > h3,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  section
  .wrapper
  .container
  > h3,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  aside
  .wrapper
  .container
  > h3,
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  footer
  .wrapper
  .container
  > h3,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  header
  .wrapper
  .container
  > h3,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  .burger-menu
  .wrapper
  .container
  > h3,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  .burger-menu-wrapper
  .wrapper
  .container
  > h3,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  main
  .wrapper
  .container
  > h3,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  section
  .wrapper
  .container
  > h3,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  aside
  .wrapper
  .container
  > h3,
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  footer
  .wrapper
  .container
  > h3,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  header
  .wrapper
  .container
  > h3,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu
  .wrapper
  .container
  > h3,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu-wrapper
  .wrapper
  .container
  > h3,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  main
  .wrapper
  .container
  > h3,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  section
  .wrapper
  .container
  > h3,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  aside
  .wrapper
  .container
  > h3,
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  footer
  .wrapper
  .container
  > h3 {
  color: purple;
}
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  header
  h2:not(.color-black),
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  .burger-menu
  h2:not(.color-black),
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  .burger-menu-wrapper
  h2:not(.color-black),
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  main
  h2:not(.color-black),
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  section
  h2:not(.color-black),
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  aside
  h2:not(.color-black),
html:has(body.page-template-ui-kit)
  .page-template-ui-kit
  footer
  h2:not(.color-black),
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  header
  h2:not(.color-black),
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  .burger-menu
  h2:not(.color-black),
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  .burger-menu-wrapper
  h2:not(.color-black),
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  main
  h2:not(.color-black),
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  section
  h2:not(.color-black),
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  aside
  h2:not(.color-black),
html:has(body.page-template-ui-kit)
  .page-template-demo-sections
  footer
  h2:not(.color-black),
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  header
  h2:not(.color-black),
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  .burger-menu
  h2:not(.color-black),
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  .burger-menu-wrapper
  h2:not(.color-black),
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  main
  h2:not(.color-black),
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  section
  h2:not(.color-black),
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  aside
  h2:not(.color-black),
html:has(body.page-template-demo-sections)
  .page-template-ui-kit
  footer
  h2:not(.color-black),
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  header
  h2:not(.color-black),
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu
  h2:not(.color-black),
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  .burger-menu-wrapper
  h2:not(.color-black),
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  main
  h2:not(.color-black),
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  section
  h2:not(.color-black),
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  aside
  h2:not(.color-black),
html:has(body.page-template-demo-sections)
  .page-template-demo-sections
  footer
  h2:not(.color-black) {
  color: red;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED CLASSES & EXTENDS
 *                                           Allways create both in order to be forced
 *                                       directly on DOM or afterward in SCCS with @extend !
/**/
.borders-standard,
.cta-tertiary,
.cta-secondary,
.cta-primary,
.frm_submit button,
#field_submit input[type="submit"],
.borders-rounded,
.type-5 .frm_fields_container .form-container .data-c > .frm_section_heading,
.type-5
  .frm_fields_container
  #frm_field_293_container
  .data-c
  > .frm_section_heading,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .data-c
  > .frm_section_heading,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .data-c
  > .frm_section_heading,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .data-c
  > .frm_section_heading,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .data-c
  > .frm_section_heading,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .data-c
  > .frm_section_heading,
.type-5 .frm_fields_container .form-container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_293_container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_432_container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_331_container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_651_container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_654_container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_664_container .frm_repeat_sec,
.sidebar {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

@media (min-width: 0px) {
  .borders-rounded,
  .type-5 .frm_fields_container .form-container .data-c > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .data-c
    > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .data-c
    > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .data-c
    > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .data-c
    > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .data-c
    > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .data-c
    > .frm_section_heading,
  .type-5 .frm_fields_container .form-container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_293_container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_432_container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_331_container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_651_container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_654_container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_664_container .frm_repeat_sec,
  .sidebar {
    border-radius: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .borders-rounded,
  .type-5 .frm_fields_container .form-container .data-c > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .data-c
    > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .data-c
    > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .data-c
    > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .data-c
    > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .data-c
    > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .data-c
    > .frm_section_heading,
  .type-5 .frm_fields_container .form-container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_293_container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_432_container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_331_container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_651_container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_654_container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_664_container .frm_repeat_sec,
  .sidebar {
    border-radius: calc(0.0243902439 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .borders-rounded,
  .type-5 .frm_fields_container .form-container .data-c > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .data-c
    > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .data-c
    > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .data-c
    > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .data-c
    > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .data-c
    > .frm_section_heading,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .data-c
    > .frm_section_heading,
  .type-5 .frm_fields_container .form-container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_293_container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_432_container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_331_container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_651_container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_654_container .frm_repeat_sec,
  .type-5 .frm_fields_container #frm_field_664_container .frm_repeat_sec,
  .sidebar {
    border-radius: calc(0.0101351351 * 1 * 100vw);
  }
}

.borders-boldy {
  -webkit-box-shadow: inset 0px 0px 0px 1px black;
  box-shadow: inset 0px 0px 0px 1px black;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  ELEMENTS APPLICATIONS
/**/
/* If some elements have allways the same color on the project
  define them here with the variables already defined */
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/* ------------- * Main Global Property Values * ------------- */
/* Header Property Values */
/* Other Recurring Property Values necessary for your layouts here... */
/* ------------- * Reccuring Property Default Values
                  for recurring layouts elements * -------------

/* Values assigned by default if these properties
   are not rewrited in $layout-parameters */
/* Define list of differents Layout's Types Properties from the mockups */
/* If we do not have a reference size on a dedicated mockup (ex: for the tablet),
  - Either we decide a specific value which will refer to it,
  - Either we can use the value of one or the other models reference sizes,
  targeting it ptr($var, desktop) or ptr($var, mobile) in the further respond-to(tablet) */
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
/* -------------- * Associate for each Layout's Composing Block,
                    its CSS Properties Variable Name (name defined below)
                    to its value * -------------- */
/* You shouldn't have to modify this */
/* Each Layout's Composing Block is assigned a value contained in a variable,
according to the css rules defined from previous $layout-parameters */
/* -------------- * Associate for each Layout's Composing Block,
                    its CSS Properties to Variables Names (values defined above) * -------------- */
/* You shouldn't have to modify this */
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED CLASSES & EXTENDS
 *                                           Allways create both in order to be forced
 *                                       directly on DOM or afterward in SCCS with @extend !
/**/
/* -------------- * Auto Create each Layout and Sub-Elements Class Names
                And associate them by the function, to their corresponding variable value * --------------
    /* You shouldn't have to modify this */
@media (min-width: 0px) {
  .type-header {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-header-this-display-mobile);
    -ms-flex-direction: var(--type-header-this-flex-direction-mobile);
    flex-direction: var(--type-header-this-flex-direction-mobile);
    padding: var(--type-header-this-padding-mobile);
    -webkit-box-pack: var(--type-header-this-justify-content-mobile);
    -ms-flex-pack: var(--type-header-this-justify-content-mobile);
    justify-content: var(--type-header-this-justify-content-mobile);
  }
}
@media (min-width: 481px) {
  .type-header {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-header-this-display-tablet);
    -ms-flex-direction: var(--type-header-this-flex-direction-tablet);
    flex-direction: var(--type-header-this-flex-direction-tablet);
    padding: var(--type-header-this-padding-tablet);
    -webkit-box-pack: var(--type-header-this-justify-content-tablet);
    -ms-flex-pack: var(--type-header-this-justify-content-tablet);
    justify-content: var(--type-header-this-justify-content-tablet);
  }
}
@media (min-width: 1024px) {
  .type-header {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-header-this-display-desktop);
    -ms-flex-direction: var(--type-header-this-flex-direction-desktop);
    flex-direction: var(--type-header-this-flex-direction-desktop);
    padding: var(--type-header-this-padding-desktop);
    -webkit-box-pack: var(--type-header-this-justify-content-desktop);
    -ms-flex-pack: var(--type-header-this-justify-content-desktop);
    justify-content: var(--type-header-this-justify-content-desktop);
  }
}
@media (min-width: 0px) {
  .type-header .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-mobile);
    -webkit-box-pack: var(--default-wrapper-justify-content-mobile);
    -ms-flex-pack: var(--default-wrapper-justify-content-mobile);
    justify-content: var(--default-wrapper-justify-content-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-header-wrapper-flex-direction-mobile);
    flex-direction: var(--type-header-wrapper-flex-direction-mobile);
    height: var(--type-header-wrapper-height-mobile);
    padding: var(--type-header-wrapper-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-header .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-tablet);
    -webkit-box-pack: var(--default-wrapper-justify-content-tablet);
    -ms-flex-pack: var(--default-wrapper-justify-content-tablet);
    justify-content: var(--default-wrapper-justify-content-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-header-wrapper-flex-direction-tablet);
    flex-direction: var(--type-header-wrapper-flex-direction-tablet);
    height: var(--type-header-wrapper-height-tablet);
    padding: var(--type-header-wrapper-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-header .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-desktop);
    -webkit-box-pack: var(--default-wrapper-justify-content-desktop);
    -ms-flex-pack: var(--default-wrapper-justify-content-desktop);
    justify-content: var(--default-wrapper-justify-content-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-header-wrapper-flex-direction-desktop);
    flex-direction: var(--type-header-wrapper-flex-direction-desktop);
    height: var(--type-header-wrapper-height-desktop);
    padding: var(--type-header-wrapper-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-header .custom-logo {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-header-custom-logo-width-mobile);
    height: var(--type-header-custom-logo-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-header .custom-logo {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-header-custom-logo-width-tablet);
    height: var(--type-header-custom-logo-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-header .custom-logo {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-header-custom-logo-width-desktop);
    height: var(--type-header-custom-logo-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-header .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-mobile);
    flex-direction: var(--default-container-flex-direction-mobile);
    gap: var(--default-container-gap-mobile);
    -webkit-box-align: var(--default-container-align-items-mobile);
    -ms-flex-align: var(--default-container-align-items-mobile);
    align-items: var(--default-container-align-items-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -ms-flex-direction: var(--type-header-container-flex-direction-mobile);
    flex-direction: var(--type-header-container-flex-direction-mobile);
    -webkit-box-pack: var(--type-header-container-justify-content-mobile);
    -ms-flex-pack: var(--type-header-container-justify-content-mobile);
    justify-content: var(--type-header-container-justify-content-mobile);
  }
}
@media (min-width: 481px) {
  .type-header .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-tablet);
    flex-direction: var(--default-container-flex-direction-tablet);
    gap: var(--default-container-gap-tablet);
    -webkit-box-align: var(--default-container-align-items-tablet);
    -ms-flex-align: var(--default-container-align-items-tablet);
    align-items: var(--default-container-align-items-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -ms-flex-direction: var(--type-header-container-flex-direction-tablet);
    flex-direction: var(--type-header-container-flex-direction-tablet);
    -webkit-box-pack: var(--type-header-container-justify-content-tablet);
    -ms-flex-pack: var(--type-header-container-justify-content-tablet);
    justify-content: var(--type-header-container-justify-content-tablet);
  }
}
@media (min-width: 1024px) {
  .type-header .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-desktop);
    flex-direction: var(--default-container-flex-direction-desktop);
    gap: var(--default-container-gap-desktop);
    -webkit-box-align: var(--default-container-align-items-desktop);
    -ms-flex-align: var(--default-container-align-items-desktop);
    align-items: var(--default-container-align-items-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -ms-flex-direction: var(--type-header-container-flex-direction-desktop);
    flex-direction: var(--type-header-container-flex-direction-desktop);
    -webkit-box-pack: var(--type-header-container-justify-content-desktop);
    -ms-flex-pack: var(--type-header-container-justify-content-desktop);
    justify-content: var(--type-header-container-justify-content-desktop);
  }
}
@media (min-width: 0px) {
  .type-header .package {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-package-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-package-flex-direction-mobile);
    flex-direction: var(--default-package-flex-direction-mobile);
    width: var(--default-package-width-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-header-package-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-header .package {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-package-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-package-flex-direction-tablet);
    flex-direction: var(--default-package-flex-direction-tablet);
    width: var(--default-package-width-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-header-package-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-header .package {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-package-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-package-flex-direction-desktop);
    flex-direction: var(--default-package-flex-direction-desktop);
    width: var(--default-package-width-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-header-package-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-header .sub-menu {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    top: var(--type-header-sub-menu-top-mobile);
  }
}
@media (min-width: 481px) {
  .type-header .sub-menu {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    top: var(--type-header-sub-menu-top-tablet);
  }
}
@media (min-width: 1024px) {
  .type-header .sub-menu {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    top: var(--type-header-sub-menu-top-desktop);
  }
}
@media (min-width: 0px) {
  .type-header .menu {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-header-menu-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-header-menu-flex-direction-mobile);
    flex-direction: var(--type-header-menu-flex-direction-mobile);
    gap: var(--type-header-menu-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-header .menu {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-header-menu-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-header-menu-flex-direction-tablet);
    flex-direction: var(--type-header-menu-flex-direction-tablet);
    gap: var(--type-header-menu-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-header .menu {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-header-menu-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-header-menu-flex-direction-desktop);
    flex-direction: var(--type-header-menu-flex-direction-desktop);
    gap: var(--type-header-menu-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-header .main-navigation {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-header-main-navigation-display-mobile);
    -webkit-box-align: var(--type-header-main-navigation-align-items-mobile);
    -ms-flex-align: var(--type-header-main-navigation-align-items-mobile);
    align-items: var(--type-header-main-navigation-align-items-mobile);
  }
}
@media (min-width: 481px) {
  .type-header .main-navigation {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-header-main-navigation-display-tablet);
    -webkit-box-align: var(--type-header-main-navigation-align-items-tablet);
    -ms-flex-align: var(--type-header-main-navigation-align-items-tablet);
    align-items: var(--type-header-main-navigation-align-items-tablet);
  }
}
@media (min-width: 1024px) {
  .type-header .main-navigation {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-header-main-navigation-display-desktop);
    -webkit-box-align: var(--type-header-main-navigation-align-items-desktop);
    -ms-flex-align: var(--type-header-main-navigation-align-items-desktop);
    align-items: var(--type-header-main-navigation-align-items-desktop);
  }
}
@media (min-width: 0px) {
  .type-header .mobile-header {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-header-mobile-header-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-header-mobile-header-flex-direction-mobile);
    flex-direction: var(--type-header-mobile-header-flex-direction-mobile);
    -webkit-box-align: var(--type-header-mobile-header-align-items-mobile);
    -ms-flex-align: var(--type-header-mobile-header-align-items-mobile);
    align-items: var(--type-header-mobile-header-align-items-mobile);
    -webkit-box-pack: var(--type-header-mobile-header-justify-content-mobile);
    -ms-flex-pack: var(--type-header-mobile-header-justify-content-mobile);
    justify-content: var(--type-header-mobile-header-justify-content-mobile);
  }
}
@media (min-width: 481px) {
  .type-header .mobile-header {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-header-mobile-header-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-header-mobile-header-flex-direction-tablet);
    flex-direction: var(--type-header-mobile-header-flex-direction-tablet);
    -webkit-box-align: var(--type-header-mobile-header-align-items-tablet);
    -ms-flex-align: var(--type-header-mobile-header-align-items-tablet);
    align-items: var(--type-header-mobile-header-align-items-tablet);
    -webkit-box-pack: var(--type-header-mobile-header-justify-content-tablet);
    -ms-flex-pack: var(--type-header-mobile-header-justify-content-tablet);
    justify-content: var(--type-header-mobile-header-justify-content-tablet);
  }
}
@media (min-width: 1024px) {
  .type-header .mobile-header {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-header-mobile-header-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-header-mobile-header-flex-direction-desktop);
    flex-direction: var(--type-header-mobile-header-flex-direction-desktop);
    -webkit-box-align: var(--type-header-mobile-header-align-items-desktop);
    -ms-flex-align: var(--type-header-mobile-header-align-items-desktop);
    align-items: var(--type-header-mobile-header-align-items-desktop);
    -webkit-box-pack: var(--type-header-mobile-header-justify-content-desktop);
    -ms-flex-pack: var(--type-header-mobile-header-justify-content-desktop);
    justify-content: var(--type-header-mobile-header-justify-content-desktop);
  }
}

@media (min-width: 0px) {
  .type-burger {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-burger-this-width-mobile);
    height: var(--type-burger-this-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-burger {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-burger-this-width-tablet);
    height: var(--type-burger-this-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-burger {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-burger-this-width-desktop);
    height: var(--type-burger-this-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-burger .burger-menu-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-burger-burger-menu-wrapper-padding-mobile);
    display: var(--type-burger-burger-menu-wrapper-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-burger-burger-menu-wrapper-flex-direction-mobile
    );
    flex-direction: var(
      --type-burger-burger-menu-wrapper-flex-direction-mobile
    );
  }
}
@media (min-width: 481px) {
  .type-burger .burger-menu-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-burger-burger-menu-wrapper-padding-tablet);
    display: var(--type-burger-burger-menu-wrapper-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-burger-burger-menu-wrapper-flex-direction-tablet
    );
    flex-direction: var(
      --type-burger-burger-menu-wrapper-flex-direction-tablet
    );
  }
}
@media (min-width: 1024px) {
  .type-burger .burger-menu-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-burger-burger-menu-wrapper-padding-desktop);
    display: var(--type-burger-burger-menu-wrapper-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-burger-burger-menu-wrapper-flex-direction-desktop
    );
    flex-direction: var(
      --type-burger-burger-menu-wrapper-flex-direction-desktop
    );
  }
}
@media (min-width: 0px) {
  .type-burger .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-mobile);
    -webkit-box-pack: var(--default-wrapper-justify-content-mobile);
    -ms-flex-pack: var(--default-wrapper-justify-content-mobile);
    justify-content: var(--default-wrapper-justify-content-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-burger-wrapper-width-mobile);
  }
}
@media (min-width: 481px) {
  .type-burger .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-tablet);
    -webkit-box-pack: var(--default-wrapper-justify-content-tablet);
    -ms-flex-pack: var(--default-wrapper-justify-content-tablet);
    justify-content: var(--default-wrapper-justify-content-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-burger-wrapper-width-tablet);
  }
}
@media (min-width: 1024px) {
  .type-burger .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-desktop);
    -webkit-box-pack: var(--default-wrapper-justify-content-desktop);
    -ms-flex-pack: var(--default-wrapper-justify-content-desktop);
    justify-content: var(--default-wrapper-justify-content-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-burger-wrapper-width-desktop);
  }
}
@media (min-width: 0px) {
  .type-burger .end {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-burger-end-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-burger .end {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-burger-end-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-burger .end {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-burger-end-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-burger .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-mobile);
    flex-direction: var(--default-container-flex-direction-mobile);
    gap: var(--default-container-gap-mobile);
    -webkit-box-align: var(--default-container-align-items-mobile);
    -ms-flex-align: var(--default-container-align-items-mobile);
    align-items: var(--default-container-align-items-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-burger-container-width-mobile);
  }
}
@media (min-width: 481px) {
  .type-burger .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-tablet);
    flex-direction: var(--default-container-flex-direction-tablet);
    gap: var(--default-container-gap-tablet);
    -webkit-box-align: var(--default-container-align-items-tablet);
    -ms-flex-align: var(--default-container-align-items-tablet);
    align-items: var(--default-container-align-items-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-burger-container-width-tablet);
  }
}
@media (min-width: 1024px) {
  .type-burger .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-desktop);
    flex-direction: var(--default-container-flex-direction-desktop);
    gap: var(--default-container-gap-desktop);
    -webkit-box-align: var(--default-container-align-items-desktop);
    -ms-flex-align: var(--default-container-align-items-desktop);
    align-items: var(--default-container-align-items-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-burger-container-width-desktop);
  }
}
@media (min-width: 0px) {
  .type-burger .menu {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-burger-menu-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-burger-menu-flex-direction-mobile);
    flex-direction: var(--type-burger-menu-flex-direction-mobile);
  }
}
@media (min-width: 481px) {
  .type-burger .menu {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-burger-menu-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-burger-menu-flex-direction-tablet);
    flex-direction: var(--type-burger-menu-flex-direction-tablet);
  }
}
@media (min-width: 1024px) {
  .type-burger .menu {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-burger-menu-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-burger-menu-flex-direction-desktop);
    flex-direction: var(--type-burger-menu-flex-direction-desktop);
  }
}
@media (min-width: 0px) {
  .type-burger .menu-item {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-burger-menu-item-width-mobile);
  }
}
@media (min-width: 481px) {
  .type-burger .menu-item {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-burger-menu-item-width-tablet);
  }
}
@media (min-width: 1024px) {
  .type-burger .menu-item {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-burger-menu-item-width-desktop);
  }
}

@media (min-width: 0px) {
  .type-breadcrumb {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-breadcrumb-this-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-breadcrumb {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-breadcrumb-this-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-breadcrumb {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-breadcrumb-this-padding-desktop);
  }
}

@media (min-width: 0px) {
  .type-card-producteur {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-producteur-this-position-mobile);
    height: var(--type-card-producteur-this-height-mobile);
    width: var(--type-card-producteur-this-width-mobile);
    display: var(--type-card-producteur-this-display-mobile);
    -ms-flex-direction: var(--type-card-producteur-this-flex-direction-mobile);
    flex-direction: var(--type-card-producteur-this-flex-direction-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-producteur {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-producteur-this-position-tablet);
    height: var(--type-card-producteur-this-height-tablet);
    width: var(--type-card-producteur-this-width-tablet);
    display: var(--type-card-producteur-this-display-tablet);
    -ms-flex-direction: var(--type-card-producteur-this-flex-direction-tablet);
    flex-direction: var(--type-card-producteur-this-flex-direction-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-producteur {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-producteur-this-position-desktop);
    height: var(--type-card-producteur-this-height-desktop);
    width: var(--type-card-producteur-this-width-desktop);
    display: var(--type-card-producteur-this-display-desktop);
    -ms-flex-direction: var(--type-card-producteur-this-flex-direction-desktop);
    flex-direction: var(--type-card-producteur-this-flex-direction-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-producteur .image {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-card-producteur-image-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-producteur .image {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-card-producteur-image-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-producteur .image {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-card-producteur-image-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-producteur .content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-producteur-content-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-card-producteur-content-flex-direction-mobile
    );
    flex-direction: var(--type-card-producteur-content-flex-direction-mobile);
    height: var(--type-card-producteur-content-height-mobile);
    padding: var(--type-card-producteur-content-padding-mobile);
    position: var(--type-card-producteur-content-position-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-producteur .content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-producteur-content-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-card-producteur-content-flex-direction-tablet
    );
    flex-direction: var(--type-card-producteur-content-flex-direction-tablet);
    height: var(--type-card-producteur-content-height-tablet);
    padding: var(--type-card-producteur-content-padding-tablet);
    position: var(--type-card-producteur-content-position-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-producteur .content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-producteur-content-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-card-producteur-content-flex-direction-desktop
    );
    flex-direction: var(--type-card-producteur-content-flex-direction-desktop);
    height: var(--type-card-producteur-content-height-desktop);
    padding: var(--type-card-producteur-content-padding-desktop);
    position: var(--type-card-producteur-content-position-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-producteur .nom {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-bottom: var(--type-card-producteur-nom-margin-bottom-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-producteur .nom {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-bottom: var(--type-card-producteur-nom-margin-bottom-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-producteur .nom {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-bottom: var(--type-card-producteur-nom-margin-bottom-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-producteur .labels-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-producteur-labels-container-display-mobile);
    overflow: var(--type-card-producteur-labels-container-overflow-mobile);
    max-width: var(--type-card-producteur-labels-container-max-width-mobile);
    gap: var(--type-card-producteur-labels-container-gap-mobile);
    position: var(--type-card-producteur-labels-container-position-mobile);
    top: var(--type-card-producteur-labels-container-top-mobile);
    left: var(--type-card-producteur-labels-container-left-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-producteur .labels-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-producteur-labels-container-display-tablet);
    overflow: var(--type-card-producteur-labels-container-overflow-tablet);
    max-width: var(--type-card-producteur-labels-container-max-width-tablet);
    gap: var(--type-card-producteur-labels-container-gap-tablet);
    position: var(--type-card-producteur-labels-container-position-tablet);
    top: var(--type-card-producteur-labels-container-top-tablet);
    left: var(--type-card-producteur-labels-container-left-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-producteur .labels-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-producteur-labels-container-display-desktop);
    overflow: var(--type-card-producteur-labels-container-overflow-desktop);
    max-width: var(--type-card-producteur-labels-container-max-width-desktop);
    gap: var(--type-card-producteur-labels-container-gap-desktop);
    position: var(--type-card-producteur-labels-container-position-desktop);
    top: var(--type-card-producteur-labels-container-top-desktop);
    left: var(--type-card-producteur-labels-container-left-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-producteur .label {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-card-producteur-label-width-mobile);
    height: var(--type-card-producteur-label-height-mobile);
    white-space: var(--type-card-producteur-label-white-space-mobile);
    padding: var(--type-card-producteur-label-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-producteur .label {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-card-producteur-label-width-tablet);
    height: var(--type-card-producteur-label-height-tablet);
    white-space: var(--type-card-producteur-label-white-space-tablet);
    padding: var(--type-card-producteur-label-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-producteur .label {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-card-producteur-label-width-desktop);
    height: var(--type-card-producteur-label-height-desktop);
    white-space: var(--type-card-producteur-label-white-space-desktop);
    padding: var(--type-card-producteur-label-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-producteur .categorie {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-producteur-categorie-display-mobile);
    -webkit-box-align: var(--type-card-producteur-categorie-align-items-mobile);
    -ms-flex-align: var(--type-card-producteur-categorie-align-items-mobile);
    align-items: var(--type-card-producteur-categorie-align-items-mobile);
    gap: var(--type-card-producteur-categorie-gap-mobile);
    width: var(--type-card-producteur-categorie-width-mobile);
    padding-top: var(--type-card-producteur-categorie-padding-top-mobile);
    margin-top: var(--type-card-producteur-categorie-margin-top-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-producteur .categorie {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-producteur-categorie-display-tablet);
    -webkit-box-align: var(--type-card-producteur-categorie-align-items-tablet);
    -ms-flex-align: var(--type-card-producteur-categorie-align-items-tablet);
    align-items: var(--type-card-producteur-categorie-align-items-tablet);
    gap: var(--type-card-producteur-categorie-gap-tablet);
    width: var(--type-card-producteur-categorie-width-tablet);
    padding-top: var(--type-card-producteur-categorie-padding-top-tablet);
    margin-top: var(--type-card-producteur-categorie-margin-top-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-producteur .categorie {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-producteur-categorie-display-desktop);
    -webkit-box-align: var(
      --type-card-producteur-categorie-align-items-desktop
    );
    -ms-flex-align: var(--type-card-producteur-categorie-align-items-desktop);
    align-items: var(--type-card-producteur-categorie-align-items-desktop);
    gap: var(--type-card-producteur-categorie-gap-desktop);
    width: var(--type-card-producteur-categorie-width-desktop);
    padding-top: var(--type-card-producteur-categorie-padding-top-desktop);
    margin-top: var(--type-card-producteur-categorie-margin-top-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-producteur .localisation {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-producteur-localisation-position-mobile);
    top: var(--type-card-producteur-localisation-top-mobile);
    -webkit-transform: var(
      --type-card-producteur-localisation-transform-mobile
    );
    transform: var(--type-card-producteur-localisation-transform-mobile);
    display: var(--type-card-producteur-localisation-display-mobile);
    -webkit-box-align: var(
      --type-card-producteur-localisation-align-items-mobile
    );
    -ms-flex-align: var(--type-card-producteur-localisation-align-items-mobile);
    align-items: var(--type-card-producteur-localisation-align-items-mobile);
    width: var(--type-card-producteur-localisation-width-mobile);
    padding: var(--type-card-producteur-localisation-padding-mobile);
    gap: var(--type-card-producteur-localisation-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-producteur .localisation {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-producteur-localisation-position-tablet);
    top: var(--type-card-producteur-localisation-top-tablet);
    -webkit-transform: var(
      --type-card-producteur-localisation-transform-tablet
    );
    transform: var(--type-card-producteur-localisation-transform-tablet);
    display: var(--type-card-producteur-localisation-display-tablet);
    -webkit-box-align: var(
      --type-card-producteur-localisation-align-items-tablet
    );
    -ms-flex-align: var(--type-card-producteur-localisation-align-items-tablet);
    align-items: var(--type-card-producteur-localisation-align-items-tablet);
    width: var(--type-card-producteur-localisation-width-tablet);
    padding: var(--type-card-producteur-localisation-padding-tablet);
    gap: var(--type-card-producteur-localisation-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-producteur .localisation {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-producteur-localisation-position-desktop);
    top: var(--type-card-producteur-localisation-top-desktop);
    -webkit-transform: var(
      --type-card-producteur-localisation-transform-desktop
    );
    transform: var(--type-card-producteur-localisation-transform-desktop);
    display: var(--type-card-producteur-localisation-display-desktop);
    -webkit-box-align: var(
      --type-card-producteur-localisation-align-items-desktop
    );
    -ms-flex-align: var(
      --type-card-producteur-localisation-align-items-desktop
    );
    align-items: var(--type-card-producteur-localisation-align-items-desktop);
    width: var(--type-card-producteur-localisation-width-desktop);
    padding: var(--type-card-producteur-localisation-padding-desktop);
    gap: var(--type-card-producteur-localisation-gap-desktop);
  }
}

@media (min-width: 0px) {
  .type-card-article {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-article-this-position-mobile);
    width: var(--type-card-article-this-width-mobile);
    height: var(--type-card-article-this-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-article {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-article-this-position-tablet);
    width: var(--type-card-article-this-width-tablet);
    height: var(--type-card-article-this-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-article {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-article-this-position-desktop);
    width: var(--type-card-article-this-width-desktop);
    height: var(--type-card-article-this-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-article .categorie {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-article-categorie-position-mobile);
    width: var(--type-card-article-categorie-width-mobile);
    padding: var(--type-card-article-categorie-padding-mobile);
    top: var(--type-card-article-categorie-top-mobile);
    left: var(--type-card-article-categorie-left-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-article .categorie {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-article-categorie-position-tablet);
    width: var(--type-card-article-categorie-width-tablet);
    padding: var(--type-card-article-categorie-padding-tablet);
    top: var(--type-card-article-categorie-top-tablet);
    left: var(--type-card-article-categorie-left-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-article .categorie {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-article-categorie-position-desktop);
    width: var(--type-card-article-categorie-width-desktop);
    padding: var(--type-card-article-categorie-padding-desktop);
    top: var(--type-card-article-categorie-top-desktop);
    left: var(--type-card-article-categorie-left-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-article .content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-card-article-content-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-article .content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-card-article-content-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-article .content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-card-article-content-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-article .titre {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-card-article-titre-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-article .titre {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-card-article-titre-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-article .titre {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-card-article-titre-margin-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-article .image {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-card-article-image-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-article .image {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-card-article-image-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-article .image {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-card-article-image-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-article .article-link {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-article-article-link-display-mobile);
    -webkit-box-align: var(--type-card-article-article-link-align-items-mobile);
    -ms-flex-align: var(--type-card-article-article-link-align-items-mobile);
    align-items: var(--type-card-article-article-link-align-items-mobile);
    gap: var(--type-card-article-article-link-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-article .article-link {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-article-article-link-display-tablet);
    -webkit-box-align: var(--type-card-article-article-link-align-items-tablet);
    -ms-flex-align: var(--type-card-article-article-link-align-items-tablet);
    align-items: var(--type-card-article-article-link-align-items-tablet);
    gap: var(--type-card-article-article-link-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-article .article-link {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-article-article-link-display-desktop);
    -webkit-box-align: var(
      --type-card-article-article-link-align-items-desktop
    );
    -ms-flex-align: var(--type-card-article-article-link-align-items-desktop);
    align-items: var(--type-card-article-article-link-align-items-desktop);
    gap: var(--type-card-article-article-link-gap-desktop);
  }
}

@media (min-width: 0px) {
  .type-card-article-long {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-article-long-this-display-mobile);
    -ms-flex-direction: var(
      --type-card-article-long-this-flex-direction-mobile
    );
    flex-direction: var(--type-card-article-long-this-flex-direction-mobile);
    -webkit-box-pack: var(--type-card-article-long-this-justify-content-mobile);
    -ms-flex-pack: var(--type-card-article-long-this-justify-content-mobile);
    justify-content: var(--type-card-article-long-this-justify-content-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-article-long {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-article-long-this-display-tablet);
    -ms-flex-direction: var(
      --type-card-article-long-this-flex-direction-tablet
    );
    flex-direction: var(--type-card-article-long-this-flex-direction-tablet);
    -webkit-box-pack: var(--type-card-article-long-this-justify-content-tablet);
    -ms-flex-pack: var(--type-card-article-long-this-justify-content-tablet);
    justify-content: var(--type-card-article-long-this-justify-content-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-article-long {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-article-long-this-display-desktop);
    -ms-flex-direction: var(
      --type-card-article-long-this-flex-direction-desktop
    );
    flex-direction: var(--type-card-article-long-this-flex-direction-desktop);
    -webkit-box-pack: var(
      --type-card-article-long-this-justify-content-desktop
    );
    -ms-flex-pack: var(--type-card-article-long-this-justify-content-desktop);
    justify-content: var(--type-card-article-long-this-justify-content-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-article-long .categorie {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-article-long-categorie-position-mobile);
    width: var(--type-card-article-long-categorie-width-mobile);
    padding: var(--type-card-article-long-categorie-padding-mobile);
    top: var(--type-card-article-long-categorie-top-mobile);
    left: var(--type-card-article-long-categorie-left-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-article-long .categorie {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-article-long-categorie-position-tablet);
    width: var(--type-card-article-long-categorie-width-tablet);
    padding: var(--type-card-article-long-categorie-padding-tablet);
    top: var(--type-card-article-long-categorie-top-tablet);
    left: var(--type-card-article-long-categorie-left-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-article-long .categorie {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-article-long-categorie-position-desktop);
    width: var(--type-card-article-long-categorie-width-desktop);
    padding: var(--type-card-article-long-categorie-padding-desktop);
    top: var(--type-card-article-long-categorie-top-desktop);
    left: var(--type-card-article-long-categorie-left-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-article-long .content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-article-long-content-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-card-article-long-content-flex-direction-mobile
    );
    flex-direction: var(--type-card-article-long-content-flex-direction-mobile);
    -webkit-box-pack: var(
      --type-card-article-long-content-justify-content-mobile
    );
    -ms-flex-pack: var(--type-card-article-long-content-justify-content-mobile);
    justify-content: var(
      --type-card-article-long-content-justify-content-mobile
    );
    width: var(--type-card-article-long-content-width-mobile);
    gap: var(--type-card-article-long-content-gap-mobile);
    padding: var(--type-card-article-long-content-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-article-long .content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-article-long-content-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-card-article-long-content-flex-direction-tablet
    );
    flex-direction: var(--type-card-article-long-content-flex-direction-tablet);
    -webkit-box-pack: var(
      --type-card-article-long-content-justify-content-tablet
    );
    -ms-flex-pack: var(--type-card-article-long-content-justify-content-tablet);
    justify-content: var(
      --type-card-article-long-content-justify-content-tablet
    );
    width: var(--type-card-article-long-content-width-tablet);
    gap: var(--type-card-article-long-content-gap-tablet);
    padding: var(--type-card-article-long-content-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-article-long .content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-article-long-content-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-card-article-long-content-flex-direction-desktop
    );
    flex-direction: var(
      --type-card-article-long-content-flex-direction-desktop
    );
    -webkit-box-pack: var(
      --type-card-article-long-content-justify-content-desktop
    );
    -ms-flex-pack: var(
      --type-card-article-long-content-justify-content-desktop
    );
    justify-content: var(
      --type-card-article-long-content-justify-content-desktop
    );
    width: var(--type-card-article-long-content-width-desktop);
    gap: var(--type-card-article-long-content-gap-desktop);
    padding: var(--type-card-article-long-content-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-article-long .titre {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-card-article-long-titre-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-article-long .titre {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-card-article-long-titre-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-article-long .titre {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-card-article-long-titre-margin-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-article-long .image {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-article-long-image-position-mobile);
    width: var(--type-card-article-long-image-width-mobile);
    height: var(--type-card-article-long-image-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-article-long .image {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-article-long-image-position-tablet);
    width: var(--type-card-article-long-image-width-tablet);
    height: var(--type-card-article-long-image-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-article-long .image {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-article-long-image-position-desktop);
    width: var(--type-card-article-long-image-width-desktop);
    height: var(--type-card-article-long-image-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-article-long .article-link {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-article-long-article-link-display-mobile);
    -webkit-box-align: var(
      --type-card-article-long-article-link-align-items-mobile
    );
    -ms-flex-align: var(
      --type-card-article-long-article-link-align-items-mobile
    );
    align-items: var(--type-card-article-long-article-link-align-items-mobile);
    gap: var(--type-card-article-long-article-link-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-article-long .article-link {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-article-long-article-link-display-tablet);
    -webkit-box-align: var(
      --type-card-article-long-article-link-align-items-tablet
    );
    -ms-flex-align: var(
      --type-card-article-long-article-link-align-items-tablet
    );
    align-items: var(--type-card-article-long-article-link-align-items-tablet);
    gap: var(--type-card-article-long-article-link-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-article-long .article-link {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-article-long-article-link-display-desktop);
    -webkit-box-align: var(
      --type-card-article-long-article-link-align-items-desktop
    );
    -ms-flex-align: var(
      --type-card-article-long-article-link-align-items-desktop
    );
    align-items: var(--type-card-article-long-article-link-align-items-desktop);
    gap: var(--type-card-article-long-article-link-gap-desktop);
  }
}

@media (min-width: 0px) {
  .type-confirmation-inscription-visiteur {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-confirmation-inscription-visiteur-this-margin-mobile);
    display: var(--type-confirmation-inscription-visiteur-this-display-mobile);
    -webkit-box-align: var(
      --type-confirmation-inscription-visiteur-this-align-items-mobile
    );
    -ms-flex-align: var(
      --type-confirmation-inscription-visiteur-this-align-items-mobile
    );
    align-items: var(
      --type-confirmation-inscription-visiteur-this-align-items-mobile
    );
  }
}
@media (min-width: 481px) {
  .type-confirmation-inscription-visiteur {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-confirmation-inscription-visiteur-this-margin-tablet);
    display: var(--type-confirmation-inscription-visiteur-this-display-tablet);
    -webkit-box-align: var(
      --type-confirmation-inscription-visiteur-this-align-items-tablet
    );
    -ms-flex-align: var(
      --type-confirmation-inscription-visiteur-this-align-items-tablet
    );
    align-items: var(
      --type-confirmation-inscription-visiteur-this-align-items-tablet
    );
  }
}
@media (min-width: 1024px) {
  .type-confirmation-inscription-visiteur {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-confirmation-inscription-visiteur-this-margin-desktop);
    display: var(--type-confirmation-inscription-visiteur-this-display-desktop);
    -webkit-box-align: var(
      --type-confirmation-inscription-visiteur-this-align-items-desktop
    );
    -ms-flex-align: var(
      --type-confirmation-inscription-visiteur-this-align-items-desktop
    );
    align-items: var(
      --type-confirmation-inscription-visiteur-this-align-items-desktop
    );
  }
}
@media (min-width: 0px) {
  .type-confirmation-inscription-visiteur .cta-c {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-confirmation-inscription-visiteur-cta-c-display-mobile);
    gap: var(--type-confirmation-inscription-visiteur-cta-c-gap-mobile);
    margin-top: var(
      --type-confirmation-inscription-visiteur-cta-c-margin-top-mobile
    );
    -webkit-box-pack: var(
      --type-confirmation-inscription-visiteur-cta-c-justify-content-mobile
    );
    -ms-flex-pack: var(
      --type-confirmation-inscription-visiteur-cta-c-justify-content-mobile
    );
    justify-content: var(
      --type-confirmation-inscription-visiteur-cta-c-justify-content-mobile
    );
  }
}
@media (min-width: 481px) {
  .type-confirmation-inscription-visiteur .cta-c {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-confirmation-inscription-visiteur-cta-c-display-tablet);
    gap: var(--type-confirmation-inscription-visiteur-cta-c-gap-tablet);
    margin-top: var(
      --type-confirmation-inscription-visiteur-cta-c-margin-top-tablet
    );
    -webkit-box-pack: var(
      --type-confirmation-inscription-visiteur-cta-c-justify-content-tablet
    );
    -ms-flex-pack: var(
      --type-confirmation-inscription-visiteur-cta-c-justify-content-tablet
    );
    justify-content: var(
      --type-confirmation-inscription-visiteur-cta-c-justify-content-tablet
    );
  }
}
@media (min-width: 1024px) {
  .type-confirmation-inscription-visiteur .cta-c {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(
      --type-confirmation-inscription-visiteur-cta-c-display-desktop
    );
    gap: var(--type-confirmation-inscription-visiteur-cta-c-gap-desktop);
    margin-top: var(
      --type-confirmation-inscription-visiteur-cta-c-margin-top-desktop
    );
    -webkit-box-pack: var(
      --type-confirmation-inscription-visiteur-cta-c-justify-content-desktop
    );
    -ms-flex-pack: var(
      --type-confirmation-inscription-visiteur-cta-c-justify-content-desktop
    );
    justify-content: var(
      --type-confirmation-inscription-visiteur-cta-c-justify-content-desktop
    );
  }
}

@media (min-width: 0px) {
  .type-card-recette {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-recette-this-position-mobile);
    width: var(--type-card-recette-this-width-mobile);
    height: var(--type-card-recette-this-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-recette {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-recette-this-position-tablet);
    width: var(--type-card-recette-this-width-tablet);
    height: var(--type-card-recette-this-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-recette {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-recette-this-position-desktop);
    width: var(--type-card-recette-this-width-desktop);
    height: var(--type-card-recette-this-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-recette .like {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-recette-like-position-mobile);
    top: var(--type-card-recette-like-top-mobile);
    right: var(--type-card-recette-like-right-mobile);
    width: var(--type-card-recette-like-width-mobile);
    height: var(--type-card-recette-like-height-mobile);
    display: var(--type-card-recette-like-display-mobile);
    -webkit-box-align: var(--type-card-recette-like-align-items-mobile);
    -ms-flex-align: var(--type-card-recette-like-align-items-mobile);
    align-items: var(--type-card-recette-like-align-items-mobile);
    -webkit-box-pack: var(--type-card-recette-like-justify-content-mobile);
    -ms-flex-pack: var(--type-card-recette-like-justify-content-mobile);
    justify-content: var(--type-card-recette-like-justify-content-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-recette .like {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-recette-like-position-tablet);
    top: var(--type-card-recette-like-top-tablet);
    right: var(--type-card-recette-like-right-tablet);
    width: var(--type-card-recette-like-width-tablet);
    height: var(--type-card-recette-like-height-tablet);
    display: var(--type-card-recette-like-display-tablet);
    -webkit-box-align: var(--type-card-recette-like-align-items-tablet);
    -ms-flex-align: var(--type-card-recette-like-align-items-tablet);
    align-items: var(--type-card-recette-like-align-items-tablet);
    -webkit-box-pack: var(--type-card-recette-like-justify-content-tablet);
    -ms-flex-pack: var(--type-card-recette-like-justify-content-tablet);
    justify-content: var(--type-card-recette-like-justify-content-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-recette .like {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-card-recette-like-position-desktop);
    top: var(--type-card-recette-like-top-desktop);
    right: var(--type-card-recette-like-right-desktop);
    width: var(--type-card-recette-like-width-desktop);
    height: var(--type-card-recette-like-height-desktop);
    display: var(--type-card-recette-like-display-desktop);
    -webkit-box-align: var(--type-card-recette-like-align-items-desktop);
    -ms-flex-align: var(--type-card-recette-like-align-items-desktop);
    align-items: var(--type-card-recette-like-align-items-desktop);
    -webkit-box-pack: var(--type-card-recette-like-justify-content-desktop);
    -ms-flex-pack: var(--type-card-recette-like-justify-content-desktop);
    justify-content: var(--type-card-recette-like-justify-content-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-recette .swiper-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-card-recette-swiper-container-width-mobile);
    height: var(--type-card-recette-swiper-container-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-recette .swiper-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-card-recette-swiper-container-width-tablet);
    height: var(--type-card-recette-swiper-container-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-recette .swiper-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-card-recette-swiper-container-width-desktop);
    height: var(--type-card-recette-swiper-container-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-recette .text-content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-recette-text-content-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-card-recette-text-content-flex-direction-mobile
    );
    flex-direction: var(--type-card-recette-text-content-flex-direction-mobile);
    height: var(--type-card-recette-text-content-height-mobile);
    padding: var(--type-card-recette-text-content-padding-mobile);
    gap: var(--type-card-recette-text-content-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-recette .text-content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-recette-text-content-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-card-recette-text-content-flex-direction-tablet
    );
    flex-direction: var(--type-card-recette-text-content-flex-direction-tablet);
    height: var(--type-card-recette-text-content-height-tablet);
    padding: var(--type-card-recette-text-content-padding-tablet);
    gap: var(--type-card-recette-text-content-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-recette .text-content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-card-recette-text-content-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-card-recette-text-content-flex-direction-desktop
    );
    flex-direction: var(
      --type-card-recette-text-content-flex-direction-desktop
    );
    height: var(--type-card-recette-text-content-height-desktop);
    padding: var(--type-card-recette-text-content-padding-desktop);
    gap: var(--type-card-recette-text-content-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-recette .duree-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-align: var(
      --type-card-recette-duree-wrapper-align-items-mobile
    );
    -ms-flex-align: var(--type-card-recette-duree-wrapper-align-items-mobile);
    align-items: var(--type-card-recette-duree-wrapper-align-items-mobile);
    display: var(--type-card-recette-duree-wrapper-display-mobile);
    gap: var(--type-card-recette-duree-wrapper-gap-mobile);
    margin-top: var(--type-card-recette-duree-wrapper-margin-top-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-recette .duree-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-align: var(
      --type-card-recette-duree-wrapper-align-items-tablet
    );
    -ms-flex-align: var(--type-card-recette-duree-wrapper-align-items-tablet);
    align-items: var(--type-card-recette-duree-wrapper-align-items-tablet);
    display: var(--type-card-recette-duree-wrapper-display-tablet);
    gap: var(--type-card-recette-duree-wrapper-gap-tablet);
    margin-top: var(--type-card-recette-duree-wrapper-margin-top-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-recette .duree-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-align: var(
      --type-card-recette-duree-wrapper-align-items-desktop
    );
    -ms-flex-align: var(--type-card-recette-duree-wrapper-align-items-desktop);
    align-items: var(--type-card-recette-duree-wrapper-align-items-desktop);
    display: var(--type-card-recette-duree-wrapper-display-desktop);
    gap: var(--type-card-recette-duree-wrapper-gap-desktop);
    margin-top: var(--type-card-recette-duree-wrapper-margin-top-desktop);
  }
}
@media (min-width: 0px) {
  .type-card-recette .duree {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-left: var(--type-card-recette-duree-margin-left-mobile);
  }
}
@media (min-width: 481px) {
  .type-card-recette .duree {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-left: var(--type-card-recette-duree-margin-left-tablet);
  }
}
@media (min-width: 1024px) {
  .type-card-recette .duree {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-left: var(--type-card-recette-duree-margin-left-desktop);
  }
}

@media (min-width: 0px) {
  .type-newsletter {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-newsletter-this-margin-mobile);
    -webkit-box-align: var(--type-newsletter-this-align-items-mobile);
    -ms-flex-align: var(--type-newsletter-this-align-items-mobile);
    align-items: var(--type-newsletter-this-align-items-mobile);
    padding: var(--type-newsletter-this-padding-mobile);
    -ms-flex-direction: var(--type-newsletter-this-flex-direction-mobile);
    flex-direction: var(--type-newsletter-this-flex-direction-mobile);
    gap: var(--type-newsletter-this-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-newsletter {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-newsletter-this-margin-tablet);
    -webkit-box-align: var(--type-newsletter-this-align-items-tablet);
    -ms-flex-align: var(--type-newsletter-this-align-items-tablet);
    align-items: var(--type-newsletter-this-align-items-tablet);
    padding: var(--type-newsletter-this-padding-tablet);
    -ms-flex-direction: var(--type-newsletter-this-flex-direction-tablet);
    flex-direction: var(--type-newsletter-this-flex-direction-tablet);
    gap: var(--type-newsletter-this-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-newsletter {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-newsletter-this-margin-desktop);
    -webkit-box-align: var(--type-newsletter-this-align-items-desktop);
    -ms-flex-align: var(--type-newsletter-this-align-items-desktop);
    align-items: var(--type-newsletter-this-align-items-desktop);
    padding: var(--type-newsletter-this-padding-desktop);
    -ms-flex-direction: var(--type-newsletter-this-flex-direction-desktop);
    flex-direction: var(--type-newsletter-this-flex-direction-desktop);
    gap: var(--type-newsletter-this-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-newsletter .image-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    min-width: var(--type-newsletter-image-wrapper-min-width-mobile);
    height: var(--type-newsletter-image-wrapper-height-mobile);
    border-radius: var(--type-newsletter-image-wrapper-border-radius-mobile);
    position: var(--type-newsletter-image-wrapper-position-mobile);
  }
}
@media (min-width: 481px) {
  .type-newsletter .image-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    min-width: var(--type-newsletter-image-wrapper-min-width-tablet);
    height: var(--type-newsletter-image-wrapper-height-tablet);
    border-radius: var(--type-newsletter-image-wrapper-border-radius-tablet);
    position: var(--type-newsletter-image-wrapper-position-tablet);
  }
}
@media (min-width: 1024px) {
  .type-newsletter .image-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    min-width: var(--type-newsletter-image-wrapper-min-width-desktop);
    height: var(--type-newsletter-image-wrapper-height-desktop);
    border-radius: var(--type-newsletter-image-wrapper-border-radius-desktop);
    position: var(--type-newsletter-image-wrapper-position-desktop);
  }
}
@media (min-width: 0px) {
  .type-newsletter .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-mobile);
    flex-direction: var(--default-container-flex-direction-mobile);
    gap: var(--default-container-gap-mobile);
    -webkit-box-align: var(--default-container-align-items-mobile);
    -ms-flex-align: var(--default-container-align-items-mobile);
    align-items: var(--default-container-align-items-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding-left: var(--type-newsletter-container-padding-left-mobile);
    position: var(--type-newsletter-container-position-mobile);
    bottom: var(--type-newsletter-container-bottom-mobile);
    -webkit-box-align: var(--type-newsletter-container-align-items-mobile);
    -ms-flex-align: var(--type-newsletter-container-align-items-mobile);
    align-items: var(--type-newsletter-container-align-items-mobile);
    gap: var(--type-newsletter-container-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-newsletter .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-tablet);
    flex-direction: var(--default-container-flex-direction-tablet);
    gap: var(--default-container-gap-tablet);
    -webkit-box-align: var(--default-container-align-items-tablet);
    -ms-flex-align: var(--default-container-align-items-tablet);
    align-items: var(--default-container-align-items-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding-left: var(--type-newsletter-container-padding-left-tablet);
    position: var(--type-newsletter-container-position-tablet);
    bottom: var(--type-newsletter-container-bottom-tablet);
    -webkit-box-align: var(--type-newsletter-container-align-items-tablet);
    -ms-flex-align: var(--type-newsletter-container-align-items-tablet);
    align-items: var(--type-newsletter-container-align-items-tablet);
    gap: var(--type-newsletter-container-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-newsletter .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-desktop);
    flex-direction: var(--default-container-flex-direction-desktop);
    gap: var(--default-container-gap-desktop);
    -webkit-box-align: var(--default-container-align-items-desktop);
    -ms-flex-align: var(--default-container-align-items-desktop);
    align-items: var(--default-container-align-items-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding-left: var(--type-newsletter-container-padding-left-desktop);
    position: var(--type-newsletter-container-position-desktop);
    bottom: var(--type-newsletter-container-bottom-desktop);
    -webkit-box-align: var(--type-newsletter-container-align-items-desktop);
    -ms-flex-align: var(--type-newsletter-container-align-items-desktop);
    align-items: var(--type-newsletter-container-align-items-desktop);
    gap: var(--type-newsletter-container-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-newsletter .right-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-newsletter-right-wrapper-height-mobile);
    -webkit-box-pack: var(
      --type-newsletter-right-wrapper-justify-content-mobile
    );
    -ms-flex-pack: var(--type-newsletter-right-wrapper-justify-content-mobile);
    justify-content: var(
      --type-newsletter-right-wrapper-justify-content-mobile
    );
  }
}
@media (min-width: 481px) {
  .type-newsletter .right-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-newsletter-right-wrapper-height-tablet);
    -webkit-box-pack: var(
      --type-newsletter-right-wrapper-justify-content-tablet
    );
    -ms-flex-pack: var(--type-newsletter-right-wrapper-justify-content-tablet);
    justify-content: var(
      --type-newsletter-right-wrapper-justify-content-tablet
    );
  }
}
@media (min-width: 1024px) {
  .type-newsletter .right-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-newsletter-right-wrapper-height-desktop);
    -webkit-box-pack: var(
      --type-newsletter-right-wrapper-justify-content-desktop
    );
    -ms-flex-pack: var(--type-newsletter-right-wrapper-justify-content-desktop);
    justify-content: var(
      --type-newsletter-right-wrapper-justify-content-desktop
    );
  }
}

@media (min-width: 0px) {
  .type-contact-form {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-contact-form-this-margin-mobile);
    display: var(--type-contact-form-this-display-mobile);
    -ms-flex-direction: var(--type-contact-form-this-flex-direction-mobile);
    flex-direction: var(--type-contact-form-this-flex-direction-mobile);
    gap: var(--type-contact-form-this-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-contact-form {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-contact-form-this-margin-tablet);
    display: var(--type-contact-form-this-display-tablet);
    -ms-flex-direction: var(--type-contact-form-this-flex-direction-tablet);
    flex-direction: var(--type-contact-form-this-flex-direction-tablet);
    gap: var(--type-contact-form-this-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-contact-form {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-contact-form-this-margin-desktop);
    display: var(--type-contact-form-this-display-desktop);
    -ms-flex-direction: var(--type-contact-form-this-flex-direction-desktop);
    flex-direction: var(--type-contact-form-this-flex-direction-desktop);
    gap: var(--type-contact-form-this-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-contact-form .gform_footer {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-pack: var(
      --type-contact-form-gform_footer-justify-content-mobile
    );
    -ms-flex-pack: var(--type-contact-form-gform_footer-justify-content-mobile);
    justify-content: var(
      --type-contact-form-gform_footer-justify-content-mobile
    );
  }
}
@media (min-width: 481px) {
  .type-contact-form .gform_footer {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-pack: var(
      --type-contact-form-gform_footer-justify-content-tablet
    );
    -ms-flex-pack: var(--type-contact-form-gform_footer-justify-content-tablet);
    justify-content: var(
      --type-contact-form-gform_footer-justify-content-tablet
    );
  }
}
@media (min-width: 1024px) {
  .type-contact-form .gform_footer {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-pack: var(
      --type-contact-form-gform_footer-justify-content-desktop
    );
    -ms-flex-pack: var(
      --type-contact-form-gform_footer-justify-content-desktop
    );
    justify-content: var(
      --type-contact-form-gform_footer-justify-content-desktop
    );
  }
}
@media (min-width: 0px) {
  .type-contact-form .texte {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-flex: var(--type-contact-form-texte-flex-mobile);
    -ms-flex: var(--type-contact-form-texte-flex-mobile);
    flex: var(--type-contact-form-texte-flex-mobile);
  }
}
@media (min-width: 481px) {
  .type-contact-form .texte {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-flex: var(--type-contact-form-texte-flex-tablet);
    -ms-flex: var(--type-contact-form-texte-flex-tablet);
    flex: var(--type-contact-form-texte-flex-tablet);
  }
}
@media (min-width: 1024px) {
  .type-contact-form .texte {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-flex: var(--type-contact-form-texte-flex-desktop);
    -ms-flex: var(--type-contact-form-texte-flex-desktop);
    flex: var(--type-contact-form-texte-flex-desktop);
  }
}
@media (min-width: 0px) {
  .type-contact-form .formulaire {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-flex: var(--type-contact-form-formulaire-flex-mobile);
    -ms-flex: var(--type-contact-form-formulaire-flex-mobile);
    flex: var(--type-contact-form-formulaire-flex-mobile);
  }
}
@media (min-width: 481px) {
  .type-contact-form .formulaire {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-flex: var(--type-contact-form-formulaire-flex-tablet);
    -ms-flex: var(--type-contact-form-formulaire-flex-tablet);
    flex: var(--type-contact-form-formulaire-flex-tablet);
  }
}
@media (min-width: 1024px) {
  .type-contact-form .formulaire {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-flex: var(--type-contact-form-formulaire-flex-desktop);
    -ms-flex: var(--type-contact-form-formulaire-flex-desktop);
    flex: var(--type-contact-form-formulaire-flex-desktop);
  }
}
@media (min-width: 0px) {
  .type-contact-form .section-title {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-bottom: var(--type-contact-form-section-title-margin-bottom-mobile);
  }
}
@media (min-width: 481px) {
  .type-contact-form .section-title {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-bottom: var(--type-contact-form-section-title-margin-bottom-tablet);
  }
}
@media (min-width: 1024px) {
  .type-contact-form .section-title {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-bottom: var(--type-contact-form-section-title-margin-bottom-desktop);
  }
}
@media (min-width: 0px) {
  .type-contact-form .infos {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-contact-form-infos-margin-mobile);
    overflow: var(--type-contact-form-infos-overflow-mobile);
  }
}
@media (min-width: 481px) {
  .type-contact-form .infos {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-contact-form-infos-margin-tablet);
    overflow: var(--type-contact-form-infos-overflow-tablet);
  }
}
@media (min-width: 1024px) {
  .type-contact-form .infos {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-contact-form-infos-margin-desktop);
    overflow: var(--type-contact-form-infos-overflow-desktop);
  }
}
@media (min-width: 0px) {
  .type-contact-form .info {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-contact-form-info-display-mobile);
    gap: var(--type-contact-form-info-gap-mobile);
    width: var(--type-contact-form-info-width-mobile);
    padding: var(--type-contact-form-info-padding-mobile);
    -webkit-box-align: var(--type-contact-form-info-align-items-mobile);
    -ms-flex-align: var(--type-contact-form-info-align-items-mobile);
    align-items: var(--type-contact-form-info-align-items-mobile);
  }
}
@media (min-width: 481px) {
  .type-contact-form .info {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-contact-form-info-display-tablet);
    gap: var(--type-contact-form-info-gap-tablet);
    width: var(--type-contact-form-info-width-tablet);
    padding: var(--type-contact-form-info-padding-tablet);
    -webkit-box-align: var(--type-contact-form-info-align-items-tablet);
    -ms-flex-align: var(--type-contact-form-info-align-items-tablet);
    align-items: var(--type-contact-form-info-align-items-tablet);
  }
}
@media (min-width: 1024px) {
  .type-contact-form .info {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-contact-form-info-display-desktop);
    gap: var(--type-contact-form-info-gap-desktop);
    width: var(--type-contact-form-info-width-desktop);
    padding: var(--type-contact-form-info-padding-desktop);
    -webkit-box-align: var(--type-contact-form-info-align-items-desktop);
    -ms-flex-align: var(--type-contact-form-info-align-items-desktop);
    align-items: var(--type-contact-form-info-align-items-desktop);
  }
}
@media (min-width: 0px) {
  .type-contact-form .info-text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-contact-form-info-text-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-contact-form-info-text-flex-direction-mobile
    );
    flex-direction: var(--type-contact-form-info-text-flex-direction-mobile);
    gap: var(--type-contact-form-info-text-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-contact-form .info-text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-contact-form-info-text-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-contact-form-info-text-flex-direction-tablet
    );
    flex-direction: var(--type-contact-form-info-text-flex-direction-tablet);
    gap: var(--type-contact-form-info-text-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-contact-form .info-text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-contact-form-info-text-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-contact-form-info-text-flex-direction-desktop
    );
    flex-direction: var(--type-contact-form-info-text-flex-direction-desktop);
    gap: var(--type-contact-form-info-text-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-contact-form .icon {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-contact-form-icon-padding-mobile);
    height: var(--type-contact-form-icon-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-contact-form .icon {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-contact-form-icon-padding-tablet);
    height: var(--type-contact-form-icon-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-contact-form .icon {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-contact-form-icon-padding-desktop);
    height: var(--type-contact-form-icon-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-contact-form .gform_button {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-contact-form-gform_button-position-mobile);
    right: var(--type-contact-form-gform_button-right-mobile);
  }
}
@media (min-width: 481px) {
  .type-contact-form .gform_button {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-contact-form-gform_button-position-tablet);
    right: var(--type-contact-form-gform_button-right-tablet);
  }
}
@media (min-width: 1024px) {
  .type-contact-form .gform_button {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-contact-form-gform_button-position-desktop);
    right: var(--type-contact-form-gform_button-right-desktop);
  }
}

@media (min-width: 0px) {
  .type-banner-home {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-banner-home-this-padding-mobile);
    margin-top: var(--type-banner-home-this-margin-top-mobile);
  }
}
@media (min-width: 481px) {
  .type-banner-home {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-banner-home-this-padding-tablet);
    margin-top: var(--type-banner-home-this-margin-top-tablet);
  }
}
@media (min-width: 1024px) {
  .type-banner-home {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-banner-home-this-padding-desktop);
    margin-top: var(--type-banner-home-this-margin-top-desktop);
  }
}
@media (min-width: 0px) {
  .type-banner-home .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-mobile);
    -webkit-box-pack: var(--default-wrapper-justify-content-mobile);
    -ms-flex-pack: var(--default-wrapper-justify-content-mobile);
    justify-content: var(--default-wrapper-justify-content-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-banner-home-wrapper-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-banner-home .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-tablet);
    -webkit-box-pack: var(--default-wrapper-justify-content-tablet);
    -ms-flex-pack: var(--default-wrapper-justify-content-tablet);
    justify-content: var(--default-wrapper-justify-content-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-banner-home-wrapper-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-banner-home .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-desktop);
    -webkit-box-pack: var(--default-wrapper-justify-content-desktop);
    -ms-flex-pack: var(--default-wrapper-justify-content-desktop);
    justify-content: var(--default-wrapper-justify-content-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-banner-home-wrapper-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-banner-home .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-mobile);
    flex-direction: var(--default-container-flex-direction-mobile);
    gap: var(--default-container-gap-mobile);
    -webkit-box-align: var(--default-container-align-items-mobile);
    -ms-flex-align: var(--default-container-align-items-mobile);
    align-items: var(--default-container-align-items-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-banner-home-container-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-banner-home .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-tablet);
    flex-direction: var(--default-container-flex-direction-tablet);
    gap: var(--default-container-gap-tablet);
    -webkit-box-align: var(--default-container-align-items-tablet);
    -ms-flex-align: var(--default-container-align-items-tablet);
    align-items: var(--default-container-align-items-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-banner-home-container-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-banner-home .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-desktop);
    flex-direction: var(--default-container-flex-direction-desktop);
    gap: var(--default-container-gap-desktop);
    -webkit-box-align: var(--default-container-align-items-desktop);
    -ms-flex-align: var(--default-container-align-items-desktop);
    align-items: var(--default-container-align-items-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-banner-home-container-padding-desktop);
  }
}

@media (min-width: 0px) {
  .type-banner-page {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-banner-page-this-height-mobile);
    position: var(--type-banner-page-this-position-mobile);
    padding: var(--type-banner-page-this-padding-mobile);
    margin-top: var(--type-banner-page-this-margin-top-mobile);
    -webkit-box-align: var(--type-banner-page-this-align-items-mobile);
    -ms-flex-align: var(--type-banner-page-this-align-items-mobile);
    align-items: var(--type-banner-page-this-align-items-mobile);
    -webkit-box-pack: var(--type-banner-page-this-justify-content-mobile);
    -ms-flex-pack: var(--type-banner-page-this-justify-content-mobile);
    justify-content: var(--type-banner-page-this-justify-content-mobile);
  }
}
@media (min-width: 481px) {
  .type-banner-page {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-banner-page-this-height-tablet);
    position: var(--type-banner-page-this-position-tablet);
    padding: var(--type-banner-page-this-padding-tablet);
    margin-top: var(--type-banner-page-this-margin-top-tablet);
    -webkit-box-align: var(--type-banner-page-this-align-items-tablet);
    -ms-flex-align: var(--type-banner-page-this-align-items-tablet);
    align-items: var(--type-banner-page-this-align-items-tablet);
    -webkit-box-pack: var(--type-banner-page-this-justify-content-tablet);
    -ms-flex-pack: var(--type-banner-page-this-justify-content-tablet);
    justify-content: var(--type-banner-page-this-justify-content-tablet);
  }
}
@media (min-width: 1024px) {
  .type-banner-page {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-banner-page-this-height-desktop);
    position: var(--type-banner-page-this-position-desktop);
    padding: var(--type-banner-page-this-padding-desktop);
    margin-top: var(--type-banner-page-this-margin-top-desktop);
    -webkit-box-align: var(--type-banner-page-this-align-items-desktop);
    -ms-flex-align: var(--type-banner-page-this-align-items-desktop);
    align-items: var(--type-banner-page-this-align-items-desktop);
    -webkit-box-pack: var(--type-banner-page-this-justify-content-desktop);
    -ms-flex-pack: var(--type-banner-page-this-justify-content-desktop);
    justify-content: var(--type-banner-page-this-justify-content-desktop);
  }
}
@media (min-width: 0px) {
  .type-banner-page .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-mobile);
    flex-direction: var(--default-container-flex-direction-mobile);
    gap: var(--default-container-gap-mobile);
    -webkit-box-align: var(--default-container-align-items-mobile);
    -ms-flex-align: var(--default-container-align-items-mobile);
    align-items: var(--default-container-align-items-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-banner-page-container-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-banner-page .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-tablet);
    flex-direction: var(--default-container-flex-direction-tablet);
    gap: var(--default-container-gap-tablet);
    -webkit-box-align: var(--default-container-align-items-tablet);
    -ms-flex-align: var(--default-container-align-items-tablet);
    align-items: var(--default-container-align-items-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-banner-page-container-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-banner-page .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-desktop);
    flex-direction: var(--default-container-flex-direction-desktop);
    gap: var(--default-container-gap-desktop);
    -webkit-box-align: var(--default-container-align-items-desktop);
    -ms-flex-align: var(--default-container-align-items-desktop);
    align-items: var(--default-container-align-items-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-banner-page-container-padding-desktop);
  }
}

@media (min-width: 0px) {
  .type-presentation-producteur {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-presentation-producteur-this-margin-mobile);
    margin-top: var(--type-presentation-producteur-this-margin-top-mobile);
  }
}
@media (min-width: 481px) {
  .type-presentation-producteur {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-presentation-producteur-this-margin-tablet);
    margin-top: var(--type-presentation-producteur-this-margin-top-tablet);
  }
}
@media (min-width: 1024px) {
  .type-presentation-producteur {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-presentation-producteur-this-margin-desktop);
    margin-top: var(--type-presentation-producteur-this-margin-top-desktop);
  }
}
@media (min-width: 0px) {
  .type-presentation-producteur .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-mobile);
    -webkit-box-pack: var(--default-wrapper-justify-content-mobile);
    -ms-flex-pack: var(--default-wrapper-justify-content-mobile);
    justify-content: var(--default-wrapper-justify-content-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-presentation-producteur-wrapper-flex-direction-mobile
    );
    flex-direction: var(
      --type-presentation-producteur-wrapper-flex-direction-mobile
    );
    -webkit-box-align: var(
      --type-presentation-producteur-wrapper-align-items-mobile
    );
    -ms-flex-align: var(
      --type-presentation-producteur-wrapper-align-items-mobile
    );
    align-items: var(--type-presentation-producteur-wrapper-align-items-mobile);
    -webkit-box-pack: var(
      --type-presentation-producteur-wrapper-justify-content-mobile
    );
    -ms-flex-pack: var(
      --type-presentation-producteur-wrapper-justify-content-mobile
    );
    justify-content: var(
      --type-presentation-producteur-wrapper-justify-content-mobile
    );
    gap: var(--type-presentation-producteur-wrapper-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-presentation-producteur .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-tablet);
    -webkit-box-pack: var(--default-wrapper-justify-content-tablet);
    -ms-flex-pack: var(--default-wrapper-justify-content-tablet);
    justify-content: var(--default-wrapper-justify-content-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-presentation-producteur-wrapper-flex-direction-tablet
    );
    flex-direction: var(
      --type-presentation-producteur-wrapper-flex-direction-tablet
    );
    -webkit-box-align: var(
      --type-presentation-producteur-wrapper-align-items-tablet
    );
    -ms-flex-align: var(
      --type-presentation-producteur-wrapper-align-items-tablet
    );
    align-items: var(--type-presentation-producteur-wrapper-align-items-tablet);
    -webkit-box-pack: var(
      --type-presentation-producteur-wrapper-justify-content-tablet
    );
    -ms-flex-pack: var(
      --type-presentation-producteur-wrapper-justify-content-tablet
    );
    justify-content: var(
      --type-presentation-producteur-wrapper-justify-content-tablet
    );
    gap: var(--type-presentation-producteur-wrapper-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-presentation-producteur .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-desktop);
    -webkit-box-pack: var(--default-wrapper-justify-content-desktop);
    -ms-flex-pack: var(--default-wrapper-justify-content-desktop);
    justify-content: var(--default-wrapper-justify-content-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-presentation-producteur-wrapper-flex-direction-desktop
    );
    flex-direction: var(
      --type-presentation-producteur-wrapper-flex-direction-desktop
    );
    -webkit-box-align: var(
      --type-presentation-producteur-wrapper-align-items-desktop
    );
    -ms-flex-align: var(
      --type-presentation-producteur-wrapper-align-items-desktop
    );
    align-items: var(
      --type-presentation-producteur-wrapper-align-items-desktop
    );
    -webkit-box-pack: var(
      --type-presentation-producteur-wrapper-justify-content-desktop
    );
    -ms-flex-pack: var(
      --type-presentation-producteur-wrapper-justify-content-desktop
    );
    justify-content: var(
      --type-presentation-producteur-wrapper-justify-content-desktop
    );
    gap: var(--type-presentation-producteur-wrapper-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-presentation-producteur .left {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    min-width: var(--type-presentation-producteur-left-min-width-mobile);
    height: var(--type-presentation-producteur-left-height-mobile);
    border-radius: var(
      --type-presentation-producteur-left-border-radius-mobile
    );
  }
}
@media (min-width: 481px) {
  .type-presentation-producteur .left {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    min-width: var(--type-presentation-producteur-left-min-width-tablet);
    height: var(--type-presentation-producteur-left-height-tablet);
    border-radius: var(
      --type-presentation-producteur-left-border-radius-tablet
    );
  }
}
@media (min-width: 1024px) {
  .type-presentation-producteur .left {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    min-width: var(--type-presentation-producteur-left-min-width-desktop);
    height: var(--type-presentation-producteur-left-height-desktop);
    border-radius: var(
      --type-presentation-producteur-left-border-radius-desktop
    );
  }
}

@media (min-width: 0px) {
  .type-points-de-vente {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-points-de-vente-this-padding-mobile);
    margin: var(--type-points-de-vente-this-margin-mobile);
    -ms-flex-direction: var(--type-points-de-vente-this-flex-direction-mobile);
    flex-direction: var(--type-points-de-vente-this-flex-direction-mobile);
    -webkit-box-align: var(--type-points-de-vente-this-align-items-mobile);
    -ms-flex-align: var(--type-points-de-vente-this-align-items-mobile);
    align-items: var(--type-points-de-vente-this-align-items-mobile);
  }
}
@media (min-width: 481px) {
  .type-points-de-vente {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-points-de-vente-this-padding-tablet);
    margin: var(--type-points-de-vente-this-margin-tablet);
    -ms-flex-direction: var(--type-points-de-vente-this-flex-direction-tablet);
    flex-direction: var(--type-points-de-vente-this-flex-direction-tablet);
    -webkit-box-align: var(--type-points-de-vente-this-align-items-tablet);
    -ms-flex-align: var(--type-points-de-vente-this-align-items-tablet);
    align-items: var(--type-points-de-vente-this-align-items-tablet);
  }
}
@media (min-width: 1024px) {
  .type-points-de-vente {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-points-de-vente-this-padding-desktop);
    margin: var(--type-points-de-vente-this-margin-desktop);
    -ms-flex-direction: var(--type-points-de-vente-this-flex-direction-desktop);
    flex-direction: var(--type-points-de-vente-this-flex-direction-desktop);
    -webkit-box-align: var(--type-points-de-vente-this-align-items-desktop);
    -ms-flex-align: var(--type-points-de-vente-this-align-items-desktop);
    align-items: var(--type-points-de-vente-this-align-items-desktop);
  }
}

@media (min-width: 0px) {
  .type-coordonnees-producteur {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-coordonnees-producteur-this-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-coordonnees-producteur {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-coordonnees-producteur-this-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-coordonnees-producteur {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-coordonnees-producteur-this-margin-desktop);
  }
}
@media (min-width: 0px) {
  .type-coordonnees-producteur .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-mobile);
    -webkit-box-pack: var(--default-wrapper-justify-content-mobile);
    -ms-flex-pack: var(--default-wrapper-justify-content-mobile);
    justify-content: var(--default-wrapper-justify-content-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-coordonnees-producteur-wrapper-flex-direction-mobile
    );
    flex-direction: var(
      --type-coordonnees-producteur-wrapper-flex-direction-mobile
    );
    -webkit-box-align: var(
      --type-coordonnees-producteur-wrapper-align-items-mobile
    );
    -ms-flex-align: var(
      --type-coordonnees-producteur-wrapper-align-items-mobile
    );
    align-items: var(--type-coordonnees-producteur-wrapper-align-items-mobile);
    -webkit-box-pack: var(
      --type-coordonnees-producteur-wrapper-justify-content-mobile
    );
    -ms-flex-pack: var(
      --type-coordonnees-producteur-wrapper-justify-content-mobile
    );
    justify-content: var(
      --type-coordonnees-producteur-wrapper-justify-content-mobile
    );
    gap: var(--type-coordonnees-producteur-wrapper-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-coordonnees-producteur .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-tablet);
    -webkit-box-pack: var(--default-wrapper-justify-content-tablet);
    -ms-flex-pack: var(--default-wrapper-justify-content-tablet);
    justify-content: var(--default-wrapper-justify-content-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-coordonnees-producteur-wrapper-flex-direction-tablet
    );
    flex-direction: var(
      --type-coordonnees-producteur-wrapper-flex-direction-tablet
    );
    -webkit-box-align: var(
      --type-coordonnees-producteur-wrapper-align-items-tablet
    );
    -ms-flex-align: var(
      --type-coordonnees-producteur-wrapper-align-items-tablet
    );
    align-items: var(--type-coordonnees-producteur-wrapper-align-items-tablet);
    -webkit-box-pack: var(
      --type-coordonnees-producteur-wrapper-justify-content-tablet
    );
    -ms-flex-pack: var(
      --type-coordonnees-producteur-wrapper-justify-content-tablet
    );
    justify-content: var(
      --type-coordonnees-producteur-wrapper-justify-content-tablet
    );
    gap: var(--type-coordonnees-producteur-wrapper-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-coordonnees-producteur .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-desktop);
    -webkit-box-pack: var(--default-wrapper-justify-content-desktop);
    -ms-flex-pack: var(--default-wrapper-justify-content-desktop);
    justify-content: var(--default-wrapper-justify-content-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-coordonnees-producteur-wrapper-flex-direction-desktop
    );
    flex-direction: var(
      --type-coordonnees-producteur-wrapper-flex-direction-desktop
    );
    -webkit-box-align: var(
      --type-coordonnees-producteur-wrapper-align-items-desktop
    );
    -ms-flex-align: var(
      --type-coordonnees-producteur-wrapper-align-items-desktop
    );
    align-items: var(--type-coordonnees-producteur-wrapper-align-items-desktop);
    -webkit-box-pack: var(
      --type-coordonnees-producteur-wrapper-justify-content-desktop
    );
    -ms-flex-pack: var(
      --type-coordonnees-producteur-wrapper-justify-content-desktop
    );
    justify-content: var(
      --type-coordonnees-producteur-wrapper-justify-content-desktop
    );
    gap: var(--type-coordonnees-producteur-wrapper-gap-desktop);
  }
}

@media (min-width: 0px) {
  .type-produits-commercialises {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-produits-commercialises-this-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-produits-commercialises {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-produits-commercialises-this-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-produits-commercialises {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-produits-commercialises-this-margin-desktop);
  }
}

@media (min-width: 0px) {
  .type-banner-post {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-banner-post-this-height-mobile);
    position: var(--type-banner-post-this-position-mobile);
    padding: var(--type-banner-post-this-padding-mobile);
    margin-top: var(--type-banner-post-this-margin-top-mobile);
    -webkit-box-align: var(--type-banner-post-this-align-items-mobile);
    -ms-flex-align: var(--type-banner-post-this-align-items-mobile);
    align-items: var(--type-banner-post-this-align-items-mobile);
    -webkit-box-pack: var(--type-banner-post-this-justify-content-mobile);
    -ms-flex-pack: var(--type-banner-post-this-justify-content-mobile);
    justify-content: var(--type-banner-post-this-justify-content-mobile);
  }
}
@media (min-width: 481px) {
  .type-banner-post {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-banner-post-this-height-tablet);
    position: var(--type-banner-post-this-position-tablet);
    padding: var(--type-banner-post-this-padding-tablet);
    margin-top: var(--type-banner-post-this-margin-top-tablet);
    -webkit-box-align: var(--type-banner-post-this-align-items-tablet);
    -ms-flex-align: var(--type-banner-post-this-align-items-tablet);
    align-items: var(--type-banner-post-this-align-items-tablet);
    -webkit-box-pack: var(--type-banner-post-this-justify-content-tablet);
    -ms-flex-pack: var(--type-banner-post-this-justify-content-tablet);
    justify-content: var(--type-banner-post-this-justify-content-tablet);
  }
}
@media (min-width: 1024px) {
  .type-banner-post {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-banner-post-this-height-desktop);
    position: var(--type-banner-post-this-position-desktop);
    padding: var(--type-banner-post-this-padding-desktop);
    margin-top: var(--type-banner-post-this-margin-top-desktop);
    -webkit-box-align: var(--type-banner-post-this-align-items-desktop);
    -ms-flex-align: var(--type-banner-post-this-align-items-desktop);
    align-items: var(--type-banner-post-this-align-items-desktop);
    -webkit-box-pack: var(--type-banner-post-this-justify-content-desktop);
    -ms-flex-pack: var(--type-banner-post-this-justify-content-desktop);
    justify-content: var(--type-banner-post-this-justify-content-desktop);
  }
}
@media (min-width: 0px) {
  .type-banner-post .text-block {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-banner-post-text-block-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-banner-post-text-block-flex-direction-mobile
    );
    flex-direction: var(--type-banner-post-text-block-flex-direction-mobile);
    -webkit-box-align: var(--type-banner-post-text-block-align-items-mobile);
    -ms-flex-align: var(--type-banner-post-text-block-align-items-mobile);
    align-items: var(--type-banner-post-text-block-align-items-mobile);
    gap: var(--type-banner-post-text-block-gap-mobile);
    margin: var(--type-banner-post-text-block-margin-mobile);
    padding: var(--type-banner-post-text-block-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-banner-post .text-block {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-banner-post-text-block-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-banner-post-text-block-flex-direction-tablet
    );
    flex-direction: var(--type-banner-post-text-block-flex-direction-tablet);
    -webkit-box-align: var(--type-banner-post-text-block-align-items-tablet);
    -ms-flex-align: var(--type-banner-post-text-block-align-items-tablet);
    align-items: var(--type-banner-post-text-block-align-items-tablet);
    gap: var(--type-banner-post-text-block-gap-tablet);
    margin: var(--type-banner-post-text-block-margin-tablet);
    padding: var(--type-banner-post-text-block-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-banner-post .text-block {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-banner-post-text-block-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-banner-post-text-block-flex-direction-desktop
    );
    flex-direction: var(--type-banner-post-text-block-flex-direction-desktop);
    -webkit-box-align: var(--type-banner-post-text-block-align-items-desktop);
    -ms-flex-align: var(--type-banner-post-text-block-align-items-desktop);
    align-items: var(--type-banner-post-text-block-align-items-desktop);
    gap: var(--type-banner-post-text-block-gap-desktop);
    margin: var(--type-banner-post-text-block-margin-desktop);
    padding: var(--type-banner-post-text-block-padding-desktop);
  }
}

@media (min-width: 0px) {
  .type-sidebar {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    flex-direction: var(--type-sidebar-this-flex-direction-mobile);
    padding: var(--type-sidebar-this-padding-mobile);
    margin: var(--type-sidebar-this-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-sidebar {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    flex-direction: var(--type-sidebar-this-flex-direction-tablet);
    padding: var(--type-sidebar-this-padding-tablet);
    margin: var(--type-sidebar-this-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-sidebar {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    flex-direction: var(--type-sidebar-this-flex-direction-desktop);
    padding: var(--type-sidebar-this-padding-desktop);
    margin: var(--type-sidebar-this-margin-desktop);
  }
}
@media (min-width: 0px) {
  .type-sidebar .main {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-sidebar-main-width-mobile);
    margin: var(--type-sidebar-main-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-sidebar .main {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-sidebar-main-width-tablet);
    margin: var(--type-sidebar-main-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-sidebar .main {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-sidebar-main-width-desktop);
    margin: var(--type-sidebar-main-margin-desktop);
  }
}
@media (min-width: 0px) {
  .type-sidebar .sidebar {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-sidebar-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-sidebar-flex-direction-mobile);
    flex-direction: var(--default-sidebar-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-sidebar-sidebar-position-mobile);
    top: var(--type-sidebar-sidebar-top-mobile);
    min-width: var(--type-sidebar-sidebar-min-width-mobile);
    width: var(--type-sidebar-sidebar-width-mobile);
    height: var(--type-sidebar-sidebar-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-sidebar .sidebar {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-sidebar-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-sidebar-flex-direction-tablet);
    flex-direction: var(--default-sidebar-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-sidebar-sidebar-position-tablet);
    top: var(--type-sidebar-sidebar-top-tablet);
    min-width: var(--type-sidebar-sidebar-min-width-tablet);
    width: var(--type-sidebar-sidebar-width-tablet);
    height: var(--type-sidebar-sidebar-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-sidebar .sidebar {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-sidebar-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-sidebar-flex-direction-desktop);
    flex-direction: var(--default-sidebar-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-sidebar-sidebar-position-desktop);
    top: var(--type-sidebar-sidebar-top-desktop);
    min-width: var(--type-sidebar-sidebar-min-width-desktop);
    width: var(--type-sidebar-sidebar-width-desktop);
    height: var(--type-sidebar-sidebar-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-sidebar .primary {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    min-width: var(--type-sidebar-primary-min-width-mobile);
    width: var(--type-sidebar-primary-width-mobile);
    padding: var(--type-sidebar-primary-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-sidebar .primary {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    min-width: var(--type-sidebar-primary-min-width-tablet);
    width: var(--type-sidebar-primary-width-tablet);
    padding: var(--type-sidebar-primary-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-sidebar .primary {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    min-width: var(--type-sidebar-primary-min-width-desktop);
    width: var(--type-sidebar-primary-width-desktop);
    padding: var(--type-sidebar-primary-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-sidebar .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-mobile);
    -webkit-box-pack: var(--default-wrapper-justify-content-mobile);
    -ms-flex-pack: var(--default-wrapper-justify-content-mobile);
    justify-content: var(--default-wrapper-justify-content-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-sidebar-wrapper-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-sidebar .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-tablet);
    -webkit-box-pack: var(--default-wrapper-justify-content-tablet);
    -ms-flex-pack: var(--default-wrapper-justify-content-tablet);
    justify-content: var(--default-wrapper-justify-content-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-sidebar-wrapper-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-sidebar .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-desktop);
    -webkit-box-pack: var(--default-wrapper-justify-content-desktop);
    -ms-flex-pack: var(--default-wrapper-justify-content-desktop);
    justify-content: var(--default-wrapper-justify-content-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-sidebar-wrapper-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-sidebar .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-mobile);
    flex-direction: var(--default-container-flex-direction-mobile);
    gap: var(--default-container-gap-mobile);
    -webkit-box-align: var(--default-container-align-items-mobile);
    -ms-flex-align: var(--default-container-align-items-mobile);
    align-items: var(--default-container-align-items-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-sidebar-container-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-sidebar .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-tablet);
    flex-direction: var(--default-container-flex-direction-tablet);
    gap: var(--default-container-gap-tablet);
    -webkit-box-align: var(--default-container-align-items-tablet);
    -ms-flex-align: var(--default-container-align-items-tablet);
    align-items: var(--default-container-align-items-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-sidebar-container-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-sidebar .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-desktop);
    flex-direction: var(--default-container-flex-direction-desktop);
    gap: var(--default-container-gap-desktop);
    -webkit-box-align: var(--default-container-align-items-desktop);
    -ms-flex-align: var(--default-container-align-items-desktop);
    align-items: var(--default-container-align-items-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-sidebar-container-padding-desktop);
  }
}

@media (min-width: 0px) {
  .type-1 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-1-this-padding-mobile);
    margin: var(--type-1-this-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-1 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-1-this-padding-tablet);
    margin: var(--type-1-this-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-1 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-1-this-padding-desktop);
    margin: var(--type-1-this-margin-desktop);
  }
}
@media (min-width: 0px) {
  .type-1 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-mobile);
    -webkit-box-pack: var(--default-wrapper-justify-content-mobile);
    -ms-flex-pack: var(--default-wrapper-justify-content-mobile);
    justify-content: var(--default-wrapper-justify-content-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-1-wrapper-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-1 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-tablet);
    -webkit-box-pack: var(--default-wrapper-justify-content-tablet);
    -ms-flex-pack: var(--default-wrapper-justify-content-tablet);
    justify-content: var(--default-wrapper-justify-content-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-1-wrapper-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-1 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-desktop);
    -webkit-box-pack: var(--default-wrapper-justify-content-desktop);
    -ms-flex-pack: var(--default-wrapper-justify-content-desktop);
    justify-content: var(--default-wrapper-justify-content-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-1-wrapper-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-1 .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-mobile);
    flex-direction: var(--default-container-flex-direction-mobile);
    gap: var(--default-container-gap-mobile);
    -webkit-box-align: var(--default-container-align-items-mobile);
    -ms-flex-align: var(--default-container-align-items-mobile);
    align-items: var(--default-container-align-items-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-1-container-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-1 .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-tablet);
    flex-direction: var(--default-container-flex-direction-tablet);
    gap: var(--default-container-gap-tablet);
    -webkit-box-align: var(--default-container-align-items-tablet);
    -ms-flex-align: var(--default-container-align-items-tablet);
    align-items: var(--default-container-align-items-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-1-container-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-1 .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-desktop);
    flex-direction: var(--default-container-flex-direction-desktop);
    gap: var(--default-container-gap-desktop);
    -webkit-box-align: var(--default-container-align-items-desktop);
    -ms-flex-align: var(--default-container-align-items-desktop);
    align-items: var(--default-container-align-items-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-1-container-padding-desktop);
  }
}

@media (min-width: 0px) {
  .type-search-form {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-pack: var(--type-search-form-this-justify-content-mobile);
    -ms-flex-pack: var(--type-search-form-this-justify-content-mobile);
    justify-content: var(--type-search-form-this-justify-content-mobile);
    -ms-flex-direction: var(--type-search-form-this-flex-direction-mobile);
    flex-direction: var(--type-search-form-this-flex-direction-mobile);
  }
}
@media (min-width: 481px) {
  .type-search-form {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-pack: var(--type-search-form-this-justify-content-tablet);
    -ms-flex-pack: var(--type-search-form-this-justify-content-tablet);
    justify-content: var(--type-search-form-this-justify-content-tablet);
    -ms-flex-direction: var(--type-search-form-this-flex-direction-tablet);
    flex-direction: var(--type-search-form-this-flex-direction-tablet);
  }
}
@media (min-width: 1024px) {
  .type-search-form {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-pack: var(--type-search-form-this-justify-content-desktop);
    -ms-flex-pack: var(--type-search-form-this-justify-content-desktop);
    justify-content: var(--type-search-form-this-justify-content-desktop);
    -ms-flex-direction: var(--type-search-form-this-flex-direction-desktop);
    flex-direction: var(--type-search-form-this-flex-direction-desktop);
  }
}
@media (min-width: 0px) {
  .type-search-form .search-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-search-form-search-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-search-form-search-container-flex-direction-mobile
    );
    flex-direction: var(
      --type-search-form-search-container-flex-direction-mobile
    );
    -webkit-box-pack: var(
      --type-search-form-search-container-justify-content-mobile
    );
    -ms-flex-pack: var(
      --type-search-form-search-container-justify-content-mobile
    );
    justify-content: var(
      --type-search-form-search-container-justify-content-mobile
    );
    width: var(--type-search-form-search-container-width-mobile);
    margin: var(--type-search-form-search-container-margin-mobile);
    padding: var(--type-search-form-search-container-padding-mobile);
    -webkit-box-align: var(
      --type-search-form-search-container-align-items-mobile
    );
    -ms-flex-align: var(--type-search-form-search-container-align-items-mobile);
    align-items: var(--type-search-form-search-container-align-items-mobile);
  }
}
@media (min-width: 481px) {
  .type-search-form .search-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-search-form-search-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-search-form-search-container-flex-direction-tablet
    );
    flex-direction: var(
      --type-search-form-search-container-flex-direction-tablet
    );
    -webkit-box-pack: var(
      --type-search-form-search-container-justify-content-tablet
    );
    -ms-flex-pack: var(
      --type-search-form-search-container-justify-content-tablet
    );
    justify-content: var(
      --type-search-form-search-container-justify-content-tablet
    );
    width: var(--type-search-form-search-container-width-tablet);
    margin: var(--type-search-form-search-container-margin-tablet);
    padding: var(--type-search-form-search-container-padding-tablet);
    -webkit-box-align: var(
      --type-search-form-search-container-align-items-tablet
    );
    -ms-flex-align: var(--type-search-form-search-container-align-items-tablet);
    align-items: var(--type-search-form-search-container-align-items-tablet);
  }
}
@media (min-width: 1024px) {
  .type-search-form .search-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-search-form-search-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-search-form-search-container-flex-direction-desktop
    );
    flex-direction: var(
      --type-search-form-search-container-flex-direction-desktop
    );
    -webkit-box-pack: var(
      --type-search-form-search-container-justify-content-desktop
    );
    -ms-flex-pack: var(
      --type-search-form-search-container-justify-content-desktop
    );
    justify-content: var(
      --type-search-form-search-container-justify-content-desktop
    );
    width: var(--type-search-form-search-container-width-desktop);
    margin: var(--type-search-form-search-container-margin-desktop);
    padding: var(--type-search-form-search-container-padding-desktop);
    -webkit-box-align: var(
      --type-search-form-search-container-align-items-desktop
    );
    -ms-flex-align: var(
      --type-search-form-search-container-align-items-desktop
    );
    align-items: var(--type-search-form-search-container-align-items-desktop);
  }
}
@media (min-width: 0px) {
  .type-search-form .product-input-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-search-form-product-input-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-search-form-product-input-container-flex-direction-mobile
    );
    flex-direction: var(
      --type-search-form-product-input-container-flex-direction-mobile
    );
    height: var(--type-search-form-product-input-container-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-search-form .product-input-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-search-form-product-input-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-search-form-product-input-container-flex-direction-tablet
    );
    flex-direction: var(
      --type-search-form-product-input-container-flex-direction-tablet
    );
    height: var(--type-search-form-product-input-container-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-search-form .product-input-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-search-form-product-input-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-search-form-product-input-container-flex-direction-desktop
    );
    flex-direction: var(
      --type-search-form-product-input-container-flex-direction-desktop
    );
    height: var(--type-search-form-product-input-container-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-search-form .ul {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-bottom: var(--type-search-form-ul-margin-bottom-mobile);
    padding-bottom: var(--type-search-form-ul-padding-bottom-mobile);
    width: var(--type-search-form-ul-width-mobile);
  }
}
@media (min-width: 481px) {
  .type-search-form .ul {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-bottom: var(--type-search-form-ul-margin-bottom-tablet);
    padding-bottom: var(--type-search-form-ul-padding-bottom-tablet);
    width: var(--type-search-form-ul-width-tablet);
  }
}
@media (min-width: 1024px) {
  .type-search-form .ul {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-bottom: var(--type-search-form-ul-margin-bottom-desktop);
    padding-bottom: var(--type-search-form-ul-padding-bottom-desktop);
    width: var(--type-search-form-ul-width-desktop);
  }
}
@media (min-width: 0px) {
  .type-search-form .item {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-search-form-item-flex-direction-mobile);
    flex-direction: var(--type-search-form-item-flex-direction-mobile);
    height: var(--type-search-form-item-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-search-form .item {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-search-form-item-flex-direction-tablet);
    flex-direction: var(--type-search-form-item-flex-direction-tablet);
    height: var(--type-search-form-item-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-search-form .item {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-search-form-item-flex-direction-desktop);
    flex-direction: var(--type-search-form-item-flex-direction-desktop);
    height: var(--type-search-form-item-height-desktop);
  }
}

@media (min-width: 0px) {
  .type-2 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-2-this-padding-mobile);
    margin: var(--type-2-this-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-2 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-2-this-padding-tablet);
    margin: var(--type-2-this-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-2 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-2-this-padding-desktop);
    margin: var(--type-2-this-margin-desktop);
  }
}
@media (min-width: 0px) {
  .type-2 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-mobile);
    -webkit-box-pack: var(--default-wrapper-justify-content-mobile);
    -ms-flex-pack: var(--default-wrapper-justify-content-mobile);
    justify-content: var(--default-wrapper-justify-content-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-2-wrapper-padding-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-2-wrapper-flex-direction-mobile);
    flex-direction: var(--type-2-wrapper-flex-direction-mobile);
  }
}
@media (min-width: 481px) {
  .type-2 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-tablet);
    -webkit-box-pack: var(--default-wrapper-justify-content-tablet);
    -ms-flex-pack: var(--default-wrapper-justify-content-tablet);
    justify-content: var(--default-wrapper-justify-content-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-2-wrapper-padding-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-2-wrapper-flex-direction-tablet);
    flex-direction: var(--type-2-wrapper-flex-direction-tablet);
  }
}
@media (min-width: 1024px) {
  .type-2 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-desktop);
    -webkit-box-pack: var(--default-wrapper-justify-content-desktop);
    -ms-flex-pack: var(--default-wrapper-justify-content-desktop);
    justify-content: var(--default-wrapper-justify-content-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-2-wrapper-padding-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-2-wrapper-flex-direction-desktop);
    flex-direction: var(--type-2-wrapper-flex-direction-desktop);
  }
}
@media (min-width: 0px) {
  .type-2 .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-mobile);
    flex-direction: var(--default-container-flex-direction-mobile);
    gap: var(--default-container-gap-mobile);
    -webkit-box-align: var(--default-container-align-items-mobile);
    -ms-flex-align: var(--default-container-align-items-mobile);
    align-items: var(--default-container-align-items-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-2-container-padding-mobile);
    width: var(--type-2-container-width-mobile);
  }
}
@media (min-width: 481px) {
  .type-2 .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-tablet);
    flex-direction: var(--default-container-flex-direction-tablet);
    gap: var(--default-container-gap-tablet);
    -webkit-box-align: var(--default-container-align-items-tablet);
    -ms-flex-align: var(--default-container-align-items-tablet);
    align-items: var(--default-container-align-items-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-2-container-padding-tablet);
    width: var(--type-2-container-width-tablet);
  }
}
@media (min-width: 1024px) {
  .type-2 .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-desktop);
    flex-direction: var(--default-container-flex-direction-desktop);
    gap: var(--default-container-gap-desktop);
    -webkit-box-align: var(--default-container-align-items-desktop);
    -ms-flex-align: var(--default-container-align-items-desktop);
    align-items: var(--default-container-align-items-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-2-container-padding-desktop);
    width: var(--type-2-container-width-desktop);
  }
}
@media (min-width: 0px) {
  .type-2 .right {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-2-right-padding-mobile);
    width: var(--type-2-right-width-mobile);
  }
}
@media (min-width: 481px) {
  .type-2 .right {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-2-right-padding-tablet);
    width: var(--type-2-right-width-tablet);
  }
}
@media (min-width: 1024px) {
  .type-2 .right {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-2-right-padding-desktop);
    width: var(--type-2-right-width-desktop);
  }
}

@media (min-width: 0px) {
  .type-3 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-3-this-padding-mobile);
    margin: var(--type-3-this-margin-mobile);
    -ms-flex-direction: var(--type-3-this-flex-direction-mobile);
    flex-direction: var(--type-3-this-flex-direction-mobile);
    -webkit-box-pack: var(--type-3-this-justify-content-mobile);
    -ms-flex-pack: var(--type-3-this-justify-content-mobile);
    justify-content: var(--type-3-this-justify-content-mobile);
    gap: var(--type-3-this-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-3 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-3-this-padding-tablet);
    margin: var(--type-3-this-margin-tablet);
    -ms-flex-direction: var(--type-3-this-flex-direction-tablet);
    flex-direction: var(--type-3-this-flex-direction-tablet);
    -webkit-box-pack: var(--type-3-this-justify-content-tablet);
    -ms-flex-pack: var(--type-3-this-justify-content-tablet);
    justify-content: var(--type-3-this-justify-content-tablet);
    gap: var(--type-3-this-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-3 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-3-this-padding-desktop);
    margin: var(--type-3-this-margin-desktop);
    -ms-flex-direction: var(--type-3-this-flex-direction-desktop);
    flex-direction: var(--type-3-this-flex-direction-desktop);
    -webkit-box-pack: var(--type-3-this-justify-content-desktop);
    -ms-flex-pack: var(--type-3-this-justify-content-desktop);
    justify-content: var(--type-3-this-justify-content-desktop);
    gap: var(--type-3-this-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-3 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-mobile);
    -webkit-box-pack: var(--default-wrapper-justify-content-mobile);
    -ms-flex-pack: var(--default-wrapper-justify-content-mobile);
    justify-content: var(--default-wrapper-justify-content-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-3-wrapper-position-mobile);
    padding: var(--type-3-wrapper-padding-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-3-wrapper-flex-direction-mobile);
    flex-direction: var(--type-3-wrapper-flex-direction-mobile);
    width: var(--type-3-wrapper-width-mobile);
    height: var(--type-3-wrapper-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-3 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-tablet);
    -webkit-box-pack: var(--default-wrapper-justify-content-tablet);
    -ms-flex-pack: var(--default-wrapper-justify-content-tablet);
    justify-content: var(--default-wrapper-justify-content-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-3-wrapper-position-tablet);
    padding: var(--type-3-wrapper-padding-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-3-wrapper-flex-direction-tablet);
    flex-direction: var(--type-3-wrapper-flex-direction-tablet);
    width: var(--type-3-wrapper-width-tablet);
    height: var(--type-3-wrapper-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-3 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-desktop);
    -webkit-box-pack: var(--default-wrapper-justify-content-desktop);
    -ms-flex-pack: var(--default-wrapper-justify-content-desktop);
    justify-content: var(--default-wrapper-justify-content-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-3-wrapper-position-desktop);
    padding: var(--type-3-wrapper-padding-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-3-wrapper-flex-direction-desktop);
    flex-direction: var(--type-3-wrapper-flex-direction-desktop);
    width: var(--type-3-wrapper-width-desktop);
    height: var(--type-3-wrapper-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-3 .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-mobile);
    flex-direction: var(--default-container-flex-direction-mobile);
    gap: var(--default-container-gap-mobile);
    -webkit-box-align: var(--default-container-align-items-mobile);
    -ms-flex-align: var(--default-container-align-items-mobile);
    align-items: var(--default-container-align-items-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-3-container-width-mobile);
    gap: var(--type-3-container-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-3 .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-tablet);
    flex-direction: var(--default-container-flex-direction-tablet);
    gap: var(--default-container-gap-tablet);
    -webkit-box-align: var(--default-container-align-items-tablet);
    -ms-flex-align: var(--default-container-align-items-tablet);
    align-items: var(--default-container-align-items-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-3-container-width-tablet);
    gap: var(--type-3-container-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-3 .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-desktop);
    flex-direction: var(--default-container-flex-direction-desktop);
    gap: var(--default-container-gap-desktop);
    -webkit-box-align: var(--default-container-align-items-desktop);
    -ms-flex-align: var(--default-container-align-items-desktop);
    align-items: var(--default-container-align-items-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-3-container-width-desktop);
    gap: var(--type-3-container-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-3 .right {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-3-right-padding-mobile);
    width: var(--type-3-right-width-mobile);
  }
}
@media (min-width: 481px) {
  .type-3 .right {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-3-right-padding-tablet);
    width: var(--type-3-right-width-tablet);
  }
}
@media (min-width: 1024px) {
  .type-3 .right {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-3-right-padding-desktop);
    width: var(--type-3-right-width-desktop);
  }
}

@media (min-width: 0px) {
  .type-4 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-4-this-margin-mobile);
    -ms-flex-direction: var(--type-4-this-flex-direction-mobile);
    flex-direction: var(--type-4-this-flex-direction-mobile);
    -webkit-box-pack: var(--type-4-this-justify-content-mobile);
    -ms-flex-pack: var(--type-4-this-justify-content-mobile);
    justify-content: var(--type-4-this-justify-content-mobile);
    gap: var(--type-4-this-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-4 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-4-this-margin-tablet);
    -ms-flex-direction: var(--type-4-this-flex-direction-tablet);
    flex-direction: var(--type-4-this-flex-direction-tablet);
    -webkit-box-pack: var(--type-4-this-justify-content-tablet);
    -ms-flex-pack: var(--type-4-this-justify-content-tablet);
    justify-content: var(--type-4-this-justify-content-tablet);
    gap: var(--type-4-this-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-4 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-4-this-margin-desktop);
    -ms-flex-direction: var(--type-4-this-flex-direction-desktop);
    flex-direction: var(--type-4-this-flex-direction-desktop);
    -webkit-box-pack: var(--type-4-this-justify-content-desktop);
    -ms-flex-pack: var(--type-4-this-justify-content-desktop);
    justify-content: var(--type-4-this-justify-content-desktop);
    gap: var(--type-4-this-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-4 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-mobile);
    -webkit-box-pack: var(--default-wrapper-justify-content-mobile);
    -ms-flex-pack: var(--default-wrapper-justify-content-mobile);
    justify-content: var(--default-wrapper-justify-content-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-4-wrapper-flex-direction-mobile);
    flex-direction: var(--type-4-wrapper-flex-direction-mobile);
    width: var(--type-4-wrapper-width-mobile);
    margin: var(--type-4-wrapper-margin-mobile);
    gap: var(--type-4-wrapper-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-4 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-tablet);
    -webkit-box-pack: var(--default-wrapper-justify-content-tablet);
    -ms-flex-pack: var(--default-wrapper-justify-content-tablet);
    justify-content: var(--default-wrapper-justify-content-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-4-wrapper-flex-direction-tablet);
    flex-direction: var(--type-4-wrapper-flex-direction-tablet);
    width: var(--type-4-wrapper-width-tablet);
    margin: var(--type-4-wrapper-margin-tablet);
    gap: var(--type-4-wrapper-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-4 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-desktop);
    -webkit-box-pack: var(--default-wrapper-justify-content-desktop);
    -ms-flex-pack: var(--default-wrapper-justify-content-desktop);
    justify-content: var(--default-wrapper-justify-content-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-4-wrapper-flex-direction-desktop);
    flex-direction: var(--type-4-wrapper-flex-direction-desktop);
    width: var(--type-4-wrapper-width-desktop);
    margin: var(--type-4-wrapper-margin-desktop);
    gap: var(--type-4-wrapper-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-4 .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-mobile);
    flex-direction: var(--default-container-flex-direction-mobile);
    gap: var(--default-container-gap-mobile);
    -webkit-box-align: var(--default-container-align-items-mobile);
    -ms-flex-align: var(--default-container-align-items-mobile);
    align-items: var(--default-container-align-items-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-4-container-width-mobile);
    padding: var(--type-4-container-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-4 .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-tablet);
    flex-direction: var(--default-container-flex-direction-tablet);
    gap: var(--default-container-gap-tablet);
    -webkit-box-align: var(--default-container-align-items-tablet);
    -ms-flex-align: var(--default-container-align-items-tablet);
    align-items: var(--default-container-align-items-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-4-container-width-tablet);
    padding: var(--type-4-container-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-4 .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-desktop);
    flex-direction: var(--default-container-flex-direction-desktop);
    gap: var(--default-container-gap-desktop);
    -webkit-box-align: var(--default-container-align-items-desktop);
    -ms-flex-align: var(--default-container-align-items-desktop);
    align-items: var(--default-container-align-items-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-4-container-width-desktop);
    padding: var(--type-4-container-padding-desktop);
  }
}

@media (min-width: 0px) {
  .type-5 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-5-this-padding-mobile);
    gap: var(--type-5-this-gap-mobile);
    margin: var(--type-5-this-margin-mobile);
    width: var(--type-5-this-width-mobile);
    margin-top: var(--type-5-this-margin-top-mobile);
    height: var(--type-5-this-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-5 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-5-this-padding-tablet);
    gap: var(--type-5-this-gap-tablet);
    margin: var(--type-5-this-margin-tablet);
    width: var(--type-5-this-width-tablet);
    margin-top: var(--type-5-this-margin-top-tablet);
    height: var(--type-5-this-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-5 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-5-this-padding-desktop);
    gap: var(--type-5-this-gap-desktop);
    margin: var(--type-5-this-margin-desktop);
    width: var(--type-5-this-width-desktop);
    margin-top: var(--type-5-this-margin-top-desktop);
    height: var(--type-5-this-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-5 .frm_rootline_group {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding-top: var(--type-5-frm_rootline_group-padding-top-mobile);
  }
}
@media (min-width: 481px) {
  .type-5 .frm_rootline_group {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding-top: var(--type-5-frm_rootline_group-padding-top-tablet);
  }
}
@media (min-width: 1024px) {
  .type-5 .frm_rootline_group {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding-top: var(--type-5-frm_rootline_group-padding-top-desktop);
  }
}

@media (min-width: 0px) {
  .type-6 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-6-this-padding-mobile);
    -ms-flex-direction: var(--type-6-this-flex-direction-mobile);
    flex-direction: var(--type-6-this-flex-direction-mobile);
    -webkit-box-pack: var(--type-6-this-justify-content-mobile);
    -ms-flex-pack: var(--type-6-this-justify-content-mobile);
    justify-content: var(--type-6-this-justify-content-mobile);
  }
}
@media (min-width: 481px) {
  .type-6 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-6-this-padding-tablet);
    -ms-flex-direction: var(--type-6-this-flex-direction-tablet);
    flex-direction: var(--type-6-this-flex-direction-tablet);
    -webkit-box-pack: var(--type-6-this-justify-content-tablet);
    -ms-flex-pack: var(--type-6-this-justify-content-tablet);
    justify-content: var(--type-6-this-justify-content-tablet);
  }
}
@media (min-width: 1024px) {
  .type-6 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-6-this-padding-desktop);
    -ms-flex-direction: var(--type-6-this-flex-direction-desktop);
    flex-direction: var(--type-6-this-flex-direction-desktop);
    -webkit-box-pack: var(--type-6-this-justify-content-desktop);
    -ms-flex-pack: var(--type-6-this-justify-content-desktop);
    justify-content: var(--type-6-this-justify-content-desktop);
  }
}
@media (min-width: 0px) {
  .type-6 .sidebar {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-sidebar-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-sidebar-flex-direction-mobile);
    flex-direction: var(--default-sidebar-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-6-sidebar-padding-mobile);
    gap: var(--type-6-sidebar-gap-mobile);
    margin: var(--type-6-sidebar-margin-mobile);
    -ms-flex-direction: var(--type-6-sidebar-flex-direction-mobile);
    flex-direction: var(--type-6-sidebar-flex-direction-mobile);
    width: var(--type-6-sidebar-width-mobile);
    height: var(--type-6-sidebar-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-6 .sidebar {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-sidebar-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-sidebar-flex-direction-tablet);
    flex-direction: var(--default-sidebar-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-6-sidebar-padding-tablet);
    gap: var(--type-6-sidebar-gap-tablet);
    margin: var(--type-6-sidebar-margin-tablet);
    -ms-flex-direction: var(--type-6-sidebar-flex-direction-tablet);
    flex-direction: var(--type-6-sidebar-flex-direction-tablet);
    width: var(--type-6-sidebar-width-tablet);
    height: var(--type-6-sidebar-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-6 .sidebar {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-sidebar-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-sidebar-flex-direction-desktop);
    flex-direction: var(--default-sidebar-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-6-sidebar-padding-desktop);
    gap: var(--type-6-sidebar-gap-desktop);
    margin: var(--type-6-sidebar-margin-desktop);
    -ms-flex-direction: var(--type-6-sidebar-flex-direction-desktop);
    flex-direction: var(--type-6-sidebar-flex-direction-desktop);
    width: var(--type-6-sidebar-width-desktop);
    height: var(--type-6-sidebar-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-6 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-mobile);
    -webkit-box-pack: var(--default-wrapper-justify-content-mobile);
    -ms-flex-pack: var(--default-wrapper-justify-content-mobile);
    justify-content: var(--default-wrapper-justify-content-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    gap: var(--type-6-wrapper-gap-mobile);
    height: var(--type-6-wrapper-height-mobile);
    margin: var(--type-6-wrapper-margin-mobile);
    width: var(--type-6-wrapper-width-mobile);
  }
}
@media (min-width: 481px) {
  .type-6 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-tablet);
    -webkit-box-pack: var(--default-wrapper-justify-content-tablet);
    -ms-flex-pack: var(--default-wrapper-justify-content-tablet);
    justify-content: var(--default-wrapper-justify-content-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    gap: var(--type-6-wrapper-gap-tablet);
    height: var(--type-6-wrapper-height-tablet);
    margin: var(--type-6-wrapper-margin-tablet);
    width: var(--type-6-wrapper-width-tablet);
  }
}
@media (min-width: 1024px) {
  .type-6 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-desktop);
    -webkit-box-pack: var(--default-wrapper-justify-content-desktop);
    -ms-flex-pack: var(--default-wrapper-justify-content-desktop);
    justify-content: var(--default-wrapper-justify-content-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    gap: var(--type-6-wrapper-gap-desktop);
    height: var(--type-6-wrapper-height-desktop);
    margin: var(--type-6-wrapper-margin-desktop);
    width: var(--type-6-wrapper-width-desktop);
  }
}
@media (min-width: 0px) {
  .type-6 .item {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-6-item-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-6 .item {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-6-item-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-6 .item {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-6-item-padding-desktop);
  }
}

@media (min-width: 0px) {
  .type-7 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-7-this-padding-mobile);
    display: var(--type-7-this-display-mobile);
    -ms-grid-columns: var(--type-7-this-grid-template-columns-mobile);
    grid-template-columns: var(--type-7-this-grid-template-columns-mobile);
    -webkit-column-gap: var(--type-7-this-column-gap-mobile);
    -moz-column-gap: var(--type-7-this-column-gap-mobile);
    column-gap: var(--type-7-this-column-gap-mobile);
    row-gap: var(--type-7-this-row-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-7 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-7-this-padding-tablet);
    display: var(--type-7-this-display-tablet);
    -ms-grid-columns: var(--type-7-this-grid-template-columns-tablet);
    grid-template-columns: var(--type-7-this-grid-template-columns-tablet);
    -webkit-column-gap: var(--type-7-this-column-gap-tablet);
    -moz-column-gap: var(--type-7-this-column-gap-tablet);
    column-gap: var(--type-7-this-column-gap-tablet);
    row-gap: var(--type-7-this-row-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-7 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-7-this-padding-desktop);
    display: var(--type-7-this-display-desktop);
    -ms-grid-columns: var(--type-7-this-grid-template-columns-desktop);
    grid-template-columns: var(--type-7-this-grid-template-columns-desktop);
    -webkit-column-gap: var(--type-7-this-column-gap-desktop);
    -moz-column-gap: var(--type-7-this-column-gap-desktop);
    column-gap: var(--type-7-this-column-gap-desktop);
    row-gap: var(--type-7-this-row-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-7 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-mobile);
    -webkit-box-pack: var(--default-wrapper-justify-content-mobile);
    -ms-flex-pack: var(--default-wrapper-justify-content-mobile);
    justify-content: var(--default-wrapper-justify-content-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-7-wrapper-flex-direction-mobile);
    flex-direction: var(--type-7-wrapper-flex-direction-mobile);
    -webkit-box-align: var(--type-7-wrapper-align-items-mobile);
    -ms-flex-align: var(--type-7-wrapper-align-items-mobile);
    align-items: var(--type-7-wrapper-align-items-mobile);
  }
}
@media (min-width: 481px) {
  .type-7 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-tablet);
    -webkit-box-pack: var(--default-wrapper-justify-content-tablet);
    -ms-flex-pack: var(--default-wrapper-justify-content-tablet);
    justify-content: var(--default-wrapper-justify-content-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-7-wrapper-flex-direction-tablet);
    flex-direction: var(--type-7-wrapper-flex-direction-tablet);
    -webkit-box-align: var(--type-7-wrapper-align-items-tablet);
    -ms-flex-align: var(--type-7-wrapper-align-items-tablet);
    align-items: var(--type-7-wrapper-align-items-tablet);
  }
}
@media (min-width: 1024px) {
  .type-7 .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-desktop);
    -webkit-box-pack: var(--default-wrapper-justify-content-desktop);
    -ms-flex-pack: var(--default-wrapper-justify-content-desktop);
    justify-content: var(--default-wrapper-justify-content-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-7-wrapper-flex-direction-desktop);
    flex-direction: var(--type-7-wrapper-flex-direction-desktop);
    -webkit-box-align: var(--type-7-wrapper-align-items-desktop);
    -ms-flex-align: var(--type-7-wrapper-align-items-desktop);
    align-items: var(--type-7-wrapper-align-items-desktop);
  }
}
@media (min-width: 0px) {
  .type-7 .img-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-7-img-wrapper-width-mobile);
    height: var(--type-7-img-wrapper-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-7 .img-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-7-img-wrapper-width-tablet);
    height: var(--type-7-img-wrapper-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-7 .img-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-7-img-wrapper-width-desktop);
    height: var(--type-7-img-wrapper-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-7 .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-mobile);
    flex-direction: var(--default-container-flex-direction-mobile);
    gap: var(--default-container-gap-mobile);
    -webkit-box-align: var(--default-container-align-items-mobile);
    -ms-flex-align: var(--default-container-align-items-mobile);
    align-items: var(--default-container-align-items-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-7-container-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-7 .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-tablet);
    flex-direction: var(--default-container-flex-direction-tablet);
    gap: var(--default-container-gap-tablet);
    -webkit-box-align: var(--default-container-align-items-tablet);
    -ms-flex-align: var(--default-container-align-items-tablet);
    align-items: var(--default-container-align-items-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-7-container-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-7 .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-desktop);
    flex-direction: var(--default-container-flex-direction-desktop);
    gap: var(--default-container-gap-desktop);
    -webkit-box-align: var(--default-container-align-items-desktop);
    -ms-flex-align: var(--default-container-align-items-desktop);
    align-items: var(--default-container-align-items-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-7-container-padding-desktop);
  }
}

@media (min-width: 0px) {
  .type-8 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-8-this-padding-mobile);
    -webkit-box-align: var(--type-8-this-align-items-mobile);
    -ms-flex-align: var(--type-8-this-align-items-mobile);
    align-items: var(--type-8-this-align-items-mobile);
  }
}
@media (min-width: 481px) {
  .type-8 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-8-this-padding-tablet);
    -webkit-box-align: var(--type-8-this-align-items-tablet);
    -ms-flex-align: var(--type-8-this-align-items-tablet);
    align-items: var(--type-8-this-align-items-tablet);
  }
}
@media (min-width: 1024px) {
  .type-8 {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-8-this-padding-desktop);
    -webkit-box-align: var(--type-8-this-align-items-desktop);
    -ms-flex-align: var(--type-8-this-align-items-desktop);
    align-items: var(--type-8-this-align-items-desktop);
  }
}
@media (min-width: 0px) {
  .type-8 .infos-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-8-infos-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-8-infos-container-flex-direction-mobile);
    flex-direction: var(--type-8-infos-container-flex-direction-mobile);
    width: var(--type-8-infos-container-width-mobile);
    height: var(--type-8-infos-container-height-mobile);
    margin: var(--type-8-infos-container-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-8 .infos-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-8-infos-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-8-infos-container-flex-direction-tablet);
    flex-direction: var(--type-8-infos-container-flex-direction-tablet);
    width: var(--type-8-infos-container-width-tablet);
    height: var(--type-8-infos-container-height-tablet);
    margin: var(--type-8-infos-container-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-8 .infos-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-8-infos-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-8-infos-container-flex-direction-desktop);
    flex-direction: var(--type-8-infos-container-flex-direction-desktop);
    width: var(--type-8-infos-container-width-desktop);
    height: var(--type-8-infos-container-height-desktop);
    margin: var(--type-8-infos-container-margin-desktop);
  }
}
@media (min-width: 0px) {
  .type-8 .info-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-8-info-wrapper-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-8-info-wrapper-flex-direction-mobile);
    flex-direction: var(--type-8-info-wrapper-flex-direction-mobile);
    gap: var(--type-8-info-wrapper-gap-mobile);
    -webkit-box-flex: var(--type-8-info-wrapper-flex-mobile);
    -ms-flex: var(--type-8-info-wrapper-flex-mobile);
    flex: var(--type-8-info-wrapper-flex-mobile);
  }
}
@media (min-width: 481px) {
  .type-8 .info-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-8-info-wrapper-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-8-info-wrapper-flex-direction-tablet);
    flex-direction: var(--type-8-info-wrapper-flex-direction-tablet);
    gap: var(--type-8-info-wrapper-gap-tablet);
    -webkit-box-flex: var(--type-8-info-wrapper-flex-tablet);
    -ms-flex: var(--type-8-info-wrapper-flex-tablet);
    flex: var(--type-8-info-wrapper-flex-tablet);
  }
}
@media (min-width: 1024px) {
  .type-8 .info-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-8-info-wrapper-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-8-info-wrapper-flex-direction-desktop);
    flex-direction: var(--type-8-info-wrapper-flex-direction-desktop);
    gap: var(--type-8-info-wrapper-gap-desktop);
    -webkit-box-flex: var(--type-8-info-wrapper-flex-desktop);
    -ms-flex: var(--type-8-info-wrapper-flex-desktop);
    flex: var(--type-8-info-wrapper-flex-desktop);
  }
}
@media (min-width: 0px) {
  .type-8 .separator {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-8-separator-height-mobile);
    width: var(--type-8-separator-width-mobile);
    margin: var(--type-8-separator-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-8 .separator {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-8-separator-height-tablet);
    width: var(--type-8-separator-width-tablet);
    margin: var(--type-8-separator-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-8 .separator {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-8-separator-height-desktop);
    width: var(--type-8-separator-width-desktop);
    margin: var(--type-8-separator-margin-desktop);
  }
}
@media (min-width: 0px) {
  .type-8 .text-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-8-text-wrapper-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-8-text-wrapper-flex-direction-mobile);
    flex-direction: var(--type-8-text-wrapper-flex-direction-mobile);
    -webkit-box-align: var(--type-8-text-wrapper-align-items-mobile);
    -ms-flex-align: var(--type-8-text-wrapper-align-items-mobile);
    align-items: var(--type-8-text-wrapper-align-items-mobile);
    gap: var(--type-8-text-wrapper-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-8 .text-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-8-text-wrapper-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-8-text-wrapper-flex-direction-tablet);
    flex-direction: var(--type-8-text-wrapper-flex-direction-tablet);
    -webkit-box-align: var(--type-8-text-wrapper-align-items-tablet);
    -ms-flex-align: var(--type-8-text-wrapper-align-items-tablet);
    align-items: var(--type-8-text-wrapper-align-items-tablet);
    gap: var(--type-8-text-wrapper-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-8 .text-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-8-text-wrapper-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-8-text-wrapper-flex-direction-desktop);
    flex-direction: var(--type-8-text-wrapper-flex-direction-desktop);
    -webkit-box-align: var(--type-8-text-wrapper-align-items-desktop);
    -ms-flex-align: var(--type-8-text-wrapper-align-items-desktop);
    align-items: var(--type-8-text-wrapper-align-items-desktop);
    gap: var(--type-8-text-wrapper-gap-desktop);
  }
}

@media (min-width: 0px) {
  .type-nos-producteurs {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-nos-producteurs-this-position-mobile);
    margin-bottom: var(--type-nos-producteurs-this-margin-bottom-mobile);
  }
}
@media (min-width: 481px) {
  .type-nos-producteurs {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-nos-producteurs-this-position-tablet);
    margin-bottom: var(--type-nos-producteurs-this-margin-bottom-tablet);
  }
}
@media (min-width: 1024px) {
  .type-nos-producteurs {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-nos-producteurs-this-position-desktop);
    margin-bottom: var(--type-nos-producteurs-this-margin-bottom-desktop);
  }
}
@media (min-width: 0px) {
  .type-nos-producteurs .section-text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-nos-producteurs-section-text-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-nos-producteurs .section-text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-nos-producteurs-section-text-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-nos-producteurs .section-text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-nos-producteurs-section-text-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-nos-producteurs .cards-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-nos-producteurs-cards-container-margin-mobile);
    padding-top: var(--type-nos-producteurs-cards-container-padding-top-mobile);
  }
}
@media (min-width: 481px) {
  .type-nos-producteurs .cards-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-nos-producteurs-cards-container-margin-tablet);
    padding-top: var(--type-nos-producteurs-cards-container-padding-top-tablet);
  }
}
@media (min-width: 1024px) {
  .type-nos-producteurs .cards-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-nos-producteurs-cards-container-margin-desktop);
    padding-top: var(
      --type-nos-producteurs-cards-container-padding-top-desktop
    );
  }
}
@media (min-width: 0px) {
  .type-nos-producteurs .cards-swiper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-nos-producteurs-cards-swiper-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-nos-producteurs-cards-swiper-flex-direction-mobile
    );
    flex-direction: var(
      --type-nos-producteurs-cards-swiper-flex-direction-mobile
    );
    gap: var(--type-nos-producteurs-cards-swiper-gap-mobile);
    margin: var(--type-nos-producteurs-cards-swiper-margin-mobile);
    width: var(--type-nos-producteurs-cards-swiper-width-mobile);
  }
}
@media (min-width: 481px) {
  .type-nos-producteurs .cards-swiper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-nos-producteurs-cards-swiper-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-nos-producteurs-cards-swiper-flex-direction-tablet
    );
    flex-direction: var(
      --type-nos-producteurs-cards-swiper-flex-direction-tablet
    );
    gap: var(--type-nos-producteurs-cards-swiper-gap-tablet);
    margin: var(--type-nos-producteurs-cards-swiper-margin-tablet);
    width: var(--type-nos-producteurs-cards-swiper-width-tablet);
  }
}
@media (min-width: 1024px) {
  .type-nos-producteurs .cards-swiper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-nos-producteurs-cards-swiper-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-nos-producteurs-cards-swiper-flex-direction-desktop
    );
    flex-direction: var(
      --type-nos-producteurs-cards-swiper-flex-direction-desktop
    );
    gap: var(--type-nos-producteurs-cards-swiper-gap-desktop);
    margin: var(--type-nos-producteurs-cards-swiper-margin-desktop);
    width: var(--type-nos-producteurs-cards-swiper-width-desktop);
  }
}
@media (min-width: 0px) {
  .type-nos-producteurs .all-producteurs-link {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-nos-producteurs-all-producteurs-link-display-mobile);
    -webkit-box-align: var(
      --type-nos-producteurs-all-producteurs-link-align-items-mobile
    );
    -ms-flex-align: var(
      --type-nos-producteurs-all-producteurs-link-align-items-mobile
    );
    align-items: var(
      --type-nos-producteurs-all-producteurs-link-align-items-mobile
    );
    gap: var(--type-nos-producteurs-all-producteurs-link-gap-mobile);
    margin-left: var(
      --type-nos-producteurs-all-producteurs-link-margin-left-mobile
    );
  }
}
@media (min-width: 481px) {
  .type-nos-producteurs .all-producteurs-link {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-nos-producteurs-all-producteurs-link-display-tablet);
    -webkit-box-align: var(
      --type-nos-producteurs-all-producteurs-link-align-items-tablet
    );
    -ms-flex-align: var(
      --type-nos-producteurs-all-producteurs-link-align-items-tablet
    );
    align-items: var(
      --type-nos-producteurs-all-producteurs-link-align-items-tablet
    );
    gap: var(--type-nos-producteurs-all-producteurs-link-gap-tablet);
    margin-left: var(
      --type-nos-producteurs-all-producteurs-link-margin-left-tablet
    );
  }
}
@media (min-width: 1024px) {
  .type-nos-producteurs .all-producteurs-link {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-nos-producteurs-all-producteurs-link-display-desktop);
    -webkit-box-align: var(
      --type-nos-producteurs-all-producteurs-link-align-items-desktop
    );
    -ms-flex-align: var(
      --type-nos-producteurs-all-producteurs-link-align-items-desktop
    );
    align-items: var(
      --type-nos-producteurs-all-producteurs-link-align-items-desktop
    );
    gap: var(--type-nos-producteurs-all-producteurs-link-gap-desktop);
    margin-left: var(
      --type-nos-producteurs-all-producteurs-link-margin-left-desktop
    );
  }
}

@media (min-width: 0px) {
  .type-recettes {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-recettes-this-position-mobile);
    padding: var(--type-recettes-this-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-recettes {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-recettes-this-position-tablet);
    padding: var(--type-recettes-this-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-recettes {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-recettes-this-position-desktop);
    padding: var(--type-recettes-this-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-recettes .section-text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-recettes-section-text-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-recettes .section-text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-recettes-section-text-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-recettes .section-text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-recettes-section-text-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-recettes .cards-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-recettes-cards-container-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-recettes .cards-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-recettes-cards-container-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-recettes .cards-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-recettes-cards-container-margin-desktop);
  }
}
@media (min-width: 0px) {
  .type-recettes .cards-swiper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-recettes-cards-swiper-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-recettes-cards-swiper-flex-direction-mobile);
    flex-direction: var(--type-recettes-cards-swiper-flex-direction-mobile);
    margin: var(--type-recettes-cards-swiper-margin-mobile);
    gap: var(--type-recettes-cards-swiper-gap-mobile);
    width: var(--type-recettes-cards-swiper-width-mobile);
  }
}
@media (min-width: 481px) {
  .type-recettes .cards-swiper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-recettes-cards-swiper-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-recettes-cards-swiper-flex-direction-tablet);
    flex-direction: var(--type-recettes-cards-swiper-flex-direction-tablet);
    margin: var(--type-recettes-cards-swiper-margin-tablet);
    gap: var(--type-recettes-cards-swiper-gap-tablet);
    width: var(--type-recettes-cards-swiper-width-tablet);
  }
}
@media (min-width: 1024px) {
  .type-recettes .cards-swiper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-recettes-cards-swiper-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-recettes-cards-swiper-flex-direction-desktop
    );
    flex-direction: var(--type-recettes-cards-swiper-flex-direction-desktop);
    margin: var(--type-recettes-cards-swiper-margin-desktop);
    gap: var(--type-recettes-cards-swiper-gap-desktop);
    width: var(--type-recettes-cards-swiper-width-desktop);
  }
}
@media (min-width: 0px) {
  .type-recettes .moving-link {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-recettes-moving-link-display-mobile);
    -webkit-box-align: var(--type-recettes-moving-link-align-items-mobile);
    -ms-flex-align: var(--type-recettes-moving-link-align-items-mobile);
    align-items: var(--type-recettes-moving-link-align-items-mobile);
    gap: var(--type-recettes-moving-link-gap-mobile);
    margin-left: var(--type-recettes-moving-link-margin-left-mobile);
  }
}
@media (min-width: 481px) {
  .type-recettes .moving-link {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-recettes-moving-link-display-tablet);
    -webkit-box-align: var(--type-recettes-moving-link-align-items-tablet);
    -ms-flex-align: var(--type-recettes-moving-link-align-items-tablet);
    align-items: var(--type-recettes-moving-link-align-items-tablet);
    gap: var(--type-recettes-moving-link-gap-tablet);
    margin-left: var(--type-recettes-moving-link-margin-left-tablet);
  }
}
@media (min-width: 1024px) {
  .type-recettes .moving-link {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-recettes-moving-link-display-desktop);
    -webkit-box-align: var(--type-recettes-moving-link-align-items-desktop);
    -ms-flex-align: var(--type-recettes-moving-link-align-items-desktop);
    align-items: var(--type-recettes-moving-link-align-items-desktop);
    gap: var(--type-recettes-moving-link-gap-desktop);
    margin-left: var(--type-recettes-moving-link-margin-left-desktop);
  }
}

@media (min-width: 0px) {
  .type-articles {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-articles-this-position-mobile);
    padding: var(--type-articles-this-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-articles {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-articles-this-position-tablet);
    padding: var(--type-articles-this-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-articles {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-articles-this-position-desktop);
    padding: var(--type-articles-this-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-articles .section-text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-articles-section-text-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-articles .section-text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-articles-section-text-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-articles .section-text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-articles-section-text-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-articles .cards-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-articles-cards-container-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-articles .cards-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-articles-cards-container-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-articles .cards-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-articles-cards-container-margin-desktop);
  }
}
@media (min-width: 0px) {
  .type-articles .cards-swiper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-articles-cards-swiper-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-articles-cards-swiper-flex-direction-mobile);
    flex-direction: var(--type-articles-cards-swiper-flex-direction-mobile);
    gap: var(--type-articles-cards-swiper-gap-mobile);
    margin: var(--type-articles-cards-swiper-margin-mobile);
    width: var(--type-articles-cards-swiper-width-mobile);
  }
}
@media (min-width: 481px) {
  .type-articles .cards-swiper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-articles-cards-swiper-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-articles-cards-swiper-flex-direction-tablet);
    flex-direction: var(--type-articles-cards-swiper-flex-direction-tablet);
    gap: var(--type-articles-cards-swiper-gap-tablet);
    margin: var(--type-articles-cards-swiper-margin-tablet);
    width: var(--type-articles-cards-swiper-width-tablet);
  }
}
@media (min-width: 1024px) {
  .type-articles .cards-swiper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-articles-cards-swiper-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-articles-cards-swiper-flex-direction-desktop
    );
    flex-direction: var(--type-articles-cards-swiper-flex-direction-desktop);
    gap: var(--type-articles-cards-swiper-gap-desktop);
    margin: var(--type-articles-cards-swiper-margin-desktop);
    width: var(--type-articles-cards-swiper-width-desktop);
  }
}
@media (min-width: 0px) {
  .type-articles .moving-link {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-articles-moving-link-display-mobile);
    -webkit-box-align: var(--type-articles-moving-link-align-items-mobile);
    -ms-flex-align: var(--type-articles-moving-link-align-items-mobile);
    align-items: var(--type-articles-moving-link-align-items-mobile);
    gap: var(--type-articles-moving-link-gap-mobile);
    margin-left: var(--type-articles-moving-link-margin-left-mobile);
  }
}
@media (min-width: 481px) {
  .type-articles .moving-link {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-articles-moving-link-display-tablet);
    -webkit-box-align: var(--type-articles-moving-link-align-items-tablet);
    -ms-flex-align: var(--type-articles-moving-link-align-items-tablet);
    align-items: var(--type-articles-moving-link-align-items-tablet);
    gap: var(--type-articles-moving-link-gap-tablet);
    margin-left: var(--type-articles-moving-link-margin-left-tablet);
  }
}
@media (min-width: 1024px) {
  .type-articles .moving-link {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-articles-moving-link-display-desktop);
    -webkit-box-align: var(--type-articles-moving-link-align-items-desktop);
    -ms-flex-align: var(--type-articles-moving-link-align-items-desktop);
    align-items: var(--type-articles-moving-link-align-items-desktop);
    gap: var(--type-articles-moving-link-gap-desktop);
    margin-left: var(--type-articles-moving-link-margin-left-desktop);
  }
}

@media (min-width: 0px) {
  .type-questions {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-questions-this-width-mobile);
    height: var(--type-questions-this-height-mobile);
    display: var(--type-questions-this-display-mobile);
    -webkit-box-align: var(--type-questions-this-align-items-mobile);
    -ms-flex-align: var(--type-questions-this-align-items-mobile);
    align-items: var(--type-questions-this-align-items-mobile);
    -webkit-box-pack: var(--type-questions-this-justify-content-mobile);
    -ms-flex-pack: var(--type-questions-this-justify-content-mobile);
    justify-content: var(--type-questions-this-justify-content-mobile);
  }
}
@media (min-width: 481px) {
  .type-questions {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-questions-this-width-tablet);
    height: var(--type-questions-this-height-tablet);
    display: var(--type-questions-this-display-tablet);
    -webkit-box-align: var(--type-questions-this-align-items-tablet);
    -ms-flex-align: var(--type-questions-this-align-items-tablet);
    align-items: var(--type-questions-this-align-items-tablet);
    -webkit-box-pack: var(--type-questions-this-justify-content-tablet);
    -ms-flex-pack: var(--type-questions-this-justify-content-tablet);
    justify-content: var(--type-questions-this-justify-content-tablet);
  }
}
@media (min-width: 1024px) {
  .type-questions {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-questions-this-width-desktop);
    height: var(--type-questions-this-height-desktop);
    display: var(--type-questions-this-display-desktop);
    -webkit-box-align: var(--type-questions-this-align-items-desktop);
    -ms-flex-align: var(--type-questions-this-align-items-desktop);
    align-items: var(--type-questions-this-align-items-desktop);
    -webkit-box-pack: var(--type-questions-this-justify-content-desktop);
    -ms-flex-pack: var(--type-questions-this-justify-content-desktop);
    justify-content: var(--type-questions-this-justify-content-desktop);
  }
}
@media (min-width: 0px) {
  .type-questions .content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-questions-content-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-questions-content-flex-direction-mobile);
    flex-direction: var(--type-questions-content-flex-direction-mobile);
    width: var(--type-questions-content-width-mobile);
    text-align: var(--type-questions-content-text-align-mobile);
    gap: var(--type-questions-content-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-questions .content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-questions-content-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-questions-content-flex-direction-tablet);
    flex-direction: var(--type-questions-content-flex-direction-tablet);
    width: var(--type-questions-content-width-tablet);
    text-align: var(--type-questions-content-text-align-tablet);
    gap: var(--type-questions-content-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-questions .content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-questions-content-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-questions-content-flex-direction-desktop);
    flex-direction: var(--type-questions-content-flex-direction-desktop);
    width: var(--type-questions-content-width-desktop);
    text-align: var(--type-questions-content-text-align-desktop);
    gap: var(--type-questions-content-gap-desktop);
  }
}

@media (min-width: 0px) {
  .type-questions-faq {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-questions-faq-this-display-mobile);
    -ms-flex-direction: var(--type-questions-faq-this-flex-direction-mobile);
    flex-direction: var(--type-questions-faq-this-flex-direction-mobile);
    gap: var(--type-questions-faq-this-gap-mobile);
    padding: var(--type-questions-faq-this-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-questions-faq {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-questions-faq-this-display-tablet);
    -ms-flex-direction: var(--type-questions-faq-this-flex-direction-tablet);
    flex-direction: var(--type-questions-faq-this-flex-direction-tablet);
    gap: var(--type-questions-faq-this-gap-tablet);
    padding: var(--type-questions-faq-this-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-questions-faq {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-questions-faq-this-display-desktop);
    -ms-flex-direction: var(--type-questions-faq-this-flex-direction-desktop);
    flex-direction: var(--type-questions-faq-this-flex-direction-desktop);
    gap: var(--type-questions-faq-this-gap-desktop);
    padding: var(--type-questions-faq-this-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-questions-faq .text-content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-questions-faq-text-content-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-questions-faq-text-content-flex-direction-mobile
    );
    flex-direction: var(
      --type-questions-faq-text-content-flex-direction-mobile
    );
    gap: var(--type-questions-faq-text-content-gap-mobile);
    -webkit-box-flex: var(--type-questions-faq-text-content-flex-mobile);
    -ms-flex: var(--type-questions-faq-text-content-flex-mobile);
    flex: var(--type-questions-faq-text-content-flex-mobile);
  }
}
@media (min-width: 481px) {
  .type-questions-faq .text-content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-questions-faq-text-content-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-questions-faq-text-content-flex-direction-tablet
    );
    flex-direction: var(
      --type-questions-faq-text-content-flex-direction-tablet
    );
    gap: var(--type-questions-faq-text-content-gap-tablet);
    -webkit-box-flex: var(--type-questions-faq-text-content-flex-tablet);
    -ms-flex: var(--type-questions-faq-text-content-flex-tablet);
    flex: var(--type-questions-faq-text-content-flex-tablet);
  }
}
@media (min-width: 1024px) {
  .type-questions-faq .text-content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-questions-faq-text-content-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-questions-faq-text-content-flex-direction-desktop
    );
    flex-direction: var(
      --type-questions-faq-text-content-flex-direction-desktop
    );
    gap: var(--type-questions-faq-text-content-gap-desktop);
    -webkit-box-flex: var(--type-questions-faq-text-content-flex-desktop);
    -ms-flex: var(--type-questions-faq-text-content-flex-desktop);
    flex: var(--type-questions-faq-text-content-flex-desktop);
  }
}
@media (min-width: 0px) {
  .type-questions-faq .questions-content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-flex: var(--type-questions-faq-questions-content-flex-mobile);
    -ms-flex: var(--type-questions-faq-questions-content-flex-mobile);
    flex: var(--type-questions-faq-questions-content-flex-mobile);
    gap: var(--type-questions-faq-questions-content-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-questions-faq .questions-content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-flex: var(--type-questions-faq-questions-content-flex-tablet);
    -ms-flex: var(--type-questions-faq-questions-content-flex-tablet);
    flex: var(--type-questions-faq-questions-content-flex-tablet);
    gap: var(--type-questions-faq-questions-content-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-questions-faq .questions-content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-flex: var(--type-questions-faq-questions-content-flex-desktop);
    -ms-flex: var(--type-questions-faq-questions-content-flex-desktop);
    flex: var(--type-questions-faq-questions-content-flex-desktop);
    gap: var(--type-questions-faq-questions-content-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-questions-faq .question {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-questions-faq-question-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-questions-faq-question-flex-direction-mobile
    );
    flex-direction: var(--type-questions-faq-question-flex-direction-mobile);
    padding: var(--type-questions-faq-question-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-questions-faq .question {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-questions-faq-question-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-questions-faq-question-flex-direction-tablet
    );
    flex-direction: var(--type-questions-faq-question-flex-direction-tablet);
    padding: var(--type-questions-faq-question-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-questions-faq .question {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-questions-faq-question-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-questions-faq-question-flex-direction-desktop
    );
    flex-direction: var(--type-questions-faq-question-flex-direction-desktop);
    padding: var(--type-questions-faq-question-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-questions-faq .question-answer {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-top: var(--type-questions-faq-question-answer-margin-top-mobile);
  }
}
@media (min-width: 481px) {
  .type-questions-faq .question-answer {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-top: var(--type-questions-faq-question-answer-margin-top-tablet);
  }
}
@media (min-width: 1024px) {
  .type-questions-faq .question-answer {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-top: var(--type-questions-faq-question-answer-margin-top-desktop);
  }
}
@media (min-width: 0px) {
  .type-questions-faq .questions-header {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-questions-faq-questions-header-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-questions-faq-questions-header-flex-direction-mobile
    );
    flex-direction: var(
      --type-questions-faq-questions-header-flex-direction-mobile
    );
    gap: var(--type-questions-faq-questions-header-gap-mobile);
    -webkit-box-pack: var(
      --type-questions-faq-questions-header-justify-content-mobile
    );
    -ms-flex-pack: var(
      --type-questions-faq-questions-header-justify-content-mobile
    );
    justify-content: var(
      --type-questions-faq-questions-header-justify-content-mobile
    );
    margin-bottom: var(
      --type-questions-faq-questions-header-margin-bottom-mobile
    );
  }
}
@media (min-width: 481px) {
  .type-questions-faq .questions-header {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-questions-faq-questions-header-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-questions-faq-questions-header-flex-direction-tablet
    );
    flex-direction: var(
      --type-questions-faq-questions-header-flex-direction-tablet
    );
    gap: var(--type-questions-faq-questions-header-gap-tablet);
    -webkit-box-pack: var(
      --type-questions-faq-questions-header-justify-content-tablet
    );
    -ms-flex-pack: var(
      --type-questions-faq-questions-header-justify-content-tablet
    );
    justify-content: var(
      --type-questions-faq-questions-header-justify-content-tablet
    );
    margin-bottom: var(
      --type-questions-faq-questions-header-margin-bottom-tablet
    );
  }
}
@media (min-width: 1024px) {
  .type-questions-faq .questions-header {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-questions-faq-questions-header-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-questions-faq-questions-header-flex-direction-desktop
    );
    flex-direction: var(
      --type-questions-faq-questions-header-flex-direction-desktop
    );
    gap: var(--type-questions-faq-questions-header-gap-desktop);
    -webkit-box-pack: var(
      --type-questions-faq-questions-header-justify-content-desktop
    );
    -ms-flex-pack: var(
      --type-questions-faq-questions-header-justify-content-desktop
    );
    justify-content: var(
      --type-questions-faq-questions-header-justify-content-desktop
    );
    margin-bottom: var(
      --type-questions-faq-questions-header-margin-bottom-desktop
    );
  }
}

@media (min-width: 0px) {
  .type-text-image {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-text-image-this-display-mobile);
    -ms-flex-direction: var(--type-text-image-this-flex-direction-mobile);
    flex-direction: var(--type-text-image-this-flex-direction-mobile);
    padding: var(--type-text-image-this-padding-mobile);
    -webkit-box-pack: var(--type-text-image-this-justify-content-mobile);
    -ms-flex-pack: var(--type-text-image-this-justify-content-mobile);
    justify-content: var(--type-text-image-this-justify-content-mobile);
    -webkit-box-align: var(--type-text-image-this-align-items-mobile);
    -ms-flex-align: var(--type-text-image-this-align-items-mobile);
    align-items: var(--type-text-image-this-align-items-mobile);
  }
}
@media (min-width: 481px) {
  .type-text-image {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-text-image-this-display-tablet);
    -ms-flex-direction: var(--type-text-image-this-flex-direction-tablet);
    flex-direction: var(--type-text-image-this-flex-direction-tablet);
    padding: var(--type-text-image-this-padding-tablet);
    -webkit-box-pack: var(--type-text-image-this-justify-content-tablet);
    -ms-flex-pack: var(--type-text-image-this-justify-content-tablet);
    justify-content: var(--type-text-image-this-justify-content-tablet);
    -webkit-box-align: var(--type-text-image-this-align-items-tablet);
    -ms-flex-align: var(--type-text-image-this-align-items-tablet);
    align-items: var(--type-text-image-this-align-items-tablet);
  }
}
@media (min-width: 1024px) {
  .type-text-image {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-text-image-this-display-desktop);
    -ms-flex-direction: var(--type-text-image-this-flex-direction-desktop);
    flex-direction: var(--type-text-image-this-flex-direction-desktop);
    padding: var(--type-text-image-this-padding-desktop);
    -webkit-box-pack: var(--type-text-image-this-justify-content-desktop);
    -ms-flex-pack: var(--type-text-image-this-justify-content-desktop);
    justify-content: var(--type-text-image-this-justify-content-desktop);
    -webkit-box-align: var(--type-text-image-this-align-items-desktop);
    -ms-flex-align: var(--type-text-image-this-align-items-desktop);
    align-items: var(--type-text-image-this-align-items-desktop);
  }
}
@media (min-width: 0px) {
  .type-text-image .image-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-text-image-image-wrapper-position-mobile);
    width: var(--type-text-image-image-wrapper-width-mobile);
    height: var(--type-text-image-image-wrapper-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-text-image .image-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-text-image-image-wrapper-position-tablet);
    width: var(--type-text-image-image-wrapper-width-tablet);
    height: var(--type-text-image-image-wrapper-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-text-image .image-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-text-image-image-wrapper-position-desktop);
    width: var(--type-text-image-image-wrapper-width-desktop);
    height: var(--type-text-image-image-wrapper-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-text-image .icon {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-text-image-icon-position-mobile);
    top: var(--type-text-image-icon-top-mobile);
    right: var(--type-text-image-icon-right-mobile);
    max-width: var(--type-text-image-icon-max-width-mobile);
    max-height: var(--type-text-image-icon-max-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-text-image .icon {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-text-image-icon-position-tablet);
    top: var(--type-text-image-icon-top-tablet);
    right: var(--type-text-image-icon-right-tablet);
    max-width: var(--type-text-image-icon-max-width-tablet);
    max-height: var(--type-text-image-icon-max-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-text-image .icon {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-text-image-icon-position-desktop);
    top: var(--type-text-image-icon-top-desktop);
    right: var(--type-text-image-icon-right-desktop);
    max-width: var(--type-text-image-icon-max-width-desktop);
    max-height: var(--type-text-image-icon-max-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-text-image .label {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-text-image-label-position-mobile);
    padding: var(--type-text-image-label-padding-mobile);
    left: var(--type-text-image-label-left-mobile);
    top: var(--type-text-image-label-top-mobile);
  }
}
@media (min-width: 481px) {
  .type-text-image .label {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-text-image-label-position-tablet);
    padding: var(--type-text-image-label-padding-tablet);
    left: var(--type-text-image-label-left-tablet);
    top: var(--type-text-image-label-top-tablet);
  }
}
@media (min-width: 1024px) {
  .type-text-image .label {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-text-image-label-position-desktop);
    padding: var(--type-text-image-label-padding-desktop);
    left: var(--type-text-image-label-left-desktop);
    top: var(--type-text-image-label-top-desktop);
  }
}
@media (min-width: 0px) {
  .type-text-image .text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-text-image-text-width-mobile);
    padding: var(--type-text-image-text-padding-mobile);
    gap: var(--type-text-image-text-gap-mobile);
    display: var(--type-text-image-text-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-text-image-text-flex-direction-mobile);
    flex-direction: var(--type-text-image-text-flex-direction-mobile);
    -webkit-box-pack: var(--type-text-image-text-justify-content-mobile);
    -ms-flex-pack: var(--type-text-image-text-justify-content-mobile);
    justify-content: var(--type-text-image-text-justify-content-mobile);
  }
}
@media (min-width: 481px) {
  .type-text-image .text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-text-image-text-width-tablet);
    padding: var(--type-text-image-text-padding-tablet);
    gap: var(--type-text-image-text-gap-tablet);
    display: var(--type-text-image-text-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-text-image-text-flex-direction-tablet);
    flex-direction: var(--type-text-image-text-flex-direction-tablet);
    -webkit-box-pack: var(--type-text-image-text-justify-content-tablet);
    -ms-flex-pack: var(--type-text-image-text-justify-content-tablet);
    justify-content: var(--type-text-image-text-justify-content-tablet);
  }
}
@media (min-width: 1024px) {
  .type-text-image .text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-text-image-text-width-desktop);
    padding: var(--type-text-image-text-padding-desktop);
    gap: var(--type-text-image-text-gap-desktop);
    display: var(--type-text-image-text-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-text-image-text-flex-direction-desktop);
    flex-direction: var(--type-text-image-text-flex-direction-desktop);
    -webkit-box-pack: var(--type-text-image-text-justify-content-desktop);
    -ms-flex-pack: var(--type-text-image-text-justify-content-desktop);
    justify-content: var(--type-text-image-text-justify-content-desktop);
  }
}
@media (min-width: 0px) {
  .type-text-image .cta-primary {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-text-image-cta-primary-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-text-image .cta-primary {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-text-image-cta-primary-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-text-image .cta-primary {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-text-image-cta-primary-margin-desktop);
  }
}

@media (min-width: 0px) {
  .type-form-pro {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-form-pro-this-padding-mobile);
    margin: var(--type-form-pro-this-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-form-pro {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-form-pro-this-padding-tablet);
    margin: var(--type-form-pro-this-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-form-pro {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-form-pro-this-padding-desktop);
    margin: var(--type-form-pro-this-margin-desktop);
  }
}
@media (min-width: 0px) {
  .type-form-pro .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-mobile);
    flex-direction: var(--default-container-flex-direction-mobile);
    gap: var(--default-container-gap-mobile);
    -webkit-box-align: var(--default-container-align-items-mobile);
    -ms-flex-align: var(--default-container-align-items-mobile);
    align-items: var(--default-container-align-items-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-form-pro-container-padding-mobile);
    margin-top: var(--type-form-pro-container-margin-top-mobile);
  }
}
@media (min-width: 481px) {
  .type-form-pro .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-tablet);
    flex-direction: var(--default-container-flex-direction-tablet);
    gap: var(--default-container-gap-tablet);
    -webkit-box-align: var(--default-container-align-items-tablet);
    -ms-flex-align: var(--default-container-align-items-tablet);
    align-items: var(--default-container-align-items-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-form-pro-container-padding-tablet);
    margin-top: var(--type-form-pro-container-margin-top-tablet);
  }
}
@media (min-width: 1024px) {
  .type-form-pro .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-desktop);
    flex-direction: var(--default-container-flex-direction-desktop);
    gap: var(--default-container-gap-desktop);
    -webkit-box-align: var(--default-container-align-items-desktop);
    -ms-flex-align: var(--default-container-align-items-desktop);
    align-items: var(--default-container-align-items-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-form-pro-container-padding-desktop);
    margin-top: var(--type-form-pro-container-margin-top-desktop);
  }
}
@media (min-width: 0px) {
  .type-form-pro .hidden-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-form-pro-hidden-container-margin-mobile);
    display: var(--type-form-pro-hidden-container-display-mobile);
    gap: var(--type-form-pro-hidden-container-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-form-pro .hidden-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-form-pro-hidden-container-margin-tablet);
    display: var(--type-form-pro-hidden-container-display-tablet);
    gap: var(--type-form-pro-hidden-container-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-form-pro .hidden-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-form-pro-hidden-container-margin-desktop);
    display: var(--type-form-pro-hidden-container-display-desktop);
    gap: var(--type-form-pro-hidden-container-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-form-pro .hidden-text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-form-pro-hidden-text-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-form-pro-hidden-text-flex-direction-mobile);
    flex-direction: var(--type-form-pro-hidden-text-flex-direction-mobile);
    gap: var(--type-form-pro-hidden-text-gap-mobile);
    -webkit-box-flex: var(--type-form-pro-hidden-text-flex-mobile);
    -ms-flex: var(--type-form-pro-hidden-text-flex-mobile);
    flex: var(--type-form-pro-hidden-text-flex-mobile);
  }
}
@media (min-width: 481px) {
  .type-form-pro .hidden-text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-form-pro-hidden-text-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-form-pro-hidden-text-flex-direction-tablet);
    flex-direction: var(--type-form-pro-hidden-text-flex-direction-tablet);
    gap: var(--type-form-pro-hidden-text-gap-tablet);
    -webkit-box-flex: var(--type-form-pro-hidden-text-flex-tablet);
    -ms-flex: var(--type-form-pro-hidden-text-flex-tablet);
    flex: var(--type-form-pro-hidden-text-flex-tablet);
  }
}
@media (min-width: 1024px) {
  .type-form-pro .hidden-text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-form-pro-hidden-text-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-form-pro-hidden-text-flex-direction-desktop);
    flex-direction: var(--type-form-pro-hidden-text-flex-direction-desktop);
    gap: var(--type-form-pro-hidden-text-gap-desktop);
    -webkit-box-flex: var(--type-form-pro-hidden-text-flex-desktop);
    -ms-flex: var(--type-form-pro-hidden-text-flex-desktop);
    flex: var(--type-form-pro-hidden-text-flex-desktop);
  }
}
@media (min-width: 0px) {
  .type-form-pro .hidden-form {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-flex: var(--type-form-pro-hidden-form-flex-mobile);
    -ms-flex: var(--type-form-pro-hidden-form-flex-mobile);
    flex: var(--type-form-pro-hidden-form-flex-mobile);
  }
}
@media (min-width: 481px) {
  .type-form-pro .hidden-form {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-flex: var(--type-form-pro-hidden-form-flex-tablet);
    -ms-flex: var(--type-form-pro-hidden-form-flex-tablet);
    flex: var(--type-form-pro-hidden-form-flex-tablet);
  }
}
@media (min-width: 1024px) {
  .type-form-pro .hidden-form {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-flex: var(--type-form-pro-hidden-form-flex-desktop);
    -ms-flex: var(--type-form-pro-hidden-form-flex-desktop);
    flex: var(--type-form-pro-hidden-form-flex-desktop);
  }
}
@media (min-width: 0px) {
  .type-form-pro .icon {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-form-pro-icon-display-mobile);
    -webkit-box-align: var(--type-form-pro-icon-align-items-mobile);
    -ms-flex-align: var(--type-form-pro-icon-align-items-mobile);
    align-items: var(--type-form-pro-icon-align-items-mobile);
    -webkit-box-pack: var(--type-form-pro-icon-justify-content-mobile);
    -ms-flex-pack: var(--type-form-pro-icon-justify-content-mobile);
    justify-content: var(--type-form-pro-icon-justify-content-mobile);
    width: var(--type-form-pro-icon-width-mobile);
    height: var(--type-form-pro-icon-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-form-pro .icon {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-form-pro-icon-display-tablet);
    -webkit-box-align: var(--type-form-pro-icon-align-items-tablet);
    -ms-flex-align: var(--type-form-pro-icon-align-items-tablet);
    align-items: var(--type-form-pro-icon-align-items-tablet);
    -webkit-box-pack: var(--type-form-pro-icon-justify-content-tablet);
    -ms-flex-pack: var(--type-form-pro-icon-justify-content-tablet);
    justify-content: var(--type-form-pro-icon-justify-content-tablet);
    width: var(--type-form-pro-icon-width-tablet);
    height: var(--type-form-pro-icon-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-form-pro .icon {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-form-pro-icon-display-desktop);
    -webkit-box-align: var(--type-form-pro-icon-align-items-desktop);
    -ms-flex-align: var(--type-form-pro-icon-align-items-desktop);
    align-items: var(--type-form-pro-icon-align-items-desktop);
    -webkit-box-pack: var(--type-form-pro-icon-justify-content-desktop);
    -ms-flex-pack: var(--type-form-pro-icon-justify-content-desktop);
    justify-content: var(--type-form-pro-icon-justify-content-desktop);
    width: var(--type-form-pro-icon-width-desktop);
    height: var(--type-form-pro-icon-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-form-pro .text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-form-pro-text-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-form-pro-text-flex-direction-mobile);
    flex-direction: var(--type-form-pro-text-flex-direction-mobile);
    gap: var(--type-form-pro-text-gap-mobile);
    margin: var(--type-form-pro-text-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-form-pro .text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-form-pro-text-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-form-pro-text-flex-direction-tablet);
    flex-direction: var(--type-form-pro-text-flex-direction-tablet);
    gap: var(--type-form-pro-text-gap-tablet);
    margin: var(--type-form-pro-text-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-form-pro .text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-form-pro-text-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-form-pro-text-flex-direction-desktop);
    flex-direction: var(--type-form-pro-text-flex-direction-desktop);
    gap: var(--type-form-pro-text-gap-desktop);
    margin: var(--type-form-pro-text-margin-desktop);
  }
}
@media (min-width: 0px) {
  .type-form-pro .content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-form-pro-content-width-mobile);
    position: var(--type-form-pro-content-position-mobile);
  }
}
@media (min-width: 481px) {
  .type-form-pro .content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-form-pro-content-width-tablet);
    position: var(--type-form-pro-content-position-tablet);
  }
}
@media (min-width: 1024px) {
  .type-form-pro .content {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-form-pro-content-width-desktop);
    position: var(--type-form-pro-content-position-desktop);
  }
}
@media (min-width: 0px) {
  .type-form-pro .close-button {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-form-pro-close-button-position-mobile);
    top: var(--type-form-pro-close-button-top-mobile);
    right: var(--type-form-pro-close-button-right-mobile);
    width: var(--type-form-pro-close-button-width-mobile);
    height: var(--type-form-pro-close-button-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-form-pro .close-button {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-form-pro-close-button-position-tablet);
    top: var(--type-form-pro-close-button-top-tablet);
    right: var(--type-form-pro-close-button-right-tablet);
    width: var(--type-form-pro-close-button-width-tablet);
    height: var(--type-form-pro-close-button-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-form-pro .close-button {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-form-pro-close-button-position-desktop);
    top: var(--type-form-pro-close-button-top-desktop);
    right: var(--type-form-pro-close-button-right-desktop);
    width: var(--type-form-pro-close-button-width-desktop);
    height: var(--type-form-pro-close-button-height-desktop);
  }
}

@media (min-width: 0px) {
  .type-bulles {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-bulles-this-padding-mobile);
    gap: var(--type-bulles-this-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-bulles {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-bulles-this-padding-tablet);
    gap: var(--type-bulles-this-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-bulles {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-bulles-this-padding-desktop);
    gap: var(--type-bulles-this-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-bulles .bulles-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-bulles-bulles-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-bulles-bulles-container-flex-direction-mobile
    );
    flex-direction: var(--type-bulles-bulles-container-flex-direction-mobile);
    gap: var(--type-bulles-bulles-container-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-bulles .bulles-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-bulles-bulles-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-bulles-bulles-container-flex-direction-tablet
    );
    flex-direction: var(--type-bulles-bulles-container-flex-direction-tablet);
    gap: var(--type-bulles-bulles-container-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-bulles .bulles-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-bulles-bulles-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-bulles-bulles-container-flex-direction-desktop
    );
    flex-direction: var(--type-bulles-bulles-container-flex-direction-desktop);
    gap: var(--type-bulles-bulles-container-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-bulles .bulle {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-bulles-bulle-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-bulles-bulle-flex-direction-mobile);
    flex-direction: var(--type-bulles-bulle-flex-direction-mobile);
    width: var(--type-bulles-bulle-width-mobile);
    height: var(--type-bulles-bulle-height-mobile);
    padding: var(--type-bulles-bulle-padding-mobile);
    -webkit-box-pack: var(--type-bulles-bulle-justify-content-mobile);
    -ms-flex-pack: var(--type-bulles-bulle-justify-content-mobile);
    justify-content: var(--type-bulles-bulle-justify-content-mobile);
  }
}
@media (min-width: 481px) {
  .type-bulles .bulle {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-bulles-bulle-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-bulles-bulle-flex-direction-tablet);
    flex-direction: var(--type-bulles-bulle-flex-direction-tablet);
    width: var(--type-bulles-bulle-width-tablet);
    height: var(--type-bulles-bulle-height-tablet);
    padding: var(--type-bulles-bulle-padding-tablet);
    -webkit-box-pack: var(--type-bulles-bulle-justify-content-tablet);
    -ms-flex-pack: var(--type-bulles-bulle-justify-content-tablet);
    justify-content: var(--type-bulles-bulle-justify-content-tablet);
  }
}
@media (min-width: 1024px) {
  .type-bulles .bulle {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-bulles-bulle-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-bulles-bulle-flex-direction-desktop);
    flex-direction: var(--type-bulles-bulle-flex-direction-desktop);
    width: var(--type-bulles-bulle-width-desktop);
    height: var(--type-bulles-bulle-height-desktop);
    padding: var(--type-bulles-bulle-padding-desktop);
    -webkit-box-pack: var(--type-bulles-bulle-justify-content-desktop);
    -ms-flex-pack: var(--type-bulles-bulle-justify-content-desktop);
    justify-content: var(--type-bulles-bulle-justify-content-desktop);
  }
}
@media (min-width: 0px) {
  .type-bulles .text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding-bottom: var(--type-bulles-text-padding-bottom-mobile);
  }
}
@media (min-width: 481px) {
  .type-bulles .text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding-bottom: var(--type-bulles-text-padding-bottom-tablet);
  }
}
@media (min-width: 1024px) {
  .type-bulles .text {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding-bottom: var(--type-bulles-text-padding-bottom-desktop);
  }
}

@media (min-width: 0px) {
  .type-register {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-register-this-margin-mobile);
    padding: var(--type-register-this-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-register {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-register-this-margin-tablet);
    padding: var(--type-register-this-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-register {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin: var(--type-register-this-margin-desktop);
    padding: var(--type-register-this-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-register .frm_rootline_group {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-register-frm_rootline_group-display-mobile);
  }
}
@media (min-width: 481px) {
  .type-register .frm_rootline_group {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-register-frm_rootline_group-display-tablet);
  }
}
@media (min-width: 1024px) {
  .type-register .frm_rootline_group {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-register-frm_rootline_group-display-desktop);
  }
}
@media (min-width: 0px) {
  .type-register .frm_submit {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-register-frm_submit-position-mobile);
    bottom: var(--type-register-frm_submit-bottom-mobile);
    left: var(--type-register-frm_submit-left-mobile);
    display: var(--type-register-frm_submit-display-mobile);
    -webkit-box-pack: var(--type-register-frm_submit-justify-content-mobile);
    -ms-flex-pack: var(--type-register-frm_submit-justify-content-mobile);
    justify-content: var(--type-register-frm_submit-justify-content-mobile);
    width: var(--type-register-frm_submit-width-mobile);
    padding: var(--type-register-frm_submit-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-register .frm_submit {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-register-frm_submit-position-tablet);
    bottom: var(--type-register-frm_submit-bottom-tablet);
    left: var(--type-register-frm_submit-left-tablet);
    display: var(--type-register-frm_submit-display-tablet);
    -webkit-box-pack: var(--type-register-frm_submit-justify-content-tablet);
    -ms-flex-pack: var(--type-register-frm_submit-justify-content-tablet);
    justify-content: var(--type-register-frm_submit-justify-content-tablet);
    width: var(--type-register-frm_submit-width-tablet);
    padding: var(--type-register-frm_submit-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-register .frm_submit {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    position: var(--type-register-frm_submit-position-desktop);
    bottom: var(--type-register-frm_submit-bottom-desktop);
    left: var(--type-register-frm_submit-left-desktop);
    display: var(--type-register-frm_submit-display-desktop);
    -webkit-box-pack: var(--type-register-frm_submit-justify-content-desktop);
    -ms-flex-pack: var(--type-register-frm_submit-justify-content-desktop);
    justify-content: var(--type-register-frm_submit-justify-content-desktop);
    width: var(--type-register-frm_submit-width-desktop);
    padding: var(--type-register-frm_submit-padding-desktop);
  }
}

@media (min-width: 0px) {
  .type-selection-producteurs {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-selection-producteurs-this-padding-mobile);
    -webkit-column-gap: var(
      --type-selection-producteurs-this-column-gap-mobile
    );
    -moz-column-gap: var(--type-selection-producteurs-this-column-gap-mobile);
    column-gap: var(--type-selection-producteurs-this-column-gap-mobile);
    row-gap: var(--type-selection-producteurs-this-row-gap-mobile);
    display: var(--type-selection-producteurs-this-display-mobile);
    -ms-grid-columns: var(
      --type-selection-producteurs-this-grid-template-columns-mobile
    );
    grid-template-columns: var(
      --type-selection-producteurs-this-grid-template-columns-mobile
    );
    margin-top: var(--type-selection-producteurs-this-margin-top-mobile);
    margin-bottom: var(--type-selection-producteurs-this-margin-bottom-mobile);
  }
}
@media (min-width: 481px) {
  .type-selection-producteurs {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-selection-producteurs-this-padding-tablet);
    -webkit-column-gap: var(
      --type-selection-producteurs-this-column-gap-tablet
    );
    -moz-column-gap: var(--type-selection-producteurs-this-column-gap-tablet);
    column-gap: var(--type-selection-producteurs-this-column-gap-tablet);
    row-gap: var(--type-selection-producteurs-this-row-gap-tablet);
    display: var(--type-selection-producteurs-this-display-tablet);
    -ms-grid-columns: var(
      --type-selection-producteurs-this-grid-template-columns-tablet
    );
    grid-template-columns: var(
      --type-selection-producteurs-this-grid-template-columns-tablet
    );
    margin-top: var(--type-selection-producteurs-this-margin-top-tablet);
    margin-bottom: var(--type-selection-producteurs-this-margin-bottom-tablet);
  }
}
@media (min-width: 1024px) {
  .type-selection-producteurs {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-selection-producteurs-this-padding-desktop);
    -webkit-column-gap: var(
      --type-selection-producteurs-this-column-gap-desktop
    );
    -moz-column-gap: var(--type-selection-producteurs-this-column-gap-desktop);
    column-gap: var(--type-selection-producteurs-this-column-gap-desktop);
    row-gap: var(--type-selection-producteurs-this-row-gap-desktop);
    display: var(--type-selection-producteurs-this-display-desktop);
    -ms-grid-columns: var(
      --type-selection-producteurs-this-grid-template-columns-desktop
    );
    grid-template-columns: var(
      --type-selection-producteurs-this-grid-template-columns-desktop
    );
    margin-top: var(--type-selection-producteurs-this-margin-top-desktop);
    margin-bottom: var(--type-selection-producteurs-this-margin-bottom-desktop);
  }
}

@media (min-width: 0px) {
  .type-filtres-producteurs {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-filtres-producteurs-this-padding-mobile);
    padding-top: var(--type-filtres-producteurs-this-padding-top-mobile);
    -webkit-box-pack: var(
      --type-filtres-producteurs-this-justify-content-mobile
    );
    -ms-flex-pack: var(--type-filtres-producteurs-this-justify-content-mobile);
    justify-content: var(
      --type-filtres-producteurs-this-justify-content-mobile
    );
    -ms-flex-direction: var(
      --type-filtres-producteurs-this-flex-direction-mobile
    );
    flex-direction: var(--type-filtres-producteurs-this-flex-direction-mobile);
    display: var(--type-filtres-producteurs-this-display-mobile);
    -webkit-box-align: var(--type-filtres-producteurs-this-align-items-mobile);
    -ms-flex-align: var(--type-filtres-producteurs-this-align-items-mobile);
    align-items: var(--type-filtres-producteurs-this-align-items-mobile);
  }
}
@media (min-width: 481px) {
  .type-filtres-producteurs {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-filtres-producteurs-this-padding-tablet);
    padding-top: var(--type-filtres-producteurs-this-padding-top-tablet);
    -webkit-box-pack: var(
      --type-filtres-producteurs-this-justify-content-tablet
    );
    -ms-flex-pack: var(--type-filtres-producteurs-this-justify-content-tablet);
    justify-content: var(
      --type-filtres-producteurs-this-justify-content-tablet
    );
    -ms-flex-direction: var(
      --type-filtres-producteurs-this-flex-direction-tablet
    );
    flex-direction: var(--type-filtres-producteurs-this-flex-direction-tablet);
    display: var(--type-filtres-producteurs-this-display-tablet);
    -webkit-box-align: var(--type-filtres-producteurs-this-align-items-tablet);
    -ms-flex-align: var(--type-filtres-producteurs-this-align-items-tablet);
    align-items: var(--type-filtres-producteurs-this-align-items-tablet);
  }
}
@media (min-width: 1024px) {
  .type-filtres-producteurs {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-filtres-producteurs-this-padding-desktop);
    padding-top: var(--type-filtres-producteurs-this-padding-top-desktop);
    -webkit-box-pack: var(
      --type-filtres-producteurs-this-justify-content-desktop
    );
    -ms-flex-pack: var(--type-filtres-producteurs-this-justify-content-desktop);
    justify-content: var(
      --type-filtres-producteurs-this-justify-content-desktop
    );
    -ms-flex-direction: var(
      --type-filtres-producteurs-this-flex-direction-desktop
    );
    flex-direction: var(--type-filtres-producteurs-this-flex-direction-desktop);
    display: var(--type-filtres-producteurs-this-display-desktop);
    -webkit-box-align: var(--type-filtres-producteurs-this-align-items-desktop);
    -ms-flex-align: var(--type-filtres-producteurs-this-align-items-desktop);
    align-items: var(--type-filtres-producteurs-this-align-items-desktop);
  }
}
@media (min-width: 0px) {
  .type-filtres-producteurs .filters-c {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-filtres-producteurs-filters-c-display-mobile);
    -webkit-box-align: var(
      --type-filtres-producteurs-filters-c-align-items-mobile
    );
    -ms-flex-align: var(
      --type-filtres-producteurs-filters-c-align-items-mobile
    );
    align-items: var(--type-filtres-producteurs-filters-c-align-items-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-filtres-producteurs-filters-c-flex-direction-mobile
    );
    flex-direction: var(
      --type-filtres-producteurs-filters-c-flex-direction-mobile
    );
    gap: var(--type-filtres-producteurs-filters-c-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-filtres-producteurs .filters-c {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-filtres-producteurs-filters-c-display-tablet);
    -webkit-box-align: var(
      --type-filtres-producteurs-filters-c-align-items-tablet
    );
    -ms-flex-align: var(
      --type-filtres-producteurs-filters-c-align-items-tablet
    );
    align-items: var(--type-filtres-producteurs-filters-c-align-items-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-filtres-producteurs-filters-c-flex-direction-tablet
    );
    flex-direction: var(
      --type-filtres-producteurs-filters-c-flex-direction-tablet
    );
    gap: var(--type-filtres-producteurs-filters-c-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-filtres-producteurs .filters-c {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-filtres-producteurs-filters-c-display-desktop);
    -webkit-box-align: var(
      --type-filtres-producteurs-filters-c-align-items-desktop
    );
    -ms-flex-align: var(
      --type-filtres-producteurs-filters-c-align-items-desktop
    );
    align-items: var(--type-filtres-producteurs-filters-c-align-items-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-filtres-producteurs-filters-c-flex-direction-desktop
    );
    flex-direction: var(
      --type-filtres-producteurs-filters-c-flex-direction-desktop
    );
    gap: var(--type-filtres-producteurs-filters-c-gap-desktop);
  }
}

@media (min-width: 0px) {
  .type-filtres-articles {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-pack: var(--type-filtres-articles-this-justify-content-mobile);
    -ms-flex-pack: var(--type-filtres-articles-this-justify-content-mobile);
    justify-content: var(--type-filtres-articles-this-justify-content-mobile);
    -ms-flex-direction: var(--type-filtres-articles-this-flex-direction-mobile);
    flex-direction: var(--type-filtres-articles-this-flex-direction-mobile);
    display: var(--type-filtres-articles-this-display-mobile);
    -webkit-box-align: var(--type-filtres-articles-this-align-items-mobile);
    -ms-flex-align: var(--type-filtres-articles-this-align-items-mobile);
    align-items: var(--type-filtres-articles-this-align-items-mobile);
    gap: var(--type-filtres-articles-this-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-filtres-articles {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-pack: var(--type-filtres-articles-this-justify-content-tablet);
    -ms-flex-pack: var(--type-filtres-articles-this-justify-content-tablet);
    justify-content: var(--type-filtres-articles-this-justify-content-tablet);
    -ms-flex-direction: var(--type-filtres-articles-this-flex-direction-tablet);
    flex-direction: var(--type-filtres-articles-this-flex-direction-tablet);
    display: var(--type-filtres-articles-this-display-tablet);
    -webkit-box-align: var(--type-filtres-articles-this-align-items-tablet);
    -ms-flex-align: var(--type-filtres-articles-this-align-items-tablet);
    align-items: var(--type-filtres-articles-this-align-items-tablet);
    gap: var(--type-filtres-articles-this-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-filtres-articles {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-pack: var(--type-filtres-articles-this-justify-content-desktop);
    -ms-flex-pack: var(--type-filtres-articles-this-justify-content-desktop);
    justify-content: var(--type-filtres-articles-this-justify-content-desktop);
    -ms-flex-direction: var(
      --type-filtres-articles-this-flex-direction-desktop
    );
    flex-direction: var(--type-filtres-articles-this-flex-direction-desktop);
    display: var(--type-filtres-articles-this-display-desktop);
    -webkit-box-align: var(--type-filtres-articles-this-align-items-desktop);
    -ms-flex-align: var(--type-filtres-articles-this-align-items-desktop);
    align-items: var(--type-filtres-articles-this-align-items-desktop);
    gap: var(--type-filtres-articles-this-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-filtres-articles .filters-c {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-filtres-articles-filters-c-width-mobile);
    display: var(--type-filtres-articles-filters-c-display-mobile);
    -webkit-box-align: var(
      --type-filtres-articles-filters-c-align-items-mobile
    );
    -ms-flex-align: var(--type-filtres-articles-filters-c-align-items-mobile);
    align-items: var(--type-filtres-articles-filters-c-align-items-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-filtres-articles-filters-c-flex-direction-mobile
    );
    flex-direction: var(
      --type-filtres-articles-filters-c-flex-direction-mobile
    );
    padding: var(--type-filtres-articles-filters-c-padding-mobile);
    gap: var(--type-filtres-articles-filters-c-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-filtres-articles .filters-c {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-filtres-articles-filters-c-width-tablet);
    display: var(--type-filtres-articles-filters-c-display-tablet);
    -webkit-box-align: var(
      --type-filtres-articles-filters-c-align-items-tablet
    );
    -ms-flex-align: var(--type-filtres-articles-filters-c-align-items-tablet);
    align-items: var(--type-filtres-articles-filters-c-align-items-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-filtres-articles-filters-c-flex-direction-tablet
    );
    flex-direction: var(
      --type-filtres-articles-filters-c-flex-direction-tablet
    );
    padding: var(--type-filtres-articles-filters-c-padding-tablet);
    gap: var(--type-filtres-articles-filters-c-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-filtres-articles .filters-c {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-filtres-articles-filters-c-width-desktop);
    display: var(--type-filtres-articles-filters-c-display-desktop);
    -webkit-box-align: var(
      --type-filtres-articles-filters-c-align-items-desktop
    );
    -ms-flex-align: var(--type-filtres-articles-filters-c-align-items-desktop);
    align-items: var(--type-filtres-articles-filters-c-align-items-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-filtres-articles-filters-c-flex-direction-desktop
    );
    flex-direction: var(
      --type-filtres-articles-filters-c-flex-direction-desktop
    );
    padding: var(--type-filtres-articles-filters-c-padding-desktop);
    gap: var(--type-filtres-articles-filters-c-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-filtres-articles .filtres-w {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-filtres-articles-filtres-w-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-filtres-articles-filtres-w-flex-direction-mobile
    );
    flex-direction: var(
      --type-filtres-articles-filtres-w-flex-direction-mobile
    );
    gap: var(--type-filtres-articles-filtres-w-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-filtres-articles .filtres-w {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-filtres-articles-filtres-w-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-filtres-articles-filtres-w-flex-direction-tablet
    );
    flex-direction: var(
      --type-filtres-articles-filtres-w-flex-direction-tablet
    );
    gap: var(--type-filtres-articles-filtres-w-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-filtres-articles .filtres-w {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-filtres-articles-filtres-w-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-filtres-articles-filtres-w-flex-direction-desktop
    );
    flex-direction: var(
      --type-filtres-articles-filtres-w-flex-direction-desktop
    );
    gap: var(--type-filtres-articles-filtres-w-gap-desktop);
  }
}

@media (min-width: 0px) {
  .type-filtres-recettes {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-pack: var(--type-filtres-recettes-this-justify-content-mobile);
    -ms-flex-pack: var(--type-filtres-recettes-this-justify-content-mobile);
    justify-content: var(--type-filtres-recettes-this-justify-content-mobile);
    -ms-flex-direction: var(--type-filtres-recettes-this-flex-direction-mobile);
    flex-direction: var(--type-filtres-recettes-this-flex-direction-mobile);
    display: var(--type-filtres-recettes-this-display-mobile);
    -webkit-box-align: var(--type-filtres-recettes-this-align-items-mobile);
    -ms-flex-align: var(--type-filtres-recettes-this-align-items-mobile);
    align-items: var(--type-filtres-recettes-this-align-items-mobile);
    gap: var(--type-filtres-recettes-this-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-filtres-recettes {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-pack: var(--type-filtres-recettes-this-justify-content-tablet);
    -ms-flex-pack: var(--type-filtres-recettes-this-justify-content-tablet);
    justify-content: var(--type-filtres-recettes-this-justify-content-tablet);
    -ms-flex-direction: var(--type-filtres-recettes-this-flex-direction-tablet);
    flex-direction: var(--type-filtres-recettes-this-flex-direction-tablet);
    display: var(--type-filtres-recettes-this-display-tablet);
    -webkit-box-align: var(--type-filtres-recettes-this-align-items-tablet);
    -ms-flex-align: var(--type-filtres-recettes-this-align-items-tablet);
    align-items: var(--type-filtres-recettes-this-align-items-tablet);
    gap: var(--type-filtres-recettes-this-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-filtres-recettes {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-pack: var(--type-filtres-recettes-this-justify-content-desktop);
    -ms-flex-pack: var(--type-filtres-recettes-this-justify-content-desktop);
    justify-content: var(--type-filtres-recettes-this-justify-content-desktop);
    -ms-flex-direction: var(
      --type-filtres-recettes-this-flex-direction-desktop
    );
    flex-direction: var(--type-filtres-recettes-this-flex-direction-desktop);
    display: var(--type-filtres-recettes-this-display-desktop);
    -webkit-box-align: var(--type-filtres-recettes-this-align-items-desktop);
    -ms-flex-align: var(--type-filtres-recettes-this-align-items-desktop);
    align-items: var(--type-filtres-recettes-this-align-items-desktop);
    gap: var(--type-filtres-recettes-this-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-filtres-recettes .filters-c {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-filtres-recettes-filters-c-width-mobile);
    display: var(--type-filtres-recettes-filters-c-display-mobile);
    -webkit-box-align: var(
      --type-filtres-recettes-filters-c-align-items-mobile
    );
    -ms-flex-align: var(--type-filtres-recettes-filters-c-align-items-mobile);
    align-items: var(--type-filtres-recettes-filters-c-align-items-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-filtres-recettes-filters-c-flex-direction-mobile
    );
    flex-direction: var(
      --type-filtres-recettes-filters-c-flex-direction-mobile
    );
    padding: var(--type-filtres-recettes-filters-c-padding-mobile);
    gap: var(--type-filtres-recettes-filters-c-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-filtres-recettes .filters-c {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-filtres-recettes-filters-c-width-tablet);
    display: var(--type-filtres-recettes-filters-c-display-tablet);
    -webkit-box-align: var(
      --type-filtres-recettes-filters-c-align-items-tablet
    );
    -ms-flex-align: var(--type-filtres-recettes-filters-c-align-items-tablet);
    align-items: var(--type-filtres-recettes-filters-c-align-items-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-filtres-recettes-filters-c-flex-direction-tablet
    );
    flex-direction: var(
      --type-filtres-recettes-filters-c-flex-direction-tablet
    );
    padding: var(--type-filtres-recettes-filters-c-padding-tablet);
    gap: var(--type-filtres-recettes-filters-c-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-filtres-recettes .filters-c {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-filtres-recettes-filters-c-width-desktop);
    display: var(--type-filtres-recettes-filters-c-display-desktop);
    -webkit-box-align: var(
      --type-filtres-recettes-filters-c-align-items-desktop
    );
    -ms-flex-align: var(--type-filtres-recettes-filters-c-align-items-desktop);
    align-items: var(--type-filtres-recettes-filters-c-align-items-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-filtres-recettes-filters-c-flex-direction-desktop
    );
    flex-direction: var(
      --type-filtres-recettes-filters-c-flex-direction-desktop
    );
    padding: var(--type-filtres-recettes-filters-c-padding-desktop);
    gap: var(--type-filtres-recettes-filters-c-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-filtres-recettes .filtres-w {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-filtres-recettes-filtres-w-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-filtres-recettes-filtres-w-flex-direction-mobile
    );
    flex-direction: var(
      --type-filtres-recettes-filtres-w-flex-direction-mobile
    );
    gap: var(--type-filtres-recettes-filtres-w-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-filtres-recettes .filtres-w {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-filtres-recettes-filtres-w-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-filtres-recettes-filtres-w-flex-direction-tablet
    );
    flex-direction: var(
      --type-filtres-recettes-filtres-w-flex-direction-tablet
    );
    gap: var(--type-filtres-recettes-filtres-w-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-filtres-recettes .filtres-w {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-filtres-recettes-filtres-w-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-filtres-recettes-filtres-w-flex-direction-desktop
    );
    flex-direction: var(
      --type-filtres-recettes-filtres-w-flex-direction-desktop
    );
    gap: var(--type-filtres-recettes-filtres-w-gap-desktop);
  }
}

@media (min-width: 0px) {
  .type-selection-articles {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-selection-articles-this-padding-mobile);
    gap: var(--type-selection-articles-this-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-selection-articles {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-selection-articles-this-padding-tablet);
    gap: var(--type-selection-articles-this-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-selection-articles {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-selection-articles-this-padding-desktop);
    gap: var(--type-selection-articles-this-gap-desktop);
  }
}

@media (min-width: 0px) {
  .type-selection-recettes {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-selection-recettes-this-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-selection-recettes {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-selection-recettes-this-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-selection-recettes {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-selection-recettes-this-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-selection-recettes .recettes-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-top: var(
      --type-selection-recettes-recettes-container-margin-top-mobile
    );
    display: var(--type-selection-recettes-recettes-container-display-mobile);
    -ms-grid-columns: var(
      --type-selection-recettes-recettes-container-grid-template-columns-mobile
    );
    grid-template-columns: var(
      --type-selection-recettes-recettes-container-grid-template-columns-mobile
    );
    gap: var(--type-selection-recettes-recettes-container-gap-mobile);
    row-gap: var(--type-selection-recettes-recettes-container-row-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-selection-recettes .recettes-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-top: var(
      --type-selection-recettes-recettes-container-margin-top-tablet
    );
    display: var(--type-selection-recettes-recettes-container-display-tablet);
    -ms-grid-columns: var(
      --type-selection-recettes-recettes-container-grid-template-columns-tablet
    );
    grid-template-columns: var(
      --type-selection-recettes-recettes-container-grid-template-columns-tablet
    );
    gap: var(--type-selection-recettes-recettes-container-gap-tablet);
    row-gap: var(--type-selection-recettes-recettes-container-row-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-selection-recettes .recettes-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-top: var(
      --type-selection-recettes-recettes-container-margin-top-desktop
    );
    display: var(--type-selection-recettes-recettes-container-display-desktop);
    -ms-grid-columns: var(
      --type-selection-recettes-recettes-container-grid-template-columns-desktop
    );
    grid-template-columns: var(
      --type-selection-recettes-recettes-container-grid-template-columns-desktop
    );
    gap: var(--type-selection-recettes-recettes-container-gap-desktop);
    row-gap: var(--type-selection-recettes-recettes-container-row-gap-desktop);
  }
}

@media (min-width: 0px) {
  .type-footer {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-footer-this-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-footer {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-footer-this-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-footer {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-footer-this-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-footer .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-mobile);
    -webkit-box-pack: var(--default-wrapper-justify-content-mobile);
    -ms-flex-pack: var(--default-wrapper-justify-content-mobile);
    justify-content: var(--default-wrapper-justify-content-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-footer-wrapper-padding-mobile);
    -ms-flex-item-align: var(--type-footer-wrapper-align-self-mobile);
    -ms-grid-row-align: var(--type-footer-wrapper-align-self-mobile);
    align-self: var(--type-footer-wrapper-align-self-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-footer-wrapper-flex-direction-mobile);
    flex-direction: var(--type-footer-wrapper-flex-direction-mobile);
    -webkit-box-pack: var(--type-footer-wrapper-justify-content-mobile);
    -ms-flex-pack: var(--type-footer-wrapper-justify-content-mobile);
    justify-content: var(--type-footer-wrapper-justify-content-mobile);
    margin-top: var(--type-footer-wrapper-margin-top-mobile);
  }
}
@media (min-width: 481px) {
  .type-footer .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-tablet);
    -webkit-box-pack: var(--default-wrapper-justify-content-tablet);
    -ms-flex-pack: var(--default-wrapper-justify-content-tablet);
    justify-content: var(--default-wrapper-justify-content-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-footer-wrapper-padding-tablet);
    -ms-flex-item-align: var(--type-footer-wrapper-align-self-tablet);
    -ms-grid-row-align: var(--type-footer-wrapper-align-self-tablet);
    align-self: var(--type-footer-wrapper-align-self-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-footer-wrapper-flex-direction-tablet);
    flex-direction: var(--type-footer-wrapper-flex-direction-tablet);
    -webkit-box-pack: var(--type-footer-wrapper-justify-content-tablet);
    -ms-flex-pack: var(--type-footer-wrapper-justify-content-tablet);
    justify-content: var(--type-footer-wrapper-justify-content-tablet);
    margin-top: var(--type-footer-wrapper-margin-top-tablet);
  }
}
@media (min-width: 1024px) {
  .type-footer .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-desktop);
    -webkit-box-pack: var(--default-wrapper-justify-content-desktop);
    -ms-flex-pack: var(--default-wrapper-justify-content-desktop);
    justify-content: var(--default-wrapper-justify-content-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-footer-wrapper-padding-desktop);
    -ms-flex-item-align: var(--type-footer-wrapper-align-self-desktop);
    -ms-grid-row-align: var(--type-footer-wrapper-align-self-desktop);
    align-self: var(--type-footer-wrapper-align-self-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-footer-wrapper-flex-direction-desktop);
    flex-direction: var(--type-footer-wrapper-flex-direction-desktop);
    -webkit-box-pack: var(--type-footer-wrapper-justify-content-desktop);
    -ms-flex-pack: var(--type-footer-wrapper-justify-content-desktop);
    justify-content: var(--type-footer-wrapper-justify-content-desktop);
    margin-top: var(--type-footer-wrapper-margin-top-desktop);
  }
}
@media (min-width: 0px) {
  .type-footer .logo-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-top: var(--type-footer-logo-wrapper-margin-top-mobile);
  }
}
@media (min-width: 481px) {
  .type-footer .logo-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-top: var(--type-footer-logo-wrapper-margin-top-tablet);
  }
}
@media (min-width: 1024px) {
  .type-footer .logo-wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-top: var(--type-footer-logo-wrapper-margin-top-desktop);
  }
}
@media (min-width: 0px) {
  .type-footer .menu {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-footer-menu-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-footer-menu-flex-direction-mobile);
    flex-direction: var(--type-footer-menu-flex-direction-mobile);
    padding: var(--type-footer-menu-padding-mobile);
    gap: var(--type-footer-menu-gap-mobile);
  }
}
@media (min-width: 481px) {
  .type-footer .menu {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-footer-menu-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-footer-menu-flex-direction-tablet);
    flex-direction: var(--type-footer-menu-flex-direction-tablet);
    padding: var(--type-footer-menu-padding-tablet);
    gap: var(--type-footer-menu-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .type-footer .menu {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-footer-menu-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-footer-menu-flex-direction-desktop);
    flex-direction: var(--type-footer-menu-flex-direction-desktop);
    padding: var(--type-footer-menu-padding-desktop);
    gap: var(--type-footer-menu-gap-desktop);
  }
}
@media (min-width: 0px) {
  .type-footer .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-mobile);
    flex-direction: var(--default-container-flex-direction-mobile);
    gap: var(--default-container-gap-mobile);
    -webkit-box-align: var(--default-container-align-items-mobile);
    -ms-flex-align: var(--default-container-align-items-mobile);
    align-items: var(--default-container-align-items-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-footer-container-display-mobile);
    -ms-flex-direction: var(--type-footer-container-flex-direction-mobile);
    flex-direction: var(--type-footer-container-flex-direction-mobile);
    -webkit-box-pack: var(--type-footer-container-justify-content-mobile);
    -ms-flex-pack: var(--type-footer-container-justify-content-mobile);
    justify-content: var(--type-footer-container-justify-content-mobile);
  }
}
@media (min-width: 481px) {
  .type-footer .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-tablet);
    flex-direction: var(--default-container-flex-direction-tablet);
    gap: var(--default-container-gap-tablet);
    -webkit-box-align: var(--default-container-align-items-tablet);
    -ms-flex-align: var(--default-container-align-items-tablet);
    align-items: var(--default-container-align-items-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-footer-container-display-tablet);
    -ms-flex-direction: var(--type-footer-container-flex-direction-tablet);
    flex-direction: var(--type-footer-container-flex-direction-tablet);
    -webkit-box-pack: var(--type-footer-container-justify-content-tablet);
    -ms-flex-pack: var(--type-footer-container-justify-content-tablet);
    justify-content: var(--type-footer-container-justify-content-tablet);
  }
}
@media (min-width: 1024px) {
  .type-footer .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-desktop);
    flex-direction: var(--default-container-flex-direction-desktop);
    gap: var(--default-container-gap-desktop);
    -webkit-box-align: var(--default-container-align-items-desktop);
    -ms-flex-align: var(--default-container-align-items-desktop);
    align-items: var(--default-container-align-items-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    display: var(--type-footer-container-display-desktop);
    -ms-flex-direction: var(--type-footer-container-flex-direction-desktop);
    flex-direction: var(--type-footer-container-flex-direction-desktop);
    -webkit-box-pack: var(--type-footer-container-justify-content-desktop);
    -ms-flex-pack: var(--type-footer-container-justify-content-desktop);
    justify-content: var(--type-footer-container-justify-content-desktop);
  }
}
@media (min-width: 0px) {
  .type-footer .x-between {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-top: var(--type-footer-x-between-margin-top-mobile);
  }
}
@media (min-width: 481px) {
  .type-footer .x-between {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-top: var(--type-footer-x-between-margin-top-tablet);
  }
}
@media (min-width: 1024px) {
  .type-footer .x-between {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    margin-top: var(--type-footer-x-between-margin-top-desktop);
  }
}
@media (min-width: 0px) {
  .type-footer .logos {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    gap: var(--type-footer-logos-gap-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-footer-logos-flex-direction-mobile);
    flex-direction: var(--type-footer-logos-flex-direction-mobile);
  }
}
@media (min-width: 481px) {
  .type-footer .logos {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    gap: var(--type-footer-logos-gap-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-footer-logos-flex-direction-tablet);
    flex-direction: var(--type-footer-logos-flex-direction-tablet);
  }
}
@media (min-width: 1024px) {
  .type-footer .logos {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    gap: var(--type-footer-logos-gap-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--type-footer-logos-flex-direction-desktop);
    flex-direction: var(--type-footer-logos-flex-direction-desktop);
  }
}
@media (min-width: 0px) {
  .type-footer .footer-logo {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-footer-footer-logo-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-footer .footer-logo {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-footer-footer-logo-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-footer .footer-logo {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-footer-footer-logo-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-footer .site-navigation {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-footer-site-navigation-flex-direction-mobile
    );
    flex-direction: var(--type-footer-site-navigation-flex-direction-mobile);
    width: var(--type-footer-site-navigation-width-mobile);
  }
}
@media (min-width: 481px) {
  .type-footer .site-navigation {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-footer-site-navigation-flex-direction-tablet
    );
    flex-direction: var(--type-footer-site-navigation-flex-direction-tablet);
    width: var(--type-footer-site-navigation-width-tablet);
  }
}
@media (min-width: 1024px) {
  .type-footer .site-navigation {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(
      --type-footer-site-navigation-flex-direction-desktop
    );
    flex-direction: var(--type-footer-site-navigation-flex-direction-desktop);
    width: var(--type-footer-site-navigation-width-desktop);
  }
}
@media (min-width: 0px) {
  .type-footer .navigation {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-flex: var(--type-footer-navigation-flex-grow-mobile);
    -ms-flex-positive: var(--type-footer-navigation-flex-grow-mobile);
    flex-grow: var(--type-footer-navigation-flex-grow-mobile);
  }
}
@media (min-width: 481px) {
  .type-footer .navigation {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-flex: var(--type-footer-navigation-flex-grow-tablet);
    -ms-flex-positive: var(--type-footer-navigation-flex-grow-tablet);
    flex-grow: var(--type-footer-navigation-flex-grow-tablet);
  }
}
@media (min-width: 1024px) {
  .type-footer .navigation {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    -webkit-box-flex: var(--type-footer-navigation-flex-grow-desktop);
    -ms-flex-positive: var(--type-footer-navigation-flex-grow-desktop);
    flex-grow: var(--type-footer-navigation-flex-grow-desktop);
  }
}
@media (min-width: 0px) {
  .type-footer .main-navigation {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-footer-main-navigation-height-mobile);
  }
}
@media (min-width: 481px) {
  .type-footer .main-navigation {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-footer-main-navigation-height-tablet);
  }
}
@media (min-width: 1024px) {
  .type-footer .main-navigation {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    height: var(--type-footer-main-navigation-height-desktop);
  }
}
@media (min-width: 0px) {
  .type-footer .menu-pages-legales-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-footer-menu-pages-legales-container-width-mobile);
    display: var(--type-footer-menu-pages-legales-container-display-mobile);
    -webkit-box-pack: var(
      --type-footer-menu-pages-legales-container-justify-content-mobile
    );
    -ms-flex-pack: var(
      --type-footer-menu-pages-legales-container-justify-content-mobile
    );
    justify-content: var(
      --type-footer-menu-pages-legales-container-justify-content-mobile
    );
  }
}
@media (min-width: 481px) {
  .type-footer .menu-pages-legales-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-footer-menu-pages-legales-container-width-tablet);
    display: var(--type-footer-menu-pages-legales-container-display-tablet);
    -webkit-box-pack: var(
      --type-footer-menu-pages-legales-container-justify-content-tablet
    );
    -ms-flex-pack: var(
      --type-footer-menu-pages-legales-container-justify-content-tablet
    );
    justify-content: var(
      --type-footer-menu-pages-legales-container-justify-content-tablet
    );
  }
}
@media (min-width: 1024px) {
  .type-footer .menu-pages-legales-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-footer-menu-pages-legales-container-width-desktop);
    display: var(--type-footer-menu-pages-legales-container-display-desktop);
    -webkit-box-pack: var(
      --type-footer-menu-pages-legales-container-justify-content-desktop
    );
    -ms-flex-pack: var(
      --type-footer-menu-pages-legales-container-justify-content-desktop
    );
    justify-content: var(
      --type-footer-menu-pages-legales-container-justify-content-desktop
    );
  }
}
@media (min-width: 0px) {
  .type-footer .menu-principal-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-footer-menu-principal-container-width-mobile);
    display: var(--type-footer-menu-principal-container-display-mobile);
    -webkit-box-pack: var(
      --type-footer-menu-principal-container-justify-content-mobile
    );
    -ms-flex-pack: var(
      --type-footer-menu-principal-container-justify-content-mobile
    );
    justify-content: var(
      --type-footer-menu-principal-container-justify-content-mobile
    );
  }
}
@media (min-width: 481px) {
  .type-footer .menu-principal-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-footer-menu-principal-container-width-tablet);
    display: var(--type-footer-menu-principal-container-display-tablet);
    -webkit-box-pack: var(
      --type-footer-menu-principal-container-justify-content-tablet
    );
    -ms-flex-pack: var(
      --type-footer-menu-principal-container-justify-content-tablet
    );
    justify-content: var(
      --type-footer-menu-principal-container-justify-content-tablet
    );
  }
}
@media (min-width: 1024px) {
  .type-footer .menu-principal-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-footer-menu-principal-container-width-desktop);
    display: var(--type-footer-menu-principal-container-display-desktop);
    -webkit-box-pack: var(
      --type-footer-menu-principal-container-justify-content-desktop
    );
    -ms-flex-pack: var(
      --type-footer-menu-principal-container-justify-content-desktop
    );
    justify-content: var(
      --type-footer-menu-principal-container-justify-content-desktop
    );
  }
}
@media (min-width: 0px) {
  .type-footer .menu-secondaire-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-footer-menu-secondaire-container-width-mobile);
    display: var(--type-footer-menu-secondaire-container-display-mobile);
    -webkit-box-pack: var(
      --type-footer-menu-secondaire-container-justify-content-mobile
    );
    -ms-flex-pack: var(
      --type-footer-menu-secondaire-container-justify-content-mobile
    );
    justify-content: var(
      --type-footer-menu-secondaire-container-justify-content-mobile
    );
  }
}
@media (min-width: 481px) {
  .type-footer .menu-secondaire-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-footer-menu-secondaire-container-width-tablet);
    display: var(--type-footer-menu-secondaire-container-display-tablet);
    -webkit-box-pack: var(
      --type-footer-menu-secondaire-container-justify-content-tablet
    );
    -ms-flex-pack: var(
      --type-footer-menu-secondaire-container-justify-content-tablet
    );
    justify-content: var(
      --type-footer-menu-secondaire-container-justify-content-tablet
    );
  }
}
@media (min-width: 1024px) {
  .type-footer .menu-secondaire-container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-footer-menu-secondaire-container-width-desktop);
    display: var(--type-footer-menu-secondaire-container-display-desktop);
    -webkit-box-pack: var(
      --type-footer-menu-secondaire-container-justify-content-desktop
    );
    -ms-flex-pack: var(
      --type-footer-menu-secondaire-container-justify-content-desktop
    );
    justify-content: var(
      --type-footer-menu-secondaire-container-justify-content-desktop
    );
  }
}
@media (min-width: 0px) {
  .type-footer .menu-item {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-footer-menu-item-width-mobile);
  }
}
@media (min-width: 481px) {
  .type-footer .menu-item {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-footer-menu-item-width-tablet);
  }
}
@media (min-width: 1024px) {
  .type-footer .menu-item {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    width: var(--type-footer-menu-item-width-desktop);
  }
}

@media (min-width: 0px) {
  .type-demo {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-mobile);
    flex-direction: var(--default-this-flex-direction-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-demo-this-padding-mobile);
    margin: var(--type-demo-this-margin-mobile);
  }
}
@media (min-width: 481px) {
  .type-demo {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-tablet);
    flex-direction: var(--default-this-flex-direction-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-demo-this-padding-tablet);
    margin: var(--type-demo-this-margin-tablet);
  }
}
@media (min-width: 1024px) {
  .type-demo {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-this-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-this-flex-direction-desktop);
    flex-direction: var(--default-this-flex-direction-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-demo-this-padding-desktop);
    margin: var(--type-demo-this-margin-desktop);
  }
}
@media (min-width: 0px) {
  .type-demo .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-mobile);
    -webkit-box-pack: var(--default-wrapper-justify-content-mobile);
    -ms-flex-pack: var(--default-wrapper-justify-content-mobile);
    justify-content: var(--default-wrapper-justify-content-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-demo-wrapper-padding-mobile);
  }
}
@media (min-width: 481px) {
  .type-demo .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-tablet);
    -webkit-box-pack: var(--default-wrapper-justify-content-tablet);
    -ms-flex-pack: var(--default-wrapper-justify-content-tablet);
    justify-content: var(--default-wrapper-justify-content-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-demo-wrapper-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .type-demo .wrapper {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-wrapper-display-desktop);
    -webkit-box-pack: var(--default-wrapper-justify-content-desktop);
    -ms-flex-pack: var(--default-wrapper-justify-content-desktop);
    justify-content: var(--default-wrapper-justify-content-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-demo-wrapper-padding-desktop);
  }
}
@media (min-width: 0px) {
  .type-demo .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-mobile);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-mobile);
    flex-direction: var(--default-container-flex-direction-mobile);
    gap: var(--default-container-gap-mobile);
    -webkit-box-align: var(--default-container-align-items-mobile);
    -ms-flex-align: var(--default-container-align-items-mobile);
    align-items: var(--default-container-align-items-mobile);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-demo-container-padding-mobile);
    -ms-flex-direction: var(--type-demo-container-flex-direction-mobile);
    flex-direction: var(--type-demo-container-flex-direction-mobile);
  }
}
@media (min-width: 481px) {
  .type-demo .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-tablet);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-tablet);
    flex-direction: var(--default-container-flex-direction-tablet);
    gap: var(--default-container-gap-tablet);
    -webkit-box-align: var(--default-container-align-items-tablet);
    -ms-flex-align: var(--default-container-align-items-tablet);
    align-items: var(--default-container-align-items-tablet);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-demo-container-padding-tablet);
    -ms-flex-direction: var(--type-demo-container-flex-direction-tablet);
    flex-direction: var(--type-demo-container-flex-direction-tablet);
  }
}
@media (min-width: 1024px) {
  .type-demo .container {
    /* If element has a property defined in $default-values,
       create its Default Variable Name */
    display: var(--default-container-display-desktop);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--default-container-flex-direction-desktop);
    flex-direction: var(--default-container-flex-direction-desktop);
    gap: var(--default-container-gap-desktop);
    -webkit-box-align: var(--default-container-align-items-desktop);
    -ms-flex-align: var(--default-container-align-items-desktop);
    align-items: var(--default-container-align-items-desktop);
    /* Overwrite or Create its Others Properties Variables Dedicated Names,
      from $layout-parameters */
    padding: var(--type-demo-container-padding-desktop);
    -ms-flex-direction: var(--type-demo-container-flex-direction-desktop);
    flex-direction: var(--type-demo-container-flex-direction-desktop);
  }
}

/* Create here as much as needed... */
.next-section-joined {
  z-index: 12 !important;
  margin-bottom: 0;
}
.next-section-joined + section,
.next-section-joined + footer {
  margin-top: 0;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  ELEMENTS APPLICATIONS
/**/
/* If some elements have allways the same paddings/margins on the project
  define them here with the variables already defined */
body {
  margin: auto;
  overflow-x: hidden;
}

.hidden {
  display: none;
}

:root {
  --default-this-display-mobile: flex;
  --default-this-display-tablet: flex;
  --default-this-display-desktop: flex;
  --default-this-flex-direction-mobile: column;
  --default-this-flex-direction-tablet: column;
  --default-this-flex-direction-desktop: column;
  --default-sidebar-display-mobile: flex;
  --default-sidebar-display-tablet: flex;
  --default-sidebar-display-desktop: flex;
  --default-sidebar-flex-direction-mobile: column;
  --default-sidebar-flex-direction-tablet: column;
  --default-sidebar-flex-direction-desktop: column;
  --default-wrapper-display-mobile: flex;
  --default-wrapper-display-tablet: flex;
  --default-wrapper-display-desktop: flex;
  --default-wrapper-justify-content-mobile: flex-start;
  --default-wrapper-justify-content-tablet: flex-start;
  --default-wrapper-justify-content-desktop: space-between;
  --default-container-display-mobile: flex;
  --default-container-display-tablet: flex;
  --default-container-display-desktop: flex;
  --default-container-flex-direction-mobile: column;
  --default-container-flex-direction-tablet: column;
  --default-container-flex-direction-desktop: column;
  --default-container-gap-mobile: 0;
  --default-container-gap-tablet: 0;
  --default-container-gap-desktop: calc(0.0081081081 * 1 * 100vw);
  --default-container-align-items-mobile: flex-start;
  --default-container-align-items-tablet: flex-start;
  --default-container-align-items-desktop: center;
  --default-package-display-mobile: flex;
  --default-package-display-tablet: flex;
  --default-package-display-desktop: flex;
  --default-package-flex-direction-mobile: column;
  --default-package-flex-direction-tablet: column;
  --default-package-flex-direction-desktop: row;
  --default-package-width-mobile: -webkit-fill-available;
  --default-package-width-tablet: -webkit-fill-available;
  --default-package-width-desktop: -webkit-fill-available;
  --type-header-this-display-mobile: block;
  --type-header-this-display-tablet: block;
  --type-header-this-display-desktop: block;
  --type-header-this-flex-direction-mobile: row;
  --type-header-this-flex-direction-tablet: row;
  --type-header-this-flex-direction-desktop: row;
  --type-header-this-padding-mobile: calc(0.0356234097 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw) calc(0.0356234097 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-header-this-padding-tablet: calc(0.0170731707 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw) calc(0.0170731707 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-header-this-padding-desktop: calc(0.0135135135 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw) calc(0.0135135135 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-header-this-justify-content-mobile: space-between;
  --type-header-this-justify-content-tablet: space-between;
  --type-header-this-justify-content-desktop: space-between;
  --type-header-wrapper-flex-direction-mobile: column;
  --type-header-wrapper-flex-direction-tablet: column;
  --type-header-wrapper-flex-direction-desktop: row;
  --type-header-wrapper-height-mobile: calc(0.1806615776 * 1 * 100vw);
  --type-header-wrapper-height-tablet: calc(0.0865853659 * 1 * 100vw);
  --type-header-wrapper-height-desktop: calc(0.0608108108 * 1 * 100vw);
  --type-header-wrapper-padding-mobile: calc(0.0356234097 * 1 * 100vw);
  --type-header-wrapper-padding-tablet: calc(0.0170731707 * 1 * 100vw);
  --type-header-wrapper-padding-desktop: 0;
  --type-header-custom-logo-width-mobile: calc(0.3180661578 * 1 * 100vw);
  --type-header-custom-logo-width-tablet: calc(0.1524390244 * 1 * 100vw);
  --type-header-custom-logo-width-desktop: calc(0.1047297297 * 1 * 100vw);
  --type-header-custom-logo-height-mobile: calc(0.1781170483 * 1 * 100vw);
  --type-header-custom-logo-height-tablet: calc(0.0853658537 * 1 * 100vw);
  --type-header-custom-logo-height-desktop: calc(0.0608108108 * 1 * 100vw);
  --type-header-container-flex-direction-mobile: row;
  --type-header-container-flex-direction-tablet: row;
  --type-header-container-flex-direction-desktop: row;
  --type-header-container-justify-content-mobile: flex-start;
  --type-header-container-justify-content-tablet: flex-start;
  --type-header-container-justify-content-desktop: flex-end;
  --type-header-package-height-mobile: 100%;
  --type-header-package-height-tablet: 100%;
  --type-header-package-height-desktop: 100%;
  --type-header-sub-menu-top-mobile: calc(0.1806615776 * 1 * 100vw - 2px);
  --type-header-sub-menu-top-tablet: calc(0.0865853659 * 1 * 100vw - 2px);
  --type-header-sub-menu-top-desktop: calc(0.0608108108 * 1 * 100vw - 2px);
  --type-header-menu-display-mobile: flex;
  --type-header-menu-display-tablet: flex;
  --type-header-menu-display-desktop: flex;
  --type-header-menu-flex-direction-mobile: column;
  --type-header-menu-flex-direction-tablet: column;
  --type-header-menu-flex-direction-desktop: row;
  --type-header-menu-gap-mobile: 0;
  --type-header-menu-gap-tablet: 0;
  --type-header-menu-gap-desktop: calc(0.0202702703 * 1 * 100vw);
  --type-header-main-navigation-display-mobile: flex;
  --type-header-main-navigation-display-tablet: flex;
  --type-header-main-navigation-display-desktop: flex;
  --type-header-main-navigation-align-items-mobile: center;
  --type-header-main-navigation-align-items-tablet: center;
  --type-header-main-navigation-align-items-desktop: center;
  --type-header-mobile-header-display-mobile: flex;
  --type-header-mobile-header-display-tablet: flex;
  --type-header-mobile-header-display-desktop: none;
  --type-header-mobile-header-flex-direction-mobile: row;
  --type-header-mobile-header-flex-direction-tablet: row;
  --type-header-mobile-header-flex-direction-desktop: row;
  --type-header-mobile-header-align-items-mobile: center;
  --type-header-mobile-header-align-items-tablet: center;
  --type-header-mobile-header-align-items-desktop: center;
  --type-header-mobile-header-justify-content-mobile: space-between;
  --type-header-mobile-header-justify-content-tablet: space-between;
  --type-header-mobile-header-justify-content-desktop: space-between;
  --type-burger-this-width-mobile: -webkit-fill-available;
  --type-burger-this-width-tablet: -webkit-fill-available;
  --type-burger-this-width-desktop: -webkit-fill-available;
  --type-burger-this-height-mobile: 100vh;
  --type-burger-this-height-tablet: 100vh;
  --type-burger-this-height-desktop: 100vh;
  --type-burger-burger-menu-wrapper-padding-mobile: calc(
      0.1806615776 * 1 * 100vw + 3 * 0.0356234097 * 1 * 100vw
    )
    0 0 0;
  --type-burger-burger-menu-wrapper-padding-tablet: calc(
      0.0865853659 * 1 * 100vw + 3 * 0.0170731707 * 1 * 100vw
    )
    0 0 0;
  --type-burger-burger-menu-wrapper-padding-desktop: calc(
      0.0608108108 * 1 * 100vw + 2 * 0.0135135135 * 1 * 100vw
    )
    0 0 0;
  --type-burger-burger-menu-wrapper-display-mobile: flex;
  --type-burger-burger-menu-wrapper-display-tablet: flex;
  --type-burger-burger-menu-wrapper-display-desktop: flex;
  --type-burger-burger-menu-wrapper-flex-direction-mobile: column;
  --type-burger-burger-menu-wrapper-flex-direction-tablet: column;
  --type-burger-burger-menu-wrapper-flex-direction-desktop: column;
  --type-burger-wrapper-width-mobile: -webkit-fill-available;
  --type-burger-wrapper-width-tablet: -webkit-fill-available;
  --type-burger-wrapper-width-desktop: -webkit-fill-available;
  --type-burger-end-height-mobile: 100vh;
  --type-burger-end-height-tablet: 100vh;
  --type-burger-end-height-desktop: 100vh;
  --type-burger-container-width-mobile: -webkit-fill-available;
  --type-burger-container-width-tablet: -webkit-fill-available;
  --type-burger-container-width-desktop: -webkit-fill-available;
  --type-burger-menu-display-mobile: flex;
  --type-burger-menu-display-tablet: flex;
  --type-burger-menu-display-desktop: flex;
  --type-burger-menu-flex-direction-mobile: column;
  --type-burger-menu-flex-direction-tablet: column;
  --type-burger-menu-flex-direction-desktop: column;
  --type-burger-menu-item-width-mobile: -webkit-fill-available;
  --type-burger-menu-item-width-tablet: -webkit-fill-available;
  --type-burger-menu-item-width-desktop: -webkit-fill-available;
  --type-breadcrumb-this-padding-mobile: calc(0.0356234097 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw) calc(0.0356234097 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-breadcrumb-this-padding-tablet: calc(0.0170731707 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw) calc(0.0170731707 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-breadcrumb-this-padding-desktop: calc(0.0135135135 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw) calc(0.0135135135 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-card-producteur-this-position-mobile: relative;
  --type-card-producteur-this-position-tablet: relative;
  --type-card-producteur-this-position-desktop: relative;
  --type-card-producteur-this-height-mobile: calc(1.0687022901 * 1 * 100vw);
  --type-card-producteur-this-height-tablet: calc(0.512195122 * 1 * 100vw);
  --type-card-producteur-this-height-desktop: calc(0.2837837838 * 1 * 100vw);
  --type-card-producteur-this-width-mobile: calc(0.7786259542 * 1 * 100vw);
  --type-card-producteur-this-width-tablet: calc(0.3731707317 * 1 * 100vw);
  --type-card-producteur-this-width-desktop: calc(0.2162162162 * 1 * 100vw);
  --type-card-producteur-this-display-mobile: flex;
  --type-card-producteur-this-display-tablet: flex;
  --type-card-producteur-this-display-desktop: flex;
  --type-card-producteur-this-flex-direction-mobile: column;
  --type-card-producteur-this-flex-direction-tablet: column;
  --type-card-producteur-this-flex-direction-desktop: column;
  --type-card-producteur-image-height-mobile: calc(0.5089058524 * 1 * 100vw);
  --type-card-producteur-image-height-tablet: calc(0.243902439 * 1 * 100vw);
  --type-card-producteur-image-height-desktop: calc(0.1351351351 * 1 * 100vw);
  --type-card-producteur-content-display-mobile: flex;
  --type-card-producteur-content-display-tablet: flex;
  --type-card-producteur-content-display-desktop: flex;
  --type-card-producteur-content-flex-direction-mobile: column;
  --type-card-producteur-content-flex-direction-tablet: column;
  --type-card-producteur-content-flex-direction-desktop: column;
  --type-card-producteur-content-height-mobile: calc(0.4071246819 * 1 * 100vw);
  --type-card-producteur-content-height-tablet: calc(0.1951219512 * 1 * 100vw);
  --type-card-producteur-content-height-desktop: calc(0.1081081081 * 1 * 100vw);
  --type-card-producteur-content-padding-mobile: calc(0.1017811705 * 1 * 100vw)
    calc(0.0508905852 * 1 * 100vw) calc(0.0508905852 * 1 * 100vw)
    calc(0.0508905852 * 1 * 100vw);
  --type-card-producteur-content-padding-tablet: calc(0.0487804878 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-card-producteur-content-padding-desktop: calc(0.027027027 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw) calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw);
  --type-card-producteur-content-position-mobile: relative;
  --type-card-producteur-content-position-tablet: relative;
  --type-card-producteur-content-position-desktop: relative;
  --type-card-producteur-nom-margin-bottom-mobile: calc(
    0.0305343511 * 1 * 100vw
  );
  --type-card-producteur-nom-margin-bottom-tablet: calc(
    0.0146341463 * 1 * 100vw
  );
  --type-card-producteur-nom-margin-bottom-desktop: calc(
    0.0081081081 * 1 * 100vw
  );
  --type-card-producteur-labels-container-display-mobile: flex;
  --type-card-producteur-labels-container-display-tablet: flex;
  --type-card-producteur-labels-container-display-desktop: flex;
  --type-card-producteur-labels-container-overflow-mobile: auto;
  --type-card-producteur-labels-container-overflow-tablet: auto;
  --type-card-producteur-labels-container-overflow-desktop: auto;
  --type-card-producteur-labels-container-max-width-mobile: 100%;
  --type-card-producteur-labels-container-max-width-tablet: 100%;
  --type-card-producteur-labels-container-max-width-desktop: 100%;
  --type-card-producteur-labels-container-gap-mobile: calc(
    0.0127226463 * 1 * 100vw
  );
  --type-card-producteur-labels-container-gap-tablet: calc(
    0.006097561 * 1 * 100vw
  );
  --type-card-producteur-labels-container-gap-desktop: calc(
    0.0033783784 * 1 * 100vw
  );
  --type-card-producteur-labels-container-position-mobile: absolute;
  --type-card-producteur-labels-container-position-tablet: absolute;
  --type-card-producteur-labels-container-position-desktop: absolute;
  --type-card-producteur-labels-container-top-mobile: calc(
    0.0254452926 * 1 * 100vw
  );
  --type-card-producteur-labels-container-top-tablet: calc(
    0.012195122 * 1 * 100vw
  );
  --type-card-producteur-labels-container-top-desktop: calc(
    0.0067567568 * 1 * 100vw
  );
  --type-card-producteur-labels-container-left-mobile: calc(
    0.0254452926 * 1 * 100vw
  );
  --type-card-producteur-labels-container-left-tablet: calc(
    0.012195122 * 1 * 100vw
  );
  --type-card-producteur-labels-container-left-desktop: calc(
    0.0067567568 * 1 * 100vw
  );
  --type-card-producteur-label-width-mobile: max-content;
  --type-card-producteur-label-width-tablet: max-content;
  --type-card-producteur-label-width-desktop: max-content;
  --type-card-producteur-label-height-mobile: fit-content;
  --type-card-producteur-label-height-tablet: fit-content;
  --type-card-producteur-label-height-desktop: fit-content;
  --type-card-producteur-label-white-space-mobile: nowrap;
  --type-card-producteur-label-white-space-tablet: nowrap;
  --type-card-producteur-label-white-space-desktop: nowrap;
  --type-card-producteur-label-padding-mobile: calc(0.0254452926 * 1 * 100vw);
  --type-card-producteur-label-padding-tablet: calc(0.012195122 * 1 * 100vw);
  --type-card-producteur-label-padding-desktop: calc(0.0067567568 * 1 * 100vw);
  --type-card-producteur-categorie-display-mobile: flex;
  --type-card-producteur-categorie-display-tablet: flex;
  --type-card-producteur-categorie-display-desktop: flex;
  --type-card-producteur-categorie-align-items-mobile: center;
  --type-card-producteur-categorie-align-items-tablet: center;
  --type-card-producteur-categorie-align-items-desktop: center;
  --type-card-producteur-categorie-gap-mobile: calc(0.0254452926 * 1 * 100vw);
  --type-card-producteur-categorie-gap-tablet: calc(0.012195122 * 1 * 100vw);
  --type-card-producteur-categorie-gap-desktop: calc(0.0067567568 * 1 * 100vw);
  --type-card-producteur-categorie-width-mobile: 100%;
  --type-card-producteur-categorie-width-tablet: 100%;
  --type-card-producteur-categorie-width-desktop: 100%;
  --type-card-producteur-categorie-padding-top-mobile: calc(
    0.0508905852 * 1 * 100vw
  );
  --type-card-producteur-categorie-padding-top-tablet: calc(
    0.0243902439 * 1 * 100vw
  );
  --type-card-producteur-categorie-padding-top-desktop: calc(
    0.0135135135 * 1 * 100vw
  );
  --type-card-producteur-categorie-margin-top-mobile: auto;
  --type-card-producteur-categorie-margin-top-tablet: auto;
  --type-card-producteur-categorie-margin-top-desktop: auto;
  --type-card-producteur-localisation-position-mobile: absolute;
  --type-card-producteur-localisation-position-tablet: absolute;
  --type-card-producteur-localisation-position-desktop: absolute;
  --type-card-producteur-localisation-top-mobile: 0;
  --type-card-producteur-localisation-top-tablet: 0;
  --type-card-producteur-localisation-top-desktop: 0;
  --type-card-producteur-localisation-transform-mobile: translateY(-50%);
  --type-card-producteur-localisation-transform-tablet: translateY(-50%);
  --type-card-producteur-localisation-transform-desktop: translateY(-50%);
  --type-card-producteur-localisation-display-mobile: flex;
  --type-card-producteur-localisation-display-tablet: flex;
  --type-card-producteur-localisation-display-desktop: flex;
  --type-card-producteur-localisation-align-items-mobile: center;
  --type-card-producteur-localisation-align-items-tablet: center;
  --type-card-producteur-localisation-align-items-desktop: center;
  --type-card-producteur-localisation-width-mobile: max-content;
  --type-card-producteur-localisation-width-tablet: max-content;
  --type-card-producteur-localisation-width-desktop: max-content;
  --type-card-producteur-localisation-padding-mobile: calc(
      0.0254452926 * 1 * 100vw
    )
    calc(0.0381679389 * 1 * 100vw);
  --type-card-producteur-localisation-padding-tablet: calc(
      0.012195122 * 1 * 100vw
    )
    calc(0.0182926829 * 1 * 100vw);
  --type-card-producteur-localisation-padding-desktop: calc(
      0.0067567568 * 1 * 100vw
    )
    calc(0.0101351351 * 1 * 100vw);
  --type-card-producteur-localisation-gap-mobile: calc(
    0.0203562341 * 1 * 100vw
  );
  --type-card-producteur-localisation-gap-tablet: calc(
    0.0097560976 * 1 * 100vw
  );
  --type-card-producteur-localisation-gap-desktop: calc(
    0.0054054054 * 1 * 100vw
  );
  --type-card-article-this-position-mobile: relative;
  --type-card-article-this-position-tablet: relative;
  --type-card-article-this-position-desktop: relative;
  --type-card-article-this-width-mobile: calc(0.8651399491 * 1 * 100vw);
  --type-card-article-this-width-tablet: calc(0.4146341463 * 1 * 100vw);
  --type-card-article-this-width-desktop: calc(0.4189189189 * 1 * 100vw);
  --type-card-article-this-height-mobile: calc(1.1195928753 * 1 * 100vw);
  --type-card-article-this-height-tablet: calc(0.5365853659 * 1 * 100vw);
  --type-card-article-this-height-desktop: calc(0.2972972973 * 1 * 100vw);
  --type-card-article-categorie-position-mobile: absolute;
  --type-card-article-categorie-position-tablet: absolute;
  --type-card-article-categorie-position-desktop: absolute;
  --type-card-article-categorie-width-mobile: max-content;
  --type-card-article-categorie-width-tablet: max-content;
  --type-card-article-categorie-width-desktop: max-content;
  --type-card-article-categorie-padding-mobile: calc(0.0229007634 * 1 * 100vw)
    calc(0.0381679389 * 1 * 100vw);
  --type-card-article-categorie-padding-tablet: calc(0.0109756098 * 1 * 100vw)
    calc(0.0182926829 * 1 * 100vw);
  --type-card-article-categorie-padding-desktop: calc(0.0060810811 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw);
  --type-card-article-categorie-top-mobile: calc(0.0254452926 * 1 * 100vw);
  --type-card-article-categorie-top-tablet: calc(0.012195122 * 1 * 100vw);
  --type-card-article-categorie-top-desktop: calc(0.0067567568 * 1 * 100vw);
  --type-card-article-categorie-left-mobile: calc(0.0254452926 * 1 * 100vw);
  --type-card-article-categorie-left-tablet: calc(0.012195122 * 1 * 100vw);
  --type-card-article-categorie-left-desktop: calc(0.0067567568 * 1 * 100vw);
  --type-card-article-content-padding-mobile: calc(0.0330788804 * 1 * 100vw)
    calc(0.048346056 * 1 * 100vw);
  --type-card-article-content-padding-tablet: calc(0.0158536585 * 1 * 100vw)
    calc(0.0231707317 * 1 * 100vw);
  --type-card-article-content-padding-desktop: calc(0.0101351351 * 1 * 100vw)
    calc(0.0162162162 * 1 * 100vw);
  --type-card-article-titre-margin-mobile: calc(0.0254452926 * 1 * 100vw) 0
    calc(0.0254452926 * 1 * 100vw) 0;
  --type-card-article-titre-margin-tablet: calc(0.012195122 * 1 * 100vw) 0
    calc(0.012195122 * 1 * 100vw) 0;
  --type-card-article-titre-margin-desktop: calc(0.0101351351 * 1 * 100vw) 0
    calc(0.0060810811 * 1 * 100vw) 0;
  --type-card-article-image-height-mobile: calc(0.7633587786 * 1 * 100vw);
  --type-card-article-image-height-tablet: calc(0.3658536585 * 1 * 100vw);
  --type-card-article-image-height-desktop: calc(0.2027027027 * 1 * 100vw);
  --type-card-article-article-link-display-mobile: flex;
  --type-card-article-article-link-display-tablet: flex;
  --type-card-article-article-link-display-desktop: flex;
  --type-card-article-article-link-align-items-mobile: center;
  --type-card-article-article-link-align-items-tablet: center;
  --type-card-article-article-link-align-items-desktop: center;
  --type-card-article-article-link-gap-mobile: calc(0.0254452926 * 1 * 100vw);
  --type-card-article-article-link-gap-tablet: calc(0.012195122 * 1 * 100vw);
  --type-card-article-article-link-gap-desktop: calc(0.0067567568 * 1 * 100vw);
  --type-card-article-long-this-display-mobile: flex;
  --type-card-article-long-this-display-tablet: flex;
  --type-card-article-long-this-display-desktop: flex;
  --type-card-article-long-this-flex-direction-mobile: row;
  --type-card-article-long-this-flex-direction-tablet: row;
  --type-card-article-long-this-flex-direction-desktop: row;
  --type-card-article-long-this-justify-content-mobile: space-between;
  --type-card-article-long-this-justify-content-tablet: space-between;
  --type-card-article-long-this-justify-content-desktop: space-between;
  --type-card-article-long-categorie-position-mobile: absolute;
  --type-card-article-long-categorie-position-tablet: absolute;
  --type-card-article-long-categorie-position-desktop: absolute;
  --type-card-article-long-categorie-width-mobile: max-content;
  --type-card-article-long-categorie-width-tablet: max-content;
  --type-card-article-long-categorie-width-desktop: max-content;
  --type-card-article-long-categorie-padding-mobile: calc(
      0.0229007634 * 1 * 100vw
    )
    calc(0.0381679389 * 1 * 100vw);
  --type-card-article-long-categorie-padding-tablet: calc(
      0.0109756098 * 1 * 100vw
    )
    calc(0.0182926829 * 1 * 100vw);
  --type-card-article-long-categorie-padding-desktop: calc(
      0.0060810811 * 1 * 100vw
    )
    calc(0.0135135135 * 1 * 100vw);
  --type-card-article-long-categorie-top-mobile: calc(0.0254452926 * 1 * 100vw);
  --type-card-article-long-categorie-top-tablet: calc(0.012195122 * 1 * 100vw);
  --type-card-article-long-categorie-top-desktop: calc(
    0.0067567568 * 1 * 100vw
  );
  --type-card-article-long-categorie-left-mobile: calc(
    0.0254452926 * 1 * 100vw
  );
  --type-card-article-long-categorie-left-tablet: calc(0.012195122 * 1 * 100vw);
  --type-card-article-long-categorie-left-desktop: calc(
    0.0067567568 * 1 * 100vw
  );
  --type-card-article-long-content-display-mobile: flex;
  --type-card-article-long-content-display-tablet: flex;
  --type-card-article-long-content-display-desktop: flex;
  --type-card-article-long-content-flex-direction-mobile: column;
  --type-card-article-long-content-flex-direction-tablet: column;
  --type-card-article-long-content-flex-direction-desktop: column;
  --type-card-article-long-content-justify-content-mobile: center;
  --type-card-article-long-content-justify-content-tablet: center;
  --type-card-article-long-content-justify-content-desktop: center;
  --type-card-article-long-content-width-mobile: calc(1.4122137405 * 1 * 100vw);
  --type-card-article-long-content-width-tablet: calc(0.6768292683 * 1 * 100vw);
  --type-card-article-long-content-width-desktop: calc(0.375 * 1 * 100vw);
  --type-card-article-long-content-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-card-article-long-content-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-card-article-long-content-gap-desktop: calc(0.0135135135 * 1 * 100vw);
  --type-card-article-long-content-padding-mobile: calc(
      0.0330788804 * 1 * 100vw
    )
    calc(0.048346056 * 1 * 100vw);
  --type-card-article-long-content-padding-tablet: calc(
      0.0158536585 * 1 * 100vw
    )
    calc(0.0231707317 * 1 * 100vw);
  --type-card-article-long-content-padding-desktop: calc(
      0.0101351351 * 1 * 100vw
    )
    calc(0.0162162162 * 1 * 100vw);
  --type-card-article-long-titre-margin-mobile: calc(0.0254452926 * 1 * 100vw) 0
    calc(0.0254452926 * 1 * 100vw) 0;
  --type-card-article-long-titre-margin-tablet: calc(0.012195122 * 1 * 100vw) 0
    calc(0.012195122 * 1 * 100vw) 0;
  --type-card-article-long-titre-margin-desktop: calc(0.0101351351 * 1 * 100vw)
    0 calc(0.0060810811 * 1 * 100vw) 0;
  --type-card-article-long-image-position-mobile: relative;
  --type-card-article-long-image-position-tablet: relative;
  --type-card-article-long-image-position-desktop: relative;
  --type-card-article-long-image-width-mobile: calc(1.582697201 * 1 * 100vw);
  --type-card-article-long-image-width-tablet: calc(0.7585365854 * 1 * 100vw);
  --type-card-article-long-image-width-desktop: calc(0.4202702703 * 1 * 100vw);
  --type-card-article-long-image-height-mobile: calc(0.9923664122 * 1 * 100vw);
  --type-card-article-long-image-height-tablet: calc(0.4756097561 * 1 * 100vw);
  --type-card-article-long-image-height-desktop: calc(0.2635135135 * 1 * 100vw);
  --type-card-article-long-article-link-display-mobile: flex;
  --type-card-article-long-article-link-display-tablet: flex;
  --type-card-article-long-article-link-display-desktop: flex;
  --type-card-article-long-article-link-align-items-mobile: center;
  --type-card-article-long-article-link-align-items-tablet: center;
  --type-card-article-long-article-link-align-items-desktop: center;
  --type-card-article-long-article-link-gap-mobile: calc(
    0.0254452926 * 1 * 100vw
  );
  --type-card-article-long-article-link-gap-tablet: calc(
    0.012195122 * 1 * 100vw
  );
  --type-card-article-long-article-link-gap-desktop: calc(
    0.0067567568 * 1 * 100vw
  );
  --type-confirmation-inscription-visiteur-this-margin-mobile: calc(
      0.1526717557 * 1 * 100vw
    )
    calc(0.0636132316 * 1 * 100vw);
  --type-confirmation-inscription-visiteur-this-margin-tablet: calc(
      0.0731707317 * 1 * 100vw
    )
    calc(0.0304878049 * 1 * 100vw);
  --type-confirmation-inscription-visiteur-this-margin-desktop: calc(
      0.0608108108 * 1 * 100vw
    )
    calc(0.0675675676 * 1 * 100vw);
  --type-confirmation-inscription-visiteur-this-display-mobile: flex;
  --type-confirmation-inscription-visiteur-this-display-tablet: flex;
  --type-confirmation-inscription-visiteur-this-display-desktop: flex;
  --type-confirmation-inscription-visiteur-this-align-items-mobile: center;
  --type-confirmation-inscription-visiteur-this-align-items-tablet: center;
  --type-confirmation-inscription-visiteur-this-align-items-desktop: center;
  --type-confirmation-inscription-visiteur-cta-c-display-mobile: flex;
  --type-confirmation-inscription-visiteur-cta-c-display-tablet: flex;
  --type-confirmation-inscription-visiteur-cta-c-display-desktop: flex;
  --type-confirmation-inscription-visiteur-cta-c-gap-mobile: calc(
    0.0508905852 * 1 * 100vw
  );
  --type-confirmation-inscription-visiteur-cta-c-gap-tablet: calc(
    0.0243902439 * 1 * 100vw
  );
  --type-confirmation-inscription-visiteur-cta-c-gap-desktop: calc(
    0.0135135135 * 1 * 100vw
  );
  --type-confirmation-inscription-visiteur-cta-c-margin-top-mobile: calc(
    0.0508905852 * 1 * 100vw
  );
  --type-confirmation-inscription-visiteur-cta-c-margin-top-tablet: calc(
    0.0243902439 * 1 * 100vw
  );
  --type-confirmation-inscription-visiteur-cta-c-margin-top-desktop: calc(
    0.027027027 * 1 * 100vw
  );
  --type-confirmation-inscription-visiteur-cta-c-justify-content-mobile: center;
  --type-confirmation-inscription-visiteur-cta-c-justify-content-tablet: center;
  --type-confirmation-inscription-visiteur-cta-c-justify-content-desktop: center;
  --type-card-recette-this-position-mobile: relative;
  --type-card-recette-this-position-tablet: relative;
  --type-card-recette-this-position-desktop: relative;
  --type-card-recette-this-width-mobile: calc(0.8651399491 * 1 * 100vw);
  --type-card-recette-this-width-tablet: calc(0.4195121951 * 1 * 100vw);
  --type-card-recette-this-width-desktop: calc(0.2067567568 * 1 * 100vw);
  --type-card-recette-this-height-mobile: calc(1.0178117048 * 1 * 100vw);
  --type-card-recette-this-height-tablet: calc(0.487804878 * 1 * 100vw);
  --type-card-recette-this-height-desktop: calc(0.2702702703 * 1 * 100vw);
  --type-card-recette-like-position-mobile: absolute;
  --type-card-recette-like-position-tablet: absolute;
  --type-card-recette-like-position-desktop: absolute;
  --type-card-recette-like-top-mobile: calc(0.0254452926 * 1 * 100vw);
  --type-card-recette-like-top-tablet: calc(0.012195122 * 1 * 100vw);
  --type-card-recette-like-top-desktop: calc(0.0067567568 * 1 * 100vw);
  --type-card-recette-like-right-mobile: calc(0.0254452926 * 1 * 100vw);
  --type-card-recette-like-right-tablet: calc(0.012195122 * 1 * 100vw);
  --type-card-recette-like-right-desktop: calc(0.0067567568 * 1 * 100vw);
  --type-card-recette-like-width-mobile: calc(0.0890585242 * 1 * 100vw);
  --type-card-recette-like-width-tablet: calc(0.0426829268 * 1 * 100vw);
  --type-card-recette-like-width-desktop: calc(0.0236486486 * 1 * 100vw);
  --type-card-recette-like-height-mobile: calc(0.0890585242 * 1 * 100vw);
  --type-card-recette-like-height-tablet: calc(0.0426829268 * 1 * 100vw);
  --type-card-recette-like-height-desktop: calc(0.0236486486 * 1 * 100vw);
  --type-card-recette-like-display-mobile: flex;
  --type-card-recette-like-display-tablet: flex;
  --type-card-recette-like-display-desktop: flex;
  --type-card-recette-like-align-items-mobile: center;
  --type-card-recette-like-align-items-tablet: center;
  --type-card-recette-like-align-items-desktop: center;
  --type-card-recette-like-justify-content-mobile: center;
  --type-card-recette-like-justify-content-tablet: center;
  --type-card-recette-like-justify-content-desktop: center;
  --type-card-recette-swiper-container-width-mobile: 100%;
  --type-card-recette-swiper-container-width-tablet: 100%;
  --type-card-recette-swiper-container-width-desktop: 100%;
  --type-card-recette-swiper-container-height-mobile: calc(
    0.679389313 * 1 * 100vw
  );
  --type-card-recette-swiper-container-height-tablet: calc(
    0.3256097561 * 1 * 100vw
  );
  --type-card-recette-swiper-container-height-desktop: calc(
    0.1804054054 * 1 * 100vw
  );
  --type-card-recette-text-content-display-mobile: flex;
  --type-card-recette-text-content-display-tablet: flex;
  --type-card-recette-text-content-display-desktop: flex;
  --type-card-recette-text-content-flex-direction-mobile: column;
  --type-card-recette-text-content-flex-direction-tablet: column;
  --type-card-recette-text-content-flex-direction-desktop: column;
  --type-card-recette-text-content-height-mobile: calc(
    0.2290076336 * 1 * 100vw
  );
  --type-card-recette-text-content-height-tablet: calc(
    0.1097560976 * 1 * 100vw
  );
  --type-card-recette-text-content-height-desktop: calc(
    0.0608108108 * 1 * 100vw
  );
  --type-card-recette-text-content-padding-mobile: calc(0.058524173 * 1 * 100vw)
    calc(0.0508905852 * 1 * 100vw);
  --type-card-recette-text-content-padding-tablet: calc(
      0.0280487805 * 1 * 100vw
    )
    calc(0.0243902439 * 1 * 100vw);
  --type-card-recette-text-content-padding-desktop: calc(
      0.0155405405 * 1 * 100vw
    )
    calc(0.0135135135 * 1 * 100vw);
  --type-card-recette-text-content-gap-mobile: calc(0.0356234097 * 1 * 100vw);
  --type-card-recette-text-content-gap-tablet: calc(0.0170731707 * 1 * 100vw);
  --type-card-recette-text-content-gap-desktop: calc(0.0094594595 * 1 * 100vw);
  --type-card-recette-duree-wrapper-align-items-mobile: center;
  --type-card-recette-duree-wrapper-align-items-tablet: center;
  --type-card-recette-duree-wrapper-align-items-desktop: center;
  --type-card-recette-duree-wrapper-display-mobile: flex;
  --type-card-recette-duree-wrapper-display-tablet: flex;
  --type-card-recette-duree-wrapper-display-desktop: flex;
  --type-card-recette-duree-wrapper-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-card-recette-duree-wrapper-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-card-recette-duree-wrapper-gap-desktop: calc(0.0135135135 * 1 * 100vw);
  --type-card-recette-duree-wrapper-margin-top-mobile: auto;
  --type-card-recette-duree-wrapper-margin-top-tablet: auto;
  --type-card-recette-duree-wrapper-margin-top-desktop: auto;
  --type-card-recette-duree-margin-left-mobile: auto;
  --type-card-recette-duree-margin-left-tablet: auto;
  --type-card-recette-duree-margin-left-desktop: auto;
  --type-newsletter-this-margin-mobile: calc(0.1526717557 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-newsletter-this-margin-tablet: calc(0.0731707317 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-newsletter-this-margin-desktop: calc(0.0675675676 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-newsletter-this-align-items-mobile: flex-start;
  --type-newsletter-this-align-items-tablet: flex-start;
  --type-newsletter-this-align-items-desktop: center;
  --type-newsletter-this-padding-mobile: 0;
  --type-newsletter-this-padding-tablet: calc(0.0609756098 * 1 * 100vw);
  --type-newsletter-this-padding-desktop: calc(0.0337837838 * 1 * 100vw);
  --type-newsletter-this-flex-direction-mobile: column;
  --type-newsletter-this-flex-direction-tablet: column;
  --type-newsletter-this-flex-direction-desktop: row;
  --type-newsletter-this-gap-mobile: calc(0.0763358779 * 1 * 100vw);
  --type-newsletter-this-gap-tablet: calc(0.0365853659 * 1 * 100vw);
  --type-newsletter-this-gap-desktop: calc(0.0675675676 * 1 * 100vw);
  --type-newsletter-image-wrapper-min-width-mobile: -webkit-fill-available;
  --type-newsletter-image-wrapper-min-width-tablet: -webkit-fill-available;
  --type-newsletter-image-wrapper-min-width-desktop: calc(
    0.3783783784 * 1 * 100vw
  );
  --type-newsletter-image-wrapper-height-mobile: fit-content;
  --type-newsletter-image-wrapper-height-tablet: fit-content;
  --type-newsletter-image-wrapper-height-desktop: calc(
    0.3513513514 * 1 * 100vw
  );
  --type-newsletter-image-wrapper-border-radius-mobile: calc(
    0.0254452926 * 1 * 100vw
  );
  --type-newsletter-image-wrapper-border-radius-tablet: calc(
    0.012195122 * 1 * 100vw
  );
  --type-newsletter-image-wrapper-border-radius-desktop: calc(
    0.0067567568 * 1 * 100vw
  );
  --type-newsletter-image-wrapper-position-mobile: relative;
  --type-newsletter-image-wrapper-position-tablet: relative;
  --type-newsletter-image-wrapper-position-desktop: relative;
  --type-newsletter-container-padding-left-mobile: 0;
  --type-newsletter-container-padding-left-tablet: 0;
  --type-newsletter-container-padding-left-desktop: calc(
    0.0202702703 * 1 * 100vw
  );
  --type-newsletter-container-position-mobile: relative;
  --type-newsletter-container-position-tablet: relative;
  --type-newsletter-container-position-desktop: absolute;
  --type-newsletter-container-bottom-mobile: 0;
  --type-newsletter-container-bottom-tablet: 0;
  --type-newsletter-container-bottom-desktop: calc(0.0202702703 * 1 * 100vw);
  --type-newsletter-container-align-items-mobile: flex-start;
  --type-newsletter-container-align-items-tablet: flex-start;
  --type-newsletter-container-align-items-desktop: flex-start;
  --type-newsletter-container-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-newsletter-container-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-newsletter-container-gap-desktop: 0;
  --type-newsletter-right-wrapper-height-mobile: fit-content;
  --type-newsletter-right-wrapper-height-tablet: fit-content;
  --type-newsletter-right-wrapper-height-desktop: 100%;
  --type-newsletter-right-wrapper-justify-content-mobile: unset;
  --type-newsletter-right-wrapper-justify-content-tablet: unset;
  --type-newsletter-right-wrapper-justify-content-desktop: spce-between;
  --type-contact-form-this-margin-mobile: calc(0.1526717557 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-contact-form-this-margin-tablet: calc(0.0731707317 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-contact-form-this-margin-desktop: calc(0.0608108108 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-contact-form-this-display-mobile: flex;
  --type-contact-form-this-display-tablet: flex;
  --type-contact-form-this-display-desktop: flex;
  --type-contact-form-this-flex-direction-mobile: column;
  --type-contact-form-this-flex-direction-tablet: column;
  --type-contact-form-this-flex-direction-desktop: row;
  --type-contact-form-this-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-contact-form-this-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-contact-form-this-gap-desktop: calc(0.0878378378 * 1 * 100vw);
  --type-contact-form-gform_footer-justify-content-mobile: center;
  --type-contact-form-gform_footer-justify-content-tablet: center;
  --type-contact-form-gform_footer-justify-content-desktop: inherit;
  --type-contact-form-texte-flex-mobile: 3;
  --type-contact-form-texte-flex-tablet: 3;
  --type-contact-form-texte-flex-desktop: 3;
  --type-contact-form-formulaire-flex-mobile: 4;
  --type-contact-form-formulaire-flex-tablet: 4;
  --type-contact-form-formulaire-flex-desktop: 4;
  --type-contact-form-section-title-margin-bottom-mobile: calc(
    0.0763358779 * 1 * 100vw
  );
  --type-contact-form-section-title-margin-bottom-tablet: calc(
    0.0365853659 * 1 * 100vw
  );
  --type-contact-form-section-title-margin-bottom-desktop: calc(
    0.0202702703 * 1 * 100vw
  );
  --type-contact-form-infos-margin-mobile: calc(0.0763358779 * 1 * 100vw) 0;
  --type-contact-form-infos-margin-tablet: calc(0.0365853659 * 1 * 100vw) 0;
  --type-contact-form-infos-margin-desktop: calc(0.027027027 * 1 * 100vw) 0 0 0;
  --type-contact-form-infos-overflow-mobile: hidden;
  --type-contact-form-infos-overflow-tablet: hidden;
  --type-contact-form-infos-overflow-desktop: hidden;
  --type-contact-form-info-display-mobile: flex;
  --type-contact-form-info-display-tablet: flex;
  --type-contact-form-info-display-desktop: flex;
  --type-contact-form-info-gap-mobile: calc(0.0407124682 * 1 * 100vw);
  --type-contact-form-info-gap-tablet: calc(0.0195121951 * 1 * 100vw);
  --type-contact-form-info-gap-desktop: calc(0.0141891892 * 1 * 100vw);
  --type-contact-form-info-width-mobile: 100%;
  --type-contact-form-info-width-tablet: 100%;
  --type-contact-form-info-width-desktop: calc(0.2635135135 * 1 * 100vw);
  --type-contact-form-info-padding-mobile: calc(0.0508905852 * 1 * 100vw) 0;
  --type-contact-form-info-padding-tablet: calc(0.0243902439 * 1 * 100vw) 0;
  --type-contact-form-info-padding-desktop: calc(0.0135135135 * 1 * 100vw) 100%
    calc(0.0135135135 * 1 * 100vw) 0;
  --type-contact-form-info-align-items-mobile: center;
  --type-contact-form-info-align-items-tablet: center;
  --type-contact-form-info-align-items-desktop: center;
  --type-contact-form-info-text-display-mobile: flex;
  --type-contact-form-info-text-display-tablet: flex;
  --type-contact-form-info-text-display-desktop: flex;
  --type-contact-form-info-text-flex-direction-mobile: column;
  --type-contact-form-info-text-flex-direction-tablet: column;
  --type-contact-form-info-text-flex-direction-desktop: column;
  --type-contact-form-info-text-gap-mobile: calc(0.0203562341 * 1 * 100vw);
  --type-contact-form-info-text-gap-tablet: calc(0.0097560976 * 1 * 100vw);
  --type-contact-form-info-text-gap-desktop: calc(0.0054054054 * 1 * 100vw);
  --type-contact-form-icon-padding-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-contact-form-icon-padding-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-contact-form-icon-padding-desktop: calc(0.0135135135 * 1 * 100vw);
  --type-contact-form-icon-height-mobile: 28px;
  --type-contact-form-icon-height-tablet: 28px;
  --type-contact-form-icon-height-desktop: 28px;
  --type-contact-form-gform_button-position-mobile: relative;
  --type-contact-form-gform_button-position-tablet: relative;
  --type-contact-form-gform_button-position-desktop: absolute;
  --type-contact-form-gform_button-right-mobile: 0;
  --type-contact-form-gform_button-right-tablet: 0;
  --type-contact-form-gform_button-right-desktop: 0;
  --type-banner-home-this-padding-mobile: calc(0.0254452926 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw) calc(0.0254452926 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-banner-home-this-padding-tablet: calc(0.0975609756 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw) calc(0.0975609756 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-banner-home-this-padding-desktop: calc(0.0540540541 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw) calc(0.0540540541 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-banner-home-this-margin-top-mobile: calc(
    (0.1806615776 * 1 * 100vw + 3 * 0.0356234097 * 1 * 100vw) * -1
  );
  --type-banner-home-this-margin-top-tablet: calc(
    (0.0865853659 * 1 * 100vw + 3 * 0.0170731707 * 1 * 100vw) * -1
  );
  --type-banner-home-this-margin-top-desktop: calc(
    (0.0608108108 * 1 * 100vw + 2 * 0.0135135135 * 1 * 100vw) * -1
  );
  --type-banner-home-wrapper-padding-mobile: calc(0.1017811705 * 1 * 100vw) 0
    calc(0.1017811705 * 1 * 100vw) 0;
  --type-banner-home-wrapper-padding-tablet: calc(0.0487804878 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw) calc(0.0487804878 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-banner-home-wrapper-padding-desktop: calc(0.027027027 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw) calc(0.027027027 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw);
  --type-banner-home-container-padding-mobile: calc(0.0508905852 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw) calc(0.0508905852 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-banner-home-container-padding-tablet: calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-banner-home-container-padding-desktop: calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw) calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw);
  --type-banner-page-this-height-mobile: 55vh;
  --type-banner-page-this-height-tablet: 55vh;
  --type-banner-page-this-height-desktop: 55vh;
  --type-banner-page-this-position-mobile: relative;
  --type-banner-page-this-position-tablet: relative;
  --type-banner-page-this-position-desktop: relative;
  --type-banner-page-this-padding-mobile: calc(0.0254452926 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw) calc(0.0254452926 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-banner-page-this-padding-tablet: calc(0.0975609756 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw) calc(0.0975609756 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-banner-page-this-padding-desktop: calc(0.0540540541 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw) calc(0.0540540541 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-banner-page-this-margin-top-mobile: calc(
    (0.1806615776 * 1 * 100vw + 3 * 0.0356234097 * 1 * 100vw) * -1
  );
  --type-banner-page-this-margin-top-tablet: calc(
    (0.0865853659 * 1 * 100vw + 3 * 0.0170731707 * 1 * 100vw) * -1
  );
  --type-banner-page-this-margin-top-desktop: calc(
    (0.0608108108 * 1 * 100vw + 2 * 0.0135135135 * 1 * 100vw) * -1
  );
  --type-banner-page-this-align-items-mobile: center;
  --type-banner-page-this-align-items-tablet: center;
  --type-banner-page-this-align-items-desktop: center;
  --type-banner-page-this-justify-content-mobile: center;
  --type-banner-page-this-justify-content-tablet: center;
  --type-banner-page-this-justify-content-desktop: center;
  --type-banner-page-container-padding-mobile: calc(0.0508905852 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw) calc(0.0508905852 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-banner-page-container-padding-tablet: calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-banner-page-container-padding-desktop: calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw) calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw);
  --type-presentation-producteur-this-margin-mobile: calc(
      0.1526717557 * 1 * 100vw
    )
    calc(0.0636132316 * 1 * 100vw);
  --type-presentation-producteur-this-margin-tablet: calc(
      0.0731707317 * 1 * 100vw
    )
    calc(0.0304878049 * 1 * 100vw);
  --type-presentation-producteur-this-margin-desktop: calc(
      0.0675675676 * 1 * 100vw
    )
    calc(0.0675675676 * 1 * 100vw);
  --type-presentation-producteur-this-margin-top-mobile: calc(
    0.3053435115 * 1 * 100vw
  );
  --type-presentation-producteur-this-margin-top-tablet: calc(
    0.1463414634 * 1 * 100vw
  );
  --type-presentation-producteur-this-margin-top-desktop: calc(
    0.0337837838 * 1 * 100vw
  );
  --type-presentation-producteur-wrapper-flex-direction-mobile: column;
  --type-presentation-producteur-wrapper-flex-direction-tablet: column;
  --type-presentation-producteur-wrapper-flex-direction-desktop: row;
  --type-presentation-producteur-wrapper-align-items-mobile: center;
  --type-presentation-producteur-wrapper-align-items-tablet: center;
  --type-presentation-producteur-wrapper-align-items-desktop: center;
  --type-presentation-producteur-wrapper-justify-content-mobile: center;
  --type-presentation-producteur-wrapper-justify-content-tablet: center;
  --type-presentation-producteur-wrapper-justify-content-desktop: center;
  --type-presentation-producteur-wrapper-gap-mobile: calc(
    0.0508905852 * 1 * 100vw
  );
  --type-presentation-producteur-wrapper-gap-tablet: calc(
    0.0243902439 * 1 * 100vw
  );
  --type-presentation-producteur-wrapper-gap-desktop: calc(
    0.0472972973 * 1 * 100vw
  );
  --type-presentation-producteur-left-min-width-mobile: 100%;
  --type-presentation-producteur-left-min-width-tablet: 100%;
  --type-presentation-producteur-left-min-width-desktop: calc(
    0.4594594595 * 1 * 100vw
  );
  --type-presentation-producteur-left-height-mobile: calc(
    0.6615776081 * 1 * 100vw
  );
  --type-presentation-producteur-left-height-tablet: calc(
    0.3170731707 * 1 * 100vw
  );
  --type-presentation-producteur-left-height-desktop: calc(
    0.3040540541 * 1 * 100vw
  );
  --type-presentation-producteur-left-border-radius-mobile: calc(
    0.0254452926 * 1 * 100vw
  );
  --type-presentation-producteur-left-border-radius-tablet: calc(
    0.012195122 * 1 * 100vw
  );
  --type-presentation-producteur-left-border-radius-desktop: calc(
    0.0067567568 * 1 * 100vw
  );
  --type-points-de-vente-this-padding-mobile: calc(0.1526717557 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-points-de-vente-this-padding-tablet: calc(0.0731707317 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-points-de-vente-this-padding-desktop: calc(0.0675675676 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-points-de-vente-this-margin-mobile: calc(0.1526717557 * 1 * 100vw) 0;
  --type-points-de-vente-this-margin-tablet: calc(0.0731707317 * 1 * 100vw) 0;
  --type-points-de-vente-this-margin-desktop: calc(0.0675675676 * 1 * 100vw) 0;
  --type-points-de-vente-this-flex-direction-mobile: column;
  --type-points-de-vente-this-flex-direction-tablet: column;
  --type-points-de-vente-this-flex-direction-desktop: column;
  --type-points-de-vente-this-align-items-mobile: center;
  --type-points-de-vente-this-align-items-tablet: center;
  --type-points-de-vente-this-align-items-desktop: center;
  --type-coordonnees-producteur-this-margin-mobile: calc(
      0.1526717557 * 1 * 100vw
    )
    calc(0.0636132316 * 1 * 100vw);
  --type-coordonnees-producteur-this-margin-tablet: calc(
      0.0731707317 * 1 * 100vw
    )
    calc(0.0304878049 * 1 * 100vw);
  --type-coordonnees-producteur-this-margin-desktop: calc(
      0.0675675676 * 1 * 100vw
    )
    calc(0.0675675676 * 1 * 100vw);
  --type-coordonnees-producteur-wrapper-flex-direction-mobile: column-reverse;
  --type-coordonnees-producteur-wrapper-flex-direction-tablet: column-reverse;
  --type-coordonnees-producteur-wrapper-flex-direction-desktop: row;
  --type-coordonnees-producteur-wrapper-align-items-mobile: center;
  --type-coordonnees-producteur-wrapper-align-items-tablet: center;
  --type-coordonnees-producteur-wrapper-align-items-desktop: center;
  --type-coordonnees-producteur-wrapper-justify-content-mobile: center;
  --type-coordonnees-producteur-wrapper-justify-content-tablet: center;
  --type-coordonnees-producteur-wrapper-justify-content-desktop: center;
  --type-coordonnees-producteur-wrapper-gap-mobile: calc(
    0.0508905852 * 1 * 100vw
  );
  --type-coordonnees-producteur-wrapper-gap-tablet: calc(
    0.0243902439 * 1 * 100vw
  );
  --type-coordonnees-producteur-wrapper-gap-desktop: calc(
    0.0945945946 * 1 * 100vw
  );
  --type-produits-commercialises-this-margin-mobile: calc(
      0.1526717557 * 1 * 100vw
    )
    calc(0.0636132316 * 1 * 100vw);
  --type-produits-commercialises-this-margin-tablet: calc(
      0.0731707317 * 1 * 100vw
    )
    calc(0.0304878049 * 1 * 100vw);
  --type-produits-commercialises-this-margin-desktop: calc(
      0.0675675676 * 1 * 100vw
    )
    calc(0.0675675676 * 1 * 100vw);
  --type-banner-post-this-height-mobile: 55vh;
  --type-banner-post-this-height-tablet: 55vh;
  --type-banner-post-this-height-desktop: 55vh;
  --type-banner-post-this-position-mobile: relative;
  --type-banner-post-this-position-tablet: relative;
  --type-banner-post-this-position-desktop: relative;
  --type-banner-post-this-padding-mobile: calc(0.0254452926 * 1 * 100vw) 0;
  --type-banner-post-this-padding-tablet: calc(0.0975609756 * 1 * 100vw) 0;
  --type-banner-post-this-padding-desktop: calc(0.0540540541 * 1 * 100vw) 0
    calc(0.0540540541 * 1 * 100vw) 0;
  --type-banner-post-this-margin-top-mobile: calc(
    (0.1806615776 * 1 * 100vw + 3 * 0.0356234097 * 1 * 100vw) * -1
  );
  --type-banner-post-this-margin-top-tablet: calc(
    (0.0865853659 * 1 * 100vw + 3 * 0.0170731707 * 1 * 100vw) * -1
  );
  --type-banner-post-this-margin-top-desktop: calc(
    (0.0608108108 * 1 * 100vw + 2 * 0.0135135135 * 1 * 100vw) * -1
  );
  --type-banner-post-this-align-items-mobile: center;
  --type-banner-post-this-align-items-tablet: center;
  --type-banner-post-this-align-items-desktop: center;
  --type-banner-post-this-justify-content-mobile: center;
  --type-banner-post-this-justify-content-tablet: center;
  --type-banner-post-this-justify-content-desktop: center;
  --type-banner-post-text-block-display-mobile: flex;
  --type-banner-post-text-block-display-tablet: flex;
  --type-banner-post-text-block-display-desktop: flex;
  --type-banner-post-text-block-flex-direction-mobile: column;
  --type-banner-post-text-block-flex-direction-tablet: column;
  --type-banner-post-text-block-flex-direction-desktop: column;
  --type-banner-post-text-block-align-items-mobile: center;
  --type-banner-post-text-block-align-items-tablet: center;
  --type-banner-post-text-block-align-items-desktop: center;
  --type-banner-post-text-block-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-banner-post-text-block-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-banner-post-text-block-gap-desktop: calc(0.0108108108 * 1 * 100vw);
  --type-banner-post-text-block-margin-mobile: calc(0.2544529262 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw) 0 calc(0.0636132316 * 1 * 100vw);
  --type-banner-post-text-block-margin-tablet: calc(0.1219512195 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw) 0 calc(0.0304878049 * 1 * 100vw);
  --type-banner-post-text-block-margin-desktop: calc(0.1554054054 * 1 * 100vw)
    calc(0.25 * 1 * 100vw) calc(0.0709459459 * 1 * 100vw) calc(0.25 * 1 * 100vw);
  --type-banner-post-text-block-padding-mobile: calc(0.0788804071 * 1 * 100vw)
    calc(0.0610687023 * 1 * 100vw);
  --type-banner-post-text-block-padding-tablet: calc(0.037804878 * 1 * 100vw)
    calc(0.0292682927 * 1 * 100vw);
  --type-banner-post-text-block-padding-desktop: calc(0.0304054054 * 1 * 100vw)
    calc(0.0439189189 * 1 * 100vw);
  --type-sidebar-this-flex-direction-mobile: column-reverse;
  --type-sidebar-this-flex-direction-tablet: row;
  --type-sidebar-this-flex-direction-desktop: row;
  --type-sidebar-this-padding-mobile: calc(0.0254452926 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw) calc(0.0254452926 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-sidebar-this-padding-tablet: calc(0.0975609756 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw) calc(0.0975609756 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-sidebar-this-padding-desktop: calc(0.0540540541 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw) calc(0.0540540541 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-sidebar-this-margin-mobile: calc(0.1272264631 * 1 * 100vw) 0
    calc(0.1272264631 * 1 * 100vw) 0;
  --type-sidebar-this-margin-tablet: calc(0.0731707317 * 1 * 100vw) 0
    calc(0.0731707317 * 1 * 100vw) 0;
  --type-sidebar-this-margin-desktop: calc(0.0405405405 * 1 * 100vw) 0
    calc(0.0405405405 * 1 * 100vw) 0;
  --type-sidebar-main-width-mobile: -webkit-fill-available;
  --type-sidebar-main-width-tablet: -webkit-fill-available;
  --type-sidebar-main-width-desktop: -webkit-fill-available;
  --type-sidebar-main-margin-mobile: 0 calc(0.0636132316 * 1 * 100vw)
    calc(0.1272264631 * 1 * 100vw) calc(0.0636132316 * 1 * 100vw);
  --type-sidebar-main-margin-tablet: 0 calc(0.0304878049 * 1 * 100vw) 0 0;
  --type-sidebar-main-margin-desktop: 0 calc(0.0675675676 * 1 * 100vw) 0 0;
  --type-sidebar-sidebar-position-mobile: sticky;
  --type-sidebar-sidebar-position-tablet: sticky;
  --type-sidebar-sidebar-position-desktop: sticky;
  --type-sidebar-sidebar-top-mobile: calc(
    0.1806615776 * 1 * 100vw + 3 * 0.0356234097 * 1 * 100vw
  );
  --type-sidebar-sidebar-top-tablet: calc(
    0.0865853659 * 1 * 100vw + 3 * 0.0170731707 * 1 * 100vw
  );
  --type-sidebar-sidebar-top-desktop: calc(
    0.0608108108 * 1 * 100vw + 2 * 0.0135135135 * 1 * 100vw
  );
  --type-sidebar-sidebar-min-width-mobile: auto;
  --type-sidebar-sidebar-min-width-tablet: auto;
  --type-sidebar-sidebar-min-width-desktop: auto;
  --type-sidebar-sidebar-width-mobile: auto;
  --type-sidebar-sidebar-width-tablet: auto;
  --type-sidebar-sidebar-width-desktop: auto;
  --type-sidebar-sidebar-height-mobile: fit-content;
  --type-sidebar-sidebar-height-tablet: fit-content;
  --type-sidebar-sidebar-height-desktop: fit-content;
  --type-sidebar-primary-min-width-mobile: 100%;
  --type-sidebar-primary-min-width-tablet: 30%;
  --type-sidebar-primary-min-width-desktop: 30%;
  --type-sidebar-primary-width-mobile: 100%;
  --type-sidebar-primary-width-tablet: 30%;
  --type-sidebar-primary-width-desktop: 30%;
  --type-sidebar-primary-padding-mobile: calc(0.0254452926 * 1 * 100vw) 0
    calc(0.0254452926 * 1 * 100vw) 0;
  --type-sidebar-primary-padding-tablet: calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-sidebar-primary-padding-desktop: calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw) calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw);
  --type-sidebar-wrapper-padding-mobile: calc(0.0254452926 * 1 * 100vw) 0
    calc(0.0254452926 * 1 * 100vw) 0;
  --type-sidebar-wrapper-padding-tablet: calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-sidebar-wrapper-padding-desktop: calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw) calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw);
  --type-sidebar-container-padding-mobile: 0 0 0 0;
  --type-sidebar-container-padding-tablet: calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-sidebar-container-padding-desktop: calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw) calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw);
  --type-1-this-padding-mobile: 0 0 0 0;
  --type-1-this-padding-tablet: calc(0.0731707317 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw) calc(0.0731707317 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-1-this-padding-desktop: calc(0.0405405405 * 1 * 100vw)
    calc(0.0405405405 * 1 * 100vw) calc(0.0405405405 * 1 * 100vw)
    calc(0.0405405405 * 1 * 100vw);
  --type-1-this-margin-mobile: calc(0.1272264631 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw) calc(0.1272264631 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-1-this-margin-tablet: calc(0.0731707317 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw) calc(0.0731707317 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-1-this-margin-desktop: calc(0.0405405405 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw) calc(0.0405405405 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-1-wrapper-padding-mobile: calc(0.0254452926 * 1 * 100vw) 0
    calc(0.0254452926 * 1 * 100vw) 0;
  --type-1-wrapper-padding-tablet: calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-1-wrapper-padding-desktop: calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw) calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw);
  --type-1-container-padding-mobile: 0 0 0 0;
  --type-1-container-padding-tablet: calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-1-container-padding-desktop: calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw) calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw);
  --type-search-form-this-justify-content-mobile: space-between;
  --type-search-form-this-justify-content-tablet: space-between;
  --type-search-form-this-justify-content-desktop: space-between;
  --type-search-form-this-flex-direction-mobile: row;
  --type-search-form-this-flex-direction-tablet: row;
  --type-search-form-this-flex-direction-desktop: row;
  --type-search-form-search-container-display-mobile: flex;
  --type-search-form-search-container-display-tablet: flex;
  --type-search-form-search-container-display-desktop: flex;
  --type-search-form-search-container-flex-direction-mobile: row;
  --type-search-form-search-container-flex-direction-tablet: row;
  --type-search-form-search-container-flex-direction-desktop: row;
  --type-search-form-search-container-justify-content-mobile: space-between;
  --type-search-form-search-container-justify-content-tablet: space-between;
  --type-search-form-search-container-justify-content-desktop: space-between;
  --type-search-form-search-container-width-mobile: calc(
    100% - 0.0636132316 * 1 * 100vw
  );
  --type-search-form-search-container-width-tablet: calc(
    100% - 0.0304878049 * 1 * 100vw
  );
  --type-search-form-search-container-width-desktop: calc(
    0.5945945946 * 1 * 100vw
  );
  --type-search-form-search-container-margin-mobile: auto;
  --type-search-form-search-container-margin-tablet: auto;
  --type-search-form-search-container-margin-desktop: auto;
  --type-search-form-search-container-padding-mobile: calc(
      0.0381679389 * 1 * 100vw
    )
    calc(0.0254452926 * 1 * 100vw) calc(0.0381679389 * 1 * 100vw)
    calc(0.0763358779 * 1 * 100vw);
  --type-search-form-search-container-padding-tablet: calc(
      0.0182926829 * 1 * 100vw
    )
    calc(0.012195122 * 1 * 100vw) calc(0.0182926829 * 1 * 100vw)
    calc(0.0365853659 * 1 * 100vw);
  --type-search-form-search-container-padding-desktop: calc(
      0.0101351351 * 1 * 100vw
    )
    calc(0.0087837838 * 1 * 100vw) calc(0.0101351351 * 1 * 100vw)
    calc(0.0337837838 * 1 * 100vw);
  --type-search-form-search-container-align-items-mobile: center;
  --type-search-form-search-container-align-items-tablet: center;
  --type-search-form-search-container-align-items-desktop: center;
  --type-search-form-product-input-container-display-mobile: none;
  --type-search-form-product-input-container-display-tablet: none;
  --type-search-form-product-input-container-display-desktop: none;
  --type-search-form-product-input-container-flex-direction-mobile: column;
  --type-search-form-product-input-container-flex-direction-tablet: column;
  --type-search-form-product-input-container-flex-direction-desktop: column;
  --type-search-form-product-input-container-height-mobile: calc(
    1.8829516539 * 1 * 100vw
  );
  --type-search-form-product-input-container-height-tablet: calc(
    0.9024390244 * 1 * 100vw
  );
  --type-search-form-product-input-container-height-desktop: calc(
    0.3716216216 * 1 * 100vw
  );
  --type-search-form-ul-margin-bottom-mobile: 0;
  --type-search-form-ul-margin-bottom-tablet: 0;
  --type-search-form-ul-margin-bottom-desktop: calc(0.0168918919 * 1 * 100vw);
  --type-search-form-ul-padding-bottom-mobile: 0;
  --type-search-form-ul-padding-bottom-tablet: 0;
  --type-search-form-ul-padding-bottom-desktop: calc(0.0168918919 * 1 * 100vw);
  --type-search-form-ul-width-mobile: 100%;
  --type-search-form-ul-width-tablet: 100%;
  --type-search-form-ul-width-desktop: 100%;
  --type-search-form-item-flex-direction-mobile: column;
  --type-search-form-item-flex-direction-tablet: column;
  --type-search-form-item-flex-direction-desktop: column;
  --type-search-form-item-height-mobile: fit-content;
  --type-search-form-item-height-tablet: fit-content;
  --type-search-form-item-height-desktop: fit-content;
  --type-2-this-padding-mobile: calc(0.0254452926 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw) calc(0.0254452926 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-2-this-padding-tablet: calc(0.0975609756 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw) calc(0.0975609756 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-2-this-padding-desktop: calc(0.0540540541 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw) calc(0.0540540541 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-2-this-margin-mobile: calc(0.1272264631 * 1 * 100vw) 0
    calc(0.1272264631 * 1 * 100vw) 0;
  --type-2-this-margin-tablet: calc(0.0731707317 * 1 * 100vw) 0
    calc(0.0731707317 * 1 * 100vw) 0;
  --type-2-this-margin-desktop: calc(0.0405405405 * 1 * 100vw) 0
    calc(0.0405405405 * 1 * 100vw) 0;
  --type-2-wrapper-padding-mobile: calc(0.0254452926 * 1 * 100vw) 0
    calc(0.0254452926 * 1 * 100vw) 0;
  --type-2-wrapper-padding-tablet: calc(0.0487804878 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw) calc(0.0487804878 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-2-wrapper-padding-desktop: calc(0.027027027 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw) calc(0.027027027 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw);
  --type-2-wrapper-flex-direction-mobile: column;
  --type-2-wrapper-flex-direction-tablet: column;
  --type-2-wrapper-flex-direction-desktop: row;
  --type-2-container-padding-mobile: calc(0.0508905852 * 1 * 100vw) 0
    calc(0.0508905852 * 1 * 100vw) 0;
  --type-2-container-padding-tablet: calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-2-container-padding-desktop: calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw) calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw);
  --type-2-container-width-mobile: auto;
  --type-2-container-width-tablet: auto;
  --type-2-container-width-desktop: 50%;
  --type-2-right-padding-mobile: calc(0.0508905852 * 1 * 100vw) 0
    calc(0.0508905852 * 1 * 100vw) 0;
  --type-2-right-padding-tablet: calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-2-right-padding-desktop: calc(0.027027027 * 1 * 100vw)
    calc(0.027027027 * 1 * 100vw) calc(0.027027027 * 1 * 100vw)
    calc(0.027027027 * 1 * 100vw);
  --type-2-right-width-mobile: auto;
  --type-2-right-width-tablet: auto;
  --type-2-right-width-desktop: 50%;
  --type-3-this-padding-mobile: 0;
  --type-3-this-padding-tablet: 0;
  --type-3-this-padding-desktop: 0;
  --type-3-this-margin-mobile: calc(0.1526717557 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw) calc(0.4452926209 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-3-this-margin-tablet: calc(0.0731707317 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw) calc(0.2134146341 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-3-this-margin-desktop: calc(0.0405405405 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw) calc(0.1182432432 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-3-this-flex-direction-mobile: column;
  --type-3-this-flex-direction-tablet: column;
  --type-3-this-flex-direction-desktop: row;
  --type-3-this-justify-content-mobile: space-between;
  --type-3-this-justify-content-tablet: space-between;
  --type-3-this-justify-content-desktop: space-between;
  --type-3-this-gap-mobile: calc(0.0636132316 * 1 * 100vw);
  --type-3-this-gap-tablet: calc(0.0609756098 * 1 * 100vw);
  --type-3-this-gap-desktop: calc(0.0337837838 * 1 * 100vw);
  --type-3-wrapper-position-mobile: relative;
  --type-3-wrapper-position-tablet: relative;
  --type-3-wrapper-position-desktop: relative;
  --type-3-wrapper-padding-mobile: calc(0.0636132316 * 1 * 100vw);
  --type-3-wrapper-padding-tablet: calc(0.0304878049 * 1 * 100vw);
  --type-3-wrapper-padding-desktop: calc(0.0675675676 * 1 * 100vw)
    calc(0.0304054054 * 1 * 100vw);
  --type-3-wrapper-flex-direction-mobile: column;
  --type-3-wrapper-flex-direction-tablet: column;
  --type-3-wrapper-flex-direction-desktop: column;
  --type-3-wrapper-width-mobile: 100%;
  --type-3-wrapper-width-tablet: 100%;
  --type-3-wrapper-width-desktop: 100%;
  --type-3-wrapper-height-mobile: auto;
  --type-3-wrapper-height-tablet: auto;
  --type-3-wrapper-height-desktop: calc(0.3040540541 * 1 * 100vw);
  --type-3-container-width-mobile: 100%;
  --type-3-container-width-tablet: 100%;
  --type-3-container-width-desktop: 100%;
  --type-3-container-gap-mobile: calc(0.0636132316 * 1 * 100vw);
  --type-3-container-gap-tablet: calc(0.0304878049 * 1 * 100vw);
  --type-3-container-gap-desktop: calc(0.0202702703 * 1 * 100vw);
  --type-3-right-padding-mobile: calc(0.0508905852 * 1 * 100vw) 0
    calc(0.0508905852 * 1 * 100vw) 0;
  --type-3-right-padding-tablet: calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-3-right-padding-desktop: calc(0.027027027 * 1 * 100vw)
    calc(0.027027027 * 1 * 100vw) calc(0.027027027 * 1 * 100vw)
    calc(0.027027027 * 1 * 100vw);
  --type-3-right-width-mobile: auto;
  --type-3-right-width-tablet: auto;
  --type-3-right-width-desktop: 50%;
  --type-4-this-margin-mobile: calc(0.1526717557 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw) calc(0.4452926209 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-4-this-margin-tablet: calc(0.0731707317 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw) calc(0.2134146341 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-4-this-margin-desktop: calc(0.0101351351 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw) calc(0.0574324324 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-4-this-flex-direction-mobile: column;
  --type-4-this-flex-direction-tablet: column;
  --type-4-this-flex-direction-desktop: column;
  --type-4-this-justify-content-mobile: space-between;
  --type-4-this-justify-content-tablet: space-between;
  --type-4-this-justify-content-desktop: space-between;
  --type-4-this-gap-mobile: calc(0.0636132316 * 1 * 100vw);
  --type-4-this-gap-tablet: calc(0.0609756098 * 1 * 100vw);
  --type-4-this-gap-desktop: calc(0.0304054054 * 1 * 100vw);
  --type-4-wrapper-flex-direction-mobile: column;
  --type-4-wrapper-flex-direction-tablet: column;
  --type-4-wrapper-flex-direction-desktop: row;
  --type-4-wrapper-width-mobile: 100%;
  --type-4-wrapper-width-tablet: calc(100% - 0.1219512195 * 1 * 100vw);
  --type-4-wrapper-width-desktop: calc(100% - 0.0675675676 * 1 * 100vw);
  --type-4-wrapper-margin-mobile: 0
    calc(0.1272264631 * 1 * 100vw + 0.0636132316 * 1 * 100vw) 0 0;
  --type-4-wrapper-margin-tablet: 0
    calc(0.0609756098 * 1 * 100vw + 0.0304878049 * 1 * 100vw) 0
    calc(0.0609756098 * 1 * 100vw);
  --type-4-wrapper-margin-desktop: 0
    calc(0.0337837838 * 1 * 100vw + 0.0675675676 * 1 * 100vw) 0
    calc(0.0337837838 * 1 * 100vw);
  --type-4-wrapper-gap-mobile: calc(0.0636132316 * 1 * 100vw);
  --type-4-wrapper-gap-tablet: calc(0.0304878049 * 1 * 100vw);
  --type-4-wrapper-gap-desktop: calc(0.0472972973 * 1 * 100vw);
  --type-4-container-width-mobile: 100%;
  --type-4-container-width-tablet: 100%;
  --type-4-container-width-desktop: 100%;
  --type-4-container-padding-mobile: calc(0.0636132316 * 1 * 100vw);
  --type-4-container-padding-tablet: calc(0.0304878049 * 1 * 100vw);
  --type-4-container-padding-desktop: calc(0.0472972973 * 1 * 100vw)
    calc(0.0540540541 * 1 * 100vw);
  --type-5-this-padding-mobile: 0 0 20px 0;
  --type-5-this-padding-tablet: 0 0 20px 0;
  --type-5-this-padding-desktop: 0;
  --type-5-this-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-5-this-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-5-this-gap-desktop: 0;
  --type-5-this-margin-mobile: 0;
  --type-5-this-margin-tablet: 0;
  --type-5-this-margin-desktop: 0;
  --type-5-this-width-mobile: auto;
  --type-5-this-width-tablet: auto;
  --type-5-this-width-desktop: auto;
  --type-5-this-margin-top-mobile: 0;
  --type-5-this-margin-top-tablet: 0;
  --type-5-this-margin-top-desktop: calc(
    (0.0608108108 * 1 * 100vw + 0.0135135135 * 1 * 100vw * 2) * -1
  );
  --type-5-this-height-desktop: 100vh;
  --type-5-frm_rootline_group-padding-top-mobile: 0;
  --type-5-frm_rootline_group-padding-top-tablet: 0;
  --type-5-frm_rootline_group-padding-top-desktop: calc(
    0.0608108108 * 1 * 100vw + 0.0135135135 * 1 * 100vw * 2 + 0.0675675676 * 1 *
      100vw
  ) !important;
  --type-6-this-padding-mobile: calc(0.0381679389 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-6-this-padding-tablet: calc(0.0182926829 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-6-this-padding-desktop: calc(0.0067567568 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw) calc(0.0101351351 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-6-this-flex-direction-mobile: row;
  --type-6-this-flex-direction-tablet: row;
  --type-6-this-flex-direction-desktop: row;
  --type-6-this-justify-content-mobile: space-between;
  --type-6-this-justify-content-tablet: space-between;
  --type-6-this-justify-content-desktop: space-between;
  --type-6-sidebar-padding-mobile: 0;
  --type-6-sidebar-padding-tablet: 0;
  --type-6-sidebar-padding-desktop: 0 calc(0.0675675676 * 1 * 100vw) 0
    calc(0.0675675676 * 1 * 100vw);
  --type-6-sidebar-gap-mobile: calc(0.0127226463 * 1 * 100vw);
  --type-6-sidebar-gap-tablet: calc(0.006097561 * 1 * 100vw);
  --type-6-sidebar-gap-desktop: 0;
  --type-6-sidebar-margin-mobile: calc(0.0305343511 * 1 * 100vw) 0 0
    calc(0.0636132316 * 1 * 100vw);
  --type-6-sidebar-margin-tablet: calc(0.0146341463 * 1 * 100vw) 0 0
    calc(0.0304878049 * 1 * 100vw);
  --type-6-sidebar-margin-desktop: 0;
  --type-6-sidebar-flex-direction-mobile: row;
  --type-6-sidebar-flex-direction-tablet: row;
  --type-6-sidebar-flex-direction-desktop: column;
  --type-6-sidebar-width-mobile: calc(100% - 0.0636132316 * 1 * 100vw);
  --type-6-sidebar-width-tablet: calc(100% - 0.0304878049 * 1 * 100vw);
  --type-6-sidebar-width-desktop: fit-content;
  --type-6-sidebar-height-desktop: calc(
    100vh - (0.0608108108 * 1 * 100vw + 2 * 0.0135135135 * 1 * 100vw)
  );
  --type-6-wrapper-gap-mobile: calc(0.0636132316 * 1 * 100vw);
  --type-6-wrapper-gap-tablet: calc(0.0304878049 * 1 * 100vw);
  --type-6-wrapper-gap-desktop: calc(0.0168918919 * 1 * 100vw);
  --type-6-wrapper-height-mobile: 100%;
  --type-6-wrapper-height-tablet: 100%;
  --type-6-wrapper-height-desktop: 100%;
  --type-6-wrapper-margin-mobile: 0 calc(0.0636132316 * 1 * 100vw);
  --type-6-wrapper-margin-tablet: 0 calc(0.0304878049 * 1 * 100vw);
  --type-6-wrapper-margin-desktop: 0 0 calc(0.0675675676 * 1 * 100vw);
  --type-6-wrapper-width-desktop: calc(0.4391891892 * 1 * 100vw);
  --type-6-item-padding-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-6-item-padding-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-6-item-padding-desktop: calc(0.0135135135 * 1 * 100vw);
  --type-7-this-padding-mobile: calc(0.0381679389 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-7-this-padding-tablet: calc(0.0182926829 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-7-this-padding-desktop: calc(0.0067567568 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw) calc(0.0101351351 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-7-this-display-mobile: grid;
  --type-7-this-display-tablet: grid;
  --type-7-this-display-desktop: grid;
  --type-7-this-grid-template-columns-mobile: repeat(1, 1fr);
  --type-7-this-grid-template-columns-tablet: repeat(2, 1fr);
  --type-7-this-grid-template-columns-desktop: repeat(3, 1fr);
  --type-7-this-column-gap-mobile: calc(0.0254452926 * 1 * 100vw);
  --type-7-this-column-gap-tablet: calc(0.012195122 * 1 * 100vw);
  --type-7-this-column-gap-desktop: calc(0.0067567568 * 1 * 100vw);
  --type-7-this-row-gap-mobile: calc(0.0763358779 * 1 * 100vw);
  --type-7-this-row-gap-tablet: calc(0.0365853659 * 1 * 100vw);
  --type-7-this-row-gap-desktop: calc(0.0202702703 * 1 * 100vw);
  --type-7-wrapper-flex-direction-mobile: column;
  --type-7-wrapper-flex-direction-tablet: column;
  --type-7-wrapper-flex-direction-desktop: column;
  --type-7-wrapper-align-items-mobile: center;
  --type-7-wrapper-align-items-tablet: center;
  --type-7-wrapper-align-items-desktop: center;
  --type-7-img-wrapper-width-mobile: 100%;
  --type-7-img-wrapper-width-tablet: 100%;
  --type-7-img-wrapper-width-desktop: 100%;
  --type-7-img-wrapper-height-mobile: calc(0.6870229008 * 1 * 100vw);
  --type-7-img-wrapper-height-tablet: calc(0.3292682927 * 1 * 100vw);
  --type-7-img-wrapper-height-desktop: calc(0.1824324324 * 1 * 100vw);
  --type-7-container-padding-mobile: calc(0.058524173 * 1 * 100vw)
    calc(0.0508905852 * 1 * 100vw);
  --type-7-container-padding-tablet: calc(0.0280487805 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-7-container-padding-desktop: calc(0.0155405405 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw);
  --type-8-this-padding-mobile: calc(0.0381679389 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-8-this-padding-tablet: calc(0.0182926829 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-8-this-padding-desktop: calc(0.0608108108 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-8-this-align-items-mobile: center;
  --type-8-this-align-items-tablet: center;
  --type-8-this-align-items-desktop: center;
  --type-8-infos-container-display-mobile: flex;
  --type-8-infos-container-display-tablet: flex;
  --type-8-infos-container-display-desktop: flex;
  --type-8-infos-container-flex-direction-mobile: column;
  --type-8-infos-container-flex-direction-tablet: column;
  --type-8-infos-container-flex-direction-desktop: row;
  --type-8-infos-container-width-mobile: calc(0.6870229008 * 1 * 100vw);
  --type-8-infos-container-width-tablet: calc(0.3292682927 * 1 * 100vw);
  --type-8-infos-container-width-desktop: auto;
  --type-8-infos-container-height-mobile: auto;
  --type-8-infos-container-height-tablet: auto;
  --type-8-infos-container-height-desktop: auto;
  --type-8-infos-container-margin-mobile: calc(0.1017811705 * 1 * 100vw) 0;
  --type-8-infos-container-margin-tablet: calc(0.0487804878 * 1 * 100vw) 0;
  --type-8-infos-container-margin-desktop: calc(0.052027027 * 1 * 100vw) 0 0 0;
  --type-8-info-wrapper-display-mobile: flex;
  --type-8-info-wrapper-display-tablet: flex;
  --type-8-info-wrapper-display-desktop: flex;
  --type-8-info-wrapper-flex-direction-mobile: column;
  --type-8-info-wrapper-flex-direction-tablet: column;
  --type-8-info-wrapper-flex-direction-desktop: column;
  --type-8-info-wrapper-gap-mobile: calc(0.0763358779 * 1 * 100vw);
  --type-8-info-wrapper-gap-tablet: calc(0.0365853659 * 1 * 100vw);
  --type-8-info-wrapper-gap-desktop: calc(0.0202702703 * 1 * 100vw);
  --type-8-info-wrapper-flex-mobile: 1;
  --type-8-info-wrapper-flex-tablet: 1;
  --type-8-info-wrapper-flex-desktop: 1;
  --type-8-separator-height-mobile: 1px;
  --type-8-separator-height-tablet: 1px;
  --type-8-separator-height-desktop: auto;
  --type-8-separator-width-mobile: 100%;
  --type-8-separator-width-tablet: 100%;
  --type-8-separator-width-desktop: 1px;
  --type-8-separator-margin-mobile: calc(0.0610687023 * 1 * 100vw) 0;
  --type-8-separator-margin-tablet: calc(0.0292682927 * 1 * 100vw) 0;
  --type-8-separator-margin-desktop: 0 calc(0.027027027 * 1 * 100vw);
  --type-8-text-wrapper-display-mobile: flex;
  --type-8-text-wrapper-display-tablet: flex;
  --type-8-text-wrapper-display-desktop: flex;
  --type-8-text-wrapper-flex-direction-mobile: column;
  --type-8-text-wrapper-flex-direction-tablet: column;
  --type-8-text-wrapper-flex-direction-desktop: column;
  --type-8-text-wrapper-align-items-mobile: center;
  --type-8-text-wrapper-align-items-tablet: center;
  --type-8-text-wrapper-align-items-desktop: center;
  --type-8-text-wrapper-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-8-text-wrapper-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-8-text-wrapper-gap-desktop: calc(0.0135135135 * 1 * 100vw);
  --type-nos-producteurs-this-position-mobile: relative;
  --type-nos-producteurs-this-position-tablet: relative;
  --type-nos-producteurs-this-position-desktop: relative;
  --type-nos-producteurs-this-margin-bottom-mobile: calc(
    0.1272264631 * 1 * 100vw
  );
  --type-nos-producteurs-this-margin-bottom-tablet: calc(
    0.0609756098 * 1 * 100vw
  );
  --type-nos-producteurs-this-margin-bottom-desktop: calc(
    0.0675675676 * 1 * 100vw
  );
  --type-nos-producteurs-section-text-padding-mobile: 0
    calc(0.0636132316 * 1 * 100vw);
  --type-nos-producteurs-section-text-padding-tablet: 0
    calc(0.0304878049 * 1 * 100vw);
  --type-nos-producteurs-section-text-padding-desktop: 0
    calc(0.0675675676 * 1 * 100vw);
  --type-nos-producteurs-cards-container-margin-mobile: calc(
      0.0712468193 * 1 * 100vw
    )
    0;
  --type-nos-producteurs-cards-container-margin-tablet: calc(
      0.0341463415 * 1 * 100vw
    )
    0;
  --type-nos-producteurs-cards-container-margin-desktop: calc(
      0.0337837838 * 1 * 100vw
    )
    0 calc(0.0202702703 * 1 * 100vw) 0;
  --type-nos-producteurs-cards-container-padding-top-mobile: 0;
  --type-nos-producteurs-cards-container-padding-top-tablet: 0;
  --type-nos-producteurs-cards-container-padding-top-desktop: calc(
    0.0033783784 * 1 * 100vw
  );
  --type-nos-producteurs-cards-swiper-display-mobile: flex;
  --type-nos-producteurs-cards-swiper-display-tablet: flex;
  --type-nos-producteurs-cards-swiper-display-desktop: flex;
  --type-nos-producteurs-cards-swiper-flex-direction-mobile: row;
  --type-nos-producteurs-cards-swiper-flex-direction-tablet: row;
  --type-nos-producteurs-cards-swiper-flex-direction-desktop: row;
  --type-nos-producteurs-cards-swiper-gap-mobile: calc(
    0.0508905852 * 1 * 100vw
  );
  --type-nos-producteurs-cards-swiper-gap-tablet: calc(
    0.0243902439 * 1 * 100vw
  );
  --type-nos-producteurs-cards-swiper-gap-desktop: calc(
    0.0135135135 * 1 * 100vw
  );
  --type-nos-producteurs-cards-swiper-margin-mobile: 0
    calc(0.0636132316 * 1 * 100vw);
  --type-nos-producteurs-cards-swiper-margin-tablet: 0
    calc(0.0304878049 * 1 * 100vw);
  --type-nos-producteurs-cards-swiper-margin-desktop: 0
    calc(0.0675675676 * 1 * 100vw);
  --type-nos-producteurs-cards-swiper-width-mobile: max-content;
  --type-nos-producteurs-cards-swiper-width-tablet: max-content;
  --type-nos-producteurs-cards-swiper-width-desktop: max-content;
  --type-nos-producteurs-all-producteurs-link-display-mobile: flex;
  --type-nos-producteurs-all-producteurs-link-display-tablet: flex;
  --type-nos-producteurs-all-producteurs-link-display-desktop: flex;
  --type-nos-producteurs-all-producteurs-link-align-items-mobile: center;
  --type-nos-producteurs-all-producteurs-link-align-items-tablet: center;
  --type-nos-producteurs-all-producteurs-link-align-items-desktop: center;
  --type-nos-producteurs-all-producteurs-link-gap-mobile: calc(
    0.0254452926 * 1 * 100vw
  );
  --type-nos-producteurs-all-producteurs-link-gap-tablet: calc(
    0.012195122 * 1 * 100vw
  );
  --type-nos-producteurs-all-producteurs-link-gap-desktop: calc(
    0.0067567568 * 1 * 100vw
  );
  --type-nos-producteurs-all-producteurs-link-margin-left-mobile: auto;
  --type-nos-producteurs-all-producteurs-link-margin-left-tablet: auto;
  --type-nos-producteurs-all-producteurs-link-margin-left-desktop: auto;
  --type-recettes-this-position-mobile: relative;
  --type-recettes-this-position-tablet: relative;
  --type-recettes-this-position-desktop: relative;
  --type-recettes-this-padding-mobile: calc(0.1145038168 * 1 * 100vw) 0;
  --type-recettes-this-padding-tablet: calc(0.0548780488 * 1 * 100vw) 0;
  --type-recettes-this-padding-desktop: calc(0.0540540541 * 1 * 100vw) 0;
  --type-recettes-section-text-padding-mobile: 0 calc(0.0636132316 * 1 * 100vw);
  --type-recettes-section-text-padding-tablet: 0 calc(0.0304878049 * 1 * 100vw);
  --type-recettes-section-text-padding-desktop: 0 calc(0.0675675676 * 1 * 100vw);
  --type-recettes-cards-container-margin-mobile: calc(0.0712468193 * 1 * 100vw)
    0;
  --type-recettes-cards-container-margin-tablet: calc(0.0341463415 * 1 * 100vw)
    0;
  --type-recettes-cards-container-margin-desktop: calc(0.0337837838 * 1 * 100vw)
    0 calc(0.0202702703 * 1 * 100vw) 0;
  --type-recettes-cards-swiper-display-mobile: flex;
  --type-recettes-cards-swiper-display-tablet: flex;
  --type-recettes-cards-swiper-display-desktop: flex;
  --type-recettes-cards-swiper-flex-direction-mobile: row;
  --type-recettes-cards-swiper-flex-direction-tablet: row;
  --type-recettes-cards-swiper-flex-direction-desktop: row;
  --type-recettes-cards-swiper-margin-mobile: 0 calc(0.0636132316 * 1 * 100vw);
  --type-recettes-cards-swiper-margin-tablet: 0 calc(0.0304878049 * 1 * 100vw);
  --type-recettes-cards-swiper-margin-desktop: 0 calc(0.0675675676 * 1 * 100vw);
  --type-recettes-cards-swiper-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-recettes-cards-swiper-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-recettes-cards-swiper-gap-desktop: calc(0.0135135135 * 1 * 100vw);
  --type-recettes-cards-swiper-width-mobile: max-content;
  --type-recettes-cards-swiper-width-tablet: max-content;
  --type-recettes-cards-swiper-width-desktop: max-content;
  --type-recettes-moving-link-display-mobile: flex;
  --type-recettes-moving-link-display-tablet: flex;
  --type-recettes-moving-link-display-desktop: flex;
  --type-recettes-moving-link-align-items-mobile: center;
  --type-recettes-moving-link-align-items-tablet: center;
  --type-recettes-moving-link-align-items-desktop: center;
  --type-recettes-moving-link-gap-mobile: calc(0.0254452926 * 1 * 100vw);
  --type-recettes-moving-link-gap-tablet: calc(0.012195122 * 1 * 100vw);
  --type-recettes-moving-link-gap-desktop: calc(0.0067567568 * 1 * 100vw);
  --type-recettes-moving-link-margin-left-mobile: auto;
  --type-recettes-moving-link-margin-left-tablet: auto;
  --type-recettes-moving-link-margin-left-desktop: auto;
  --type-articles-this-position-mobile: relative;
  --type-articles-this-position-tablet: relative;
  --type-articles-this-position-desktop: relative;
  --type-articles-this-padding-mobile: calc(0.1272264631 * 1 * 100vw) 0;
  --type-articles-this-padding-tablet: calc(0.0609756098 * 1 * 100vw) 0;
  --type-articles-this-padding-desktop: calc(0.0540540541 * 1 * 100vw) 0;
  --type-articles-section-text-padding-mobile: 0 calc(0.0636132316 * 1 * 100vw);
  --type-articles-section-text-padding-tablet: 0 calc(0.0304878049 * 1 * 100vw);
  --type-articles-section-text-padding-desktop: 0 calc(0.0675675676 * 1 * 100vw);
  --type-articles-cards-container-margin-mobile: calc(0.0712468193 * 1 * 100vw)
    0;
  --type-articles-cards-container-margin-tablet: calc(0.0341463415 * 1 * 100vw)
    0;
  --type-articles-cards-container-margin-desktop: calc(0.0337837838 * 1 * 100vw)
    0 calc(0.0202702703 * 1 * 100vw) 0;
  --type-articles-cards-swiper-display-mobile: flex;
  --type-articles-cards-swiper-display-tablet: flex;
  --type-articles-cards-swiper-display-desktop: flex;
  --type-articles-cards-swiper-flex-direction-mobile: row;
  --type-articles-cards-swiper-flex-direction-tablet: row;
  --type-articles-cards-swiper-flex-direction-desktop: row;
  --type-articles-cards-swiper-gap-mobile: calc(0.048346056 * 1 * 100vw);
  --type-articles-cards-swiper-gap-tablet: calc(0.0231707317 * 1 * 100vw);
  --type-articles-cards-swiper-gap-desktop: calc(0.0243243243 * 1 * 100vw);
  --type-articles-cards-swiper-margin-mobile: 0 calc(0.0636132316 * 1 * 100vw);
  --type-articles-cards-swiper-margin-tablet: 0 calc(0.0304878049 * 1 * 100vw);
  --type-articles-cards-swiper-margin-desktop: 0 calc(0.0675675676 * 1 * 100vw);
  --type-articles-cards-swiper-width-mobile: max-content;
  --type-articles-cards-swiper-width-tablet: max-content;
  --type-articles-cards-swiper-width-desktop: max-content;
  --type-articles-moving-link-display-mobile: flex;
  --type-articles-moving-link-display-tablet: flex;
  --type-articles-moving-link-display-desktop: flex;
  --type-articles-moving-link-align-items-mobile: center;
  --type-articles-moving-link-align-items-tablet: center;
  --type-articles-moving-link-align-items-desktop: center;
  --type-articles-moving-link-gap-mobile: calc(0.0254452926 * 1 * 100vw);
  --type-articles-moving-link-gap-tablet: calc(0.012195122 * 1 * 100vw);
  --type-articles-moving-link-gap-desktop: calc(0.0067567568 * 1 * 100vw);
  --type-articles-moving-link-margin-left-mobile: auto;
  --type-articles-moving-link-margin-left-tablet: auto;
  --type-articles-moving-link-margin-left-desktop: auto;
  --type-questions-this-width-mobile: 100%;
  --type-questions-this-width-tablet: 100%;
  --type-questions-this-width-desktop: 100%;
  --type-questions-this-height-mobile: calc(0.6972010178 * 1 * 100vw);
  --type-questions-this-height-tablet: calc(0.3341463415 * 1 * 100vw);
  --type-questions-this-height-desktop: calc(0.2587837838 * 1 * 100vw);
  --type-questions-this-display-mobile: flex;
  --type-questions-this-display-tablet: flex;
  --type-questions-this-display-desktop: flex;
  --type-questions-this-align-items-mobile: center;
  --type-questions-this-align-items-tablet: center;
  --type-questions-this-align-items-desktop: center;
  --type-questions-this-justify-content-mobile: center;
  --type-questions-this-justify-content-tablet: center;
  --type-questions-this-justify-content-desktop: center;
  --type-questions-content-display-mobile: flex;
  --type-questions-content-display-tablet: flex;
  --type-questions-content-display-desktop: flex;
  --type-questions-content-flex-direction-mobile: column;
  --type-questions-content-flex-direction-tablet: column;
  --type-questions-content-flex-direction-desktop: column;
  --type-questions-content-width-mobile: calc(0.7888040712 * 1 * 100vw);
  --type-questions-content-width-tablet: calc(0.3780487805 * 1 * 100vw);
  --type-questions-content-width-desktop: auto;
  --type-questions-content-text-align-mobile: center;
  --type-questions-content-text-align-tablet: center;
  --type-questions-content-text-align-desktop: center;
  --type-questions-content-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-questions-content-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-questions-content-gap-desktop: calc(0.0337837838 * 1 * 100vw);
  --type-questions-faq-this-display-mobile: flex;
  --type-questions-faq-this-display-tablet: flex;
  --type-questions-faq-this-display-desktop: flex;
  --type-questions-faq-this-flex-direction-mobile: column;
  --type-questions-faq-this-flex-direction-tablet: column;
  --type-questions-faq-this-flex-direction-desktop: row;
  --type-questions-faq-this-gap-mobile: calc(0.0763358779 * 1 * 100vw);
  --type-questions-faq-this-gap-tablet: calc(0.0365853659 * 1 * 100vw);
  --type-questions-faq-this-gap-desktop: calc(0.0608108108 * 1 * 100vw);
  --type-questions-faq-this-padding-mobile: 0 calc(0.0636132316 * 1 * 100vw)
    calc(0.1272264631 * 1 * 100vw) calc(0.0636132316 * 1 * 100vw);
  --type-questions-faq-this-padding-tablet: 0 calc(0.0304878049 * 1 * 100vw)
    calc(0.0609756098 * 1 * 100vw) calc(0.0304878049 * 1 * 100vw);
  --type-questions-faq-this-padding-desktop: 0 calc(0.0675675676 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw) calc(0.0675675676 * 1 * 100vw);
  --type-questions-faq-text-content-display-mobile: flex;
  --type-questions-faq-text-content-display-tablet: flex;
  --type-questions-faq-text-content-display-desktop: flex;
  --type-questions-faq-text-content-flex-direction-mobile: column;
  --type-questions-faq-text-content-flex-direction-tablet: column;
  --type-questions-faq-text-content-flex-direction-desktop: column;
  --type-questions-faq-text-content-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-questions-faq-text-content-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-questions-faq-text-content-gap-desktop: calc(0.0202702703 * 1 * 100vw);
  --type-questions-faq-text-content-flex-mobile: 1;
  --type-questions-faq-text-content-flex-tablet: 1;
  --type-questions-faq-text-content-flex-desktop: 3;
  --type-questions-faq-questions-content-flex-mobile: 1;
  --type-questions-faq-questions-content-flex-tablet: 1;
  --type-questions-faq-questions-content-flex-desktop: 6;
  --type-questions-faq-questions-content-gap-mobile: calc(
    0.0508905852 * 1 * 100vw
  );
  --type-questions-faq-questions-content-gap-tablet: calc(
    0.0243902439 * 1 * 100vw
  );
  --type-questions-faq-questions-content-gap-desktop: calc(
    0.0135135135 * 1 * 100vw
  );
  --type-questions-faq-question-display-mobile: flex;
  --type-questions-faq-question-display-tablet: flex;
  --type-questions-faq-question-display-desktop: flex;
  --type-questions-faq-question-flex-direction-mobile: column;
  --type-questions-faq-question-flex-direction-tablet: column;
  --type-questions-faq-question-flex-direction-desktop: column;
  --type-questions-faq-question-padding-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-questions-faq-question-padding-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-questions-faq-question-padding-desktop: calc(0.027027027 * 1 * 100vw) 0;
  --type-questions-faq-question-answer-margin-top-mobile: calc(
    0.0508905852 * 1 * 100vw
  );
  --type-questions-faq-question-answer-margin-top-tablet: calc(
    0.0243902439 * 1 * 100vw
  );
  --type-questions-faq-question-answer-margin-top-desktop: calc(
    0.0135135135 * 1 * 100vw
  );
  --type-questions-faq-questions-header-display-mobile: flex;
  --type-questions-faq-questions-header-display-tablet: flex;
  --type-questions-faq-questions-header-display-desktop: flex;
  --type-questions-faq-questions-header-flex-direction-mobile: row;
  --type-questions-faq-questions-header-flex-direction-tablet: row;
  --type-questions-faq-questions-header-flex-direction-desktop: row;
  --type-questions-faq-questions-header-gap-mobile: calc(
    0.0508905852 * 1 * 100vw
  );
  --type-questions-faq-questions-header-gap-tablet: calc(
    0.0243902439 * 1 * 100vw
  );
  --type-questions-faq-questions-header-gap-desktop: calc(
    0.0608108108 * 1 * 100vw
  );
  --type-questions-faq-questions-header-justify-content-mobile: space-between;
  --type-questions-faq-questions-header-justify-content-tablet: space-between;
  --type-questions-faq-questions-header-justify-content-desktop: space-between;
  --type-questions-faq-questions-header-margin-bottom-mobile: calc(
    0.0508905852 * 1 * 100vw
  );
  --type-questions-faq-questions-header-margin-bottom-tablet: calc(
    0.0243902439 * 1 * 100vw
  );
  --type-questions-faq-questions-header-margin-bottom-desktop: calc(
    0.0202702703 * 1 * 100vw
  );
  --type-text-image-this-display-mobile: flex;
  --type-text-image-this-display-tablet: flex;
  --type-text-image-this-display-desktop: flex;
  --type-text-image-this-flex-direction-mobile: column;
  --type-text-image-this-flex-direction-tablet: column;
  --type-text-image-this-flex-direction-desktop: row;
  --type-text-image-this-padding-mobile: calc(0.1272264631 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-text-image-this-padding-tablet: calc(0.0609756098 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-text-image-this-padding-desktop: calc(0.0337837838 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-text-image-this-justify-content-mobile: space-between;
  --type-text-image-this-justify-content-tablet: space-between;
  --type-text-image-this-justify-content-desktop: space-between;
  --type-text-image-this-align-items-mobile: center;
  --type-text-image-this-align-items-tablet: center;
  --type-text-image-this-align-items-desktop: center;
  --type-text-image-image-wrapper-position-mobile: relative;
  --type-text-image-image-wrapper-position-tablet: relative;
  --type-text-image-image-wrapper-position-desktop: relative;
  --type-text-image-image-wrapper-width-mobile: 100%;
  --type-text-image-image-wrapper-width-tablet: 100%;
  --type-text-image-image-wrapper-width-desktop: calc(0.3783783784 * 1 * 100vw);
  --type-text-image-image-wrapper-height-mobile: calc(0.6641221374 * 1 * 100vw);
  --type-text-image-image-wrapper-height-tablet: calc(0.3182926829 * 1 * 100vw);
  --type-text-image-image-wrapper-height-desktop: auto;
  --type-text-image-icon-position-mobile: absolute;
  --type-text-image-icon-position-tablet: absolute;
  --type-text-image-icon-position-desktop: absolute;
  --type-text-image-icon-top-mobile: calc(0.0254452926 * 1 * 100vw);
  --type-text-image-icon-top-tablet: calc(0.012195122 * 1 * 100vw);
  --type-text-image-icon-top-desktop: calc(0.0067567568 * 1 * 100vw);
  --type-text-image-icon-right-mobile: calc(0.0254452926 * 1 * 100vw);
  --type-text-image-icon-right-tablet: calc(0.012195122 * 1 * 100vw);
  --type-text-image-icon-right-desktop: calc(0.0067567568 * 1 * 100vw);
  --type-text-image-icon-max-width-mobile: calc(0.203562341 * 1 * 100vw);
  --type-text-image-icon-max-width-tablet: calc(0.0975609756 * 1 * 100vw);
  --type-text-image-icon-max-width-desktop: calc(0.0540540541 * 1 * 100vw);
  --type-text-image-icon-max-height-mobile: calc(0.203562341 * 1 * 100vw);
  --type-text-image-icon-max-height-tablet: calc(0.0975609756 * 1 * 100vw);
  --type-text-image-icon-max-height-desktop: calc(0.0540540541 * 1 * 100vw);
  --type-text-image-label-position-mobile: absolute;
  --type-text-image-label-position-tablet: absolute;
  --type-text-image-label-position-desktop: absolute;
  --type-text-image-label-padding-mobile: calc(0.0254452926 * 1 * 100vw)
    calc(0.0381679389 * 1 * 100vw);
  --type-text-image-label-padding-tablet: calc(0.012195122 * 1 * 100vw)
    calc(0.0182926829 * 1 * 100vw);
  --type-text-image-label-padding-desktop: calc(0.0067567568 * 1 * 100vw)
    calc(0.0101351351 * 1 * 100vw);
  --type-text-image-label-left-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-text-image-label-left-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-text-image-label-left-desktop: calc(0.0135135135 * 1 * 100vw);
  --type-text-image-label-top-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-text-image-label-top-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-text-image-label-top-desktop: calc(0.0135135135 * 1 * 100vw);
  --type-text-image-text-width-mobile: 100%;
  --type-text-image-text-width-tablet: 100%;
  --type-text-image-text-width-desktop: calc(0.4054054054 * 1 * 100vw);
  --type-text-image-text-padding-mobile: 0;
  --type-text-image-text-padding-tablet: 0;
  --type-text-image-text-padding-desktop: calc(0.0540540541 * 1 * 100vw) 0;
  --type-text-image-text-gap-mobile: calc(0.0636132316 * 1 * 100vw);
  --type-text-image-text-gap-tablet: calc(0.0304878049 * 1 * 100vw);
  --type-text-image-text-gap-desktop: calc(0.0236486486 * 1 * 100vw);
  --type-text-image-text-display-mobile: flex;
  --type-text-image-text-display-tablet: flex;
  --type-text-image-text-display-desktop: flex;
  --type-text-image-text-flex-direction-mobile: column;
  --type-text-image-text-flex-direction-tablet: column;
  --type-text-image-text-flex-direction-desktop: column;
  --type-text-image-text-justify-content-mobile: center;
  --type-text-image-text-justify-content-tablet: center;
  --type-text-image-text-justify-content-desktop: center;
  --type-text-image-cta-primary-margin-mobile: auto;
  --type-text-image-cta-primary-margin-tablet: auto;
  --type-text-image-cta-primary-margin-desktop: 0;
  --type-form-pro-this-padding-mobile: 0 calc(0.0636132316 * 1 * 100vw);
  --type-form-pro-this-padding-tablet: 0 calc(0.0304878049 * 1 * 100vw);
  --type-form-pro-this-padding-desktop: 0 calc(0.0675675676 * 1 * 100vw);
  --type-form-pro-this-margin-mobile: calc(0.1017811705 * 1 * 100vw) 0
    calc(0.1272264631 * 1 * 100vw) 0;
  --type-form-pro-this-margin-tablet: calc(0.0487804878 * 1 * 100vw) 0
    calc(0.0609756098 * 1 * 100vw) 0;
  --type-form-pro-this-margin-desktop: calc(0.0304054054 * 1 * 100vw) 0
    calc(0.0675675676 * 1 * 100vw) 0;
  --type-form-pro-container-padding-mobile: calc(0.0636132316 * 1 * 100vw);
  --type-form-pro-container-padding-tablet: calc(0.0304878049 * 1 * 100vw);
  --type-form-pro-container-padding-desktop: calc(0.0337837838 * 1 * 100vw)
    calc(0.0472972973 * 1 * 100vw);
  --type-form-pro-container-margin-top-mobile: calc(0.0661577608 * 1 * 100vw);
  --type-form-pro-container-margin-top-tablet: calc(0.0317073171 * 1 * 100vw);
  --type-form-pro-container-margin-top-desktop: calc(0.0216216216 * 1 * 100vw);
  --type-form-pro-hidden-container-margin-mobile: calc(
    0.0636132316 * 1 * 100vw
  );
  --type-form-pro-hidden-container-margin-tablet: calc(
    0.0304878049 * 1 * 100vw
  );
  --type-form-pro-hidden-container-margin-desktop: calc(
      0.0405405405 * 1 * 100vw
    )
    calc(0.0337837838 * 1 * 100vw);
  --type-form-pro-hidden-container-display-mobile: flex;
  --type-form-pro-hidden-container-display-tablet: flex;
  --type-form-pro-hidden-container-display-desktop: flex;
  --type-form-pro-hidden-container-gap-mobile: calc(0.1526717557 * 1 * 100vw);
  --type-form-pro-hidden-container-gap-tablet: calc(0.0731707317 * 1 * 100vw);
  --type-form-pro-hidden-container-gap-desktop: calc(0.0405405405 * 1 * 100vw);
  --type-form-pro-hidden-text-display-mobile: flex;
  --type-form-pro-hidden-text-display-tablet: flex;
  --type-form-pro-hidden-text-display-desktop: flex;
  --type-form-pro-hidden-text-flex-direction-mobile: column;
  --type-form-pro-hidden-text-flex-direction-tablet: column;
  --type-form-pro-hidden-text-flex-direction-desktop: column;
  --type-form-pro-hidden-text-gap-mobile: calc(0.0763358779 * 1 * 100vw);
  --type-form-pro-hidden-text-gap-tablet: calc(0.0365853659 * 1 * 100vw);
  --type-form-pro-hidden-text-gap-desktop: calc(0.0202702703 * 1 * 100vw);
  --type-form-pro-hidden-text-flex-mobile: 1;
  --type-form-pro-hidden-text-flex-tablet: 1;
  --type-form-pro-hidden-text-flex-desktop: 1;
  --type-form-pro-hidden-form-flex-mobile: 1;
  --type-form-pro-hidden-form-flex-tablet: 1;
  --type-form-pro-hidden-form-flex-desktop: 1;
  --type-form-pro-icon-display-mobile: flex;
  --type-form-pro-icon-display-tablet: flex;
  --type-form-pro-icon-display-desktop: flex;
  --type-form-pro-icon-align-items-mobile: center;
  --type-form-pro-icon-align-items-tablet: center;
  --type-form-pro-icon-align-items-desktop: center;
  --type-form-pro-icon-justify-content-mobile: center;
  --type-form-pro-icon-justify-content-tablet: center;
  --type-form-pro-icon-justify-content-desktop: center;
  --type-form-pro-icon-width-mobile: calc(0.1730279898 * 1 * 100vw);
  --type-form-pro-icon-width-tablet: calc(0.0829268293 * 1 * 100vw);
  --type-form-pro-icon-width-desktop: calc(0.0459459459 * 1 * 100vw);
  --type-form-pro-icon-height-mobile: calc(0.1730279898 * 1 * 100vw);
  --type-form-pro-icon-height-tablet: calc(0.0829268293 * 1 * 100vw);
  --type-form-pro-icon-height-desktop: calc(0.0459459459 * 1 * 100vw);
  --type-form-pro-text-display-mobile: flex;
  --type-form-pro-text-display-tablet: flex;
  --type-form-pro-text-display-desktop: flex;
  --type-form-pro-text-flex-direction-mobile: column;
  --type-form-pro-text-flex-direction-tablet: column;
  --type-form-pro-text-flex-direction-desktop: row;
  --type-form-pro-text-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-form-pro-text-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-form-pro-text-gap-desktop: calc(0.0304054054 * 1 * 100vw);
  --type-form-pro-text-margin-mobile: calc(0.0508905852 * 1 * 100vw) 0;
  --type-form-pro-text-margin-tablet: calc(0.0243902439 * 1 * 100vw) 0;
  --type-form-pro-text-margin-desktop: calc(0.0202702703 * 1 * 100vw) 0
    calc(0.0168918919 * 1 * 100vw) 0;
  --type-form-pro-content-width-mobile: 100%;
  --type-form-pro-content-width-tablet: 100%;
  --type-form-pro-content-width-desktop: 100%;
  --type-form-pro-content-position-mobile: relative;
  --type-form-pro-content-position-tablet: relative;
  --type-form-pro-content-position-desktop: relative;
  --type-form-pro-close-button-position-mobile: absolute;
  --type-form-pro-close-button-position-tablet: absolute;
  --type-form-pro-close-button-position-desktop: absolute;
  --type-form-pro-close-button-top-mobile: 10px;
  --type-form-pro-close-button-top-tablet: 10px;
  --type-form-pro-close-button-top-desktop: 10px;
  --type-form-pro-close-button-right-mobile: 0;
  --type-form-pro-close-button-right-tablet: 0;
  --type-form-pro-close-button-right-desktop: 0;
  --type-form-pro-close-button-width-mobile: calc(0.1119592875 * 1 * 100vw);
  --type-form-pro-close-button-width-tablet: calc(0.0536585366 * 1 * 100vw);
  --type-form-pro-close-button-width-desktop: calc(0.0297297297 * 1 * 100vw);
  --type-form-pro-close-button-height-mobile: calc(0.1119592875 * 1 * 100vw);
  --type-form-pro-close-button-height-tablet: calc(0.0536585366 * 1 * 100vw);
  --type-form-pro-close-button-height-desktop: calc(0.0297297297 * 1 * 100vw);
  --type-bulles-this-padding-mobile: calc(0.1399491094 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-bulles-this-padding-tablet: calc(0.0670731707 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-bulles-this-padding-desktop: calc(0.0608108108 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-bulles-this-gap-mobile: calc(0.0636132316 * 1 * 100vw);
  --type-bulles-this-gap-tablet: calc(0.0304878049 * 1 * 100vw);
  --type-bulles-this-gap-desktop: calc(0.0337837838 * 1 * 100vw);
  --type-bulles-bulles-container-display-mobile: flex;
  --type-bulles-bulles-container-display-tablet: flex;
  --type-bulles-bulles-container-display-desktop: flex;
  --type-bulles-bulles-container-flex-direction-mobile: column;
  --type-bulles-bulles-container-flex-direction-tablet: column;
  --type-bulles-bulles-container-flex-direction-desktop: row;
  --type-bulles-bulles-container-gap-mobile: calc(0.0254452926 * 1 * 100vw);
  --type-bulles-bulles-container-gap-tablet: calc(0.012195122 * 1 * 100vw);
  --type-bulles-bulles-container-gap-desktop: calc(0.0216216216 * 1 * 100vw);
  --type-bulles-bulle-display-mobile: flex;
  --type-bulles-bulle-display-tablet: flex;
  --type-bulles-bulle-display-desktop: flex;
  --type-bulles-bulle-flex-direction-mobile: column;
  --type-bulles-bulle-flex-direction-tablet: column;
  --type-bulles-bulle-flex-direction-desktop: column;
  --type-bulles-bulle-width-mobile: -webkit-fill-available;
  --type-bulles-bulle-width-tablet: -webkit-fill-available;
  --type-bulles-bulle-width-desktop: -webkit-fill-available;
  --type-bulles-bulle-height-mobile: calc(0.4580152672 * 1 * 100vw);
  --type-bulles-bulle-height-tablet: calc(0.2195121951 * 1 * 100vw);
  --type-bulles-bulle-height-desktop: calc(0.1418918919 * 1 * 100vw);
  --type-bulles-bulle-padding-mobile: calc(0.0661577608 * 1 * 100vw);
  --type-bulles-bulle-padding-tablet: calc(0.0317073171 * 1 * 100vw);
  --type-bulles-bulle-padding-desktop: calc(0.0236486486 * 1 * 100vw)
    calc(0.027027027 * 1 * 100vw);
  --type-bulles-bulle-justify-content-mobile: space-between;
  --type-bulles-bulle-justify-content-tablet: space-between;
  --type-bulles-bulle-justify-content-desktop: space-between;
  --type-bulles-text-padding-bottom-mobile: calc(0.0381679389 * 1 * 100vw);
  --type-bulles-text-padding-bottom-tablet: calc(0.0182926829 * 1 * 100vw);
  --type-bulles-text-padding-bottom-desktop: calc(0.0101351351 * 1 * 100vw);
  --type-register-this-margin-mobile: calc(0.0508905852 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-register-this-margin-tablet: calc(0.0243902439 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-register-this-margin-desktop: calc(0.0675675676 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-register-this-padding-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-register-this-padding-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-register-this-padding-desktop: calc(0.0337837838 * 1 * 100vw);
  --type-register-frm_rootline_group-display-mobile: none;
  --type-register-frm_rootline_group-display-tablet: none;
  --type-register-frm_rootline_group-display-desktop: none;
  --type-register-frm_submit-position-mobile: fixed;
  --type-register-frm_submit-position-tablet: fixed;
  --type-register-frm_submit-position-desktop: fixed;
  --type-register-frm_submit-bottom-mobile: 0;
  --type-register-frm_submit-bottom-tablet: 0;
  --type-register-frm_submit-bottom-desktop: 0;
  --type-register-frm_submit-left-mobile: 0;
  --type-register-frm_submit-left-tablet: 0;
  --type-register-frm_submit-left-desktop: 0;
  --type-register-frm_submit-display-mobile: flex;
  --type-register-frm_submit-display-tablet: flex;
  --type-register-frm_submit-display-desktop: flex;
  --type-register-frm_submit-justify-content-mobile: space-between;
  --type-register-frm_submit-justify-content-tablet: space-between;
  --type-register-frm_submit-justify-content-desktop: space-between;
  --type-register-frm_submit-width-mobile: 100%;
  --type-register-frm_submit-width-tablet: 100%;
  --type-register-frm_submit-width-desktop: calc(
    100% - 0.0675675676 * 1 * 100vw * 2
  );
  --type-register-frm_submit-padding-mobile: calc(0.0508905852 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-register-frm_submit-padding-tablet: calc(0.0243902439 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-register-frm_submit-padding-desktop: calc(0.0135135135 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-selection-producteurs-this-padding-mobile: calc(
      0.0508905852 * 1 * 100vw
    )
    calc(0.0636132316 * 1 * 100vw);
  --type-selection-producteurs-this-padding-tablet: calc(
      0.0243902439 * 1 * 100vw
    )
    calc(0.0304878049 * 1 * 100vw);
  --type-selection-producteurs-this-padding-desktop: calc(
      0.0135135135 * 1 * 100vw
    )
    calc(0.0675675676 * 1 * 100vw);
  --type-selection-producteurs-this-column-gap-mobile: calc(
    0.0508905852 * 1 * 100vw
  );
  --type-selection-producteurs-this-column-gap-tablet: calc(
    0.0243902439 * 1 * 100vw
  );
  --type-selection-producteurs-this-column-gap-desktop: calc(
    0.0135135135 * 1 * 100vw
  );
  --type-selection-producteurs-this-row-gap-mobile: calc(
    0.0508905852 * 1 * 100vw
  );
  --type-selection-producteurs-this-row-gap-tablet: calc(
    0.0243902439 * 1 * 100vw
  );
  --type-selection-producteurs-this-row-gap-desktop: calc(
    0.0337837838 * 1 * 100vw
  );
  --type-selection-producteurs-this-display-mobile: grid;
  --type-selection-producteurs-this-display-tablet: grid;
  --type-selection-producteurs-this-display-desktop: grid;
  --type-selection-producteurs-this-grid-template-columns-mobile: repeat(
    1,
    1fr
  );
  --type-selection-producteurs-this-grid-template-columns-tablet: repeat(
    2,
    1fr
  );
  --type-selection-producteurs-this-grid-template-columns-desktop: repeat(
    4,
    1fr
  );
  --type-selection-producteurs-this-margin-top-mobile: 50px;
  --type-selection-producteurs-this-margin-top-tablet: 0;
  --type-selection-producteurs-this-margin-top-desktop: 0;
  --type-selection-producteurs-this-margin-bottom-mobile: calc(
    0.1272264631 * 1 * 100vw
  );
  --type-selection-producteurs-this-margin-bottom-tablet: calc(
    0.0609756098 * 1 * 100vw
  );
  --type-selection-producteurs-this-margin-bottom-desktop: calc(
    0.0675675676 * 1 * 100vw
  );
  --type-filtres-producteurs-this-padding-mobile: calc(0.1399491094 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-filtres-producteurs-this-padding-tablet: calc(0.0670731707 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-filtres-producteurs-this-padding-desktop: calc(
      0.0608108108 * 1 * 100vw
    )
    calc(0.0675675676 * 1 * 100vw);
  --type-filtres-producteurs-this-padding-top-mobile: calc(
    0.1272264631 * 1 * 100vw
  );
  --type-filtres-producteurs-this-padding-top-tablet: calc(
    0.0609756098 * 1 * 100vw
  );
  --type-filtres-producteurs-this-padding-top-desktop: 0;
  --type-filtres-producteurs-this-justify-content-mobile: space-between;
  --type-filtres-producteurs-this-justify-content-tablet: space-between;
  --type-filtres-producteurs-this-justify-content-desktop: space-between;
  --type-filtres-producteurs-this-flex-direction-mobile: column;
  --type-filtres-producteurs-this-flex-direction-tablet: column;
  --type-filtres-producteurs-this-flex-direction-desktop: row;
  --type-filtres-producteurs-this-display-mobile: none;
  --type-filtres-producteurs-this-display-tablet: none;
  --type-filtres-producteurs-this-display-desktop: flex;
  --type-filtres-producteurs-this-align-items-mobile: center;
  --type-filtres-producteurs-this-align-items-tablet: center;
  --type-filtres-producteurs-this-align-items-desktop: center;
  --type-filtres-producteurs-filters-c-display-mobile: flex;
  --type-filtres-producteurs-filters-c-display-tablet: flex;
  --type-filtres-producteurs-filters-c-display-desktop: flex;
  --type-filtres-producteurs-filters-c-align-items-mobile: center;
  --type-filtres-producteurs-filters-c-align-items-tablet: center;
  --type-filtres-producteurs-filters-c-align-items-desktop: center;
  --type-filtres-producteurs-filters-c-flex-direction-mobile: column;
  --type-filtres-producteurs-filters-c-flex-direction-tablet: column;
  --type-filtres-producteurs-filters-c-flex-direction-desktop: row;
  --type-filtres-producteurs-filters-c-gap-mobile: calc(
    0.0508905852 * 1 * 100vw
  );
  --type-filtres-producteurs-filters-c-gap-tablet: calc(
    0.0243902439 * 1 * 100vw
  );
  --type-filtres-producteurs-filters-c-gap-desktop: calc(
    0.0135135135 * 1 * 100vw
  );
  --type-filtres-articles-this-justify-content-mobile: space-between;
  --type-filtres-articles-this-justify-content-tablet: space-between;
  --type-filtres-articles-this-justify-content-desktop: space-between;
  --type-filtres-articles-this-flex-direction-mobile: column;
  --type-filtres-articles-this-flex-direction-tablet: column;
  --type-filtres-articles-this-flex-direction-desktop: row;
  --type-filtres-articles-this-display-mobile: flex;
  --type-filtres-articles-this-display-tablet: flex;
  --type-filtres-articles-this-display-desktop: flex;
  --type-filtres-articles-this-align-items-mobile: center;
  --type-filtres-articles-this-align-items-tablet: center;
  --type-filtres-articles-this-align-items-desktop: center;
  --type-filtres-articles-this-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-filtres-articles-this-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-filtres-articles-this-gap-desktop: 0;
  --type-filtres-articles-filters-c-width-mobile: 100%;
  --type-filtres-articles-filters-c-width-tablet: 100%;
  --type-filtres-articles-filters-c-width-desktop: 100%;
  --type-filtres-articles-filters-c-display-mobile: flex;
  --type-filtres-articles-filters-c-display-tablet: flex;
  --type-filtres-articles-filters-c-display-desktop: flex;
  --type-filtres-articles-filters-c-align-items-mobile: start;
  --type-filtres-articles-filters-c-align-items-tablet: start;
  --type-filtres-articles-filters-c-align-items-desktop: center;
  --type-filtres-articles-filters-c-flex-direction-mobile: column;
  --type-filtres-articles-filters-c-flex-direction-tablet: column;
  --type-filtres-articles-filters-c-flex-direction-desktop: row;
  --type-filtres-articles-filters-c-padding-mobile: 0;
  --type-filtres-articles-filters-c-padding-tablet: 0;
  --type-filtres-articles-filters-c-padding-desktop: 0;
  --type-filtres-articles-filters-c-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-filtres-articles-filters-c-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-filtres-articles-filters-c-gap-desktop: calc(0.0135135135 * 1 * 100vw);
  --type-filtres-articles-filtres-w-display-mobile: flex;
  --type-filtres-articles-filtres-w-display-tablet: flex;
  --type-filtres-articles-filtres-w-display-desktop: flex;
  --type-filtres-articles-filtres-w-flex-direction-mobile: row;
  --type-filtres-articles-filtres-w-flex-direction-tablet: row;
  --type-filtres-articles-filtres-w-flex-direction-desktop: row;
  --type-filtres-articles-filtres-w-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-filtres-articles-filtres-w-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-filtres-articles-filtres-w-gap-desktop: calc(0.0135135135 * 1 * 100vw);
  --type-filtres-recettes-this-justify-content-mobile: space-between;
  --type-filtres-recettes-this-justify-content-tablet: space-between;
  --type-filtres-recettes-this-justify-content-desktop: space-between;
  --type-filtres-recettes-this-flex-direction-mobile: column;
  --type-filtres-recettes-this-flex-direction-tablet: column;
  --type-filtres-recettes-this-flex-direction-desktop: row;
  --type-filtres-recettes-this-display-mobile: flex;
  --type-filtres-recettes-this-display-tablet: flex;
  --type-filtres-recettes-this-display-desktop: flex;
  --type-filtres-recettes-this-align-items-mobile: center;
  --type-filtres-recettes-this-align-items-tablet: center;
  --type-filtres-recettes-this-align-items-desktop: center;
  --type-filtres-recettes-this-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-filtres-recettes-this-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-filtres-recettes-this-gap-desktop: 0;
  --type-filtres-recettes-filters-c-width-mobile: 100%;
  --type-filtres-recettes-filters-c-width-tablet: 100%;
  --type-filtres-recettes-filters-c-width-desktop: 100%;
  --type-filtres-recettes-filters-c-display-mobile: flex;
  --type-filtres-recettes-filters-c-display-tablet: flex;
  --type-filtres-recettes-filters-c-display-desktop: flex;
  --type-filtres-recettes-filters-c-align-items-mobile: start;
  --type-filtres-recettes-filters-c-align-items-tablet: start;
  --type-filtres-recettes-filters-c-align-items-desktop: center;
  --type-filtres-recettes-filters-c-flex-direction-mobile: column;
  --type-filtres-recettes-filters-c-flex-direction-tablet: column;
  --type-filtres-recettes-filters-c-flex-direction-desktop: row;
  --type-filtres-recettes-filters-c-padding-mobile: 0;
  --type-filtres-recettes-filters-c-padding-tablet: 0;
  --type-filtres-recettes-filters-c-padding-desktop: 0;
  --type-filtres-recettes-filters-c-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-filtres-recettes-filters-c-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-filtres-recettes-filters-c-gap-desktop: calc(0.0135135135 * 1 * 100vw);
  --type-filtres-recettes-filtres-w-display-mobile: flex;
  --type-filtres-recettes-filtres-w-display-tablet: flex;
  --type-filtres-recettes-filtres-w-display-desktop: flex;
  --type-filtres-recettes-filtres-w-flex-direction-mobile: row;
  --type-filtres-recettes-filtres-w-flex-direction-tablet: row;
  --type-filtres-recettes-filtres-w-flex-direction-desktop: row;
  --type-filtres-recettes-filtres-w-gap-mobile: calc(0.0508905852 * 1 * 100vw);
  --type-filtres-recettes-filtres-w-gap-tablet: calc(0.0243902439 * 1 * 100vw);
  --type-filtres-recettes-filtres-w-gap-desktop: calc(0.0135135135 * 1 * 100vw);
  --type-selection-articles-this-padding-mobile: calc(0.1526717557 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-selection-articles-this-padding-tablet: calc(0.0731707317 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-selection-articles-this-padding-desktop: calc(0.0540540541 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-selection-articles-this-gap-mobile: calc(0.0763358779 * 1 * 100vw);
  --type-selection-articles-this-gap-tablet: calc(0.0365853659 * 1 * 100vw);
  --type-selection-articles-this-gap-desktop: calc(0.0472972973 * 1 * 100vw);
  --type-selection-recettes-this-padding-mobile: calc(0.1526717557 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-selection-recettes-this-padding-tablet: calc(0.0731707317 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-selection-recettes-this-padding-desktop: calc(0.0540540541 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-selection-recettes-recettes-container-margin-top-mobile: calc(
    0.0763358779 * 1 * 100vw
  );
  --type-selection-recettes-recettes-container-margin-top-tablet: calc(
    0.0365853659 * 1 * 100vw
  );
  --type-selection-recettes-recettes-container-margin-top-desktop: calc(
    0.0202702703 * 1 * 100vw
  );
  --type-selection-recettes-recettes-container-display-mobile: grid;
  --type-selection-recettes-recettes-container-display-tablet: grid;
  --type-selection-recettes-recettes-container-display-desktop: grid;
  --type-selection-recettes-recettes-container-grid-template-columns-mobile: repeat(
    1,
    1fr
  );
  --type-selection-recettes-recettes-container-grid-template-columns-tablet: repeat(
    2,
    1fr
  );
  --type-selection-recettes-recettes-container-grid-template-columns-desktop: repeat(
    4,
    1fr
  );
  --type-selection-recettes-recettes-container-gap-mobile: calc(
    0.0458015267 * 1 * 100vw
  );
  --type-selection-recettes-recettes-container-gap-tablet: calc(
    0.0219512195 * 1 * 100vw
  );
  --type-selection-recettes-recettes-container-gap-desktop: calc(
    0.0121621622 * 1 * 100vw
  );
  --type-selection-recettes-recettes-container-row-gap-mobile: calc(
    0.1272264631 * 1 * 100vw
  );
  --type-selection-recettes-recettes-container-row-gap-tablet: calc(
    0.0609756098 * 1 * 100vw
  );
  --type-selection-recettes-recettes-container-row-gap-desktop: calc(
    0.0337837838 * 1 * 100vw
  );
  --type-footer-this-padding-mobile: calc(0.1145038168 * 1 * 100vw)
    calc(0.1781170483 * 1 * 100vw);
  --type-footer-this-padding-tablet: calc(0.0975609756 * 1 * 100vw) 0;
  --type-footer-this-padding-desktop: calc(0.0540540541 * 1 * 100vw) 0;
  --type-footer-wrapper-padding-mobile: 0;
  --type-footer-wrapper-padding-tablet: 0 calc(0.0304878049 * 1 * 100vw);
  --type-footer-wrapper-padding-desktop: 0 calc(0.0675675676 * 1 * 100vw);
  --type-footer-wrapper-align-self-mobile: center;
  --type-footer-wrapper-align-self-tablet: center;
  --type-footer-wrapper-align-self-desktop: center;
  --type-footer-wrapper-flex-direction-mobile: row;
  --type-footer-wrapper-flex-direction-tablet: row;
  --type-footer-wrapper-flex-direction-desktop: row;
  --type-footer-wrapper-justify-content-mobile: space-between;
  --type-footer-wrapper-justify-content-tablet: space-between;
  --type-footer-wrapper-justify-content-desktop: center;
  --type-footer-wrapper-margin-top-mobile: calc(0.0763358779 * 1 * 100vw);
  --type-footer-wrapper-margin-top-tablet: calc(0.0365853659 * 1 * 100vw);
  --type-footer-wrapper-margin-top-desktop: calc(0.0337837838 * 1 * 100vw);
  --type-footer-logo-wrapper-margin-top-mobile: calc(0.1272264631 * 1 * 100vw);
  --type-footer-logo-wrapper-margin-top-tablet: calc(0.0609756098 * 1 * 100vw);
  --type-footer-logo-wrapper-margin-top-desktop: calc(0.0337837838 * 1 * 100vw);
  --type-footer-menu-display-mobile: flex;
  --type-footer-menu-display-tablet: flex;
  --type-footer-menu-display-desktop: flex;
  --type-footer-menu-flex-direction-mobile: column;
  --type-footer-menu-flex-direction-tablet: row;
  --type-footer-menu-flex-direction-desktop: row;
  --type-footer-menu-padding-mobile: 0;
  --type-footer-menu-padding-tablet: 0;
  --type-footer-menu-padding-desktop: 0;
  --type-footer-menu-gap-mobile: calc(0.0636132316 * 1 * 100vw);
  --type-footer-menu-gap-tablet: calc(0.0304878049 * 1 * 100vw);
  --type-footer-menu-gap-desktop: calc(0.0135135135 * 1 * 100vw);
  --type-footer-container-display-mobile: flex;
  --type-footer-container-display-tablet: flex;
  --type-footer-container-display-desktop: flex;
  --type-footer-container-flex-direction-mobile: column;
  --type-footer-container-flex-direction-tablet: column;
  --type-footer-container-flex-direction-desktop: row;
  --type-footer-container-justify-content-mobile: space-between;
  --type-footer-container-justify-content-tablet: space-between;
  --type-footer-container-justify-content-desktop: center;
  --type-footer-x-between-margin-top-mobile: 0;
  --type-footer-x-between-margin-top-tablet: 0;
  --type-footer-x-between-margin-top-desktop: 0;
  --type-footer-logos-gap-mobile: calc(0.1272264631 * 1 * 100vw);
  --type-footer-logos-gap-tablet: calc(0.0609756098 * 1 * 100vw);
  --type-footer-logos-gap-desktop: calc(0.0337837838 * 1 * 100vw);
  --type-footer-logos-flex-direction-mobile: row;
  --type-footer-logos-flex-direction-tablet: row;
  --type-footer-logos-flex-direction-desktop: row;
  --type-footer-footer-logo-height-mobile: calc(0.2290076336 * 1 * 100vw);
  --type-footer-footer-logo-height-tablet: calc(0.1097560976 * 1 * 100vw);
  --type-footer-footer-logo-height-desktop: calc(0.0608108108 * 1 * 100vw);
  --type-footer-site-navigation-flex-direction-mobile: column;
  --type-footer-site-navigation-flex-direction-tablet: column;
  --type-footer-site-navigation-flex-direction-desktop: row;
  --type-footer-site-navigation-width-mobile: -webkit-fill-available;
  --type-footer-site-navigation-width-tablet: -webkit-fill-available;
  --type-footer-site-navigation-width-desktop: -webkit-fill-available;
  --type-footer-navigation-flex-grow-mobile: 1;
  --type-footer-navigation-flex-grow-tablet: 1;
  --type-footer-navigation-flex-grow-desktop: 1;
  --type-footer-main-navigation-height-mobile: 100%;
  --type-footer-main-navigation-height-tablet: 100%;
  --type-footer-main-navigation-height-desktop: 100%;
  --type-footer-menu-pages-legales-container-width-mobile: -webkit-fill-available;
  --type-footer-menu-pages-legales-container-width-tablet: -webkit-fill-available;
  --type-footer-menu-pages-legales-container-width-desktop: -webkit-fill-available;
  --type-footer-menu-pages-legales-container-display-mobile: flex;
  --type-footer-menu-pages-legales-container-display-tablet: flex;
  --type-footer-menu-pages-legales-container-display-desktop: flex;
  --type-footer-menu-pages-legales-container-justify-content-mobile: center;
  --type-footer-menu-pages-legales-container-justify-content-tablet: center;
  --type-footer-menu-pages-legales-container-justify-content-desktop: center;
  --type-footer-menu-principal-container-width-mobile: -webkit-fill-available;
  --type-footer-menu-principal-container-width-tablet: -webkit-fill-available;
  --type-footer-menu-principal-container-width-desktop: -webkit-fill-available;
  --type-footer-menu-principal-container-display-mobile: flex;
  --type-footer-menu-principal-container-display-tablet: flex;
  --type-footer-menu-principal-container-display-desktop: flex;
  --type-footer-menu-principal-container-justify-content-mobile: end;
  --type-footer-menu-principal-container-justify-content-tablet: end;
  --type-footer-menu-principal-container-justify-content-desktop: end;
  --type-footer-menu-secondaire-container-width-mobile: -webkit-fill-available;
  --type-footer-menu-secondaire-container-width-tablet: -webkit-fill-available;
  --type-footer-menu-secondaire-container-width-desktop: -webkit-fill-available;
  --type-footer-menu-secondaire-container-display-mobile: flex;
  --type-footer-menu-secondaire-container-display-tablet: flex;
  --type-footer-menu-secondaire-container-display-desktop: flex;
  --type-footer-menu-secondaire-container-justify-content-mobile: start;
  --type-footer-menu-secondaire-container-justify-content-tablet: start;
  --type-footer-menu-secondaire-container-justify-content-desktop: start;
  --type-footer-menu-item-width-mobile: max-content;
  --type-footer-menu-item-width-tablet: max-content;
  --type-footer-menu-item-width-desktop: max-content;
  --type-demo-this-padding-mobile: 0 0 0 0;
  --type-demo-this-padding-tablet: calc(0.0731707317 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw) calc(0.0731707317 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-demo-this-padding-desktop: calc(0.0405405405 * 1 * 100vw)
    calc(0.0405405405 * 1 * 100vw) calc(0.0405405405 * 1 * 100vw)
    calc(0.0405405405 * 1 * 100vw);
  --type-demo-this-margin-mobile: calc(0.1272264631 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw) calc(0.1272264631 * 1 * 100vw)
    calc(0.0636132316 * 1 * 100vw);
  --type-demo-this-margin-tablet: calc(0.0405405405 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw) calc(0.0405405405 * 1 * 100vw)
    calc(0.0304878049 * 1 * 100vw);
  --type-demo-this-margin-desktop: calc(0.0405405405 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw) calc(0.0405405405 * 1 * 100vw)
    calc(0.0675675676 * 1 * 100vw);
  --type-demo-wrapper-padding-mobile: calc(0.0254452926 * 1 * 100vw) 0
    calc(0.0254452926 * 1 * 100vw) 0;
  --type-demo-wrapper-padding-tablet: calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-demo-wrapper-padding-desktop: calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw) calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw);
  --type-demo-container-padding-mobile: 0 0 0 0;
  --type-demo-container-padding-tablet: calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw)
    calc(0.0243902439 * 1 * 100vw);
  --type-demo-container-padding-desktop: calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw) calc(0.0135135135 * 1 * 100vw)
    calc(0.0135135135 * 1 * 100vw);
  --type-demo-container-flex-direction-mobile: column;
  --type-demo-container-flex-direction-tablet: column;
  --type-demo-container-flex-direction-desktop: row;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED CLASSES & EXTENDS
 *                                           Allways create both in order to be forced
 *                                       directly on DOM or afterward in SCCS with @extend !
/**/
.transition,
.tabcontent,
li.accordion .panel,
li .dropdown-cta {
  -webkit-transition: -webkit-all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  ELEMENTS APPLICATIONS
/**/
/* If some blocks have allways the same dispositions on the project
  define them here with the variables above */
main:has(+ aside) section:not(.landing) {
  width: 70%;
}
main:has(+ aside) + aside {
  width: 30%;
  position: fixed;
  right: 0;
  top: 0;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED CLASSES & EXTENDS
 *                                           Allways create both in order to be forced
 *                                       directly on DOM or afterward in SCCS with @extend !
/**/
/* Create here as much as needed... */
.text-transform-none {
  text-transform: none !important;
}

@media (min-width: 1024px) {
  .desktop-hidden {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .mobile-hidden {
    display: none !important;
  }
}

.hidden {
  display: none;
}

/** If allready Flex Direction : Row **/
.x-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.x-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.x-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.y-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.y-between {
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  align-items: space-between;
}

.y-around {
  -webkit-box-align: space-around;
  -ms-flex-align: space-around;
  align-items: space-around;
}

/** If allready Flex Direction : Column **/
.y-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.y-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.y-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.x-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.x-between {
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  align-items: space-between;
}

.x-around {
  -webkit-box-align: space-around;
  -ms-flex-align: space-around;
  align-items: space-around;
}

.no-margin {
  margin: 0;
}

.no-margin-top {
  margin-top: 0;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.swiper-pagination-bullet {
  background: white;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  2 : COMPONENTS
//                              * CSS des composants (alerts, badges, dropdowns, progressbars, modals, well, ...)
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
/**
* --------------------------------------------------------------------------------------------------------------
*                                                  DEDICATED CLASSES & EXTENDS
*                                           Allways create both in order to be forced
*                                       directly on DOM or afterward in SCCS with @extend !
/**/
/**
* --------------------------------------------------------------------------------------------------------------
*                                                  ELEMENTS APPLICATIONS
/**/
@media (min-width: 0px) {
  .fil-ariane-item {
    font-size: calc(0.0356234097 * 1 * 100vw);
    line-height: calc(0.0407124682 * 1 * 100vw);
    white-space: nowrap;
  }
}
@media (min-width: 481px) {
  .fil-ariane-item {
    /* If we do not have a reference on a model dedicated to the tablet,
        we can choose to base either on the values provided by :
        the desktop model below, or on those of the mobile model above
        or determine a value which will refer to the tablet $mockups-widths */
    font-size: calc(0.0170731707 * 1 * 100vw);
    line-height: calc(0.0195121951 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .fil-ariane-item {
    font-size: calc(0.0121621622 * 1 * 100vw);
    line-height: calc(0.0135135135 * 1 * 100vw);
    gap: calc(0.0067567568 * 1 * 100vw);
  }
}
.fil-ariane-item .fil-ariane-link {
  font-family: var(--theme-font-secondary-regular);
  opacity: 0.6;
}
@supports (-moz-appearance: none) {
  .fil-ariane-item .fil-ariane-link {
    font-weight: 300;
  }
}
.fil-ariane-item .fil-ariane-link:last-child {
  font-family: var(--theme-font-primary-bold);
  opacity: 1;
}
@supports (-moz-appearance: none) {
  .fil-ariane-item .fil-ariane-link:last-child {
    font-weight: 500;
  }
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
.cta-primary,
.frm_submit button,
#field_submit input[type="submit"] {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--theme-color-dark-green);
  color: var(--theme-color-light);
  font-family: var(--theme-font-primary-bold);
  text-decoration: none;
  white-space: nowrap;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: 1px solid var(--theme-color-dark-green);
}
@media (min-width: 0px) {
  .cta-primary,
  .frm_submit button,
  #field_submit input[type="submit"] {
    padding: calc(0.0381679389 * 1 * 100vw) calc(0.0763358779 * 1 * 100vw);
    border-radius: 100px;
  }
}
@media (min-width: 481px) {
  .cta-primary,
  .frm_submit button,
  #field_submit input[type="submit"] {
    padding: calc(0.0101351351 * 1 * 100vw) calc(0.0202702703 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .cta-primary,
  .frm_submit button,
  #field_submit input[type="submit"] {
    padding: calc(0.0101351351 * 1 * 100vw) calc(0.0202702703 * 1 * 100vw);
  }
}
.cta-primary:hover,
.frm_submit button:hover,
#field_submit input[type="submit"]:hover {
  background-color: transparent;
  color: var(--theme-color-dark-green);
}

.cta-secondary {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--theme-color-light);
  font-family: var(--theme-font-primary-bold);
  text-decoration: none;
  white-space: nowrap;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: none;
}
@media (min-width: 768px) {
  .cta-secondary {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
@media (max-width: 575px) {
  .cta-secondary {
    width: -webkit-fill-available;
  }
}
@media (min-width: 0px) {
  .cta-secondary {
    padding: calc(0.0381679389 * 1 * 100vw) calc(0.0763358779 * 1 * 100vw);
    font-size: calc(0.0458015267 * 1 * 100vw);
    border-radius: 100px;
  }
}
@media (min-width: 481px) {
  .cta-secondary {
    padding: calc(0.0074324324 * 1 * 100vw) calc(0.0202702703 * 1 * 100vw);
    font-size: calc(0.0121621622 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .cta-secondary {
    padding: calc(0.0074324324 * 1 * 100vw) calc(0.0202702703 * 1 * 100vw);
    font-size: calc(0.0121621622 * 1 * 100vw);
  }
}
.cta-secondary:hover {
  background-color: var(--theme-color-dark-green);
}

.cta-tertiary {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: var(--theme-color-light);
  font-family: var(--theme-font-primary-bold);
  text-decoration: none;
  white-space: nowrap;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: 1px solid var(--theme-color-light);
}
@media (min-width: 768px) {
  .cta-tertiary {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
@media (max-width: 575px) {
  .cta-tertiary {
    width: -webkit-fill-available;
  }
}
@media (min-width: 0px) {
  .cta-tertiary {
    padding: calc(0.0381679389 * 1 * 100vw) calc(0.0763358779 * 1 * 100vw);
    font-size: calc(0.0458015267 * 1 * 100vw);
    border-radius: 100px;
  }
}
@media (min-width: 481px) {
  .cta-tertiary {
    padding: calc(0.0074324324 * 1 * 100vw) calc(0.0202702703 * 1 * 100vw);
    font-size: calc(0.0121621622 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .cta-tertiary {
    padding: calc(0.0074324324 * 1 * 100vw) calc(0.0202702703 * 1 * 100vw);
    font-size: calc(0.0121621622 * 1 * 100vw);
  }
}
.cta-tertiary:hover {
  color: var(--theme-color-dark-green);
  background-color: var(--theme-color-light);
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED CLASSES
/**/
.social-share-grid a.facebook {
  display: inline-block;
  word-break: break-word;
  overflow: hidden;
  font-size: pixelsCalc(10);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: background-color, border-color, -webkit-filter;
  transition-property: background-color, border-color, -webkit-filter;
  transition-property: filter, background-color, border-color;
  transition-property: filter, background-color, border-color, -webkit-filter;
  height: 4.5em;
  cursor: pointer;
  border-radius: 0.5em;
  color: white;
  background-color: blue-facebook;
}
.social-share-grid a.facebook:hover {
  -webkit-filter: saturate(1.5) brightness(1.2);
  filter: saturate(1.5) brightness(1.2);
}
.social-share-grid a.facebook .share-btn-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
}
.social-share-grid a.facebook .share-btn-icon i {
  font-size: 1.7em;
}
.social-share-grid a.facebook .share-btn-text {
  font-family: var(--theme-font-primary-regular);
  font-size: 1.5em;
  padding-right: 1em;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 100;
}
.social-share-grid a.twitter {
  display: inline-block;
  word-break: break-word;
  overflow: hidden;
  font-size: pixelsCalc(10);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: background-color, border-color, -webkit-filter;
  transition-property: background-color, border-color, -webkit-filter;
  transition-property: filter, background-color, border-color;
  transition-property: filter, background-color, border-color, -webkit-filter;
  height: 4.5em;
  cursor: pointer;
  border-radius: 0.5em;
  color: white;
  background-color: blue-twitter;
}
.social-share-grid a.twitter:hover {
  -webkit-filter: saturate(1.5) brightness(1.2);
  filter: saturate(1.5) brightness(1.2);
}
.social-share-grid a.twitter .share-btn-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
}
.social-share-grid a.twitter .share-btn-icon i {
  font-size: 1.7em;
}
.social-share-grid a.twitter .share-btn-text {
  font-family: var(--theme-font-primary-regular);
  font-size: 1.5em;
  padding-right: 1em;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 100;
}
.social-share-grid a.linkedIn {
  display: inline-block;
  word-break: break-word;
  overflow: hidden;
  font-size: pixelsCalc(10);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: background-color, border-color, -webkit-filter;
  transition-property: background-color, border-color, -webkit-filter;
  transition-property: filter, background-color, border-color;
  transition-property: filter, background-color, border-color, -webkit-filter;
  height: 4.5em;
  cursor: pointer;
  border-radius: 0.5em;
  color: white;
  background-color: blue-linkedIn;
}
.social-share-grid a.linkedIn:hover {
  -webkit-filter: saturate(1.5) brightness(1.2);
  filter: saturate(1.5) brightness(1.2);
}
.social-share-grid a.linkedIn .share-btn-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
}
.social-share-grid a.linkedIn .share-btn-icon i {
  font-size: 1.7em;
}
.social-share-grid a.linkedIn .share-btn-text {
  font-family: var(--theme-font-primary-regular);
  font-size: 1.5em;
  padding-right: 1em;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 100;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  FORMS
/**/
.gform_wrapper form {
  position: relative;
}
.gform_wrapper .gform_heading {
  display: none;
}
.gform_wrapper .gfield_required {
  display: none !important;
}
@media (max-width: 991px) {
  .gform_wrapper .gfield--type-submit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.gform_wrapper .validation_message {
  border-radius: 10px !important;
  padding: 10px !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.gform_wrapper textarea {
  border: none !important;
  resize: none !important;
  border-radius: 10px !important;
}
.gform_wrapper .gfield--type-email,
.gform_wrapper .gfield--type-text,
.gform_wrapper .gfield--type-name,
.gform_wrapper .gfield--type-textarea,
.gform_wrapper .gfield--type-phone,
.gform_wrapper .gfield--type-select {
  border: 1px solid rgba(64, 82, 66, 0.5);
}
@media (min-width: 0px) {
  .gform_wrapper .gfield--type-email,
  .gform_wrapper .gfield--type-text,
  .gform_wrapper .gfield--type-name,
  .gform_wrapper .gfield--type-textarea,
  .gform_wrapper .gfield--type-phone,
  .gform_wrapper .gfield--type-select {
    padding: calc(0.0254452926 * 1 * 100vw) calc(0.0508905852 * 1 * 100vw);
    border-radius: calc(0.0254452926 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .gform_wrapper .gfield--type-email,
  .gform_wrapper .gfield--type-text,
  .gform_wrapper .gfield--type-name,
  .gform_wrapper .gfield--type-textarea,
  .gform_wrapper .gfield--type-phone,
  .gform_wrapper .gfield--type-select {
    padding: calc(0.012195122 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw);
    border-radius: calc(0.012195122 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .gform_wrapper .gfield--type-email,
  .gform_wrapper .gfield--type-text,
  .gform_wrapper .gfield--type-name,
  .gform_wrapper .gfield--type-textarea,
  .gform_wrapper .gfield--type-phone,
  .gform_wrapper .gfield--type-select {
    padding: calc(0.0067567568 * 1 * 100vw) calc(0.0135135135 * 1 * 100vw);
    border-radius: calc(0.0067567568 * 1 * 100vw);
  }
}
.gform_wrapper .gfield--type-email label,
.gform_wrapper .gfield--type-text label,
.gform_wrapper .gfield--type-name label,
.gform_wrapper .gfield--type-textarea label,
.gform_wrapper .gfield--type-phone label,
.gform_wrapper .gfield--type-select label {
  margin-bottom: 0;
  color: var(--theme-color-dark-green);
  opacity: 30%;
}
@media (min-width: 0px) {
  .gform_wrapper .gfield--type-email label,
  .gform_wrapper .gfield--type-text label,
  .gform_wrapper .gfield--type-name label,
  .gform_wrapper .gfield--type-textarea label,
  .gform_wrapper .gfield--type-phone label,
  .gform_wrapper .gfield--type-select label {
    font-size: calc(0.0407124682 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .gform_wrapper .gfield--type-email label,
  .gform_wrapper .gfield--type-text label,
  .gform_wrapper .gfield--type-name label,
  .gform_wrapper .gfield--type-textarea label,
  .gform_wrapper .gfield--type-phone label,
  .gform_wrapper .gfield--type-select label {
    font-size: calc(0.0195121951 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .gform_wrapper .gfield--type-email label,
  .gform_wrapper .gfield--type-text label,
  .gform_wrapper .gfield--type-name label,
  .gform_wrapper .gfield--type-textarea label,
  .gform_wrapper .gfield--type-phone label,
  .gform_wrapper .gfield--type-select label {
    font-size: calc(0.0108108108 * 1 * 100vw);
  }
}
.gform_wrapper .gfield--type-email input,
.gform_wrapper .gfield--type-text input,
.gform_wrapper .gfield--type-name input,
.gform_wrapper .gfield--type-textarea input,
.gform_wrapper .gfield--type-phone input,
.gform_wrapper .gfield--type-select input {
  padding: 0;
  background: transparent;
}
.gform_wrapper .gfield--type-email input::-webkit-input-placeholder,
.gform_wrapper .gfield--type-text input::-webkit-input-placeholder,
.gform_wrapper .gfield--type-name input::-webkit-input-placeholder,
.gform_wrapper .gfield--type-textarea input::-webkit-input-placeholder,
.gform_wrapper .gfield--type-phone input::-webkit-input-placeholder,
.gform_wrapper .gfield--type-select input::-webkit-input-placeholder {
  color: var(--theme-color-dark-green);
  opacity: 100%;
}
.gform_wrapper .gfield--type-email input::-moz-placeholder,
.gform_wrapper .gfield--type-text input::-moz-placeholder,
.gform_wrapper .gfield--type-name input::-moz-placeholder,
.gform_wrapper .gfield--type-textarea input::-moz-placeholder,
.gform_wrapper .gfield--type-phone input::-moz-placeholder,
.gform_wrapper .gfield--type-select input::-moz-placeholder {
  color: var(--theme-color-dark-green);
  opacity: 100%;
}
.gform_wrapper .gfield--type-email input:-ms-input-placeholder,
.gform_wrapper .gfield--type-text input:-ms-input-placeholder,
.gform_wrapper .gfield--type-name input:-ms-input-placeholder,
.gform_wrapper .gfield--type-textarea input:-ms-input-placeholder,
.gform_wrapper .gfield--type-phone input:-ms-input-placeholder,
.gform_wrapper .gfield--type-select input:-ms-input-placeholder {
  color: var(--theme-color-dark-green);
  opacity: 100%;
}
.gform_wrapper .gfield--type-email input::-ms-input-placeholder,
.gform_wrapper .gfield--type-text input::-ms-input-placeholder,
.gform_wrapper .gfield--type-name input::-ms-input-placeholder,
.gform_wrapper .gfield--type-textarea input::-ms-input-placeholder,
.gform_wrapper .gfield--type-phone input::-ms-input-placeholder,
.gform_wrapper .gfield--type-select input::-ms-input-placeholder {
  color: var(--theme-color-dark-green);
  opacity: 100%;
}
.gform_wrapper .gfield--type-email input::placeholder,
.gform_wrapper .gfield--type-text input::placeholder,
.gform_wrapper .gfield--type-name input::placeholder,
.gform_wrapper .gfield--type-textarea input::placeholder,
.gform_wrapper .gfield--type-phone input::placeholder,
.gform_wrapper .gfield--type-select input::placeholder {
  color: var(--theme-color-dark-green);
  opacity: 100%;
}
.gform_wrapper .gfield--type-email select,
.gform_wrapper .gfield--type-text select,
.gform_wrapper .gfield--type-name select,
.gform_wrapper .gfield--type-textarea select,
.gform_wrapper .gfield--type-phone select,
.gform_wrapper .gfield--type-select select {
  border: none !important;
}
.gform_wrapper .gchoice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 15px;
  cursor: pointer;
}
.gform_wrapper .gchoice .gfield-choice-input {
  width: 5%;
}
.gform_wrapper .gchoice p,
.gform_wrapper .gchoice a,
.gform_wrapper .gchoice u {
  color: var(--theme-color-dark-green);
  font-size: 16px;
}
@media (min-width: 0px) {
  .gform_wrapper .gchoice p,
  .gform_wrapper .gchoice a,
  .gform_wrapper .gchoice u {
    opacity: 70%;
  }
}
@media (min-width: 1024px) {
  .gform_wrapper .gchoice p,
  .gform_wrapper .gchoice a,
  .gform_wrapper .gchoice u {
    opacity: 100%;
  }
}
@media (min-width: 0px) {
  .gform_wrapper .gfield--type-checkbox {
    -ms-grid-column-span: 12;
    grid-column: span 12;
  }
}
@media (min-width: 1024px) {
  .gform_wrapper .gfield--type-checkbox {
    -ms-grid-column-span: 7;
    grid-column: span 7;
  }
}
.gform_wrapper .ginput_container_consent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gform_wrapper .ginput_container_consent label {
  gap: 5px;
}
.gform_wrapper .ginput_container_consent input {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.gform_wrapper .gform_footer {
  display: none;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
@-webkit-keyframes bounce {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  40% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes bounce {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  40% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED CLASSES & EXTENDS
 *                                           Allways create both in order to be forced
 *                                       directly on DOM or afterward in SCCS with @extend !
/**/
#loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50px;
  height: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  margin: 0 auto;
}
#loader.active {
  opacity: 1;
}
#loader .ball {
  background-color: grey;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-animation: bounce 1.4s ease-in-out infinite;
  animation: bounce 1.4s ease-in-out infinite;
}
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED CLASSES
/**/
.wrapper.bottom {
  border-top: 1px solid black;
}
.wrapper.bottom nav.legals-navigation {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wrapper.bottom nav.legals-navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
@media (min-width: 1200px) {
  .wrapper.bottom nav.legals-navigation ul {
    padding-left: 60px;
  }
}
@media (max-width: 991px) {
  .wrapper.bottom nav.legals-navigation ul {
    padding: 15px 20px 0px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .wrapper.bottom nav.legals-navigation ul li {
    padding-bottom: 15px;
  }
}
.wrapper.bottom nav.legals-navigation ul li a {
  font-family: var(--theme-font-primary-regular);
  font-size: pixelsCalc(14);
  line-height: pixelsCalc(16);
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 25px 0 0;
}

.nav li {
  list-style: none;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  VARIOUS COMPONENTS
/**/
.frm_button,
#wp-submit0 {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.button-swiper-prev,
.button-swiper-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  background-color: white;
  z-index: 10;
  border-radius: 50px;
  border: 2px solid #ededed;
  opacity: 1;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media (min-width: 0px) {
  .button-swiper-prev,
  .button-swiper-next {
    width: calc(0.1017811705 * 1 * 100vw);
    height: calc(0.1017811705 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .button-swiper-prev,
  .button-swiper-next {
    width: calc(0.0487804878 * 1 * 100vw);
    height: calc(0.0487804878 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .button-swiper-prev,
  .button-swiper-next {
    width: calc(0.0337837838 * 1 * 100vw);
    height: calc(0.0337837838 * 1 * 100vw);
  }
}
.button-swiper-prev.hidden,
.button-swiper-next.hidden {
  opacity: 0;
  pointer-events: none;
}

.button-swiper-prev {
  left: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.button-swiper-prev svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.button-swiper-next {
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.moving-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  gap: 10px;
  padding-right: 5px;
  cursor: pointer;
}
.moving-link svg {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.moving-link p:after,
.moving-link h4:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 85%;
  height: 1px;
  background-color: black;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.moving-link:hover p:after,
.moving-link:hover h4:after {
  -webkit-transform: translateX(-85%);
  transform: translateX(-85%);
}
.moving-link:hover svg {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}

.list-in-row {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  list-style: none;
}
.list-in-row > li {
  margin-right: 10px;
}
.list-in-row > li.lieu-de-passage-item {
  padding: 2% 0;
  margin-right: 8%;
}

.list-in-rows-border {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-in-rows-border > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid black-light;
}
.list-in-rows-border > li h4 {
  line-height: 0;
}
.list-in-rows-border > li h4:not(.boldy) {
  color: black;
}

.list-in-table-border {
  width: 100%;
}
.list-in-table-border .tbl-content {
  overflow-x: auto;
  margin-top: 0px;
}
.list-in-table-border table {
  width: 100%;
}
@media (min-width: 1361px) {
  .list-in-table-border table {
    table-layout: fixed;
  }
}
@media (max-width: 991px) {
  .list-in-table-border table {
    table-layout: auto;
  }
}
.list-in-table-border table tr th,
.list-in-table-border table tr td {
  text-align: left;
  border-bottom: 1px solid black-light;
}
.list-in-table-border table tr th h4,
.list-in-table-border table tr td h4 {
  line-height: 0;
  word-wrap: break-word; /* Fallback pour une meilleure prise en charge */
  overflow-wrap: break-word; /* Utilisé pour Mozilla Firefox et les navigateurs modernes */
}
.list-in-table-border table tr th h4:not(.boldy),
.list-in-table-border table tr td h4:not(.boldy) {
  color: black;
}
@media (min-width: 1361px) {
  .list-in-table-border table thead tr th:nth-child(1) {
    width: 150px;
  }
  .list-in-table-border table tbody tr:nth-child(1) td:nth-child(1) {
    width: 150px;
  }
}
@media (max-width: 991px) {
  .list-in-table-border .tbl-header table h4 {
    text-align: right;
  }
}

li.active .dropdown-cta {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
li.accordion .panel {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0;
}
li.accordion .panel.opened {
  width: 100%;
  visibility: visible;
  opacity: 1;
  height: auto;
  margin: revert;
}
li.accordion .panel svg {
  margin-right: 10px;
}

.tabcontent {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0;
}
.tabcontent.opened {
  visibility: visible;
  opacity: 1;
  height: auto;
  margin: revert;
}

.tab.active {
  background-color: transparent !important;
}

@media (min-width: 1361px) {
  .languages > a {
    z-index: 3;
  }
  .languages a {
    padding: 5px !important;
  }
}

.type-data-container {
  scrollbar-width: none;
  overflow-x: auto;
}
.type-data-container::-webkit-scrollbar {
  width: 0px;
  background: transparent; /* make scrollbar transparent */
}
.type-data-container .item:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.type-data-container .split-line div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.type-data-container .split-line div:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.type-data-container .container {
  border-color: rgba(0, 0, 0, 0.2);
}
.type-data-container .select-arrow {
  height: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.type-data-container .select-arrow.rotated {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.type-data-container .select-options {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.type-data-container .select-options:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  -webkit-box-shadow: 1px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px -1px rgba(0, 0, 0, 0.2);
  border-color: transparent #fff transparent transparent; /* Ajustez la deuxième couleur pour correspondre à la couleur de fond de votre div */
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); /* Tournez le triangle selon vos besoins */
}
@media (min-width: 0px) {
  .type-data-container .select-options:before {
    right: calc(0.0508905852 * 1 * 100vw);
    top: calc(-0.0178117048 * 1 * 100vw);
    border-width: 0 calc(0.0381679389 * 1 * 100vw)
      calc(0.0381679389 * 1 * 100vw) 0;
  }
}
@media (min-width: 481px) {
  .type-data-container .select-options:before {
    right: calc(0.0135135135 * 1 * 100vw);
    top: calc(-0.0047297297 * 1 * 100vw);
    border-width: 0 calc(0.0101351351 * 1 * 100vw)
      calc(0.0101351351 * 1 * 100vw) 0;
  }
}
@media (min-width: 1024px) {
  .type-data-container .select-options:before {
    right: calc(0.0337837838 * 1 * 100vw);
    top: calc(-0.0047297297 * 1 * 100vw);
    border-width: 0 calc(0.0101351351 * 1 * 100vw)
      calc(0.0101351351 * 1 * 100vw) 0;
  }
}
.type-data-container .select-option.with-label {
  width: 100%;
}
.type-data-container .select-option.with-label .text-content.with-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: calc(0.0168918919 * 1 * 100vw);
  height: 100%;
  margin: 0;
  margin-left: calc(0.0202702703 * 1 * 100vw);
}
.type-data-container .select-option {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.type-data-container .select-option:hover {
  background-color: #f0f0f0;
}
@media (min-width: 0px) {
  .type-data-container .select-option.with-icon {
    height: calc(0.3078880407 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-data-container .select-option.with-icon {
    height: calc(0.0810810811 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-data-container .select-option.with-icon {
    width: calc(0.1114864865 * 1 * 100vw);
    height: calc(0.0810810811 * 1 * 100vw);
  }
}
.type-data-container .select-option.with-icon .text-content.with-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: calc(0.0067567568 * 1 * 100vw);
}
@media (min-width: 0px) {
  .type-data-container .select-option.with-icon .text-content.with-icon img {
    height: calc(0.0763358779 * 1 * 100vw);
    width: calc(0.0763358779 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-data-container .select-option.with-icon .text-content.with-icon img {
    height: calc(0.0202702703 * 1 * 100vw);
    width: calc(0.0202702703 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-data-container .select-option.with-icon .text-content.with-icon img {
    height: calc(0.0202702703 * 1 * 100vw);
    width: calc(0.0202702703 * 1 * 100vw);
  }
}
.type-data-container .select-option.active {
  border-color: #000000;
}
.type-data-container .ingredient-wrapper .ingredient-quantity {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.type-data-container
  .ingredient-wrapper
  .ingredient-unit
  .checkbox-select-options {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -ms-grid-columns: (1fr) [1];
  grid-template-columns: repeat(1, 1fr);
}
.type-data-container .adding-button {
  border: 1px solid black;
  opacity: 0.5;
  border-radius: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.type-data-container .adding-button:hover {
  opacity: 1;
}
.type-data-container .add-container-btn {
  cursor: pointer;
}
.type-data-container .input-horaire,
.type-data-container .input-date {
  border: 1px solid black;
  border-radius: 5px;
}
.type-data-container .input-horaire::-webkit-calendar-picker-indicator,
.type-data-container .input-date::-webkit-calendar-picker-indicator {
  display: none;
}
@media (min-width: 0px) {
  .type-data-container textarea {
    height: calc(0.5089058524 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-data-container textarea {
    height: calc(0.1351351351 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-data-container textarea {
    height: calc(0.1351351351 * 1 * 100vw);
  }
}
.type-data-container input,
.type-data-container textarea {
  width: 100%;
  border: none;
  font-family: var(--theme-font-secondary-regular);
  color: var(--theme-color-dark-green);
}
@media (min-width: 0px) {
  .type-data-container input,
  .type-data-container textarea {
    font-size: var(--theme-font-size-3-mobile);
    line-height: var(--theme-line-height-3-mobile);
  }
}
@media (min-width: 481px) {
  .type-data-container input,
  .type-data-container textarea {
    font-size: var(--theme-font-size-3-tablet);
    line-height: var(--theme-line-height-3-tablet);
  }
}
@media (min-width: 1024px) {
  .type-data-container input,
  .type-data-container textarea {
    font-size: var(--theme-font-size-3-desktop);
    line-height: var(--theme-line-height-3-desktop);
  }
}
.type-data-container textarea:focus,
.type-data-container input:focus {
  outline: none;
}
.type-data-container p {
  text-transform: uppercase;
}
.type-data-container h3 {
  font-family: var(--theme-font-secondary-regular);
  color: var(--theme-color-dark-green);
  text-transform: uppercase;
}
@media (min-width: 0px) {
  .type-data-container h3 {
    font-size: var(--theme-font-size-3-mobile);
    line-height: var(--theme-line-height-3-mobile);
  }
}
@media (min-width: 481px) {
  .type-data-container h3 {
    font-size: var(--theme-font-size-3-tablet);
    line-height: var(--theme-line-height-3-tablet);
  }
}
@media (min-width: 1024px) {
  .type-data-container h3 {
    font-size: var(--theme-font-size-3-desktop);
    line-height: var(--theme-line-height-3-desktop);
  }
}
.type-data-container input[type="checkbox"] {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}
.type-data-container input[type="checkbox"] {
  -border-radius: 4px;
  height: 15px;
  width: 15px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
}
.type-data-container input[type="checkbox"]:checked {
  background: var(--theme-color-dark-green);
  position: relative;
}
.type-data-container input[type="checkbox"]:checked:before {
  content: "X";
  text-align: center;
  display: block;
  color: var(--theme-color-light);
}
.type-data-container .img-c {
  position: relative;
  cursor: pointer;
}
.type-data-container .img-c .cover-img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}
@media (min-width: 0px) {
  .type-data-container .img-c .cover-img {
    border-radius: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-data-container .img-c .cover-img {
    border-radius: calc(0.0243902439 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-data-container .img-c .cover-img {
    border-radius: calc(0.0101351351 * 1 * 100vw);
  }
}
.type-data-container .img-c input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 4;
  cursor: pointer;
}
.type-data-container .img-c .upload-icon {
  z-index: 3;
}
.type-data-container .img-c::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  background-color: rgba(22, 48, 43, 0.4);
}
@media (min-width: 0px) {
  .type-data-container .img-c::after {
    border-radius: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-data-container .img-c::after {
    border-radius: calc(0.0243902439 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-data-container .img-c::after {
    border-radius: calc(0.0101351351 * 1 * 100vw);
  }
}

form input,
form textarea {
  width: 100%;
  border: none;
  font-family: var(--theme-font-secondary-regular);
  color: var(--theme-color-dark-green);
}
@media (min-width: 0px) {
  form input,
  form textarea {
    font-size: var(--theme-font-size-3-mobile);
    line-height: var(--theme-line-height-3-mobile);
  }
}
@media (min-width: 481px) {
  form input,
  form textarea {
    font-size: var(--theme-font-size-3-tablet);
    line-height: var(--theme-line-height-3-tablet);
  }
}
@media (min-width: 1024px) {
  form input,
  form textarea {
    font-size: var(--theme-font-size-3-desktop);
    line-height: var(--theme-line-height-3-desktop);
  }
}

.complementary-info-wrapper .filters-c {
  padding: 0 calc(0.0135135135 * 1 * 100vw);
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}
.complementary-info-wrapper .filters-c li {
  list-style: none;
  white-space: pre;
  opacity: 50%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  position: relative;
  padding: calc(0.0168918919 * 1 * 100vw) calc(0.0081081081 * 1 * 100vw);
}
.complementary-info-wrapper .filters-c li::after {
  width: 0%;
  background-color: var(--theme-color-dark-green);
  height: 2px;
  display: block;
  position: absolute;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media (min-width: 1024px) {
  .complementary-info-wrapper .filters-c li::after {
    content: "";
  }
}
.complementary-info-wrapper .filters-c li:hover {
  opacity: 100%;
}
.complementary-info-wrapper .filters-c li:hover::after {
  width: calc(100% - 0.0162162162 * 1 * 100vw);
}
.complementary-info-wrapper .filters-c li.active {
  opacity: 100%;
}
.complementary-info-wrapper .filters-c li.active::after {
  width: calc(100% - 0.0162162162 * 1 * 100vw);
}
.complementary-info-wrapper .container {
  display: none;
}
.complementary-info-wrapper .container.active {
  display: block;
}

#frm_form_23_container {
  display: none;
}

.autocomplete-container {
  opacity: 0;
  display: none;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 300px;
  overflow-y: auto;
  position: absolute;
  bottom: 0;
  padding: 15px;
  border-radius: 15px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.15);
  top: 110%;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}
.autocomplete-container .autocomplete-item {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  cursor: pointer;
  padding: 10px;
  border-radius: 5px;
  width: -webkit-fill-available;
  display: block;
}
.autocomplete-container .autocomplete-item:hover {
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 100%;
}

.autocomplete-container.active {
  display: block;
  opacity: 100%;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.page-template-archive-producteurs .type-search-form .search-container {
  background-color: transparent !important;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.page-template-archive-producteurs
  .type-search-form
  .search-container
  .item:first-child {
  padding: calc(0.0108108108 * 1 * 100vw) calc(0 * 1 * 100vw)
    calc(0.0094594595 * 1 * 100vw) calc(0.0189189189 * 1 * 100vw);
  background-color: white;
  border-radius: 100px;
  min-width: calc(0.3040540541 * 1 * 100vw) !important;
}
@media screen and (max-width: 1024px) {
  .page-template-archive-producteurs
    .type-search-form
    .search-container
    .item:first-child {
    padding-left: 20px;
  }
}
@media (min-width: 1024px) {
  .page-template-archive-producteurs
    .type-search-form
    .search-container
    .item:nth-child(2)
    input::-webkit-input-placeholder,
  .page-template-archive-producteurs
    .type-search-form
    .search-container
    .item:nth-child(3)
    input::-webkit-input-placeholder {
    color: white;
  }
  .page-template-archive-producteurs
    .type-search-form
    .search-container
    .item:nth-child(2)
    input::-moz-placeholder,
  .page-template-archive-producteurs
    .type-search-form
    .search-container
    .item:nth-child(3)
    input::-moz-placeholder {
    color: white;
  }
  .page-template-archive-producteurs
    .type-search-form
    .search-container
    .item:nth-child(2)
    input:-ms-input-placeholder,
  .page-template-archive-producteurs
    .type-search-form
    .search-container
    .item:nth-child(3)
    input:-ms-input-placeholder {
    color: white;
  }
  .page-template-archive-producteurs
    .type-search-form
    .search-container
    .item:nth-child(2)
    input::-ms-input-placeholder,
  .page-template-archive-producteurs
    .type-search-form
    .search-container
    .item:nth-child(3)
    input::-ms-input-placeholder {
    color: white;
  }
  .page-template-archive-producteurs
    .type-search-form
    .search-container
    .item:nth-child(2)
    label,
  .page-template-archive-producteurs
    .type-search-form
    .search-container
    .item:nth-child(2)
    input::placeholder,
  .page-template-archive-producteurs
    .type-search-form
    .search-container
    .item:nth-child(3)
    label,
  .page-template-archive-producteurs
    .type-search-form
    .search-container
    .item:nth-child(3)
    input::placeholder {
    color: white;
  }
}
.page-template-archive-producteurs
  .type-search-form
  .search-container
  .item:nth-child(2)
  input::-webkit-input-placeholder,
.page-template-archive-producteurs
  .type-search-form
  .search-container
  .item:nth-child(3)
  input::-webkit-input-placeholder {
  opacity: 0.5;
}
.page-template-archive-producteurs
  .type-search-form
  .search-container
  .item:nth-child(2)
  input::-moz-placeholder,
.page-template-archive-producteurs
  .type-search-form
  .search-container
  .item:nth-child(3)
  input::-moz-placeholder {
  opacity: 0.5;
}
.page-template-archive-producteurs
  .type-search-form
  .search-container
  .item:nth-child(2)
  input:-ms-input-placeholder,
.page-template-archive-producteurs
  .type-search-form
  .search-container
  .item:nth-child(3)
  input:-ms-input-placeholder {
  opacity: 0.5;
}
.page-template-archive-producteurs
  .type-search-form
  .search-container
  .item:nth-child(2)
  input::-ms-input-placeholder,
.page-template-archive-producteurs
  .type-search-form
  .search-container
  .item:nth-child(3)
  input::-ms-input-placeholder {
  opacity: 0.5;
}
.page-template-archive-producteurs
  .type-search-form
  .search-container
  .item:nth-child(2)
  input::placeholder,
.page-template-archive-producteurs
  .type-search-form
  .search-container
  .item:nth-child(2)
  label:nth-child(2),
.page-template-archive-producteurs
  .type-search-form
  .search-container
  .item:nth-child(3)
  input::placeholder,
.page-template-archive-producteurs
  .type-search-form
  .search-container
  .item:nth-child(3)
  label:nth-child(2) {
  opacity: 0.5;
}
@media screen and (max-width: 1024px) {
  .page-template-archive-producteurs
    .type-search-form
    .search-container
    .search-form-product-search-item {
    display: none;
  }
}
.page-template-archive-producteurs .type-search-form input {
  background: transparent;
}

.type-search-form button {
  background-color: var(--theme-color-dark-green);
  border-radius: 100px;
  border: none;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 0px) {
  .type-search-form button {
    padding: calc(0.0330788804 * 1 * 100vw) calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-search-form button {
    padding: calc(0.0158536585 * 1 * 100vw) calc(0.0182926829 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-search-form button {
    padding: calc(0.0087837838 * 1 * 100vw) calc(0.0101351351 * 1 * 100vw);
    width: calc(0.0351351351 * 1 * 100vw);
    height: calc(0.0351351351 * 1 * 100vw);
  }
}
.type-search-form button:hover {
  opacity: 0.9;
}
.type-search-form .form-wrapper {
  position: relative;
  z-index: 2;
  width: 100%;
}
.type-search-form .form-wrapper * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 0px) {
  .type-search-form .form-wrapper label {
    font-size: calc(0.0407124682 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-search-form .form-wrapper label {
    font-size: calc(0.0243902439 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-search-form .form-wrapper label {
    font-size: calc(0.0108108108 * 1 * 100vw);
  }
}
@media (min-width: 0px) {
  .type-search-form .form-wrapper input {
    font-size: calc(0.0458015267 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-search-form .form-wrapper input {
    font-size: calc(0.0268292683 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-search-form .form-wrapper input {
    font-size: calc(0.0121621622 * 1 * 100vw);
  }
}
.type-search-form .form-wrapper input:focus {
  outline: none;
}
.type-search-form .form-wrapper .search-container {
  border-radius: 100px;
  background-color: white;
}
@media (min-width: 1024px) {
  .type-search-form .form-wrapper .search-container .item:first-child {
    min-width: calc(0.2364864865 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-search-form .form-wrapper .search-container .item:nth-child(2) {
    padding-right: calc(0.0337837838 * 1 * 100vw);
    border-right: 1px solid var(--theme-color-dark-green);
    min-width: calc(0.0912162162 * 1 * 100vw);
  }
}
.type-search-form .form-wrapper .search-container .product-search-item label {
  cursor: pointer;
}
.type-search-form .product-input-container {
  display: none;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  position: absolute;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}
.type-search-form .product-input-container.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  top: 8vw;
  opacity: 1;
  position: absolute;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  border: none;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
@media (min-width: 481px) {
  .type-search-form .product-input-container.active .mobile-label {
    display: none;
  }
}
.type-search-form .product-input-container.active .borders-rounded {
  border: none;
}
@media (min-width: 0px) {
  .type-search-form .product-input-container.active .borders-rounded {
    padding: calc(0.0508905852 * 1 * 100vw) calc(0.1145038168 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-search-form .product-input-container.active .borders-rounded {
    padding: calc(0.0243902439 * 1 * 100vw) calc(0.0548780488 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-search-form .product-input-container.active .borders-rounded {
    padding: calc(0.0168918919 * 1 * 100vw);
  }
}
.type-search-form .product-input-container.active .borders-rounded:first-child {
  background-color: white;
  overflow: auto;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.type-search-form .product-input-container.active .borders-rounded:last-child {
  background-color: var(--theme-color-dark-green);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.type-search-form .product-input-container.active ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  padding-left: 0;
}
.type-search-form li {
  cursor: pointer;
  list-style: none;
}
.type-search-form .product-categories {
  -ms-grid-columns: 1fr calc(0.0101351351 * 1 * 100vw) 1fr
    calc(0.0101351351 * 1 * 100vw) 1fr calc(0.0101351351 * 1 * 100vw) 1fr
    calc(0.0101351351 * 1 * 100vw) 1fr calc(0.0101351351 * 1 * 100vw) 1fr !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: calc(0.0101351351 * 1 * 100vw);
  border-bottom: 1px solid rgba(51, 69, 53, 0.3);
}
.type-search-form .product-categories li {
  width: -webkit-fill-available;
  height: calc(0.0810810811 * 1 * 100vw);
  border-radius: calc(0.0101351351 * 1 * 100vw);
  border: 1px solid rgba(51, 69, 53, 0.3);
  background-color: transparent;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
@media (min-width: 0px) {
  .type-search-form .product-categories li {
    padding: calc(0.0508905852 * 1 * 100vw) calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-search-form .product-categories li {
    padding: calc(0.0243902439 * 1 * 100vw) calc(0.0182926829 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-search-form .product-categories li {
    padding: calc(0.0135135135 * 1 * 100vw) calc(0.0101351351 * 1 * 100vw);
  }
}
.type-search-form .product-categories li p {
  opacity: 100%;
  margin-top: calc(0.0067567568 * 1 * 100vw);
}
@media (min-width: 0px) {
  .type-search-form .product-categories li p {
    font-size: calc(0.0407124682 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-search-form .product-categories li p {
    font-size: calc(0.0219512195 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-search-form .product-categories li p {
    font-size: calc(0.0108108108 * 1 * 100vw);
  }
}
.type-search-form .product-categories li img {
  opacity: 40%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (min-width: 0px) {
  .type-search-form .product-categories li img {
    width: calc(0.0763358779 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-search-form .product-categories li img {
    width: calc(0.0426829268 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-search-form .product-categories li img {
    width: calc(0.0202702703 * 1 * 100vw);
  }
}
.type-search-form .product-categories li:hover {
  border: 1px solid rgb(51, 69, 53);
}
.type-search-form .product-categories li.active {
  background-color: var(--theme-color-dark-green);
  border: 1px solid rgb(51, 69, 53);
}
.type-search-form .product-categories li.active p {
  color: white;
}
.type-search-form .product-categories li.active img {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
@media (min-width: 0px) {
  .type-search-form h3 {
    margin-bottom: calc(0.0178117048 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-search-form h3 {
    margin-bottom: calc(0.0085365854 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-search-form h3 {
    margin-bottom: calc(0.0135135135 * 1 * 100vw);
  }
}
.type-search-form .product-labels,
.type-search-form .product-sellings,
.type-search-form .product-saison,
.type-search-form .product-labels-produits {
  border-bottom: 1px solid rgba(51, 69, 53, 0.3);
  gap: 20px;
}
.type-search-form .product-labels p,
.type-search-form .product-sellings p,
.type-search-form .product-saison p,
.type-search-form .product-labels-produits p {
  opacity: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(0.0067567568 * 1 * 100vw);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.type-search-form .product-labels p::before,
.type-search-form .product-sellings p::before,
.type-search-form .product-saison p::before,
.type-search-form .product-labels-produits p::before {
  content: "";
  height: 20px;
  min-width: 20px;
  border-radius: 5px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: rgba(51, 69, 53, 0);
  border: 1px solid rgba(51, 69, 53, 0.3);
}
.type-search-form .product-labels li.active p::before,
.type-search-form .product-sellings li.active p::before,
.type-search-form .product-saison li.active p::before,
.type-search-form .product-labels-produits li.active p::before {
  background-color: rgb(51, 69, 53);
  border: 1px solid rgb(51, 69, 53);
}
.type-search-form .product-saison {
  border-bottom: 0px;
}
.type-search-form footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.type-search-form footer p {
  text-decoration: underline;
  color: white;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.type-search-form footer p:hover {
  opacity: 1;
}
.type-search-form footer button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  padding-left: calc(0.0202702703 * 1 * 100vw);
  padding-right: calc(0.0202702703 * 1 * 100vw);
}
.type-search-form footer button:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
@media (min-width: 481px) {
  .type-search-form .mobile-footer,
  .type-search-form #close-form-icon,
  .type-search-form .mobile-search-header {
    display: none !important;
  }
}

.shaddow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  background-color: var(--theme-color-dark-green);
  opacity: 0%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.shaddow.active {
  display: block;
  z-index: 2;
  opacity: 0.4;
}

@media (max-width: 480px) {
  .type-search-form .mobile-search-header {
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fill-available;
    padding: calc(0.0407124682 * 1 * 100vw) calc(0.0712468193 * 1 * 100vw)
      calc(0.0356234097 * 1 * 100vw) calc(0.0712468193 * 1 * 100vw);
    border-radius: 100px;
    cursor: pointer;
  }
  .type-search-form .form-wrapper {
    background-color: white;
    border-radius: calc(0.0508905852 * 1 * 100vw);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: white;
    border-radius: calc(0.0508905852 * 1 * 100vw);
    padding: calc(0.0381679389 * 1 * 100vw);
    padding-bottom: 0px;
    position: fixed;
    top: 16vh;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% - 0.1272264631 * 1 * 100vw);
    display: none;
    overflow-y: auto;
    max-height: 87vh;
    overflow-x: hidden;
  }
  .type-search-form .form-wrapper #close-form-icon {
    -ms-flex-item-align: end;
    align-self: flex-end;
    cursor: pointer;
    min-width: 30px;
    min-height: 30px;
  }
  .type-search-form .form-wrapper .search-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(0.0254452926 * 1 * 100vw);
    padding: 0px;
    width: 100%;
  }
  .type-search-form .form-wrapper .search-container .item {
    width: -webkit-fill-available;
    padding: calc(0.0407124682 * 1 * 100vw) calc(0.0712468193 * 1 * 100vw)
      calc(0.0356234097 * 1 * 100vw) calc(0.0712468193 * 1 * 100vw);
    border-radius: 100px;
    -webkit-box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.15);
  }
  .type-search-form .form-wrapper .search-container .product-search-item {
    display: none;
  }
  .type-search-form .form-wrapper .search-container > button {
    display: none;
  }
  .type-search-form .form-wrapper .product-input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(0.0254452926 * 1 * 100vw);
    position: relative;
    margin-top: calc(0.0763358779 * 1 * 100vw);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .type-search-form .form-wrapper .product-input-container .borders-rounded {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(0.0254452926 * 1 * 100vw);
  }
  .type-search-form .form-wrapper .product-input-container .mobile-item {
    width: -webkit-fill-available;
    padding: calc(0.0407124682 * 1 * 100vw) calc(0.0712468193 * 1 * 100vw)
      calc(0.0356234097 * 1 * 100vw) calc(0.0712468193 * 1 * 100vw);
    border-radius: calc(0.0636132316 * 1 * 100vw);
    -webkit-box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.15);
  }
}
@media screen and (max-width: 480px) and (max-width: 1023px) {
  .type-search-form
    .form-wrapper
    .product-input-container
    .mobile-item:not(:last-child)
    h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .type-search-form
    .form-wrapper
    .product-input-container
    .mobile-item:not(:last-child)
    h3::after {
    content: url("/wp-content/uploads/2024/01/Right-Arrow-icon.svg");
    display: block;
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 480px) {
  .type-search-form .form-wrapper .product-input-container ul {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(0.0203562341 * 1 * 100vw);
    background: white;
    overflow-x: auto;
    border: none;
  }
  .type-search-form
    .form-wrapper
    .product-input-container
    ul::-webkit-scrollbar {
    display: none;
  }
  .type-search-form
    .form-wrapper
    .product-input-container
    .product-categories
    li {
    min-width: calc(0.4198473282 * 1 * 100vw);
    height: calc(0.3053435115 * 1 * 100vw);
    border-radius: calc(0.0381679389 * 1 * 100vw);
  }
  .type-search-form .form-wrapper .product-input-container .product-labels,
  .type-search-form .form-wrapper .product-input-container .product-sellings {
    overflow-y: hidden;
    overflow-x: auto;
    gap: calc(0.0381679389 * 1 * 100vw);
  }
  .type-search-form .form-wrapper .product-input-container .product-labels li p,
  .type-search-form
    .form-wrapper
    .product-input-container
    .product-sellings
    li
    p {
    white-space: pre;
  }
  .type-search-form .form-wrapper .product-input-container footer {
    display: none !important;
  }
  .type-search-form .form-wrapper .mobile-footer {
    background-color: var(--theme-color-dark-green);
    padding: calc(0.0381679389 * 1 * 100vw);
    border-bottom-right-radius: calc(0.0508905852 * 1 * 100vw);
    border-bottom-left-radius: calc(0.0508905852 * 1 * 100vw);
    width: 100%;
    -webkit-transform: translateX(calc(-0.0381679389 * 1 * 100vw));
    transform: translateX(calc(-0.0381679389 * 1 * 100vw));
    margin-bottom: 50px;
  }
  .type-search-form .form-wrapper.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  3 : CARDS
//                              * CSS des cards
/**/
.all-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
@media (min-width: 1024px) {
  .all-cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.image,
swiper-slide {
  background-size: cover;
}

.type-card-producteur {
  background-color: white;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid #ededed;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 1600px) {
  .type-card-producteur {
    width: 100%;
  }
}
.type-card-producteur:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.type-card-producteur .localisation {
  background-color: white;
  border-radius: 57px;
  border: 1px solid #ededed;
}
.type-card-producteur .localisation p {
  opacity: 1;
  line-height: normal;
  text-transform: lowercase;
}
.type-card-producteur .labels-container {
  padding-right: 30px;
}
.type-card-producteur .labels-container::-webkit-scrollbar {
  display: none;
}
.type-card-producteur .labels-container .label:last-child {
  margin-right: 30px;
}
.type-card-producteur .label {
  border-radius: 100px;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background: rgba(255, 255, 255, 0.4);
}
.type-card-producteur .label p {
  opacity: 100%;
  color: var(--theme-color-dark-green);
}
.type-card-producteur .categorie {
  opacity: 1;
  border-top: 1px solid #ededed;
  text-wrap: nowrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.type-card-producteur .categorie h4 {
  white-space: break-spaces;
}
.type-card-producteur .content {
  max-width: 350px;
}

.cards-container .cards-swiper {
  padding-top: 5px;
}

.type-card-article,
.type-card-article-long {
  background-color: white;
  overflow: hidden;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.type-card-article:hover,
.type-card-article-long:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.type-card-article .categorie,
.type-card-article-long .categorie {
  border-radius: 100px;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background: rgba(255, 255, 255, 0.4);
}
.type-card-article .categorie p,
.type-card-article-long .categorie p {
  opacity: 1;
  color: black;
}
.type-card-article .article-link,
.type-card-article-long .article-link {
  margin: 0;
}

.type-card-article {
  border: 2px solid #ededed;
}

.type-card-article-long .titre {
  margin: 0;
}
.type-card-article-long .image {
  border-radius: 10px;
}
.type-card-article-long:nth-child(even) .image {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.type-card-article-long:nth-child(even) .content {
  padding-left: 0;
}
.type-card-article-long:nth-child(odd) .content {
  padding-right: 0;
}

.type-card-recette {
  background-color: white;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid #ededed;
}
.type-card-recette .like {
  z-index: 2;
  border-radius: 50px;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background: rgba(131, 131, 131, 0.4);
}
.type-card-recette .duree {
  color: var(--theme-color-secondary);
  opacity: 1;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  4 : BLOCKS
//                              * Les éléments (header, footer, menu, table, form, ...)
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  BANNER
/**/
header {
  z-index: 99999;
  position: relative;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
header a {
  text-decoration: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
header ul {
  padding-left: 0;
}
header li {
  cursor: pointer;
}
header .custom-logo {
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 1024px) {
  header .wrapper.no-burger {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    width: calc(100vw - 0.058524173 * 1 * 100vw * 2);
    position: fixed;
    top: 0;
    height: 100vh;
    background-color: white;
    overflow-y: auto;
    left: 0;
    padding-left: calc(0.058524173 * 1 * 100vw);
    padding-right: calc(0.058524173 * 1 * 100vw);
    z-index: 99;
  }
  header .wrapper.no-burger .container.right-menu {
    padding-bottom: 100px;
  }
  header .wrapper.no-burger .menu-principal-container,
  header .wrapper.no-burger .menu {
    width: 100%;
  }
  header .wrapper.no-burger .menu-item {
    padding: calc(0.1017811705 * 1 * 100vw) calc(0.0508905852 * 1 * 100vw);
    border-bottom: 1px solid #ededed;
    width: -webkit-fill-available;
  }
  header .wrapper.no-burger .menu-item a {
    color: var(--theme-color-primary) !important;
  }
  header .wrapper.no-burger .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  header .wrapper.no-burger .container .header-cta {
    background: transparent;
    border: none;
    color: var(--theme-color-dark-green);
    font-family: var(--theme-font-secondary-bold);
    padding: calc(0.1017811705 * 1 * 100vw) calc(0.0508905852 * 1 * 100vw);
    border-radius: 0px;
  }
  header .wrapper.no-burger .container .header-cta:hover {
    background: transparent;
    border: none;
  }
  header .wrapper.no-burger .container .header-cta:first-child {
    border-bottom: 1px solid #ededed;
  }
}
@media screen and (max-width: 1024px) {
  header .wrapper.no-burger.active {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
header .menu > .menu-item {
  color: var(--theme-color-dark-green);
}
header .menu > .menu-item > a {
  position: relative;
  color: var(--theme-color-dark-green);
}
header .menu > .menu-item > a::after {
  width: 0%;
  background-color: var(--theme-color-dark-green);
  height: 2px;
  display: block;
  position: absolute;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media (min-width: 1024px) {
  header .menu > .menu-item > a::after {
    content: "";
  }
}
header .menu > .menu-item:hover > a::after {
  width: 100%;
}
header .menu .menu-item-has-children {
  padding-right: 20px;
}
header .menu .menu-item-has-children > a {
  position: relative;
}
header .menu .menu-item-has-children > a::before {
  content: url(/wp-content/uploads/2023/10/white-arrow.svg);
  position: absolute;
  right: -20px;
  top: -2px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (min-width: 0px) {
  header .menu .menu-item-has-children > a::before {
    -webkit-filter: brightness(0) saturate(100%) invert(29%) sepia(12%)
      saturate(799%) hue-rotate(76deg) brightness(91%) contrast(87%);
    filter: brightness(0) saturate(100%) invert(29%) sepia(12%) saturate(799%)
      hue-rotate(76deg) brightness(91%) contrast(87%);
  }
}
header .menu .menu-item-has-children.opened > a::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: 5px;
}
header .menu .sub-menu {
  opacity: 0;
  display: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}
@media (min-width: 1024px) {
  header .menu .sub-menu {
    margin-top: calc(0.0101351351 * 1 * 100vw);
    padding: calc(0.0101351351 * 1 * 100vw);
    border-radius: calc(0.0067567568 * 1 * 100vw);
    width: calc(0.1452702703 * 1 * 100vw);
    position: absolute;
    background-color: white;
  }
}
header .menu .sub-menu::after {
  content: "";
  position: absolute;
  top: 0;
  background-color: white;
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
@media (min-width: 1024px) {
  header .menu .sub-menu::after {
    width: calc(0.0337837838 * 1 * 100vw);
    height: calc(0.0168918919 * 1 * 100vw);
    border-radius: calc(0.0027027027 * 1 * 100vw);
    margin-top: calc(-0.0067567568 * 1 * 100vw);
  }
}
@media (min-width: 0px) {
  header .menu .sub-menu li {
    border: none;
  }
}
@media (min-width: 1024px) {
  header .menu .sub-menu li {
    width: 100%;
  }
}
header .menu .sub-menu li a {
  width: 100%;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  color: var(--theme-color-dark-green);
}
@media (min-width: 1024px) {
  header .menu .sub-menu li a {
    padding-left: calc(0.0168918919 * 1 * 100vw);
    padding-bottom: calc(0.0101351351 * 1 * 100vw);
    padding-top: calc(0.0101351351 * 1 * 100vw);
    border-radius: calc(0.0067567568 * 1 * 100vw);
    width: calc(100% - 0.0168918919 * 1 * 100vw);
  }
}
header .menu .sub-menu li a:hover {
  background-color: rgba(22, 48, 43, 0.15);
}
@media (min-width: 1024px) {
  header .menu .sub-menu li:not(:last-child) {
    padding-bottom: calc(0.0067567568 * 1 * 100vw);
    border-bottom: 1px solid #ededed;
  }
}
@media (min-width: 1024px) {
  header .menu .sub-menu li:not(:first-child) {
    margin-top: calc(0.0067567568 * 1 * 100vw);
  }
}
header .menu .sub-menu li:last-child {
  border: none;
}
@media (min-width: 0px) {
  header .menu .sub-menu li:last-child {
    padding-bottom: 0;
  }
}
header .menu .active.opened,
header .menu .active {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
@media (min-width: 1024px) {
  header .menu .active.opened,
  header .menu .active {
    -webkit-box-shadow: 5px 5px 50px -10px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 50px -10px rgba(0, 0, 0, 0.3);
  }
}
header .site-branding {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
@media (min-width: 1024px) {
  header .site-branding svg {
    display: none;
  }
}
@media (min-width: 1024px) {
  header .mobile-header {
    display: none;
  }
}
header .mobile-header svg {
  cursor: pointer;
}
header .right-menu .light-searchbar {
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 300px;
  padding: 10px 10px 10px 35px;
  border: 1px solid #ededed;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.header-search-bar {
  display: none;
}

.header-search-bar.active {
  display: block;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .header-search-bar.active {
    padding: 0 calc(0.1013513514 * 1 * 100vw);
  }
}
.header-search-bar.active .search-container,
.header-search-bar.active input {
  background-color: #ededed !important;
}
.header-search-bar.active form {
  z-index: 999999999;
  position: relative;
}
.header-search-bar.active .shaddow {
  z-index: 99999;
}

.page-template-mon-compte header {
  background-color: transparent !important;
}

header.transparent {
  background-color: transparent;
}
header.transparent .menu-item > a:not(.sub-menu a) {
  color: white;
}
header.transparent .menu-item-has-children a::before {
  -webkit-filter: none;
  filter: none;
}
header.transparent .menu-item > a::after {
  background-color: white;
}
header.transparent .site-branding svg {
  fill: white;
}
header.transparent .mobile-header svg {
  fill: white;
}

header.sticky-header {
  position: sticky;
  top: 0;
  background-color: white !important;
}
header.sticky-header .menu-item > a:not(.sub-menu a) {
  color: var(--theme-color-dark-green) !important;
}
header.sticky-header .menu-item > a:not(.sub-menu a)::after {
  background-color: var(--theme-color-dark-green);
}
header.sticky-header .cta-secondary,
header.sticky-header .cta-tertiary {
  color: var(--theme-color-dark-green);
  border: 1px solid var(--theme-color-dark-green);
}
header.sticky-header .cta-secondary:hover {
  color: white;
}
header.sticky-header .cta-tertiary:hover {
  color: var(--theme-color-dark-green);
}
@media (min-width: 0px) {
  header.sticky-header .open-icon,
  header.sticky-header .menu-item-has-children a::before {
    -webkit-filter: brightness(0) saturate(100%) invert(25%) sepia(10%)
      saturate(985%) hue-rotate(76deg) brightness(92%) contrast(94%);
    filter: brightness(0) saturate(100%) invert(25%) sepia(10%) saturate(985%)
      hue-rotate(76deg) brightness(92%) contrast(94%);
  }
}

header.top-reached {
  background-color: white;
}
header.top-reached .menu-item a {
  color: black;
}
header.top-reached .site-branding svg {
  fill: black;
}
header.top-reached .mobile-header svg {
  fill: black;
}
header.top-reached .mobile-header .open-icon {
  -webkit-filter: brightness(0) saturate(100%) invert(20%) sepia(31%)
    saturate(366%) hue-rotate(76deg) brightness(103%) contrast(90%);
  filter: brightness(0) saturate(100%) invert(20%) sepia(31%) saturate(366%)
    hue-rotate(76deg) brightness(103%) contrast(90%);
}

header.sub-menu a {
  color: black !important;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
footer .site-navigation a {
  font-size: pixelsCalc(15);
  line-height: pixelsCalc(18);
}
@media (max-width: 991px) {
  footer .site-navigation a {
    font-size: pixelsCalc(20);
    line-height: pixelsCalc(24);
  }
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  ELEMENTS DISPOSITION
/**/
footer {
  max-width: none !important;
}
footer .footer {
  margin: auto;
}
footer .footer .columns-wraper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 991px) {
  footer a,
  footer p {
    text-align: center;
  }
}
footer .menu {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  ELEMENTS CONTENT
/**/
footer {
  background-color: var(--theme-color-light-green);
  /* Style de la barre verticale */
}
@media (min-width: 1024px) {
  footer #menu-legals > li:not(:first-child)::before {
    content: "|";
    color: #000;
    padding-right: calc(0.0135135135 * 1 * 100vw);
    font-weight: bold; /* Facultatif : pour rendre la barre plus visible */
  }
}
footer .menu a {
  font-weight: 600;
}
footer #menu-legals,
footer .logos {
  opacity: 0.5;
}
footer .adresse {
  opacity: 0.6;
}
footer .container.logos img {
  width: 160px;
  height: 140px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
@media (min-width: 1024px) {
  footer .container.logos img {
    width: calc(0.1486486486 * 1 * 100vw);
  }
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/* Other Recurring Property Values necessary for your layouts here... */
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED CLASSES & EXTENDS
 *                                           Allways create both in order to be forced
 *                                       directly on DOM or afterward in SCCS with @extend !
/**/
.page-template-archive-producteurs .banner .title-block {
  margin-top: 0px;
}

.type-banner-home {
  height: 90vh;
}
@media screen and (max-width: 1024px) {
  .type-banner-home {
    height: 95vh;
  }
}
.type-banner-home .title-block {
  margin: auto;
  margin-top: 100px;
  margin-bottom: 0;
}

.banner nav ul {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  position: relative;
  z-index: 2;
}
.banner nav ul a {
  color: white;
}
.banner nav ul li:last-child a {
  opacity: 1;
}
.banner nav ul img {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%)
    saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%)
    hue-rotate(93deg) brightness(103%) contrast(103%);
}
.banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.3;
  z-index: 0;
}
.banner > img,
.banner video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}
.banner .title-block {
  position: relative;
  z-index: 2;
}
@media (min-width: 1024px) {
  .banner .title-block {
    max-width: calc(0.6013513514 * 1 * 100vw);
  }
}
.banner .title-block h1 {
  color: white;
}
.banner .title-block p {
  color: white;
  opacity: 80%;
  text-align: center;
  margin: auto;
  margin-top: 35px;
}
.banner form {
  z-index: 3;
  margin-top: 50px;
}

.type-banner-producteur nav.wrapper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.type-banner-producteur > img {
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 0px) {
  .type-banner-producteur > img {
    height: calc(1.1297709924 * 1 * 100vw);
    width: 100vw;
  }
}
@media (min-width: 481px) {
  .type-banner-producteur > img {
    height: calc(0.5414634146 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-banner-producteur > img {
    height: calc(0.3378378378 * 1 * 100vw);
  }
}
.type-banner-producteur > .wrapper {
  width: -webkit-fill-available;
  background-color: white;
  border: solid 1px rgba(64, 82, 66, 0.2);
}
.type-banner-producteur > .wrapper .last-modif {
  padding: calc(0.0067567568 * 1 * 100vw) calc(0.0202702703 * 1 * 100vw);
  border: solid 1px rgba(64, 82, 66, 0.2);
  border-radius: 100px;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.type-banner-producteur > .wrapper .last-modif b {
  font-family: var(--theme-font-secondary-bold);
}
@media (min-width: 1024px) {
  .type-banner-producteur > .wrapper .last-modif {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.type-banner-producteur > .wrapper .infos-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
.type-banner-producteur > .wrapper .infos-c p {
  color: #16302b;
  opacity: 100%;
  border: solid 1px rgba(64, 82, 66, 0.2);
  padding: 10px 20px;
  border-radius: 100px;
}
@media (min-width: 0px) {
  .type-banner-producteur > .wrapper {
    margin: 0 calc(0.0636132316 * 1 * 100vw);
    border-radius: calc(0.0381679389 * 1 * 100vw);
    padding: calc(0.0381679389 * 1 * 100vw);
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
  }
  .type-banner-producteur > .wrapper h1 {
    margin-bottom: calc(0.0508905852 * 1 * 100vw);
  }
  .type-banner-producteur > .wrapper .ctas-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    margin-bottom: calc(0.0508905852 * 1 * 100vw);
  }
  .type-banner-producteur > .wrapper .ctas-c a {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .type-banner-producteur > .wrapper .ctas-c .mail {
    border: 1px solid var(--theme-color-dark-green);
  }
  .type-banner-producteur > .wrapper .ctas-c .phone {
    background-color: var(--theme-color-dark-green);
  }
  .type-banner-producteur > .wrapper .ctas-c.desktop-ctas {
    display: none;
  }
}
@media (min-width: 481px) {
  .type-banner-producteur > .wrapper {
    margin: 0 calc(0.0405405405 * 1 * 100vw);
    border-radius: calc(0.0182926829 * 1 * 100vw);
    padding: calc(0.0182926829 * 1 * 100vw);
  }
  .type-banner-producteur > .wrapper h1 {
    margin-bottom: calc(0.0243902439 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-banner-producteur > .wrapper {
    margin: 0 calc(0.0675675676 * 1 * 100vw);
    border-radius: calc(0.0101351351 * 1 * 100vw);
    padding: calc(0.0371621622 * 1 * 100vw) calc(0.0405405405 * 1 * 100vw);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .type-banner-producteur > .wrapper .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .type-banner-producteur > .wrapper h1 {
    margin-bottom: calc(0.0168918919 * 1 * 100vw);
  }
  .type-banner-producteur > .wrapper .ctas-c {
    margin-bottom: 0;
  }
  .type-banner-producteur > .wrapper .ctas-c a {
    border-radius: 100px;
    width: 50px;
    height: 50px;
  }
  .type-banner-producteur > .wrapper .mobile-ctas {
    display: none;
  }
  .type-banner-producteur > .wrapper .desktop-ctas {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.type-banner-post .text-block {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
}
.type-banner-post .text-block * {
  color: white;
  z-index: 10;
}

.type-3 {
  text-align: center;
}
.type-3 .wrapper {
  border-color: rgba(0, 0, 0, 0.15);
}
.type-3 .wrapper h2 {
  width: 100%;
}
.type-3 .cta-primary {
  width: auto;
}
@media (min-width: 1361px) {
  .type-3 .cta-primary {
    position: absolute;
    bottom: calc(0.0675675676 * 1 * 100vw);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

/* Create here as much as needed... */
form .disconnect-btn span {
  font-family: var(--theme-font-secondary-bold);
}
form label {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 25px;
}
form label .label-image {
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 5px;
}
@media (min-width: 0px) {
  form label .label-image {
    width: calc(0.0636132316 * 1 * 100vw);
    height: calc(0.0636132316 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  form label .label-image {
    width: calc(0.0168918919 * 1 * 100vw);
    height: calc(0.0168918919 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  form label .label-image {
    width: calc(0.0337837838 * 1 * 100vw);
    height: calc(0.0337837838 * 1 * 100vw);
  }
}

.data-c_padding-bottom {
  padding-bottom: calc(0.1351351351 * 1 * 100vw);
}

#frm_field_728_container {
  padding-bottom: 300px;
}

.page-template-inscription-producteru-profil .show.tuto-txt {
  display: none !important;
}

.type-5 {
  overflow: hidden;
  position: relative;
}
.type-5 .tuto-txt {
  display: none;
}
.type-5 .show.tuto-txt {
  display: block;
}
.type-5 .modif-link ::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: black;
  margin-top: 6px;
}
.type-5 .frm_page_num_8 .data-c:last-child {
  padding-bottom: calc(0.1351351351 * 1 * 100vw);
}
.type-5 .show.tuto-txt {
  width: -webkit-fill-available;
}
.type-5 button#submit-form-btn {
  position: absolute;
  right: calc(0.0675675676 * 1 * 100vw);
  top: calc(0.1013513514 * 1 * 100vw);
  z-index: 999;
}
@media (max-width: 1024px) {
  .type-5 button#submit-form-btn {
    top: calc(0.2544529262 * 1 * 100vw);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: calc(0.0763358779 * 1 * 100vw);
    top: auto;
    position: fixed;
  }
}
.type-5 fieldset {
  padding-top: 0px;
}
.type-5 form .form-container .data-c h3.frm_section_spacing {
  padding: calc(0.0135135135 * 1 * 100vw) !important;
}
.type-5 .show.tuto-txt {
  padding: calc(0.0135135135 * 1 * 100vw) !important;
}
.type-5 #field_dnqkg-0-other_7-otext {
  padding: 10px 20px;
  border-radius: 5px;
  border: solid 1px rgba(64, 82, 66, 0.2);
  padding-left: 15px !important;
  margin-top: 10px !important;
}
.type-5 .frm_fields_container .frm_primary_label {
  opacity: 50%;
  text-transform: uppercase;
  color: var(--theme-color-dark-green);
  margin-bottom: calc(0.0135135135 * 1 * 100vw);
}
@media (min-width: 1024px) {
  .type-5 .frm_fields_container .frm_primary_label {
    font-size: calc(0.0101351351 * 1 * 100vw);
  }
}
.type-5 .frm_fields_container input,
.type-5 .frm_fields_container textarea {
  border: none;
  color: var(--theme-color-dark-green);
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
@media (min-width: 1024px) {
  .type-5 .frm_fields_container input,
  .type-5 .frm_fields_container textarea {
    font-size: calc(0.0121621622 * 1 * 100vw);
  }
}
.type-5 .frm_fields_container .frm_rootline_group {
  position: absolute;
  left: 0;
  padding-left: calc(0.0675675676 * 1 * 100vw);
  width: calc(0.2567567568 * 1 * 100vw);
  background-color: rgba(247, 243, 237, 0.4);
  height: 100%;
  margin: 0;
}
@media (max-width: 1024px) {
  .type-5 .frm_fields_container .frm_rootline_group {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fill-available;
    z-index: 9;
    background-color: white;
    overflow-x: auto;
  }
  .type-5 .frm_fields_container .frm_rootline_group::-webkit-scrollbar {
    display: none;
  }
}
.type-5 .frm_fields_container .frm_rootline_group li {
  cursor: pointer;
}
@media (max-width: 1024px) {
  .type-5 .frm_fields_container .frm_rootline_group ul {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    gap: calc(0.0127226463 * 1 * 100vw);
    margin-top: calc(0.0381679389 * 1 * 100vw) !important;
  }
  .type-5 .frm_fields_container .frm_rootline_group ul li {
    padding: calc(0.0127226463 * 1 * 100vw) calc(0.0508905852 * 1 * 100vw);
    border-radius: 100px;
    border: 1px solid var(--theme-color-dark-green);
    cursor: pointer;
  }
  .type-5 .frm_fields_container .frm_rootline_group ul .frm_current_page {
    background-color: var(--theme-color-dark-green);
  }
  .type-5 .frm_fields_container .frm_rootline_group ul .frm_current_page span {
    color: white !important;
  }
  .type-5 .frm_fields_container .frm_rootline_group ul span {
    white-space: pre;
  }
}
@media (min-width: 1024px) {
  .type-5 .frm_fields_container .frm_rootline_group ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.type-5 .frm_fields_container .form-container.photos-c {
  padding-bottom: 500px;
}
@media (min-width: 1024px) {
  .type-5 .frm_fields_container .form-container.photos-c {
    width: 50vw !important;
  }
}
.type-5 .frm_fields_container .frm_field_468_container .frm_checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.type-5
  .frm_fields_container
  .frm_field_468_container
  .frm_checkbox
  img.label-image {
  max-width: 100px;
  -o-object-fit: contain;
  object-fit: contain;
}
.type-5 .frm_fields_container #frm_field_664_container .frm_repeat_sec {
  margin-bottom: 30px;
}
.type-5
  .frm_fields_container
  #frm_field_664_container
  .frm_repeat_sec:last-child,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .frm_repeat_buttons:last-child {
  padding-bottom: 200px !important;
}
.type-5 .frm_fields_container .form-container,
.type-5 .frm_fields_container #frm_field_293_container,
.type-5 .frm_fields_container #frm_field_432_container,
.type-5 .frm_fields_container #frm_field_331_container,
.type-5 .frm_fields_container #frm_field_651_container,
.type-5 .frm_fields_container #frm_field_654_container,
.type-5 .frm_fields_container #frm_field_664_container {
  position: absolute;
  right: 0;
  height: calc(
    100vh - (0.0608108108 * 1 * 100vw + 2 * 0.0135135135 * 1 * 100vw)
  );
  overflow: auto;
  padding-bottom: calc(0.0675675676 * 1 * 100vw);
  padding-top: calc(0.1351351351 * 1 * 100vw);
}
@media (min-width: 1024px) {
  .type-5 .frm_fields_container .form-container,
  .type-5 .frm_fields_container #frm_field_293_container,
  .type-5 .frm_fields_container #frm_field_432_container,
  .type-5 .frm_fields_container #frm_field_331_container,
  .type-5 .frm_fields_container #frm_field_651_container,
  .type-5 .frm_fields_container #frm_field_654_container,
  .type-5 .frm_fields_container #frm_field_664_container {
    width: 55vw !important;
  }
}
.type-5 .frm_fields_container .form-container #photo-tuto,
.type-5 .frm_fields_container #frm_field_293_container #photo-tuto,
.type-5 .frm_fields_container #frm_field_432_container #photo-tuto,
.type-5 .frm_fields_container #frm_field_331_container #photo-tuto,
.type-5 .frm_fields_container #frm_field_651_container #photo-tuto,
.type-5 .frm_fields_container #frm_field_654_container #photo-tuto,
.type-5 .frm_fields_container #frm_field_664_container #photo-tuto {
  width: 35vw;
  position: absolute;
  right: 0;
  top: 30vw;
}
@media (min-width: 0px) {
  .type-5 .frm_fields_container .form-container #photo-tuto,
  .type-5 .frm_fields_container #frm_field_293_container #photo-tuto,
  .type-5 .frm_fields_container #frm_field_432_container #photo-tuto,
  .type-5 .frm_fields_container #frm_field_331_container #photo-tuto,
  .type-5 .frm_fields_container #frm_field_651_container #photo-tuto,
  .type-5 .frm_fields_container #frm_field_654_container #photo-tuto,
  .type-5 .frm_fields_container #frm_field_664_container #photo-tuto {
    display: block !important;
  }
}
@media (max-width: 1024px) {
  .type-5 .frm_fields_container .form-container,
  .type-5 .frm_fields_container #frm_field_293_container,
  .type-5 .frm_fields_container #frm_field_432_container,
  .type-5 .frm_fields_container #frm_field_331_container,
  .type-5 .frm_fields_container #frm_field_651_container,
  .type-5 .frm_fields_container #frm_field_654_container,
  .type-5 .frm_fields_container #frm_field_664_container {
    position: relative;
    width: -webkit-fill-available !important;
    padding-left: calc(0.0636132316 * 1 * 100vw);
    padding-right: calc(0.0636132316 * 1 * 100vw);
    margin-top: calc(0.1272264631 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-5 .frm_fields_container .form-container,
  .type-5 .frm_fields_container #frm_field_293_container,
  .type-5 .frm_fields_container #frm_field_432_container,
  .type-5 .frm_fields_container #frm_field_331_container,
  .type-5 .frm_fields_container #frm_field_651_container,
  .type-5 .frm_fields_container #frm_field_654_container,
  .type-5 .frm_fields_container #frm_field_664_container {
    padding-left: calc(0.1013513514 * 1 * 100vw);
    padding-right: calc(0.0675675676 * 1 * 100vw);
    left: calc(0.3243243243 * 1 * 100vw);
  }
}
.type-5 .frm_fields_container .form-container #frm_field_584_container,
.type-5 .frm_fields_container .form-container #frm_section_584-0,
.type-5 .frm_fields_container #frm_field_293_container #frm_field_584_container,
.type-5 .frm_fields_container #frm_field_293_container #frm_section_584-0,
.type-5 .frm_fields_container #frm_field_432_container #frm_field_584_container,
.type-5 .frm_fields_container #frm_field_432_container #frm_section_584-0,
.type-5 .frm_fields_container #frm_field_331_container #frm_field_584_container,
.type-5 .frm_fields_container #frm_field_331_container #frm_section_584-0,
.type-5 .frm_fields_container #frm_field_651_container #frm_field_584_container,
.type-5 .frm_fields_container #frm_field_651_container #frm_section_584-0,
.type-5 .frm_fields_container #frm_field_654_container #frm_field_584_container,
.type-5 .frm_fields_container #frm_field_654_container #frm_section_584-0,
.type-5 .frm_fields_container #frm_field_664_container #frm_field_584_container,
.type-5 .frm_fields_container #frm_field_664_container #frm_section_584-0 {
  padding-bottom: 0;
  border-bottom: none !important;
  border: none !important;
}
@media (min-width: 0px) {
  .type-5
    .frm_fields_container
    .form-container
    #frm_field_584_container
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    .form-container
    #frm_section_584-0
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_field_584_container
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_section_584-0
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_field_584_container
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_section_584-0
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_field_584_container
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_section_584-0
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_field_584_container
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_section_584-0
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_field_584_container
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_section_584-0
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_field_584_container
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_section_584-0
    .frm_field_586_container {
    border-top-left-radius: calc(0.0381679389 * 1 * 100vw);
    border-top-right-radius: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-5
    .frm_fields_container
    .form-container
    #frm_field_584_container
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    .form-container
    #frm_section_584-0
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_field_584_container
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_section_584-0
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_field_584_container
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_section_584-0
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_field_584_container
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_section_584-0
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_field_584_container
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_section_584-0
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_field_584_container
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_section_584-0
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_field_584_container
    .frm_field_586_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_section_584-0
    .frm_field_586_container {
    border-top-left-radius: calc(0.0101351351 * 1 * 100vw);
    border-top-right-radius: calc(0.0101351351 * 1 * 100vw);
  }
}
.type-5
  .frm_fields_container
  .form-container
  #frm_field_584_container
  .form-field,
.type-5 .frm_fields_container .form-container #frm_section_584-0 .form-field,
.type-5
  .frm_fields_container
  #frm_field_293_container
  #frm_field_584_container
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_293_container
  #frm_section_584-0
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_432_container
  #frm_field_584_container
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_432_container
  #frm_section_584-0
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_331_container
  #frm_field_584_container
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_331_container
  #frm_section_584-0
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_651_container
  #frm_field_584_container
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_651_container
  #frm_section_584-0
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_654_container
  #frm_field_584_container
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_654_container
  #frm_section_584-0
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_664_container
  #frm_field_584_container
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_664_container
  #frm_section_584-0
  .form-field {
  border-left: solid 1px rgba(64, 82, 66, 0.2);
  border-right: solid 1px rgba(64, 82, 66, 0.2);
}
.type-5
  .frm_fields_container
  .form-container
  #frm_field_584_container
  .photos-c,
.type-5 .frm_fields_container .form-container #frm_section_584-0 .photos-c,
.type-5
  .frm_fields_container
  #frm_field_293_container
  #frm_field_584_container
  .photos-c,
.type-5
  .frm_fields_container
  #frm_field_293_container
  #frm_section_584-0
  .photos-c,
.type-5
  .frm_fields_container
  #frm_field_432_container
  #frm_field_584_container
  .photos-c,
.type-5
  .frm_fields_container
  #frm_field_432_container
  #frm_section_584-0
  .photos-c,
.type-5
  .frm_fields_container
  #frm_field_331_container
  #frm_field_584_container
  .photos-c,
.type-5
  .frm_fields_container
  #frm_field_331_container
  #frm_section_584-0
  .photos-c,
.type-5
  .frm_fields_container
  #frm_field_651_container
  #frm_field_584_container
  .photos-c,
.type-5
  .frm_fields_container
  #frm_field_651_container
  #frm_section_584-0
  .photos-c,
.type-5
  .frm_fields_container
  #frm_field_654_container
  #frm_field_584_container
  .photos-c,
.type-5
  .frm_fields_container
  #frm_field_654_container
  #frm_section_584-0
  .photos-c,
.type-5
  .frm_fields_container
  #frm_field_664_container
  #frm_field_584_container
  .photos-c,
.type-5
  .frm_fields_container
  #frm_field_664_container
  #frm_section_584-0
  .photos-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: solid 1px rgba(64, 82, 66, 0.2);
  margin-bottom: calc(0.0168918919 * 1 * 100vw);
}
@media (min-width: 0px) {
  .type-5
    .frm_fields_container
    .form-container
    #frm_field_584_container
    .photos-c,
  .type-5 .frm_fields_container .form-container #frm_section_584-0 .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_field_584_container
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_section_584-0
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_field_584_container
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_section_584-0
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_field_584_container
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_section_584-0
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_field_584_container
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_section_584-0
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_field_584_container
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_section_584-0
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_field_584_container
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_section_584-0
    .photos-c {
    border-bottom-left-radius: calc(0.0381679389 * 1 * 100vw);
    border-bottom-right-radius: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-5
    .frm_fields_container
    .form-container
    #frm_field_584_container
    .photos-c,
  .type-5 .frm_fields_container .form-container #frm_section_584-0 .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_field_584_container
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_section_584-0
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_field_584_container
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_section_584-0
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_field_584_container
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_section_584-0
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_field_584_container
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_section_584-0
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_field_584_container
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_section_584-0
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_field_584_container
    .photos-c,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_section_584-0
    .photos-c {
    border-bottom-left-radius: calc(0.0101351351 * 1 * 100vw);
    border-bottom-right-radius: calc(0.0101351351 * 1 * 100vw);
  }
}
.type-5
  .frm_fields_container
  .form-container
  #frm_field_584_container
  .photos-c
  .frm_field_591_container,
.type-5
  .frm_fields_container
  .form-container
  #frm_section_584-0
  .photos-c
  .frm_field_591_container,
.type-5
  .frm_fields_container
  #frm_field_293_container
  #frm_field_584_container
  .photos-c
  .frm_field_591_container,
.type-5
  .frm_fields_container
  #frm_field_293_container
  #frm_section_584-0
  .photos-c
  .frm_field_591_container,
.type-5
  .frm_fields_container
  #frm_field_432_container
  #frm_field_584_container
  .photos-c
  .frm_field_591_container,
.type-5
  .frm_fields_container
  #frm_field_432_container
  #frm_section_584-0
  .photos-c
  .frm_field_591_container,
.type-5
  .frm_fields_container
  #frm_field_331_container
  #frm_field_584_container
  .photos-c
  .frm_field_591_container,
.type-5
  .frm_fields_container
  #frm_field_331_container
  #frm_section_584-0
  .photos-c
  .frm_field_591_container,
.type-5
  .frm_fields_container
  #frm_field_651_container
  #frm_field_584_container
  .photos-c
  .frm_field_591_container,
.type-5
  .frm_fields_container
  #frm_field_651_container
  #frm_section_584-0
  .photos-c
  .frm_field_591_container,
.type-5
  .frm_fields_container
  #frm_field_654_container
  #frm_field_584_container
  .photos-c
  .frm_field_591_container,
.type-5
  .frm_fields_container
  #frm_field_654_container
  #frm_section_584-0
  .photos-c
  .frm_field_591_container,
.type-5
  .frm_fields_container
  #frm_field_664_container
  #frm_field_584_container
  .photos-c
  .frm_field_591_container,
.type-5
  .frm_fields_container
  #frm_field_664_container
  #frm_section_584-0
  .photos-c
  .frm_field_591_container {
  border-right: none;
}
@media (min-width: 0px) {
  .type-5
    .frm_fields_container
    .form-container
    #frm_field_584_container
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    .form-container
    #frm_section_584-0
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_field_584_container
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_section_584-0
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_field_584_container
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_section_584-0
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_field_584_container
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_section_584-0
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_field_584_container
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_section_584-0
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_field_584_container
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_section_584-0
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_field_584_container
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_section_584-0
    .photos-c
    .frm_field_591_container {
    border-bottom-left-radius: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-5
    .frm_fields_container
    .form-container
    #frm_field_584_container
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    .form-container
    #frm_section_584-0
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_field_584_container
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_section_584-0
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_field_584_container
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_section_584-0
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_field_584_container
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_section_584-0
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_field_584_container
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_section_584-0
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_field_584_container
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_section_584-0
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_field_584_container
    .photos-c
    .frm_field_591_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_section_584-0
    .photos-c
    .frm_field_591_container {
    border-bottom-left-radius: calc(0.0101351351 * 1 * 100vw);
  }
}
@media (min-width: 0px) {
  .type-5
    .frm_fields_container
    .form-container
    #frm_field_584_container
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    .form-container
    #frm_section_584-0
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_field_584_container
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_section_584-0
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_field_584_container
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_section_584-0
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_field_584_container
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_section_584-0
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_field_584_container
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_section_584-0
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_field_584_container
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_section_584-0
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_field_584_container
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_section_584-0
    .photos-c
    .frm_field_592_container {
    border-bottom-right-radius: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-5
    .frm_fields_container
    .form-container
    #frm_field_584_container
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    .form-container
    #frm_section_584-0
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_field_584_container
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_section_584-0
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_field_584_container
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_section_584-0
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_field_584_container
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_section_584-0
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_field_584_container
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_section_584-0
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_field_584_container
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_section_584-0
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_field_584_container
    .photos-c
    .frm_field_592_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_section_584-0
    .photos-c
    .frm_field_592_container {
    border-bottom-right-radius: calc(0.0101351351 * 1 * 100vw);
  }
}
.type-5
  .frm_fields_container
  .form-container
  #frm_field_584_container
  .photos-c
  .form-field,
.type-5
  .frm_fields_container
  .form-container
  #frm_section_584-0
  .photos-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_293_container
  #frm_field_584_container
  .photos-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_293_container
  #frm_section_584-0
  .photos-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_432_container
  #frm_field_584_container
  .photos-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_432_container
  #frm_section_584-0
  .photos-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_331_container
  #frm_field_584_container
  .photos-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_331_container
  #frm_section_584-0
  .photos-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_651_container
  #frm_field_584_container
  .photos-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_651_container
  #frm_section_584-0
  .photos-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_654_container
  #frm_field_584_container
  .photos-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_654_container
  #frm_section_584-0
  .photos-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_664_container
  #frm_field_584_container
  .photos-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_664_container
  #frm_section_584-0
  .photos-c
  .form-field {
  width: 100%;
}
.type-5 .frm_fields_container .form-container > .frm_section_heading,
.type-5 .frm_fields_container #frm_field_293_container > .frm_section_heading,
.type-5 .frm_fields_container #frm_field_432_container > .frm_section_heading,
.type-5 .frm_fields_container #frm_field_331_container > .frm_section_heading,
.type-5 .frm_fields_container #frm_field_651_container > .frm_section_heading,
.type-5 .frm_fields_container #frm_field_654_container > .frm_section_heading,
.type-5 .frm_fields_container #frm_field_664_container > .frm_section_heading {
  padding-bottom: calc(0.1013513514 * 1 * 100vw);
}
.type-5 .frm_fields_container .form-container::-webkit-scrollbar,
.type-5 .frm_fields_container #frm_field_293_container::-webkit-scrollbar,
.type-5 .frm_fields_container #frm_field_432_container::-webkit-scrollbar,
.type-5 .frm_fields_container #frm_field_331_container::-webkit-scrollbar,
.type-5 .frm_fields_container #frm_field_651_container::-webkit-scrollbar,
.type-5 .frm_fields_container #frm_field_654_container::-webkit-scrollbar,
.type-5 .frm_fields_container #frm_field_664_container::-webkit-scrollbar {
  display: none;
}
.type-5 .frm_fields_container .form-container h3,
.type-5 .frm_fields_container #frm_field_293_container h3,
.type-5 .frm_fields_container #frm_field_432_container h3,
.type-5 .frm_fields_container #frm_field_331_container h3,
.type-5 .frm_fields_container #frm_field_651_container h3,
.type-5 .frm_fields_container #frm_field_654_container h3,
.type-5 .frm_fields_container #frm_field_664_container h3 {
  border-top: none !important;
  margin: 0;
  margin-bottom: 0 !important;
  color: var(--theme-color-dark-green);
  opacity: 90;
  text-transform: uppercase;
}
@media (min-width: 0px) {
  .type-5 .frm_fields_container .form-container h3,
  .type-5 .frm_fields_container #frm_field_293_container h3,
  .type-5 .frm_fields_container #frm_field_432_container h3,
  .type-5 .frm_fields_container #frm_field_331_container h3,
  .type-5 .frm_fields_container #frm_field_651_container h3,
  .type-5 .frm_fields_container #frm_field_654_container h3,
  .type-5 .frm_fields_container #frm_field_664_container h3 {
    padding: calc(0.0508905852 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-5 .frm_fields_container .form-container h3,
  .type-5 .frm_fields_container #frm_field_293_container h3,
  .type-5 .frm_fields_container #frm_field_432_container h3,
  .type-5 .frm_fields_container #frm_field_331_container h3,
  .type-5 .frm_fields_container #frm_field_651_container h3,
  .type-5 .frm_fields_container #frm_field_654_container h3,
  .type-5 .frm_fields_container #frm_field_664_container h3 {
    padding: calc(0.0135135135 * 1 * 100vw);
  }
}
.type-5 .frm_fields_container .form-container > div,
.type-5 .frm_fields_container #frm_field_293_container > div,
.type-5 .frm_fields_container #frm_field_432_container > div,
.type-5 .frm_fields_container #frm_field_331_container > div,
.type-5 .frm_fields_container #frm_field_651_container > div,
.type-5 .frm_fields_container #frm_field_654_container > div,
.type-5 .frm_fields_container #frm_field_664_container > div {
  margin: 0;
}
.type-5 .frm_fields_container .form-container > div::-webkit-scrollbar,
.type-5 .frm_fields_container #frm_field_293_container > div::-webkit-scrollbar,
.type-5 .frm_fields_container #frm_field_432_container > div::-webkit-scrollbar,
.type-5 .frm_fields_container #frm_field_331_container > div::-webkit-scrollbar,
.type-5 .frm_fields_container #frm_field_651_container > div::-webkit-scrollbar,
.type-5 .frm_fields_container #frm_field_654_container > div::-webkit-scrollbar,
.type-5
  .frm_fields_container
  #frm_field_664_container
  > div::-webkit-scrollbar {
  display: none;
}
.type-5 .frm_fields_container .form-container #frm_field_340_container,
.type-5 .frm_fields_container .form-container #frm_field_341_container,
.type-5 .frm_fields_container .form-container #frm_field_342_container,
.type-5 .frm_fields_container .form-container #frm_field_345_container,
.type-5 .frm_fields_container .form-container #frm_field_349_container,
.type-5 .frm_fields_container .form-container #frm_field_350_container,
.type-5 .frm_fields_container .form-container #frm_field_352_container,
.type-5 .frm_fields_container .form-container #frm_field_353_container,
.type-5 .frm_fields_container .form-container #frm_field_357_container,
.type-5 .frm_fields_container .form-container #frm_field_358_container,
.type-5 .frm_fields_container .form-container #frm_field_361_container,
.type-5 .frm_fields_container .form-container #frm_field_362_container,
.type-5 .frm_fields_container .form-container #frm_field_365_container,
.type-5 .frm_fields_container .form-container #frm_field_364_container,
.type-5 .frm_fields_container #frm_field_293_container #frm_field_340_container,
.type-5 .frm_fields_container #frm_field_293_container #frm_field_341_container,
.type-5 .frm_fields_container #frm_field_293_container #frm_field_342_container,
.type-5 .frm_fields_container #frm_field_293_container #frm_field_345_container,
.type-5 .frm_fields_container #frm_field_293_container #frm_field_349_container,
.type-5 .frm_fields_container #frm_field_293_container #frm_field_350_container,
.type-5 .frm_fields_container #frm_field_293_container #frm_field_352_container,
.type-5 .frm_fields_container #frm_field_293_container #frm_field_353_container,
.type-5 .frm_fields_container #frm_field_293_container #frm_field_357_container,
.type-5 .frm_fields_container #frm_field_293_container #frm_field_358_container,
.type-5 .frm_fields_container #frm_field_293_container #frm_field_361_container,
.type-5 .frm_fields_container #frm_field_293_container #frm_field_362_container,
.type-5 .frm_fields_container #frm_field_293_container #frm_field_365_container,
.type-5 .frm_fields_container #frm_field_293_container #frm_field_364_container,
.type-5 .frm_fields_container #frm_field_432_container #frm_field_340_container,
.type-5 .frm_fields_container #frm_field_432_container #frm_field_341_container,
.type-5 .frm_fields_container #frm_field_432_container #frm_field_342_container,
.type-5 .frm_fields_container #frm_field_432_container #frm_field_345_container,
.type-5 .frm_fields_container #frm_field_432_container #frm_field_349_container,
.type-5 .frm_fields_container #frm_field_432_container #frm_field_350_container,
.type-5 .frm_fields_container #frm_field_432_container #frm_field_352_container,
.type-5 .frm_fields_container #frm_field_432_container #frm_field_353_container,
.type-5 .frm_fields_container #frm_field_432_container #frm_field_357_container,
.type-5 .frm_fields_container #frm_field_432_container #frm_field_358_container,
.type-5 .frm_fields_container #frm_field_432_container #frm_field_361_container,
.type-5 .frm_fields_container #frm_field_432_container #frm_field_362_container,
.type-5 .frm_fields_container #frm_field_432_container #frm_field_365_container,
.type-5 .frm_fields_container #frm_field_432_container #frm_field_364_container,
.type-5 .frm_fields_container #frm_field_331_container #frm_field_340_container,
.type-5 .frm_fields_container #frm_field_331_container #frm_field_341_container,
.type-5 .frm_fields_container #frm_field_331_container #frm_field_342_container,
.type-5 .frm_fields_container #frm_field_331_container #frm_field_345_container,
.type-5 .frm_fields_container #frm_field_331_container #frm_field_349_container,
.type-5 .frm_fields_container #frm_field_331_container #frm_field_350_container,
.type-5 .frm_fields_container #frm_field_331_container #frm_field_352_container,
.type-5 .frm_fields_container #frm_field_331_container #frm_field_353_container,
.type-5 .frm_fields_container #frm_field_331_container #frm_field_357_container,
.type-5 .frm_fields_container #frm_field_331_container #frm_field_358_container,
.type-5 .frm_fields_container #frm_field_331_container #frm_field_361_container,
.type-5 .frm_fields_container #frm_field_331_container #frm_field_362_container,
.type-5 .frm_fields_container #frm_field_331_container #frm_field_365_container,
.type-5 .frm_fields_container #frm_field_331_container #frm_field_364_container,
.type-5 .frm_fields_container #frm_field_651_container #frm_field_340_container,
.type-5 .frm_fields_container #frm_field_651_container #frm_field_341_container,
.type-5 .frm_fields_container #frm_field_651_container #frm_field_342_container,
.type-5 .frm_fields_container #frm_field_651_container #frm_field_345_container,
.type-5 .frm_fields_container #frm_field_651_container #frm_field_349_container,
.type-5 .frm_fields_container #frm_field_651_container #frm_field_350_container,
.type-5 .frm_fields_container #frm_field_651_container #frm_field_352_container,
.type-5 .frm_fields_container #frm_field_651_container #frm_field_353_container,
.type-5 .frm_fields_container #frm_field_651_container #frm_field_357_container,
.type-5 .frm_fields_container #frm_field_651_container #frm_field_358_container,
.type-5 .frm_fields_container #frm_field_651_container #frm_field_361_container,
.type-5 .frm_fields_container #frm_field_651_container #frm_field_362_container,
.type-5 .frm_fields_container #frm_field_651_container #frm_field_365_container,
.type-5 .frm_fields_container #frm_field_651_container #frm_field_364_container,
.type-5 .frm_fields_container #frm_field_654_container #frm_field_340_container,
.type-5 .frm_fields_container #frm_field_654_container #frm_field_341_container,
.type-5 .frm_fields_container #frm_field_654_container #frm_field_342_container,
.type-5 .frm_fields_container #frm_field_654_container #frm_field_345_container,
.type-5 .frm_fields_container #frm_field_654_container #frm_field_349_container,
.type-5 .frm_fields_container #frm_field_654_container #frm_field_350_container,
.type-5 .frm_fields_container #frm_field_654_container #frm_field_352_container,
.type-5 .frm_fields_container #frm_field_654_container #frm_field_353_container,
.type-5 .frm_fields_container #frm_field_654_container #frm_field_357_container,
.type-5 .frm_fields_container #frm_field_654_container #frm_field_358_container,
.type-5 .frm_fields_container #frm_field_654_container #frm_field_361_container,
.type-5 .frm_fields_container #frm_field_654_container #frm_field_362_container,
.type-5 .frm_fields_container #frm_field_654_container #frm_field_365_container,
.type-5 .frm_fields_container #frm_field_654_container #frm_field_364_container,
.type-5 .frm_fields_container #frm_field_664_container #frm_field_340_container,
.type-5 .frm_fields_container #frm_field_664_container #frm_field_341_container,
.type-5 .frm_fields_container #frm_field_664_container #frm_field_342_container,
.type-5 .frm_fields_container #frm_field_664_container #frm_field_345_container,
.type-5 .frm_fields_container #frm_field_664_container #frm_field_349_container,
.type-5 .frm_fields_container #frm_field_664_container #frm_field_350_container,
.type-5 .frm_fields_container #frm_field_664_container #frm_field_352_container,
.type-5 .frm_fields_container #frm_field_664_container #frm_field_353_container,
.type-5 .frm_fields_container #frm_field_664_container #frm_field_357_container,
.type-5 .frm_fields_container #frm_field_664_container #frm_field_358_container,
.type-5 .frm_fields_container #frm_field_664_container #frm_field_361_container,
.type-5 .frm_fields_container #frm_field_664_container #frm_field_362_container,
.type-5 .frm_fields_container #frm_field_664_container #frm_field_365_container,
.type-5
  .frm_fields_container
  #frm_field_664_container
  #frm_field_364_container {
  display: none;
}
.type-5 .frm_fields_container .form-container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_293_container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_432_container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_331_container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_651_container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_654_container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_664_container .frm_repeat_sec {
  border-bottom: none;
}
.type-5
  .frm_fields_container
  .form-container
  .frm_repeat_sec
  .frm_top_container:first-of-type,
.type-5
  .frm_fields_container
  #frm_field_293_container
  .frm_repeat_sec
  .frm_top_container:first-of-type,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .frm_repeat_sec
  .frm_top_container:first-of-type,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .frm_repeat_sec
  .frm_top_container:first-of-type,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .frm_repeat_sec
  .frm_top_container:first-of-type,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .frm_repeat_sec
  .frm_top_container:first-of-type,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .frm_repeat_sec
  .frm_top_container:first-of-type {
  border-top: none;
}
.type-5
  .frm_fields_container
  .form-container
  .frm_repeat_sec
  .frm_top_container,
.type-5
  .frm_fields_container
  #frm_field_293_container
  .frm_repeat_sec
  .frm_top_container,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .frm_repeat_sec
  .frm_top_container,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .frm_repeat_sec
  .frm_top_container,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .frm_repeat_sec
  .frm_top_container,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .frm_repeat_sec
  .frm_top_container,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .frm_repeat_sec
  .frm_top_container {
  margin: 0;
  border-top: solid 1px rgba(64, 82, 66, 0.2);
}
@media (min-width: 0px) {
  .type-5
    .frm_fields_container
    .form-container
    .frm_repeat_sec
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .frm_repeat_sec
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .frm_repeat_sec
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .frm_repeat_sec
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .frm_repeat_sec
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .frm_repeat_sec
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .frm_repeat_sec
    .frm_top_container {
    padding: calc(0.0508905852 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-5
    .frm_fields_container
    .form-container
    .frm_repeat_sec
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .frm_repeat_sec
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .frm_repeat_sec
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .frm_repeat_sec
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .frm_repeat_sec
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .frm_repeat_sec
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .frm_repeat_sec
    .frm_top_container {
    padding: calc(0.0135135135 * 1 * 100vw);
  }
}
.type-5 .frm_fields_container .form-container .frm_repeat_sec:last-child,
.type-5
  .frm_fields_container
  #frm_field_293_container
  .frm_repeat_sec:last-child,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .frm_repeat_sec:last-child,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .frm_repeat_sec:last-child,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .frm_repeat_sec:last-child,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .frm_repeat_sec:last-child,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .frm_repeat_sec:last-child {
  padding-bottom: calc(0.1013513514 * 1 * 100vw);
}
@media (min-width: 0px) {
  .type-5 .frm_fields_container .form-container .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .frm_field_594_container {
    margin-bottom: calc(0.0381679389 * 1 * 100vw) !important;
    border-bottom-left-radius: calc(0.0381679389 * 1 * 100vw);
    border-bottom-right-radius: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-5 .frm_fields_container .form-container .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .frm_field_594_container {
    margin-bottom: calc(0.0135135135 * 1 * 100vw) !important;
    border-bottom-left-radius: calc(0.0101351351 * 1 * 100vw);
    border-bottom-right-radius: calc(0.0101351351 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-5 .frm_fields_container .form-container .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .frm_field_594_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .frm_field_594_container {
    margin-bottom: calc(0.0202702703 * 1 * 100vw) !important;
    border-bottom-left-radius: calc(0.0101351351 * 1 * 100vw);
    border-bottom-right-radius: calc(0.0101351351 * 1 * 100vw);
  }
}
.type-5 .frm_fields_container .form-container .data-c > .frm_section_heading,
.type-5
  .frm_fields_container
  #frm_field_293_container
  .data-c
  > .frm_section_heading,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .data-c
  > .frm_section_heading,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .data-c
  > .frm_section_heading,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .data-c
  > .frm_section_heading,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .data-c
  > .frm_section_heading,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .data-c
  > .frm_section_heading {
  border: solid 1px rgba(64, 82, 66, 0.2);
  margin-bottom: calc(0.0202702703 * 1 * 100vw);
}
.type-5
  .frm_fields_container
  .form-container
  .data-c
  > .frm_section_heading
  > .frm_grid_container,
.type-5
  .frm_fields_container
  #frm_field_293_container
  .data-c
  > .frm_section_heading
  > .frm_grid_container,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .data-c
  > .frm_section_heading
  > .frm_grid_container,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .data-c
  > .frm_section_heading
  > .frm_grid_container,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .data-c
  > .frm_section_heading
  > .frm_grid_container,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .data-c
  > .frm_section_heading
  > .frm_grid_container,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .data-c
  > .frm_section_heading
  > .frm_grid_container {
  margin: 0;
}
.type-5
  .frm_fields_container
  .form-container
  .data-c
  > .frm_section_heading
  .frm_top_container,
.type-5
  .frm_fields_container
  #frm_field_293_container
  .data-c
  > .frm_section_heading
  .frm_top_container,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .data-c
  > .frm_section_heading
  .frm_top_container,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .data-c
  > .frm_section_heading
  .frm_top_container,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .data-c
  > .frm_section_heading
  .frm_top_container,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .data-c
  > .frm_section_heading
  .frm_top_container,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .data-c
  > .frm_section_heading
  .frm_top_container {
  margin: 0;
  border-top: solid 1px rgba(64, 82, 66, 0.2);
}
@media (min-width: 0px) {
  .type-5
    .frm_fields_container
    .form-container
    .data-c
    > .frm_section_heading
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .data-c
    > .frm_section_heading
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .data-c
    > .frm_section_heading
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .data-c
    > .frm_section_heading
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .data-c
    > .frm_section_heading
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .data-c
    > .frm_section_heading
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .data-c
    > .frm_section_heading
    .frm_top_container {
    padding: calc(0.0508905852 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-5
    .frm_fields_container
    .form-container
    .data-c
    > .frm_section_heading
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .data-c
    > .frm_section_heading
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .data-c
    > .frm_section_heading
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .data-c
    > .frm_section_heading
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .data-c
    > .frm_section_heading
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .data-c
    > .frm_section_heading
    .frm_top_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .data-c
    > .frm_section_heading
    .frm_top_container {
    padding: calc(0.0135135135 * 1 * 100vw);
  }
}
.type-5
  .frm_fields_container
  .form-container
  .data-c
  > .frm_section_heading
  .frm_opt_container,
.type-5
  .frm_fields_container
  #frm_field_293_container
  .data-c
  > .frm_section_heading
  .frm_opt_container,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .data-c
  > .frm_section_heading
  .frm_opt_container,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .data-c
  > .frm_section_heading
  .frm_opt_container,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .data-c
  > .frm_section_heading
  .frm_opt_container,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .data-c
  > .frm_section_heading
  .frm_opt_container,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .data-c
  > .frm_section_heading
  .frm_opt_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 0px) {
  .type-5
    .frm_fields_container
    .form-container
    .data-c
    > .frm_section_heading
    .frm_opt_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .data-c
    > .frm_section_heading
    .frm_opt_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .data-c
    > .frm_section_heading
    .frm_opt_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .data-c
    > .frm_section_heading
    .frm_opt_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .data-c
    > .frm_section_heading
    .frm_opt_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .data-c
    > .frm_section_heading
    .frm_opt_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .data-c
    > .frm_section_heading
    .frm_opt_container {
    gap: calc(0.0508905852 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-5
    .frm_fields_container
    .form-container
    .data-c
    > .frm_section_heading
    .frm_opt_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .data-c
    > .frm_section_heading
    .frm_opt_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .data-c
    > .frm_section_heading
    .frm_opt_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .data-c
    > .frm_section_heading
    .frm_opt_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .data-c
    > .frm_section_heading
    .frm_opt_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .data-c
    > .frm_section_heading
    .frm_opt_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .data-c
    > .frm_section_heading
    .frm_opt_container {
    gap: calc(0.0135135135 * 1 * 100vw);
  }
}
.type-5
  .frm_fields_container
  .form-container
  .data-c
  > .frm_section_heading
  .square-c,
.type-5
  .frm_fields_container
  #frm_field_293_container
  .data-c
  > .frm_section_heading
  .square-c,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .data-c
  > .frm_section_heading
  .square-c,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .data-c
  > .frm_section_heading
  .square-c,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .data-c
  > .frm_section_heading
  .square-c,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .data-c
  > .frm_section_heading
  .square-c,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .data-c
  > .frm_section_heading
  .square-c {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: (1fr) [2];
  grid-template-rows: repeat(2, 1fr);
}
.type-5
  .frm_fields_container
  .form-container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(1),
.type-5
  .frm_fields_container
  #frm_field_293_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(1),
.type-5
  .frm_fields_container
  #frm_field_432_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(1),
.type-5
  .frm_fields_container
  #frm_field_331_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(1),
.type-5
  .frm_fields_container
  #frm_field_651_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(1),
.type-5
  .frm_fields_container
  #frm_field_654_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(1),
.type-5
  .frm_fields_container
  #frm_field_664_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.type-5
  .frm_fields_container
  .form-container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(2),
.type-5
  .frm_fields_container
  #frm_field_293_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(2),
.type-5
  .frm_fields_container
  #frm_field_432_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(2),
.type-5
  .frm_fields_container
  #frm_field_331_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(2),
.type-5
  .frm_fields_container
  #frm_field_651_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(2),
.type-5
  .frm_fields_container
  #frm_field_654_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(2),
.type-5
  .frm_fields_container
  #frm_field_664_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.type-5
  .frm_fields_container
  .form-container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(3),
.type-5
  .frm_fields_container
  #frm_field_293_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(3),
.type-5
  .frm_fields_container
  #frm_field_432_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(3),
.type-5
  .frm_fields_container
  #frm_field_331_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(3),
.type-5
  .frm_fields_container
  #frm_field_651_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(3),
.type-5
  .frm_fields_container
  #frm_field_654_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(3),
.type-5
  .frm_fields_container
  #frm_field_664_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.type-5
  .frm_fields_container
  .form-container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(4),
.type-5
  .frm_fields_container
  #frm_field_293_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(4),
.type-5
  .frm_fields_container
  #frm_field_432_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(4),
.type-5
  .frm_fields_container
  #frm_field_331_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(4),
.type-5
  .frm_fields_container
  #frm_field_651_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(4),
.type-5
  .frm_fields_container
  #frm_field_654_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(4),
.type-5
  .frm_fields_container
  #frm_field_664_container
  .data-c
  > .frm_section_heading
  .square-c
  > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.type-5
  .frm_fields_container
  .form-container
  .data-c
  > .frm_section_heading
  .square-c
  > div,
.type-5
  .frm_fields_container
  #frm_field_293_container
  .data-c
  > .frm_section_heading
  .square-c
  > div,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .data-c
  > .frm_section_heading
  .square-c
  > div,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .data-c
  > .frm_section_heading
  .square-c
  > div,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .data-c
  > .frm_section_heading
  .square-c
  > div,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .data-c
  > .frm_section_heading
  .square-c
  > div,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .data-c
  > .frm_section_heading
  .square-c
  > div {
  grid-column: auto;
}
.type-5
  .frm_fields_container
  .form-container
  .data-c
  > .frm_section_heading
  .square-c
  > div:nth-child(odd),
.type-5
  .frm_fields_container
  #frm_field_293_container
  .data-c
  > .frm_section_heading
  .square-c
  > div:nth-child(odd),
.type-5
  .frm_fields_container
  #frm_field_432_container
  .data-c
  > .frm_section_heading
  .square-c
  > div:nth-child(odd),
.type-5
  .frm_fields_container
  #frm_field_331_container
  .data-c
  > .frm_section_heading
  .square-c
  > div:nth-child(odd),
.type-5
  .frm_fields_container
  #frm_field_651_container
  .data-c
  > .frm_section_heading
  .square-c
  > div:nth-child(odd),
.type-5
  .frm_fields_container
  #frm_field_654_container
  .data-c
  > .frm_section_heading
  .square-c
  > div:nth-child(odd),
.type-5
  .frm_fields_container
  #frm_field_664_container
  .data-c
  > .frm_section_heading
  .square-c
  > div:nth-child(odd) {
  border-right: solid 1px rgba(64, 82, 66, 0.2);
}
.type-5 .frm_fields_container .form-container .data-c:last-child,
.type-5 .frm_fields_container #frm_field_293_container .data-c:last-child,
.type-5 .frm_fields_container #frm_field_432_container .data-c:last-child,
.type-5 .frm_fields_container #frm_field_331_container .data-c:last-child,
.type-5 .frm_fields_container #frm_field_651_container .data-c:last-child,
.type-5 .frm_fields_container #frm_field_654_container .data-c:last-child,
.type-5 .frm_fields_container #frm_field_664_container .data-c:last-child {
  padding-bottom: calc(0.1013513514 * 1 * 100vw);
}
.type-5 .frm_fields_container .form-container #frm_field_429_container img,
.type-5
  .frm_fields_container
  #frm_field_293_container
  #frm_field_429_container
  img,
.type-5
  .frm_fields_container
  #frm_field_432_container
  #frm_field_429_container
  img,
.type-5
  .frm_fields_container
  #frm_field_331_container
  #frm_field_429_container
  img,
.type-5
  .frm_fields_container
  #frm_field_651_container
  #frm_field_429_container
  img,
.type-5
  .frm_fields_container
  #frm_field_654_container
  #frm_field_429_container
  img,
.type-5
  .frm_fields_container
  #frm_field_664_container
  #frm_field_429_container
  img {
  -o-object-fit: contain;
  object-fit: contain;
}
.type-5
  .frm_fields_container
  .form-container
  #frm_field_429_container
  div.frm_checkbox,
.type-5
  .frm_fields_container
  #frm_field_293_container
  #frm_field_429_container
  div.frm_checkbox,
.type-5
  .frm_fields_container
  #frm_field_432_container
  #frm_field_429_container
  div.frm_checkbox,
.type-5
  .frm_fields_container
  #frm_field_331_container
  #frm_field_429_container
  div.frm_checkbox,
.type-5
  .frm_fields_container
  #frm_field_651_container
  #frm_field_429_container
  div.frm_checkbox,
.type-5
  .frm_fields_container
  #frm_field_654_container
  #frm_field_429_container
  div.frm_checkbox,
.type-5
  .frm_fields_container
  #frm_field_664_container
  #frm_field_429_container
  div.frm_checkbox {
  padding: calc(0.0168918919 * 1 * 100vw) 0;
  border-bottom: solid 1px rgba(64, 82, 66, 0.2);
}
@media (min-width: 0px) {
  .type-5 .frm_fields_container .form-container #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_field_429_container {
    margin-bottom: calc(0.0636132316 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-5 .frm_fields_container .form-container #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_field_429_container {
    margin-bottom: calc(0.0337837838 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-5 .frm_fields_container .form-container #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    #frm_field_429_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    #frm_field_429_container {
    margin-bottom: calc(0.1013513514 * 1 * 100vw);
  }
}
.type-5 .frm_fields_container .form-container .frm_field_337_container,
.type-5 .frm_fields_container #frm_field_293_container .frm_field_337_container,
.type-5 .frm_fields_container #frm_field_432_container .frm_field_337_container,
.type-5 .frm_fields_container #frm_field_331_container .frm_field_337_container,
.type-5 .frm_fields_container #frm_field_651_container .frm_field_337_container,
.type-5 .frm_fields_container #frm_field_654_container .frm_field_337_container,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .frm_field_337_container {
  border-bottom: none !important;
}
.type-5 .frm_fields_container .form-container .ouvertures-c,
.type-5 .frm_fields_container #frm_field_293_container .ouvertures-c,
.type-5 .frm_fields_container #frm_field_432_container .ouvertures-c,
.type-5 .frm_fields_container #frm_field_331_container .ouvertures-c,
.type-5 .frm_fields_container #frm_field_651_container .ouvertures-c,
.type-5 .frm_fields_container #frm_field_654_container .ouvertures-c,
.type-5 .frm_fields_container #frm_field_664_container .ouvertures-c {
  border-top: none;
  border: 1px solid rgba(64, 82, 66, 0.3);
}
@media (min-width: 0px) {
  .type-5 .frm_fields_container .form-container .ouvertures-c,
  .type-5 .frm_fields_container #frm_field_293_container .ouvertures-c,
  .type-5 .frm_fields_container #frm_field_432_container .ouvertures-c,
  .type-5 .frm_fields_container #frm_field_331_container .ouvertures-c,
  .type-5 .frm_fields_container #frm_field_651_container .ouvertures-c,
  .type-5 .frm_fields_container #frm_field_654_container .ouvertures-c,
  .type-5 .frm_fields_container #frm_field_664_container .ouvertures-c {
    border-top-left-radius: calc(0.0381679389 * 1 * 100vw);
    border-top-right-radius: calc(0.0381679389 * 1 * 100vw);
    margin-bottom: calc(0.0636132316 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-5 .frm_fields_container .form-container .ouvertures-c,
  .type-5 .frm_fields_container #frm_field_293_container .ouvertures-c,
  .type-5 .frm_fields_container #frm_field_432_container .ouvertures-c,
  .type-5 .frm_fields_container #frm_field_331_container .ouvertures-c,
  .type-5 .frm_fields_container #frm_field_651_container .ouvertures-c,
  .type-5 .frm_fields_container #frm_field_654_container .ouvertures-c,
  .type-5 .frm_fields_container #frm_field_664_container .ouvertures-c {
    border-top-left-radius: calc(0.0101351351 * 1 * 100vw);
    border-top-right-radius: calc(0.0101351351 * 1 * 100vw);
    margin-bottom: calc(0.0168918919 * 1 * 100vw);
  }
}
.type-5 .frm_fields_container .form-container .ouvertures-c .form-field,
.type-5
  .frm_fields_container
  #frm_field_293_container
  .ouvertures-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .ouvertures-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .ouvertures-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .ouvertures-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .ouvertures-c
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .ouvertures-c
  .form-field {
  border: none !important;
  border-width: 0 !important;
  border-top: none !important;
}
.type-5 .frm_fields_container .form-container .ouvertures-c > label,
.type-5 .frm_fields_container #frm_field_293_container .ouvertures-c > label,
.type-5 .frm_fields_container #frm_field_432_container .ouvertures-c > label,
.type-5 .frm_fields_container #frm_field_331_container .ouvertures-c > label,
.type-5 .frm_fields_container #frm_field_651_container .ouvertures-c > label,
.type-5 .frm_fields_container #frm_field_654_container .ouvertures-c > label,
.type-5 .frm_fields_container #frm_field_664_container .ouvertures-c > label {
  margin: calc(0.0135135135 * 1 * 100vw);
}
.type-5 .frm_fields_container .form-container .ouvertures-c .day-c,
.type-5 .frm_fields_container #frm_field_293_container .ouvertures-c .day-c,
.type-5 .frm_fields_container #frm_field_432_container .ouvertures-c .day-c,
.type-5 .frm_fields_container #frm_field_331_container .ouvertures-c .day-c,
.type-5 .frm_fields_container #frm_field_651_container .ouvertures-c .day-c,
.type-5 .frm_fields_container #frm_field_654_container .ouvertures-c .day-c,
.type-5 .frm_fields_container #frm_field_664_container .ouvertures-c .day-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.type-5
  .frm_fields_container
  .form-container
  .ouvertures-c
  .day-c
  .frm_primary_label,
.type-5
  .frm_fields_container
  #frm_field_293_container
  .ouvertures-c
  .day-c
  .frm_primary_label,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .ouvertures-c
  .day-c
  .frm_primary_label,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .ouvertures-c
  .day-c
  .frm_primary_label,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .ouvertures-c
  .day-c
  .frm_primary_label,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .ouvertures-c
  .day-c
  .frm_primary_label,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .ouvertures-c
  .day-c
  .frm_primary_label {
  display: none;
}
.type-5 .frm_fields_container .form-container .ouvertures-c .day-c > div,
.type-5
  .frm_fields_container
  #frm_field_293_container
  .ouvertures-c
  .day-c
  > div,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .ouvertures-c
  .day-c
  > div,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .ouvertures-c
  .day-c
  > div,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .ouvertures-c
  .day-c
  > div,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .ouvertures-c
  .day-c
  > div,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .ouvertures-c
  .day-c
  > div {
  width: 100%;
  border-top: none !important;
  padding: calc(0.0067567568 * 1 * 100vw) !important;
}
.type-5
  .frm_fields_container
  .form-container
  .ouvertures-c
  .day-c
  > div
  > .frm_primary_label,
.type-5
  .frm_fields_container
  #frm_field_293_container
  .ouvertures-c
  .day-c
  > div
  > .frm_primary_label,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .ouvertures-c
  .day-c
  > div
  > .frm_primary_label,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .ouvertures-c
  .day-c
  > div
  > .frm_primary_label,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .ouvertures-c
  .day-c
  > div
  > .frm_primary_label,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .ouvertures-c
  .day-c
  > div
  > .frm_primary_label,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .ouvertures-c
  .day-c
  > div
  > .frm_primary_label {
  margin-bottom: 0px !important;
}
.type-5 .frm_fields_container .form-container .ouvertures-c .day-c > label,
.type-5
  .frm_fields_container
  #frm_field_293_container
  .ouvertures-c
  .day-c
  > label,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .ouvertures-c
  .day-c
  > label,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .ouvertures-c
  .day-c
  > label,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .ouvertures-c
  .day-c
  > label,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .ouvertures-c
  .day-c
  > label,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .ouvertures-c
  .day-c
  > label {
  min-width: calc(0.0675675676 * 1 * 100vw);
  color: var(--theme-color-dark-green);
  margin-left: calc(0.0135135135 * 1 * 100vw);
}
.type-5
  .frm_fields_container
  #frm_field_664_container
  .frm_repeat_sec:last-child {
  padding-bottom: 200px !important;
}
.type-5 .frm_fields_container .frm_field_756_container {
  margin-bottom: 0;
}
.type-5 .frm_fields_container .frm_field_757_container {
  margin-bottom: 0;
}
.type-5
  .frm_fields_container
  #frm_field_432_container
  .frm_repeat_432:not(:first-child) {
  overflow: hidden;
}
.type-5 .frm_fields_container #frm_field_432_container #frm_section_432-0 {
  height: auto !important;
}
.type-5 .frm_fields_container #frm_field_432_container .frm_repeat_432.active {
  height: auto;
}
.type-5 .frm_fields_container #frm_field_293_container,
.type-5 .frm_fields_container #frm_field_432_container,
.type-5 .frm_fields_container #frm_field_331_container,
.type-5 .frm_fields_container #frm_field_651_container,
.type-5 .frm_fields_container #frm_field_654_container,
.type-5 .frm_fields_container #frm_field_664_container {
  border: none;
}
.type-5 .frm_fields_container #frm_field_293_container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_432_container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_331_container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_651_container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_654_container .frm_repeat_sec,
.type-5 .frm_fields_container #frm_field_664_container .frm_repeat_sec {
  padding-bottom: 0px !important;
  border: none !important;
}
.type-5
  .frm_fields_container
  #frm_field_293_container
  .frm_repeat_sec
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .frm_repeat_sec
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .frm_repeat_sec
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .frm_repeat_sec
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .frm_repeat_sec
  .form-field,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .frm_repeat_sec
  .form-field {
  border: 1px solid rgba(64, 82, 66, 0.3);
  border-top: none;
}
.type-5
  .frm_fields_container
  #frm_field_293_container
  .frm_repeat_sec
  .form-field:first-of-type,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .frm_repeat_sec
  .form-field:first-of-type,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .frm_repeat_sec
  .form-field:first-of-type,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .frm_repeat_sec
  .form-field:first-of-type,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .frm_repeat_sec
  .form-field:first-of-type,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .frm_repeat_sec
  .form-field:first-of-type {
  border-top: 1px solid rgba(64, 82, 66, 0.3);
}
@media (min-width: 0px) {
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .frm_repeat_sec
    .form-field:first-of-type,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .frm_repeat_sec
    .form-field:first-of-type,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .frm_repeat_sec
    .form-field:first-of-type,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .frm_repeat_sec
    .form-field:first-of-type,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .frm_repeat_sec
    .form-field:first-of-type,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .frm_repeat_sec
    .form-field:first-of-type {
    border-top-left-radius: calc(0.0381679389 * 1 * 100vw);
    border-top-right-radius: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .frm_repeat_sec
    .form-field:first-of-type,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .frm_repeat_sec
    .form-field:first-of-type,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .frm_repeat_sec
    .form-field:first-of-type,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .frm_repeat_sec
    .form-field:first-of-type,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .frm_repeat_sec
    .form-field:first-of-type,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .frm_repeat_sec
    .form-field:first-of-type {
    border-top-left-radius: calc(0.0101351351 * 1 * 100vw);
    border-top-right-radius: calc(0.0101351351 * 1 * 100vw);
  }
}
.type-5
  .frm_fields_container
  #frm_field_293_container
  .frm_repeat_sec
  .frm_field_732_container,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .frm_repeat_sec
  .frm_field_732_container,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .frm_repeat_sec
  .frm_field_732_container,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .frm_repeat_sec
  .frm_field_732_container,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .frm_repeat_sec
  .frm_field_732_container,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .frm_repeat_sec
  .frm_field_732_container {
  display: none;
}
@media (min-width: 0px) {
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .frm_repeat_sec
    .frm_field_297_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .frm_repeat_sec
    .frm_field_460_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .frm_repeat_sec
    .frm_field_297_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .frm_repeat_sec
    .frm_field_460_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .frm_repeat_sec
    .frm_field_297_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .frm_repeat_sec
    .frm_field_460_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .frm_repeat_sec
    .frm_field_297_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .frm_repeat_sec
    .frm_field_460_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .frm_repeat_sec
    .frm_field_297_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .frm_repeat_sec
    .frm_field_460_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .frm_repeat_sec
    .frm_field_297_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .frm_repeat_sec
    .frm_field_460_container {
    border-bottom-left-radius: calc(0.0381679389 * 1 * 100vw);
    border-bottom-right-radius: calc(0.0381679389 * 1 * 100vw);
    margin-bottom: calc(0.0168918919 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .frm_repeat_sec
    .frm_field_297_container,
  .type-5
    .frm_fields_container
    #frm_field_293_container
    .frm_repeat_sec
    .frm_field_460_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .frm_repeat_sec
    .frm_field_297_container,
  .type-5
    .frm_fields_container
    #frm_field_432_container
    .frm_repeat_sec
    .frm_field_460_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .frm_repeat_sec
    .frm_field_297_container,
  .type-5
    .frm_fields_container
    #frm_field_331_container
    .frm_repeat_sec
    .frm_field_460_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .frm_repeat_sec
    .frm_field_297_container,
  .type-5
    .frm_fields_container
    #frm_field_651_container
    .frm_repeat_sec
    .frm_field_460_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .frm_repeat_sec
    .frm_field_297_container,
  .type-5
    .frm_fields_container
    #frm_field_654_container
    .frm_repeat_sec
    .frm_field_460_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .frm_repeat_sec
    .frm_field_297_container,
  .type-5
    .frm_fields_container
    #frm_field_664_container
    .frm_repeat_sec
    .frm_field_460_container {
    border-bottom-left-radius: calc(0.0101351351 * 1 * 100vw);
    border-bottom-right-radius: calc(0.0101351351 * 1 * 100vw);
    margin-bottom: calc(0.0168918919 * 1 * 100vw);
  }
}
.type-5
  .frm_fields_container
  #frm_field_293_container
  .frm_repeat_sec
  .frm_repeat_buttons,
.type-5
  .frm_fields_container
  #frm_field_432_container
  .frm_repeat_sec
  .frm_repeat_buttons,
.type-5
  .frm_fields_container
  #frm_field_331_container
  .frm_repeat_sec
  .frm_repeat_buttons,
.type-5
  .frm_fields_container
  #frm_field_651_container
  .frm_repeat_sec
  .frm_repeat_buttons,
.type-5
  .frm_fields_container
  #frm_field_654_container
  .frm_repeat_sec
  .frm_repeat_buttons,
.type-5
  .frm_fields_container
  #frm_field_664_container
  .frm_repeat_sec
  .frm_repeat_buttons {
  padding-bottom: calc(0.0337837838 * 1 * 100vw);
}
.type-5
  .frm_fields_container
  #frm_field_432_container
  .frm_repeat_sec:last-child {
  margin-bottom: calc(0.1351351351 * 1 * 100vw);
}
.type-5 .frm_submit {
  display: none;
}

.page-template-inscription-producteru-profil .frm_submit {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.page-template-inscription-producteru-profil .frm_submit:has(> .frm_prev_page) {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.page-template-inscription-producteru-profil .photos-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.page-template-inscription-producteru-profil
  .photos-c
  #frm_field_728_container {
  max-width: 60% !important;
}
.page-template-inscription-producteru-profil .photos-c .frm_top_container {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.page-template-inscription-producteru-profil .photos-c #photo-tuto {
  width: 100%;
}

.type-8 {
  background-color: var(--theme-color-pastel-green);
}
.type-8 .separator {
  background-color: var(--theme-color-dark-green);
  opacity: 0.5;
}
.type-8 .info-wrapper {
  text-align: center;
}
.type-8 .info-wrapper p:first-child {
  margin: auto;
}
.type-8 .info-wrapper p:last-child {
  text-align: start;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.type-8 .info-wrapper p.active {
  -webkit-line-clamp: initial;
}

.type-bulles .bulle {
  border-radius: 20px;
}
.type-bulles .bulle svg {
  margin-left: auto;
}
.type-bulles .bulle .chiffre p {
  opacity: 0.9;
}
.type-bulles .bulle .text {
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}
.type-bulles .bulle .text p {
  opacity: 0.8;
}
.type-bulles .bulle#jaune {
  background-color: var(--theme-color-pastel-yellow);
}
.type-bulles .bulle#vert {
  background-color: var(--theme-color-pastel-green);
}
.type-bulles .bulle#bleu {
  background-color: var(--theme-color-pastel-blue);
}

.type-register {
  border: solid 1px rgba(64, 82, 66, 0.2);
}
.type-register .tuto-txt {
  opacity: 80%;
}
.type-register .show.tuto-txt {
  display: none;
}
.type-register #submit-form-btn {
  display: none;
}
.type-register .frm_submit {
  background-color: var(--theme-color-light-green);
  z-index: 999999;
}

.type-recettes .cards-container,
.type-nos-producteurs .cards-container,
.type-articles .cards-container {
  overflow: auto;
}
.type-recettes .cards-container::-webkit-scrollbar,
.type-nos-producteurs .cards-container::-webkit-scrollbar,
.type-articles .cards-container::-webkit-scrollbar {
  display: none;
}

.type-form-pro .gform_footer {
  display: none !important;
}
.type-form-pro .hidden-form {
  position: relative;
}
.type-form-pro .hidden-form .gform_confirmation_wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 80%;
}
.type-form-pro #field_submit {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.type-form-pro #label_7_13_1 > p {
  white-space: pre;
}
.type-form-pro.agritourisme .container {
  background-color: var(--theme-color-pastel-blue);
}
.type-form-pro.laboratoire .container {
  background-color: var(--theme-color-pastel-yellow);
}
.type-form-pro.restauration .container {
  background-color: var(--theme-color-pastel-green);
}
.type-form-pro .container {
  border-radius: 10px;
}
.type-form-pro .container .icon {
  border: 1px solid rgba(51, 69, 53, 0.6);
  border-radius: 10px;
}
.type-form-pro .container .close-button {
  border: 1px solid rgba(51, 69, 53, 0.6);
  border-radius: 50px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .type-form-pro .container .form-appear-button svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .type-form-pro .container .form-appear-button svg.rotated {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}
.type-form-pro .hidden-content {
  border-radius: 0 0 12px 12px;
  border: 1px solid #ededed;
  border-top: none;
}
.type-form-pro .hidden-content .hidden-text {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.type-recettes {
  background-color: var(--theme-color-pastel-green);
}

.type-questions-faq .questions-header {
  overflow-x: auto;
}
.type-questions-faq .questions-header::-webkit-scrollbar {
  display: none;
}
.type-questions-faq .questions-header h3 {
  opacity: 0.5;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  white-space: pre;
}
.type-questions-faq .questions-header h3.active {
  opacity: 1;
  text-decoration: underline;
}
.type-questions-faq .question {
  cursor: pointer;
  border-bottom: 1px solid rgba(51, 69, 53, 0.6);
}
.type-questions-faq .question:first-child {
  border-top: 1px solid rgba(51, 69, 53, 0.6);
}

.post-content h2 {
  margin-bottom: 30px;
}
.post-content h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.post-content span {
  line-height: 200%;
}

@media screen and (max-width: 768px) {
  .page-template-archive-producteurs a.card-link {
    max-width: 83vw;
  }
}

@media (min-width: 1024px) {
  .home .type-search-form .search-container > .first-item {
    border-right: 1px solid var(--theme-color-dark-green);
  }
  .home .type-search-form .search-container > .first-item .search-input {
    padding: 0;
    border-right: 1px solid var(--theme-color-dark-green);
  }
}
.home .type-text-image .icon-container :first-child {
  width: 105%;
}
.home .type-text-image .icon-container :last-child {
  margin-top: 10px;
  width: 100%;
}

.type-text-image .droite {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.type-text-image .icon-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
.type-text-image .icon-title-wrapper h2 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.type-text-image .icon-title-wrapper .icon {
  position: relative;
  top: initial;
  right: initial;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}
@media (min-width: 0px) {
  .type-text-image .icon-title-wrapper .icon img {
    width: calc(0.1272264631 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-text-image .icon-title-wrapper .icon img {
    width: calc(0.0609756098 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-text-image .icon-title-wrapper .icon img {
    width: calc(0.0810810811 * 1 * 100vw);
  }
}
.type-text-image .icon-title-wrapper .icon,
.type-text-image .icon-title-wrapper .icon-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.type-text-image li {
  opacity: 0.5;
}
@media (min-width: 0px) {
  .type-text-image li {
    font-size: var(--theme-font-size-6-mobile);
    line-height: var(--theme-line-height-6-mobile);
  }
}
@media (min-width: 481px) {
  .type-text-image li {
    font-size: var(--theme-font-size-6-tablet);
    line-height: var(--theme-line-height-6-tablet);
  }
}
@media (min-width: 1024px) {
  .type-text-image li {
    font-size: var(--theme-font-size-6-desktop);
    line-height: var(--theme-line-height-6-desktop);
  }
}
@media screen and (max-width: 1024px) {
  .type-text-image > .text .image-wrapper.desktop-hidden {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.type-text-image .label {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 15px;
  line-height: normal;
}
.type-text-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: contain;
  object-fit: contain;
}

.type-newsletter {
  border: 2px solid #ededed;
  border-radius: 15px;
}
@media (max-width: 991px) {
  .type-newsletter {
    border: none;
  }
}
.type-newsletter .image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 0px) {
  .type-newsletter .image-wrapper img {
    display: none;
  }
}
@media (min-width: 1024px) {
  .type-newsletter .image-wrapper img {
    display: block;
    border-radius: 15px;
  }
}
.type-newsletter .image-wrapper .container {
  z-index: 2;
}
@media (min-width: 1024px) {
  .type-newsletter .image-wrapper .container h2 {
    color: white;
    padding-bottom: 0;
  }
  .type-newsletter .image-wrapper .container p {
    color: white;
  }
}
.type-newsletter .image-wrapper .container p {
  opacity: 0.8;
  font-family: var(--theme-font-secondary-regular);
}
.type-newsletter .image-wrapper::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: calc(0.0067567568 * 1 * 100vw);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgb(33, 39, 19)),
    color-stop(0%, rgb(0, 0, 0)),
    to(rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    0deg,
    rgb(33, 39, 19) 0%,
    rgb(0, 0, 0) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  z-index: 1;
  opacity: 80%;
}
@media (min-width: 0px) {
  .type-newsletter .image-wrapper::after {
    display: none;
  }
}
@media (min-width: 1024px) {
  .type-newsletter .image-wrapper::after {
    border-radius: calc(0.0067567568 * 1 * 100vw);
    display: block;
  }
}
.type-newsletter .right-wrapper {
  width: -webkit-fill-available;
}
.type-newsletter .right-wrapper ul {
  padding-left: 0;
}
.type-newsletter .right-wrapper ul .bullet-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 0px) {
  .type-newsletter .right-wrapper ul .bullet-point {
    gap: calc(0.0636132316 * 1 * 100vw);
    padding-bottom: calc(0.0636132316 * 1 * 100vw);
    margin-bottom: calc(0.0636132316 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-newsletter .right-wrapper ul .bullet-point {
    gap: calc(0.0304878049 * 1 * 100vw);
    padding-bottom: calc(0.0304878049 * 1 * 100vw);
    margin-bottom: calc(0.0304878049 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-newsletter .right-wrapper ul .bullet-point {
    gap: calc(0.0168918919 * 1 * 100vw);
    padding-bottom: calc(0.0202702703 * 1 * 100vw);
    margin-bottom: calc(0.0202702703 * 1 * 100vw);
  }
}
.type-newsletter .right-wrapper ul .bullet-point li {
  list-style: none;
}
.type-newsletter .right-wrapper ul .bullet-point:not(:last-child) {
  border-bottom: 1px solid #ededed;
}
.type-newsletter .right-wrapper ul .bullet-point:last-child {
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .type-newsletter .right-wrapper ul .bullet-point:last-child {
    margin-bottom: calc(0.0337837838 * 1 * 100vw);
  }
}
.type-newsletter .right-wrapper #gform_wrapper_6 .gchoice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 15px;
  cursor: pointer;
}
.type-newsletter .right-wrapper #gform_wrapper_6 .gchoice .gfield-choice-input {
  width: 5%;
}
.type-newsletter .right-wrapper #gform_wrapper_6 .gchoice p,
.type-newsletter .right-wrapper #gform_wrapper_6 .gchoice a,
.type-newsletter .right-wrapper #gform_wrapper_6 .gchoice u {
  color: var(--theme-color-dark-green);
  font-size: 16px;
}
@media (min-width: 0px) {
  .type-newsletter .right-wrapper #gform_wrapper_6 .gchoice p,
  .type-newsletter .right-wrapper #gform_wrapper_6 .gchoice a,
  .type-newsletter .right-wrapper #gform_wrapper_6 .gchoice u {
    opacity: 70%;
  }
}
@media (min-width: 1024px) {
  .type-newsletter .right-wrapper #gform_wrapper_6 .gchoice p,
  .type-newsletter .right-wrapper #gform_wrapper_6 .gchoice a,
  .type-newsletter .right-wrapper #gform_wrapper_6 .gchoice u {
    opacity: 100%;
  }
}
@media (min-width: 0px) {
  .type-newsletter .right-wrapper #gform_wrapper_6 .gfield--type-checkbox {
    -ms-grid-column-span: 12;
    grid-column: span 12;
  }
}
@media (min-width: 1024px) {
  .type-newsletter .right-wrapper #gform_wrapper_6 .gfield--type-checkbox {
    -ms-grid-column-span: 7;
    grid-column: span 7;
  }
}
@media (min-width: 0px) {
  .type-newsletter .right-wrapper #gform_wrapper_6 #field_submit {
    margin: auto;
  }
}
@media (min-width: 1024px) {
  .type-newsletter .right-wrapper #gform_wrapper_6 #field_submit {
    position: absolute;
    margin: none;
    right: 0;
    bottom: 0;
  }
}
.type-newsletter .right-wrapper #gform_wrapper_6 .gform_footer {
  display: none;
}
@media (min-width: 1024px) {
  .type-newsletter #gform_submit_button_6 {
    top: calc(0.0101351351 * 1 * 100vw);
    position: relative;
  }
}

@media (min-width: 1024px) {
  .texte {
    width: 50%;
  }
}
.texte .info:not(:last-child) {
  border-bottom: 1px solid #ededed;
}
.texte .info p {
  opacity: 1;
}
.texte .info h4 {
  color: var(--theme-color-secondary);
}
.texte .info .icon {
  border: 1px solid #ededed;
  border-radius: 10px;
}
@media (min-width: 1024px) {
  .texte .gform_footer #gform_submit_button_1 {
    margin-bottom: 0px !important;
    bottom: 1%;
  }
}

@media (min-width: 1024px) {
  #gform_submit_button_1 {
    margin-bottom: 0px !important;
    bottom: 1.5%;
  }
}
.type-filtres-producteurs,
.type-filtres-articles,
.type-filtres-recettes {
  position: relative;
}
.type-filtres-producteurs .search-form-category-product-search-item,
.type-filtres-articles .search-form-category-product-search-item,
.type-filtres-recettes .search-form-category-product-search-item {
  list-style: none;
  padding: 5px 15px;
  border-radius: 100px;
  border: solid 1px rgba(64, 82, 66, 0.2);
}
.type-filtres-producteurs .results,
.type-filtres-articles .results,
.type-filtres-recettes .results {
  text-wrap: nowrap;
}
.type-filtres-producteurs .filters-c .text,
.type-filtres-articles .filters-c .text,
.type-filtres-recettes .filters-c .text {
  color: black;
  opacity: 1;
}
.type-filtres-producteurs .filters-c > li,
.type-filtres-articles .filters-c > li,
.type-filtres-recettes .filters-c > li {
  list-style: none;
  color: var(--theme-color-dark-green);
  opacity: 50%;
  padding: calc(0.0101351351 * 1 * 100vw) calc(0.0202702703 * 1 * 100vw);
  border-radius: 100px;
  border: solid 1px rgba(64, 82, 66, 0.2);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.type-filtres-producteurs .filters-c > li:hover,
.type-filtres-articles .filters-c > li:hover,
.type-filtres-recettes .filters-c > li:hover {
  opacity: 100%;
}
.type-filtres-producteurs form,
.type-filtres-articles form,
.type-filtres-recettes form {
  position: absolute;
  width: calc(100% - 2 * 0.0675675676 * 1 * 100vw);
  z-index: 9999;
}

.type-selection-producteurs .card-link {
  width: 100%;
}
@media (max-width: 991px) {
  .type-selection-producteurs .card-link .type-card-producteur {
    width: 100%;
  }
}

#show-map-button {
  position: sticky;
  margin: auto;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999;
  bottom: 30px;
  margin-bottom: 20px;
}
#show-map-button svg {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#show-map-button:hover svg {
  -webkit-filter: brightness(0) saturate(100%) invert(29%) sepia(17%)
    saturate(523%) hue-rotate(76deg) brightness(94%) contrast(90%);
  filter: brightness(0) saturate(100%) invert(29%) sepia(17%) saturate(523%)
    hue-rotate(76deg) brightness(94%) contrast(90%);
}

.producteurs-map {
  opacity: 0;
  width: 0px;
  height: 0px;
}
.producteurs-map .leaflet-marker-icon {
  -o-object-fit: cover;
  object-fit: cover;
  padding: 5px;
  border-radius: 100px;
  background-color: white;
}

.producteurs-wrapper.show-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: solid 1px rgba(64, 82, 66, 0.2);
}
@media (min-width: 0px) {
  .producteurs-wrapper.show-map {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media (min-width: 1024px) {
  .producteurs-wrapper.show-map {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .producteurs-wrapper.show-map .mobile-map-title {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .producteurs-wrapper.show-map {
    margin: 0 calc(0.0636132316 * 1 * 100vw);
    margin-top: 100px;
  }
  .producteurs-wrapper.show-map .leaflet-popup-pane {
    display: none;
  }
  .producteurs-wrapper.show-map .type-card-producteur .content .categorie {
    max-width: 50vw;
  }
  .producteurs-wrapper.show-map .type-card-producteur .content .categorie p,
  .producteurs-wrapper.show-map .type-card-producteur .content .categorie h4 {
    white-space: pre;
  }
}
.producteurs-wrapper.show-map .type-selection-producteurs {
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(1, 1fr);
  gap: 0;
}
@media screen and (max-width: 1024px) {
  .producteurs-wrapper.show-map .type-selection-producteurs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow-x: auto;
    margin-top: 25px;
    gap: 15px;
  }
  .producteurs-wrapper.show-map .type-selection-producteurs .map-title {
    display: none;
  }
  .producteurs-wrapper.show-map .type-selection-producteurs .mobile-map-title {
    display: block;
  }
  .producteurs-wrapper.show-map .type-selection-producteurs .card-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .producteurs-wrapper.show-map
    .type-selection-producteurs
    .card-link
    .type-card-producteur {
    height: calc(0.2544529262 * 1 * 100vw);
    width: auto;
  }
}
.producteurs-wrapper.show-map .type-selection-producteurs .card-link {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: solid 1px rgba(64, 82, 66, 0.2);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}
.producteurs-wrapper.show-map .type-selection-producteurs .card-link::before {
  content: "";
  display: block;
  height: 80%;
  width: 2px;
  border-radius: 100px;
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--theme-color-dark-green);
}
.producteurs-wrapper.show-map .producteurs-map {
  opacity: 1;
}
@media (min-width: 0px) {
  .producteurs-wrapper.show-map .producteurs-map {
    height: calc(1.2595419847 * 1 * 100vw);
    width: 100%;
  }
}
@media (min-width: 481px) {
  .producteurs-wrapper.show-map .producteurs-map {
    height: calc(0.6036585366 * 1 * 100vw);
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .producteurs-wrapper.show-map .producteurs-map {
    height: calc(0.472972973 * 1 * 100vw);
    width: calc(0.6081081081 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .producteurs-wrapper.show-map .producteurs-map {
    position: sticky !important;
    top: calc(0.0608108108 * 1 * 100vw + 2 * 0.0135135135 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .producteurs-wrapper.show-map .producteurs-map .leaflet-popup {
    margin-left: 0.8vw;
  }
}
.producteurs-wrapper.show-map .producteurs-map .leaflet-popup-content {
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
}
.producteurs-wrapper.show-map .producteurs-map .leaflet-popup-content p {
  margin: 0;
}
.producteurs-wrapper.show-map
  .producteurs-map
  .leaflet-popup-content
  .type-card-producteur:hover {
  -webkit-transform: none;
  transform: none;
}
.producteurs-wrapper.show-map .map-title {
  display: block;
  margin-bottom: 50px;
}
.producteurs-wrapper.show-map
  .type-selection-producteurs
  .type-card-producteur {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: calc(0.0912162162 * 1 * 100vw);
  gap: 20px;
  padding: 25px 10px;
  border: solid 1px rgba(64, 82, 66, 0.2);
  width: 100%;
  border-color: rgba(64, 82, 66, 0);
}
.producteurs-wrapper.show-map
  .type-selection-producteurs
  .type-card-producteur:hover {
  -webkit-transform: none;
  transform: none;
  border-color: rgba(64, 82, 66, 0.2);
}
.producteurs-wrapper.show-map
  .type-selection-producteurs
  .type-card-producteur
  .labels-container {
  display: none;
}
.producteurs-wrapper.show-map
  .type-selection-producteurs
  .type-card-producteur
  .image {
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 300px;
}
.producteurs-wrapper.show-map
  .type-selection-producteurs
  .type-card-producteur
  .content {
  padding: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.producteurs-wrapper.show-map
  .type-selection-producteurs
  .type-card-producteur
  .content
  .localisation {
  top: initial;
  position: relative;
  -webkit-transform: none;
  transform: none;
  height: 100%;
}
.producteurs-wrapper.show-map
  .type-selection-producteurs
  .type-card-producteur
  .content
  .nom {
  margin-bottom: 0;
  margin-top: 10px;
}
.producteurs-wrapper.show-map
  .type-selection-producteurs
  .type-card-producteur
  .content
  .description {
  display: none;
}
.producteurs-wrapper.show-map
  .type-selection-producteurs
  .type-card-producteur
  .content
  .categorie {
  border-top: none;
  padding-top: 0;
}

@media (min-width: 1024px) {
  .type-selection-articles a > .type-card-article {
    display: none;
  }
}

.type-presentation-producteur .wrapper .left {
  position: relative;
}
.type-presentation-producteur .wrapper .left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.type-presentation-producteur .wrapper .left::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--theme-color-dark-green);
  opacity: 20%;
  position: absolute;
  left: 0;
  top: 0;
}
.type-presentation-producteur .wrapper .left img,
.type-presentation-producteur .wrapper .left::after {
  border-radius: 10px;
}
@media (min-width: 0px) {
  .type-presentation-producteur .wrapper .right h2 {
    margin-bottom: calc(0.0636132316 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-presentation-producteur .wrapper .right h2 {
    margin-bottom: calc(0.0304878049 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-presentation-producteur .wrapper .right h2 {
    margin-bottom: calc(0.0202702703 * 1 * 100vw);
  }
}
.type-presentation-producteur .wrapper .right .description-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 15px;
}
.type-presentation-producteur .wrapper .right .labels-c {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.type-presentation-producteur .wrapper .right .labels-c img {
  height: 75px;
  -o-object-fit: contain;
  object-fit: contain;
}

.type-coordonnees-producteur .wrapper .social-medias a {
  width: 60px;
  height: 60px;
  border-radius: 100px;
  border: solid 1px rgba(64, 82, 66, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.type-coordonnees-producteur .wrapper .social-medias a svg path {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.type-coordonnees-producteur .wrapper .social-medias a:hover svg path {
  opacity: 1 !important;
}
.type-coordonnees-producteur .wrapper table.left {
  width: 100%;
}
.type-coordonnees-producteur .wrapper table.left thead {
  margin-bottom: 30px;
}
.type-coordonnees-producteur .wrapper table.left thead th {
  opacity: 100% !important;
}
.type-coordonnees-producteur .wrapper table.left tr:first-child {
  border-top: none;
}
.type-coordonnees-producteur .wrapper table.left tr:last-child {
  border-bottom: none;
}
.type-coordonnees-producteur .wrapper table.left tr {
  display: block;
  border-top: solid 1px rgba(64, 82, 66, 0.2);
  padding: 15px 0px;
  position: relative;
}
.type-coordonnees-producteur .wrapper table.left tr th {
  opacity: 40%;
  color: var(--theme-color-dark-green);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.type-coordonnees-producteur .wrapper table.left tr td {
  opacity: 100%;
}
@media (min-width: 1024px) {
  .type-coordonnees-producteur .wrapper table.left tr td {
    position: absolute;
    left: 35%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media (min-width: 0px) {
  .type-coordonnees-producteur .wrapper table.left tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1024px) {
  .type-coordonnees-producteur .wrapper table.left tr {
    display: block;
  }
}
.type-coordonnees-producteur .wrapper .container {
  border-radius: 10px;
}
@media (min-width: 0px) {
  .type-coordonnees-producteur .wrapper .container {
    width: 100%;
    height: calc(0.7633587786 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-coordonnees-producteur .wrapper .container {
    min-width: calc(0.3817567568 * 1 * 100vw);
    height: calc(0.3817567568 * 1 * 100vw);
  }
}
.type-coordonnees-producteur .wrapper .container .leaflet-marker-icon {
  border-radius: 100px;
  border: 8px solid white;
  -o-object-fit: cover;
  object-fit: cover;
}

.type-produits-commercialises .wrapper > .container {
  display: block;
}
@media (min-width: 0px) {
  .type-produits-commercialises .wrapper > .container {
    margin-top: calc(0.0763358779 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-produits-commercialises .wrapper > .container {
    margin-top: calc(0.0365853659 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-produits-commercialises .wrapper > .container {
    margin-top: calc(0.0337837838 * 1 * 100vw);
  }
}
.type-produits-commercialises .wrapper > .container label::after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.type-produits-commercialises .wrapper > .container .item {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  overflow: hidden;
}
@media (min-width: 0px) {
  .type-produits-commercialises .wrapper > .container .item {
    height: calc(0.2544529262 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-produits-commercialises .wrapper > .container .item {
    height: calc(0.1219512195 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-produits-commercialises .wrapper > .container .item {
    height: calc(0.0945945946 * 1 * 100vw);
  }
}
.type-produits-commercialises .wrapper > .container .item.active {
  height: auto;
}
.type-produits-commercialises .wrapper > .container .item.active label::after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.type-produits-commercialises .wrapper > .container label {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  font-family: var(--theme-font-secondary-bold);
}
@media (min-width: 0px) {
  .type-produits-commercialises .wrapper > .container label {
    margin-bottom: calc(0.0636132316 * 1 * 100vw);
    padding-bottom: calc(0.0636132316 * 1 * 100vw);
    padding-top: calc(0.0636132316 * 1 * 100vw);
    margin-top: calc(0.0636132316 * 1 * 100vw);
    border-bottom: solid 1px rgba(64, 82, 66, 0.2);
    border-top: solid 1px rgba(64, 82, 66, 0.2);
  }
}
@media (min-width: 481px) {
  .type-produits-commercialises .wrapper > .container label {
    margin-bottom: calc(0.0304878049 * 1 * 100vw);
    padding-bottom: calc(0.0304878049 * 1 * 100vw);
    padding-top: calc(0.0304878049 * 1 * 100vw);
    margin-top: calc(0.0304878049 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-produits-commercialises .wrapper > .container label {
    margin-bottom: calc(0.0135135135 * 1 * 100vw);
    padding-bottom: calc(0.0202702703 * 1 * 100vw);
    padding-top: calc(0.0202702703 * 1 * 100vw);
    margin-top: calc(0.027027027 * 1 * 100vw);
    padding-left: 25px;
  }
}
.type-produits-commercialises .wrapper > .container label::after {
  content: url(/wp-content/uploads/2023/10/white-arrow.svg);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-filter: brightness(0) saturate(100%) invert(29%) sepia(12%)
    saturate(799%) hue-rotate(76deg) brightness(91%) contrast(87%);
  filter: brightness(0) saturate(100%) invert(29%) sepia(12%) saturate(799%)
    hue-rotate(76deg) brightness(91%) contrast(87%);
}
.type-produits-commercialises .wrapper .product-card-wrapper {
  gap: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
}
.type-produits-commercialises
  .wrapper
  .product-card-wrapper::-webkit-scrollbar {
  display: none;
}
.type-produits-commercialises .wrapper article.product-card {
  border: solid 1px rgba(64, 82, 66, 0.2);
}
@media (min-width: 0px) {
  .type-produits-commercialises .wrapper article.product-card {
    padding: calc(0.0636132316 * 1 * 100vw) calc(0.0508905852 * 1 * 100vw);
    border-radius: calc(0.0381679389 * 1 * 100vw);
    min-width: calc(0.7633587786 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-produits-commercialises .wrapper article.product-card {
    padding: calc(0.0304878049 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw);
    border-radius: calc(0.0182926829 * 1 * 100vw);
    min-width: calc(0.3048780488 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-produits-commercialises .wrapper article.product-card {
    padding: calc(0.0168918919 * 1 * 100vw) calc(0.0135135135 * 1 * 100vw);
    border-radius: calc(0.0101351351 * 1 * 100vw);
    min-width: calc(0.1689189189 * 1 * 100vw);
  }
}
.type-produits-commercialises .wrapper article.product-card span {
  padding: 10px 15px;
  border-radius: 100px;
  border: solid 1px rgba(64, 82, 66, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.type-produits-commercialises .wrapper article.product-card span img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
  object-fit: contain;
}
.type-produits-commercialises .wrapper article.product-card span .label {
  opacity: 100%;
}
.type-produits-commercialises .wrapper article.product-card h3 {
  margin-top: 20px;
  margin-bottom: 5px;
}

.type-points-de-vente {
  background-color: var(--theme-color-pastel-green);
}
.type-points-de-vente > p {
  text-align: center;
}
@media (min-width: 0px) {
  .type-points-de-vente > p {
    margin-top: calc(0.0381679389 * 1 * 100vw);
    margin-bottom: calc(0.0508905852 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-points-de-vente > p {
    margin-top: calc(0.0182926829 * 1 * 100vw);
    margin-bottom: calc(0.0243902439 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-points-de-vente > p {
    margin-top: calc(0.0135135135 * 1 * 100vw);
    margin-bottom: calc(0.0337837838 * 1 * 100vw);
    width: 50%;
  }
}
.type-points-de-vente .points-de-vente-c {
  overflow-x: auto;
  max-width: 100vw;
}
@media (min-width: 0px) {
  .type-points-de-vente .points-de-vente-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-points-de-vente .points-de-vente-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(0.0182926829 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-points-de-vente .points-de-vente-c {
    overflow-x: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: calc(0.0135135135 * 1 * 100vw);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr calc(0.0135135135 * 1 * 100vw) 1fr
      calc(0.0135135135 * 1 * 100vw) 1fr calc(0.0135135135 * 1 * 100vw) 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
  .type-points-de-vente .points-de-vente-c::-webkit-scrollbar {
    display: none;
  }
}
.type-points-de-vente .points-de-vente-c .point-de-vente {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: rgba(51, 69, 53, 0.1);
}
@media (min-width: 0px) {
  .type-points-de-vente .points-de-vente-c .point-de-vente {
    padding: calc(0.0508905852 * 1 * 100vw) calc(0.0636132316 * 1 * 100vw);
    border-radius: calc(0.0254452926 * 1 * 100vw);
    width: calc(0.5597964377 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-points-de-vente .points-de-vente-c .point-de-vente {
    padding: calc(0.0243902439 * 1 * 100vw) calc(0.0304878049 * 1 * 100vw);
    border-radius: calc(0.012195122 * 1 * 100vw);
    width: calc(0.2682926829 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-points-de-vente .points-de-vente-c .point-de-vente {
    padding: calc(0.0135135135 * 1 * 100vw) calc(0.0168918919 * 1 * 100vw);
    border-radius: calc(0.0067567568 * 1 * 100vw);
    min-width: calc(0.1486486486 * 1 * 100vw);
    width: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: -webkit-fill-available;
  }
}
.type-points-de-vente .points-de-vente-c .point-de-vente h3 {
  font-family: var(--theme-font-secondary-regular);
  opacity: 90%;
  text-align: center;
}
@media (min-width: 0px) {
  .type-points-de-vente .points-de-vente-c .point-de-vente h3 {
    margin-bottom: calc(0.0254452926 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-points-de-vente .points-de-vente-c .point-de-vente h3 {
    margin-bottom: calc(0.012195122 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-points-de-vente .points-de-vente-c .point-de-vente h3 {
    margin-bottom: calc(0.0067567568 * 1 * 100vw);
  }
}
.type-points-de-vente .points-de-vente-c .point-de-vente p:last-child {
  font-family: var(--theme-font-secondary-bold);
  opacity: 100%;
  word-wrap: break-word;
  width: 100%;
  text-align: center;
}
@media (min-width: 0px) {
  .type-points-de-vente .points-de-vente-c .point-de-vente p:last-child {
    font-size: var(--theme-font-size-3-mobile);
    line-height: var(--theme-line-height-3-mobile);
  }
}
@media (min-width: 481px) {
  .type-points-de-vente .points-de-vente-c .point-de-vente p:last-child {
    font-size: var(--theme-font-size-3-tablet);
    line-height: var(--theme-line-height-3-tablet);
  }
}
@media (min-width: 1024px) {
  .type-points-de-vente .points-de-vente-c .point-de-vente p:last-child {
    font-size: var(--theme-font-size-3-desktop);
    line-height: var(--theme-line-height-3-desktop);
  }
}
@media (min-width: 0px) {
  .type-points-de-vente .points-de-vente-c .point-de-vente p:last-child {
    margin-top: calc(0.0127226463 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-points-de-vente .points-de-vente-c .point-de-vente p:last-child {
    margin-top: calc(0.006097561 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-points-de-vente .points-de-vente-c .point-de-vente p:last-child {
    margin-top: calc(0.0033783784 * 1 * 100vw);
  }
}

@media (min-width: 1024px) {
  .type-contact-producteur {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: calc(0.0540540541 * 1 * 100vw) calc(0.0337837838 * 1 * 100vw);
    border-radius: calc(0.0135135135 * 1 * 100vw);
    border: solid 1px rgba(64, 82, 66, 0.2);
  }
}
@media (min-width: 1024px) {
  .type-contact-producteur .left .top {
    width: calc(0.3040540541 * 1 * 100vw);
  }
}
@media (min-width: 0px) {
  .type-contact-producteur .left .top p {
    margin-top: calc(0.0763358779 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-contact-producteur .left .top p {
    margin-top: calc(0.0365853659 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-contact-producteur .left .top p {
    margin-top: calc(0.0148648649 * 1 * 100vw);
  }
}
@media screen and (max-width: 1024px) {
  .type-contact-producteur .left .items-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}
@media (min-width: 0px) {
  .type-contact-producteur .left .items-c {
    margin-top: calc(0.0508905852 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-contact-producteur .left .items-c {
    margin-top: calc(0.0243902439 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-contact-producteur .left .items-c {
    margin-top: calc(0.0405405405 * 1 * 100vw);
  }
}
.type-contact-producteur .left .items-c .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .type-contact-producteur .left .items-c .item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px rgba(64, 82, 66, 0.2);
  }
}
.type-contact-producteur .left .items-c .item svg {
  padding: 13px;
  border-radius: 5px;
  border: solid 1px rgba(64, 82, 66, 0.2);
}
.type-contact-producteur .left .items-c .item p {
  opacity: 100%;
}
.type-contact-producteur .left .items-c .item .value {
  color: var(--theme-color-secondary);
}
@media screen and (max-width: 1024px) {
  .type-contact-producteur .right {
    margin-top: 20px;
  }
}
@media (min-width: 0px) {
  .type-contact-producteur .right {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .type-contact-producteur .right {
    width: calc(0.4054054054 * 1 * 100vw);
  }
}
.type-contact-producteur .right .gfield--type-consent legend {
  display: none;
}
@media (min-width: 1024px) {
  .type-contact-producteur .right .gform_footer {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
  }
}
@media screen and (max-width: 1024px) {
  .type-contact-producteur .right .gform_footer input {
    margin: auto;
  }
}

.type-banner-recette > .wrapper {
  border: none;
  -webkit-box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.2);
}
@media (min-width: 0px) {
  .type-banner-recette > .wrapper {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}
@media (min-width: 1024px) {
  .type-banner-recette > .wrapper {
    -webkit-transform: translateY(-7%);
    transform: translateY(-7%);
  }
}

@media screen and (max-width: 1024px) {
  .type-details-recettes {
    margin: 0 calc(0.0636132316 * 1 * 100vw);
    margin-top: 50px;
  }
}
@media (min-width: 1024px) {
  .type-details-recettes {
    padding-top: calc(0.0540540541 * 1 * 100vw);
    margin-top: calc(0.0202702703 * 1 * 100vw);
    border-top: solid 1px rgba(64, 82, 66, 0.2);
  }
}
.type-details-recettes .recette-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 0px) {
  .type-details-recettes .recette-preview {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(0.1017811705 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-details-recettes .recette-preview {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(0.0487804878 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-details-recettes .recette-preview {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: calc(0.0337837838 * 1 * 100vw);
  }
}
.type-details-recettes .recette-preview .left {
  margin: 0;
}
@media (min-width: 0px) {
  .type-details-recettes .recette-preview .left {
    min-width: 100%;
    height: calc(0.7633587786 * 1 * 100vw);
    border-radius: calc(0.0254452926 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-details-recettes .recette-preview .left {
    min-width: 100%;
    height: calc(0.3658536585 * 1 * 100vw);
    border-radius: calc(0.012195122 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-details-recettes .recette-preview .left {
    min-width: calc(0.347972973 * 1 * 100vw);
    height: calc(0.3040540541 * 1 * 100vw);
    border-radius: calc(0.0067567568 * 1 * 100vw);
  }
}
.type-details-recettes .recette-preview .left swiper-container {
  width: 100%;
  height: 100%;
  margin: 0;
  position: relative;
}
@media (min-width: 0px) {
  .type-details-recettes .recette-preview .left swiper-container {
    border-radius: calc(0.0254452926 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-details-recettes .recette-preview .left swiper-container {
    border-radius: calc(0.012195122 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-details-recettes .recette-preview .left swiper-container {
    border-radius: calc(0.0067567568 * 1 * 100vw);
  }
}
.type-details-recettes .recette-preview .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}
.type-details-recettes .recette-preview .right .container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.type-details-recettes .recette-preview .right .container .ingredients-c {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 0px) {
  .type-details-recettes .recette-preview .right .container .ingredients-c {
    -ms-grid-columns: 1fr calc(0.0178117048 * 1 * 100vw) 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(0.0178117048 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-details-recettes .recette-preview .right .container .ingredients-c {
    gap: calc(0.0085365854 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-details-recettes .recette-preview .right .container .ingredients-c {
    -ms-grid-columns: 1fr calc(0.0067567568 * 1 * 100vw) 1fr
      calc(0.0067567568 * 1 * 100vw) 1fr calc(0.0067567568 * 1 * 100vw) 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(0.0067567568 * 1 * 100vw);
  }
}
.type-details-recettes
  .recette-preview
  .right
  .container
  .ingredients-c
  .ingredient {
  border: solid 1px rgba(64, 82, 66, 0.2);
}
@media (min-width: 0px) {
  .type-details-recettes
    .recette-preview
    .right
    .container
    .ingredients-c
    .ingredient {
    padding: calc(0.0381679389 * 1 * 100vw) calc(0.0508905852 * 1 * 100vw);
    border-radius: calc(0.0254452926 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-details-recettes
    .recette-preview
    .right
    .container
    .ingredients-c
    .ingredient {
    padding: calc(0.0182926829 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw);
    border-radius: calc(0.012195122 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-details-recettes
    .recette-preview
    .right
    .container
    .ingredients-c
    .ingredient {
    padding: calc(0.0101351351 * 1 * 100vw) calc(0.0168918919 * 1 * 100vw);
    border-radius: calc(0.0067567568 * 1 * 100vw);
    min-height: calc(0.0675675676 * 1 * 100vw);
    width: calc(0.0675675676 * 1 * 100vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
  }
}
.type-details-recettes .steps-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 0px) {
  .type-details-recettes .steps-section {
    margin-top: calc(0.1017811705 * 1 * 100vw);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-details-recettes .steps-section {
    margin-top: calc(0.0487804878 * 1 * 100vw);
    gap: calc(0.0182926829 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-details-recettes .steps-section {
    margin-top: calc(0.0405405405 * 1 * 100vw);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: calc(0.0641891892 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-details-recettes .steps-section > h2 {
    position: sticky;
    top: calc(0.2027027027 * 1 * 100vw);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.type-details-recettes .steps-section .steps-c .step {
  border-top: solid 1px rgba(64, 82, 66, 0.2);
}
@media (min-width: 0px) {
  .type-details-recettes .steps-section .steps-c .step {
    margin-top: calc(0.0381679389 * 1 * 100vw);
    padding-top: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-details-recettes .steps-section .steps-c .step {
    margin-top: calc(0.0182926829 * 1 * 100vw);
    padding-top: calc(0.0182926829 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-details-recettes .steps-section .steps-c .step {
    margin-top: calc(0.0202702703 * 1 * 100vw);
    padding-top: calc(0.0202702703 * 1 * 100vw);
  }
}
.type-details-recettes .steps-section .steps-c .step b {
  margin-bottom: 5px;
}
.type-details-recettes .steps-section .steps-c .step p:last-child {
  opacity: 80%;
}
.type-details-recettes .recette-footer {
  border-top: solid 1px rgba(64, 82, 66, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 0px) {
  .type-details-recettes .recette-footer {
    margin-top: calc(0.0381679389 * 1 * 100vw);
    padding-top: calc(0.0508905852 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-details-recettes .recette-footer {
    margin-top: calc(0.0182926829 * 1 * 100vw);
    padding-top: calc(0.0243902439 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-details-recettes .recette-footer {
    margin-top: calc(0.0405405405 * 1 * 100vw);
    padding-top: calc(0.0168918919 * 1 * 100vw);
  }
}
.type-details-recettes .recette-footer .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 1024px) {
  .type-details-recettes .recette-footer .author > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
  }
}
@media (min-width: 1024px) {
  .type-details-recettes .recette-footer .author .mobile-last-modif {
    display: none;
  }
}
.type-details-recettes .recette-footer .author img {
  border-radius: 100px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 0px) {
  .type-details-recettes .recette-footer .author img {
    width: calc(0.1526717557 * 1 * 100vw);
    height: calc(0.1526717557 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-details-recettes .recette-footer .author img {
    width: calc(0.0731707317 * 1 * 100vw);
    height: calc(0.0731707317 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-details-recettes .recette-footer .author img {
    width: calc(0.0472972973 * 1 * 100vw);
    height: calc(0.0472972973 * 1 * 100vw);
  }
}

.add-recette-form {
  margin: auto;
}
@media (min-width: 481px) {
  .add-recette-form {
    max-width: 80%;
    padding: calc(0.0304878049 * 1 * 100vw);
    border-radius: calc(0.0182926829 * 1 * 100vw);
    border: solid 1px rgba(64, 82, 66, 0.2);
  }
}
@media (min-width: 1024px) {
  .add-recette-form {
    max-width: 60%;
    padding: calc(0.0168918919 * 1 * 100vw);
    border-radius: calc(0.0101351351 * 1 * 100vw);
  }
}

.legal-section h1 {
  margin: auto;
  margin-bottom: 30px;
}
.legal-section h2 {
  margin-top: 35px;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  ELEMENTS APPLICATIONS
/**/
/* If some sections have allways the same parameters on the project
      define them here with the variables above */
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED CLASSES & EXTENDS
 *                                           Always create both in order to be forced
 *                                       directly on DOM or afterward in SCCS with @extend !
/**/
/* Create here as much as needed... */
.frm_page_bar input {
  opacity: 0 !important;
  position: absolute;
  top: 0;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.frm_page_bar li {
  width: 100%;
  position: relative;
}
.frm_page_bar li span {
  color: var(--theme-color-dark-green);
  text-align: start;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
@media (min-width: 0px) {
  .frm_page_bar li span {
    font-size: calc(0.0458015267 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .frm_page_bar li span {
    font-size: calc(0.0121621622 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .frm_page_bar li span {
    font-size: calc(0.0121621622 * 1 * 100vw);
    width: 100%;
    padding: calc(0.0081081081 * 1 * 100vw) 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: calc(0.0054054054 * 1 * 100vw);
  }
}
.frm_page_bar li span::before {
  content: "";
  width: 0px;
  display: block;
  height: 2px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  background-color: var(--theme-color-dark-green);
}
.frm_page_bar li:hover span {
  text-shadow: -0.3px -0.3px 0 var(--theme-color-dark-green),
    0.3px -0.3px 0 var(--theme-color-dark-green),
    -0.3px 0.3px 0 var(--theme-color-dark-green),
    0.3px 0.3px 0 var(--theme-color-dark-green);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translateX(calc(0.0054054054 * 1 * 100vw));
  transform: translateX(calc(0.0054054054 * 1 * 100vw));
}
@media (min-width: 1024px) {
  .frm_page_bar li:hover span::before {
    width: calc(0.0135135135 * 1 * 100vw);
  }
}
.frm_page_bar .frm_current_page .frm_rootline_title {
  color: var(--theme-color-dark-green) !important;
  text-shadow: -0.3px -0.3px 0 var(--theme-color-dark-green),
    0.3px -0.3px 0 var(--theme-color-dark-green),
    -0.3px 0.3px 0 var(--theme-color-dark-green),
    0.3px 0.3px 0 var(--theme-color-dark-green);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translateX(calc(0.0054054054 * 1 * 100vw));
  transform: translateX(calc(0.0054054054 * 1 * 100vw));
}
@media (min-width: 1024px) {
  .frm_page_bar .frm_current_page .frm_rootline_title::before {
    width: calc(0.0135135135 * 1 * 100vw);
  }
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  ELEMENTS APPLICATIONS
/**/
/* If some sections have always the same parameters on the project
  define them here with the variables above */
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  5 : MODELS
//                              * CSS exclusif à ces templates uniquement
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  POSTS ARCHIVE
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  POST SINGLE
/**/
@media (min-width: 0px) {
  .single-post .post-content {
    padding: calc(0.1526717557 * 1 * 100vw) calc(0.0636132316 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .single-post .post-content {
    padding: calc(0.0731707317 * 1 * 100vw) calc(0.0304878049 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .single-post .post-content {
    padding: calc(0.0608108108 * 1 * 100vw) calc(0.1959459459 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .single-post .post-content h1 {
    margin-bottom: 30px;
  }
}
@media (min-width: 1024px) {
  .single-post .post-content h2 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
.single-post .post-content ul {
  margin-bottom: 20px;
}
.single-post .post-content ul:has(li h3) {
  margin: 0;
}
.single-post .post-content ol li {
  margin-bottom: 20px;
}
.single-post .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  padding-top: 10px;
  border-top: 2px solid #ededed;
  gap: 15px;
}
.single-post .author img {
  border-radius: 100px;
  width: 80px;
  height: 80px;
}

.single.single-post p {
  opacity: 1;
}

/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  6 : PAGES
 * --------------------------------------------------------------------------------------------------------------
//                              * CSS exclusif à ces pages uniquement
/**/
/**
 * ==============================================================================================================
 *                                                 = LEGAL PAGES EXCLUSIVE FORMATTING =
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
/**
* --------------------------------------------------------------------------------------------------------------
*                                                  DEDICATED CLASSES & EXTENDS
*                                           Allways create both in order to be forced
*                                       directly on DOM or afterward in SCCS with @extend !
/**/
/**
* --------------------------------------------------------------------------------------------------------------
*                                                  ELEMENTS APPLICATIONS
/**/
/**
 * ==============================================================================================================
 *                                                 = CONTACT PAGE EXCLUSIVE FORMATTING =
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
/**
* --------------------------------------------------------------------------------------------------------------
*                                                  DEDICATED CLASSES & EXTENDS
*                                           Allways create both in order to be forced
*                                       directly on DOM or afterward in SCCS with @extend !
/**/
@media (min-width: 0px) {
  .type-nos-producteurs {
    padding-top: calc(0.1526717557 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .type-nos-producteurs {
    padding-top: calc(0.0731707317 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .type-nos-producteurs {
    padding-top: calc(0.0675675676 * 1 * 100vw);
  }
}

/**
* --------------------------------------------------------------------------------------------------------------
*                                                  ELEMENTS APPLICATIONS
/**/
/**
 * ==============================================================================================================
 *                                                 = TEMPORARY FORMATTING...TO BE REMOVED =
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
/**
* --------------------------------------------------------------------------------------------------------------
*                                                  DEDICATED CLASSES & EXTENDS
*                                           Allways create both in order to be forced
*                                       directly on DOM or afterward in SCCS with @extend !
/**/
/**
* --------------------------------------------------------------------------------------------------------------
*                                                  ELEMENTS APPLICATIONS
/**/
/**
 * ==============================================================================================================
 *                                                 = UI KIT PAGE EXCLUSIVE FORMATTING =
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED VARIABLES
/**/
/**
 * --------------------------------------------------------------------------------------------------------------
 *                                                  DEDICATED FUNCTIONS
/**/
/**
* --------------------------------------------------------------------------------------------------------------
*                                                  DEDICATED CLASSES & EXTENDS
*                                           Allways create both in order to be forced
*                                       directly on DOM or afterward in SCCS with @extend !
/**/
.page-template-ui-kit .container h2 {
  padding-bottom: 30px;
}
.page-template-ui-kit .container .characters {
  width: 100%;
}
.page-template-ui-kit .container .characters h1,
.page-template-ui-kit .container .characters h2,
.page-template-ui-kit .container .characters h3,
.page-template-ui-kit .container .characters h4,
.page-template-ui-kit .container .characters h5,
.page-template-ui-kit .container .characters p {
  padding-top: 30px;
  padding-bottom: 30px;
}
.page-template-ui-kit .container .color-chart {
  display: -ms-grid;
  display: grid;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  grid-auto-rows: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}
@media (min-width: 0px) {
  .page-template-ui-kit .container .color-chart {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 481px) {
  .page-template-ui-kit .container .color-chart {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .page-template-ui-kit .container .color-chart {
    -ms-grid-columns: (1fr) [5];
    grid-template-columns: repeat(5, 1fr);
  }
}
.page-template-ui-kit .container .color-chart div.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 155px;
  height: 155px;
}

/**
* --------------------------------------------------------------------------------------------------------------
*                                                  ELEMENTS APPLICATIONS
/**/
.page-template-mon-compte .fil-ariane-c {
  position: absolute;
  z-index: 9;
}
@media (min-width: 0px) {
  .page-template-mon-compte .fil-ariane-c {
    margin-top: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .page-template-mon-compte .fil-ariane-c {
    margin-top: calc(0.0135135135 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .page-template-mon-compte .fil-ariane-c {
    margin-top: calc(0.0337837838 * 1 * 100vw);
    left: calc(0.0675675676 * 1 * 100vw);
  }
}

.page-template-inscription-producteru-profil footer {
  display: none;
}

@media (min-width: 0px) {
  .page-template-connexion .text-container,
  .page-template-template-mdp-oublie .text-container {
    margin-left: calc(0.0381679389 * 1 * 100vw);
    margin-bottom: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .page-template-connexion .text-container,
  .page-template-template-mdp-oublie .text-container {
    margin-left: calc(0.0243902439 * 1 * 100vw);
    margin-bottom: calc(0.0243902439 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .page-template-connexion .text-container,
  .page-template-template-mdp-oublie .text-container {
    margin-left: calc(0.0675675676 * 1 * 100vw);
    margin-bottom: calc(0.0290540541 * 1 * 100vw);
  }
}
.page-template-connexion .form-container,
.page-template-template-mdp-oublie .form-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #ededed;
  border-radius: 10px;
}
@media (min-width: 0px) {
  .page-template-connexion .form-container,
  .page-template-template-mdp-oublie .form-container {
    width: calc(0.7633587786 * 1 * 100vw);
    margin: 0 auto;
    padding: calc(0.0508905852 * 1 * 100vw);
    gap: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .page-template-connexion .form-container,
  .page-template-template-mdp-oublie .form-container {
    width: calc(0.487804878 * 1 * 100vw);
    margin: 0 auto;
    padding: calc(0.0365853659 * 1 * 100vw);
    gap: calc(0.0243902439 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .page-template-connexion .form-container,
  .page-template-template-mdp-oublie .form-container {
    width: calc(0.3736486486 * 1 * 100vw);
    gap: calc(0.027027027 * 1 * 100vw);
    margin: 0 auto;
    padding: calc(0.047972973 * 1 * 100vw) calc(0.0560810811 * 1 * 100vw);
    margin-bottom: calc(0.0581081081 * 1 * 100vw);
  }
}
.page-template-connexion .form-container .frm_top_container input,
.page-template-template-mdp-oublie .form-container .frm_top_container input {
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid rgba(64, 82, 66, 0.8);
}
.page-template-connexion .form-container fieldset,
.page-template-template-mdp-oublie .form-container fieldset {
  padding: 0%;
}
.page-template-connexion .form-container fieldset .login_lost_pw,
.page-template-template-mdp-oublie .form-container fieldset .login_lost_pw {
  margin: 0;
}
.page-template-connexion .form-container #loginform-0,
.page-template-template-mdp-oublie .form-container #loginform-0 {
  position: relative;
}
.page-template-connexion .form-container #loginform-0 .error-message,
.page-template-template-mdp-oublie .form-container #loginform-0 .error-message {
  position: absolute;
  top: 0;
  right: 0;
  color: red;
  font-size: 15px;
  font-weight: 600;
}

.popupblur {
  opacity: 0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
  pointer-events: none;
}
.popupblur.active {
  pointer-events: all;
  opacity: 1;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  z-index: 999998;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: rgba(14, 28, 56, 0.168627451);
}

.popupcookies {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  z-index: 999999;
  width: 100%;
  text-align: center;
}
.popupcookies.active {
  opacity: 1;
  pointer-events: all;
}
@media (min-width: 0px) {
  .popupcookies {
    max-width: 80vw;
    max-height: unset;
  }
}
@media (min-width: 481px) {
  .popupcookies {
    max-width: 80vw;
    max-height: unset;
  }
}
@media (min-width: 1024px) {
  .popupcookies {
    max-width: 40vw;
    max-height: 40vh;
  }
}
.popupcookies .container-pop-up .close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.popupcookies .container-pop-up .close svg {
  cursor: pointer;
}
@media (min-width: 0px) {
  .popupcookies .container-pop-up .close {
    margin-bottom: calc(0.0508905852 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .popupcookies .container-pop-up .close {
    margin-bottom: calc(0.0365853659 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .popupcookies .container-pop-up .close {
    margin-bottom: 0;
  }
}
.popupcookies .container-pop-up .informartion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 0px) {
  .popupcookies .container-pop-up .informartion {
    gap: calc(0.0508905852 * 1 * 100vw);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (min-width: 481px) {
  .popupcookies .container-pop-up .informartion {
    gap: calc(0.0365853659 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .popupcookies .container-pop-up .informartion {
    gap: calc(0.027027027 * 1 * 100vw);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.popupcookies .container-pop-up .informartion .contenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 0px) {
  .popupcookies .container-pop-up .informartion .contenu {
    gap: calc(0.0381679389 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .popupcookies .container-pop-up .informartion .contenu {
    gap: calc(0.0182926829 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .popupcookies .container-pop-up .informartion .contenu {
    gap: calc(0.0101351351 * 1 * 100vw);
  }
}
.popupcookies .container-pop-up .informartion .bouton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.popupcookies .container-pop-up .informartion .image,
.popupcookies .container-pop-up .informartion .contenu {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (min-width: 0px) {
  .popupcookies .container-pop-up .informartion .image h2,
  .popupcookies .container-pop-up .informartion .contenu h2 {
    font-size: calc(0.0508905852 * 1 * 100vw);
    line-height: calc(0.0636132316 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .popupcookies .container-pop-up .informartion .image h2,
  .popupcookies .container-pop-up .informartion .contenu h2 {
    font-size: calc(0.0304878049 * 1 * 100vw);
    line-height: calc(0.0365853659 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .popupcookies .container-pop-up .informartion .image h2,
  .popupcookies .container-pop-up .informartion .contenu h2 {
    font-size: calc(0.0202702703 * 1 * 100vw);
    line-height: calc(0.0236486486 * 1 * 100vw);
  }
}
@media (min-width: 0px) {
  .popupcookies .container-pop-up .informartion .image p,
  .popupcookies .container-pop-up .informartion .contenu p {
    font-size: calc(0.0356234097 * 1 * 100vw);
    line-height: calc(0.0508905852 * 1 * 100vw);
  }
}
@media (min-width: 481px) {
  .popupcookies .container-pop-up .informartion .image p,
  .popupcookies .container-pop-up .informartion .contenu p {
    font-size: calc(0.0170731707 * 1 * 100vw);
    line-height: calc(0.0243902439 * 1 * 100vw);
  }
}
@media (min-width: 1024px) {
  .popupcookies .container-pop-up .informartion .image p,
  .popupcookies .container-pop-up .informartion .contenu p {
    font-size: calc(0.0108108108 * 1 * 100vw);
    line-height: calc(0.0135135135 * 1 * 100vw);
  }
}
.popupcookies .container-pop-up .informartion .image img,
.popupcookies .container-pop-up .informartion .contenu img {
  width: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}

body.popupactive {
  overflow: hidden;
}

.js-second-categorie .frm_other_input,
.js-label .frm_other_input {
  border: 1px solid rgb(191, 195, 200) !important;
}
#frm_checkbox_468-432-other_9 {
  flex-direction: column;
}
/*# sourceMappingURL=main.css.map */