@charset "UTF-8";
/**
* == Point d'entrée des feuilles de styles ==
* Les styles présents dans ce fichiers seront appliqués peu importe le contexte, selon toutes les tailles d'écrans
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
          appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 2rem;
}

.grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
}
.grid.align-center {
  -ms-flex-align: center;
      align-items: center;
}
.grid.align-stretch {
  -ms-flex-align: stretch;
      align-items: stretch;
}
.grid.align-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.grid.justify-center {
  justify-items: center;
}
.grid.justify-around {
  justify-items: space-around;
}
.grid.justify-between {
  justify-items: space-between;
}
.grid.justify-evenly {
  justify-items: space-evenly;
}
.grid.gap-0 {
  gap: 0rem;
}
.grid.gap-1 {
  gap: 1rem;
}
.grid.gap-2 {
  gap: 2rem;
}
.grid.gap-3 {
  gap: 3rem;
}
.grid.gap-4 {
  gap: 4rem;
}
.grid .order-1 {
  -ms-flex-order: 1;
      order: 1;
}
.grid .order-2 {
  -ms-flex-order: 2;
      order: 2;
}
.grid .order-3 {
  -ms-flex-order: 3;
      order: 3;
}
@media screen and (width < 991px) {
  .grid .xs\:order-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .grid .xs\:order-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .grid .xs\:order-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .grid.xs\:gap-0 {
    gap: 0rem;
  }
  .grid.xs\:gap-1 {
    gap: 1rem;
  }
  .grid.xs\:gap-2 {
    gap: 2rem;
  }
  .grid.xs\:gap-3 {
    gap: 3rem;
  }
  .grid.xs\:gap-4 {
    gap: 4rem;
  }
}
@media screen and (width >= 768px) {
  .grid .sm\:order-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .grid .sm\:order-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .grid .sm\:order-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .grid.sm\:gap-0 {
    gap: 0rem;
  }
  .grid.sm\:gap-1 {
    gap: 1rem;
  }
  .grid.sm\:gap-2 {
    gap: 2rem;
  }
  .grid.sm\:gap-3 {
    gap: 3rem;
  }
  .grid.sm\:gap-4 {
    gap: 4rem;
  }
}
@media screen and (width >= 991px) {
  .grid .md\:order-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .grid .md\:order-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .grid .md\:order-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .grid.md\:gap-0 {
    gap: 0rem;
  }
  .grid.md\:gap-1 {
    gap: 1rem;
  }
  .grid.md\:gap-2 {
    gap: 2rem;
  }
  .grid.md\:gap-3 {
    gap: 3rem;
  }
  .grid.md\:gap-4 {
    gap: 4rem;
  }
}
@media screen and (width >= 1200px) {
  .grid .lg\:order-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .grid .lg\:order-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .grid .lg\:order-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .grid.lg\:gap-0 {
    gap: 0rem;
  }
  .grid.lg\:gap-1 {
    gap: 1rem;
  }
  .grid.lg\:gap-2 {
    gap: 2rem;
  }
  .grid.lg\:gap-3 {
    gap: 3rem;
  }
  .grid.lg\:gap-4 {
    gap: 4rem;
  }
}
.grid .align-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.grid .align-center {
  -ms-flex-item-align: center;
      align-self: center;
}
.grid .align-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.grid.gap-1 {
  gap: 1rem;
}
.grid.gap-2 {
  gap: 2rem;
}
.grid.gap-3 {
  gap: 3rem;
}
.grid.gap-4 {
  gap: 4rem;
}
.grid.grid-col-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid .col-1 {
  grid-column: span 1/span 1;
}
.grid .col-start-1 {
  grid-column-start: 1;
}
.grid .col-end-1 {
  grid-column-end: 2;
}
.grid.grid-col-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid .col-2 {
  grid-column: span 2/span 2;
}
.grid .col-start-2 {
  grid-column-start: 2;
}
.grid .col-end-2 {
  grid-column-end: 3;
}
.grid.grid-col-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid .col-3 {
  grid-column: span 3/span 3;
}
.grid .col-start-3 {
  grid-column-start: 3;
}
.grid .col-end-3 {
  grid-column-end: 4;
}
.grid.grid-col-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid .col-4 {
  grid-column: span 4/span 4;
}
.grid .col-start-4 {
  grid-column-start: 4;
}
.grid .col-end-4 {
  grid-column-end: 5;
}
.grid.grid-col-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid .col-5 {
  grid-column: span 5/span 5;
}
.grid .col-start-5 {
  grid-column-start: 5;
}
.grid .col-end-5 {
  grid-column-end: 6;
}
.grid.grid-col-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid .col-6 {
  grid-column: span 6/span 6;
}
.grid .col-start-6 {
  grid-column-start: 6;
}
.grid .col-end-6 {
  grid-column-end: 7;
}
.grid.grid-col-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid .col-7 {
  grid-column: span 7/span 7;
}
.grid .col-start-7 {
  grid-column-start: 7;
}
.grid .col-end-7 {
  grid-column-end: 8;
}
.grid.grid-col-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid .col-8 {
  grid-column: span 8/span 8;
}
.grid .col-start-8 {
  grid-column-start: 8;
}
.grid .col-end-8 {
  grid-column-end: 9;
}
.grid.grid-col-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid .col-9 {
  grid-column: span 9/span 9;
}
.grid .col-start-9 {
  grid-column-start: 9;
}
.grid .col-end-9 {
  grid-column-end: 10;
}
.grid.grid-col-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid .col-10 {
  grid-column: span 10/span 10;
}
.grid .col-start-10 {
  grid-column-start: 10;
}
.grid .col-end-10 {
  grid-column-end: 11;
}
.grid.grid-col-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid .col-11 {
  grid-column: span 11/span 11;
}
.grid .col-start-11 {
  grid-column-start: 11;
}
.grid .col-end-11 {
  grid-column-end: 12;
}
.grid.grid-col-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid .col-12 {
  grid-column: span 12/span 12;
}
.grid .col-start-12 {
  grid-column-start: 12;
}
.grid .col-end-12 {
  grid-column-end: 13;
}
.grid.grid-row-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid .row-1 {
  grid-row: span 1/span 1;
}
.grid .row-start-1 {
  grid-row-start: 1;
}
.grid .row-end-1 {
  grid-row-end: 2;
}
.grid.grid-row-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid .row-2 {
  grid-row: span 2/span 2;
}
.grid .row-start-2 {
  grid-row-start: 2;
}
.grid .row-end-2 {
  grid-row-end: 3;
}
.grid.grid-row-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid .row-3 {
  grid-row: span 3/span 3;
}
.grid .row-start-3 {
  grid-row-start: 3;
}
.grid .row-end-3 {
  grid-row-end: 4;
}
.grid.grid-row-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.grid .row-4 {
  grid-row: span 4/span 4;
}
.grid .row-start-4 {
  grid-row-start: 4;
}
.grid .row-end-4 {
  grid-row-end: 5;
}
.grid.grid-row-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}
.grid .row-5 {
  grid-row: span 5/span 5;
}
.grid .row-start-5 {
  grid-row-start: 5;
}
.grid .row-end-5 {
  grid-row-end: 6;
}
.grid.grid-row-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}
.grid .row-6 {
  grid-row: span 6/span 6;
}
.grid .row-start-6 {
  grid-row-start: 6;
}
.grid .row-end-6 {
  grid-row-end: 7;
}
.grid.grid-row-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr));
}
.grid .row-7 {
  grid-row: span 7/span 7;
}
.grid .row-start-7 {
  grid-row-start: 7;
}
.grid .row-end-7 {
  grid-row-end: 8;
}
.grid.grid-row-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}
.grid .row-8 {
  grid-row: span 8/span 8;
}
.grid .row-start-8 {
  grid-row-start: 8;
}
.grid .row-end-8 {
  grid-row-end: 9;
}
.grid.grid-row-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}
.grid .row-9 {
  grid-row: span 9/span 9;
}
.grid .row-start-9 {
  grid-row-start: 9;
}
.grid .row-end-9 {
  grid-row-end: 10;
}
.grid.grid-row-10 {
  grid-template-rows: repeat(10, minmax(0, 1fr));
}
.grid .row-10 {
  grid-row: span 10/span 10;
}
.grid .row-start-10 {
  grid-row-start: 10;
}
.grid .row-end-10 {
  grid-row-end: 11;
}
.grid.grid-row-11 {
  grid-template-rows: repeat(11, minmax(0, 1fr));
}
.grid .row-11 {
  grid-row: span 11/span 11;
}
.grid .row-start-11 {
  grid-row-start: 11;
}
.grid .row-end-11 {
  grid-row-end: 12;
}
.grid.grid-row-12 {
  grid-template-rows: repeat(12, minmax(0, 1fr));
}
.grid .row-12 {
  grid-row: span 12/span 12;
}
.grid .row-start-12 {
  grid-row-start: 12;
}
.grid .row-end-12 {
  grid-row-end: 13;
}
@media screen and (width < 991px) {
  .grid.xs\:grid-row-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:row-1 {
    grid-row: span 1/span 1;
  }
  .grid.xs\:grid-row-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:row-2 {
    grid-row: span 2/span 2;
  }
  .grid.xs\:grid-row-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:row-3 {
    grid-row: span 3/span 3;
  }
  .grid.xs\:grid-row-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:row-4 {
    grid-row: span 4/span 4;
  }
  .grid.xs\:grid-row-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:row-5 {
    grid-row: span 5/span 5;
  }
  .grid.xs\:grid-row-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:row-6 {
    grid-row: span 6/span 6;
  }
  .grid.xs\:grid-row-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:row-7 {
    grid-row: span 7/span 7;
  }
  .grid.xs\:grid-row-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:row-8 {
    grid-row: span 8/span 8;
  }
  .grid.xs\:grid-row-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:row-9 {
    grid-row: span 9/span 9;
  }
  .grid.xs\:grid-row-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:row-10 {
    grid-row: span 10/span 10;
  }
  .grid.xs\:grid-row-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:row-11 {
    grid-row: span 11/span 11;
  }
  .grid.xs\:grid-row-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:row-12 {
    grid-row: span 12/span 12;
  }
  .grid.xs\:grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:col-1 {
    grid-column: span 1/span 1;
  }
  .grid.xs\:grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:col-2 {
    grid-column: span 2/span 2;
  }
  .grid.xs\:grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:col-3 {
    grid-column: span 3/span 3;
  }
  .grid.xs\:grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:col-4 {
    grid-column: span 4/span 4;
  }
  .grid.xs\:grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:col-5 {
    grid-column: span 5/span 5;
  }
  .grid.xs\:grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:col-6 {
    grid-column: span 6/span 6;
  }
  .grid.xs\:grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:col-7 {
    grid-column: span 7/span 7;
  }
  .grid.xs\:grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:col-8 {
    grid-column: span 8/span 8;
  }
  .grid.xs\:grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:col-9 {
    grid-column: span 9/span 9;
  }
  .grid.xs\:grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:col-10 {
    grid-column: span 10/span 10;
  }
  .grid.xs\:grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:col-11 {
    grid-column: span 11/span 11;
  }
  .grid.xs\:grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:col-12 {
    grid-column: span 12/span 12;
  }
  .grid.xs\:grid-row-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:row-1 {
    grid-row: span 1/span 1;
  }
  .grid.xs\:grid-row-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:row-2 {
    grid-row: span 2/span 2;
  }
  .grid.xs\:grid-row-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:row-3 {
    grid-row: span 3/span 3;
  }
  .grid.xs\:grid-row-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:row-4 {
    grid-row: span 4/span 4;
  }
  .grid.xs\:grid-row-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:row-5 {
    grid-row: span 5/span 5;
  }
  .grid.xs\:grid-row-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:row-6 {
    grid-row: span 6/span 6;
  }
  .grid.xs\:grid-row-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:row-7 {
    grid-row: span 7/span 7;
  }
  .grid.xs\:grid-row-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:row-8 {
    grid-row: span 8/span 8;
  }
  .grid.xs\:grid-row-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:row-9 {
    grid-row: span 9/span 9;
  }
  .grid.xs\:grid-row-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:row-10 {
    grid-row: span 10/span 10;
  }
  .grid.xs\:grid-row-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:row-11 {
    grid-row: span 11/span 11;
  }
  .grid.xs\:grid-row-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:row-12 {
    grid-row: span 12/span 12;
  }
  .grid.xs\:grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:col-1 {
    grid-column: span 1/span 1;
  }
  .grid.xs\:grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:col-2 {
    grid-column: span 2/span 2;
  }
  .grid.xs\:grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:col-3 {
    grid-column: span 3/span 3;
  }
  .grid.xs\:grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:col-4 {
    grid-column: span 4/span 4;
  }
  .grid.xs\:grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:col-5 {
    grid-column: span 5/span 5;
  }
  .grid.xs\:grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:col-6 {
    grid-column: span 6/span 6;
  }
  .grid.xs\:grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:col-7 {
    grid-column: span 7/span 7;
  }
  .grid.xs\:grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:col-8 {
    grid-column: span 8/span 8;
  }
  .grid.xs\:grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:col-9 {
    grid-column: span 9/span 9;
  }
  .grid.xs\:grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:col-10 {
    grid-column: span 10/span 10;
  }
  .grid.xs\:grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:col-11 {
    grid-column: span 11/span 11;
  }
  .grid.xs\:grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:col-12 {
    grid-column: span 12/span 12;
  }
  .grid.xs\:grid-row-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:row-1 {
    grid-row: span 1/span 1;
  }
  .grid.xs\:grid-row-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:row-2 {
    grid-row: span 2/span 2;
  }
  .grid.xs\:grid-row-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:row-3 {
    grid-row: span 3/span 3;
  }
  .grid.xs\:grid-row-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:row-4 {
    grid-row: span 4/span 4;
  }
  .grid.xs\:grid-row-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:row-5 {
    grid-row: span 5/span 5;
  }
  .grid.xs\:grid-row-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:row-6 {
    grid-row: span 6/span 6;
  }
  .grid.xs\:grid-row-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:row-7 {
    grid-row: span 7/span 7;
  }
  .grid.xs\:grid-row-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:row-8 {
    grid-row: span 8/span 8;
  }
  .grid.xs\:grid-row-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:row-9 {
    grid-row: span 9/span 9;
  }
  .grid.xs\:grid-row-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:row-10 {
    grid-row: span 10/span 10;
  }
  .grid.xs\:grid-row-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:row-11 {
    grid-row: span 11/span 11;
  }
  .grid.xs\:grid-row-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:row-12 {
    grid-row: span 12/span 12;
  }
  .grid.xs\:grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:col-1 {
    grid-column: span 1/span 1;
  }
  .grid.xs\:grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:col-2 {
    grid-column: span 2/span 2;
  }
  .grid.xs\:grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:col-3 {
    grid-column: span 3/span 3;
  }
  .grid.xs\:grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:col-4 {
    grid-column: span 4/span 4;
  }
  .grid.xs\:grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:col-5 {
    grid-column: span 5/span 5;
  }
  .grid.xs\:grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:col-6 {
    grid-column: span 6/span 6;
  }
  .grid.xs\:grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:col-7 {
    grid-column: span 7/span 7;
  }
  .grid.xs\:grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:col-8 {
    grid-column: span 8/span 8;
  }
  .grid.xs\:grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:col-9 {
    grid-column: span 9/span 9;
  }
  .grid.xs\:grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:col-10 {
    grid-column: span 10/span 10;
  }
  .grid.xs\:grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:col-11 {
    grid-column: span 11/span 11;
  }
  .grid.xs\:grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:col-12 {
    grid-column: span 12/span 12;
  }
  .grid.xs\:grid-row-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:row-1 {
    grid-row: span 1/span 1;
  }
  .grid.xs\:grid-row-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:row-2 {
    grid-row: span 2/span 2;
  }
  .grid.xs\:grid-row-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:row-3 {
    grid-row: span 3/span 3;
  }
  .grid.xs\:grid-row-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:row-4 {
    grid-row: span 4/span 4;
  }
  .grid.xs\:grid-row-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:row-5 {
    grid-row: span 5/span 5;
  }
  .grid.xs\:grid-row-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:row-6 {
    grid-row: span 6/span 6;
  }
  .grid.xs\:grid-row-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:row-7 {
    grid-row: span 7/span 7;
  }
  .grid.xs\:grid-row-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:row-8 {
    grid-row: span 8/span 8;
  }
  .grid.xs\:grid-row-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:row-9 {
    grid-row: span 9/span 9;
  }
  .grid.xs\:grid-row-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:row-10 {
    grid-row: span 10/span 10;
  }
  .grid.xs\:grid-row-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:row-11 {
    grid-row: span 11/span 11;
  }
  .grid.xs\:grid-row-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:row-12 {
    grid-row: span 12/span 12;
  }
  .grid.xs\:grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:col-1 {
    grid-column: span 1/span 1;
  }
  .grid.xs\:grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:col-2 {
    grid-column: span 2/span 2;
  }
  .grid.xs\:grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:col-3 {
    grid-column: span 3/span 3;
  }
  .grid.xs\:grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:col-4 {
    grid-column: span 4/span 4;
  }
  .grid.xs\:grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:col-5 {
    grid-column: span 5/span 5;
  }
  .grid.xs\:grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:col-6 {
    grid-column: span 6/span 6;
  }
  .grid.xs\:grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:col-7 {
    grid-column: span 7/span 7;
  }
  .grid.xs\:grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:col-8 {
    grid-column: span 8/span 8;
  }
  .grid.xs\:grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:col-9 {
    grid-column: span 9/span 9;
  }
  .grid.xs\:grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:col-10 {
    grid-column: span 10/span 10;
  }
  .grid.xs\:grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:col-11 {
    grid-column: span 11/span 11;
  }
  .grid.xs\:grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:col-12 {
    grid-column: span 12/span 12;
  }
  .grid.xs\:grid-row-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:row-1 {
    grid-row: span 1/span 1;
  }
  .grid.xs\:grid-row-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:row-2 {
    grid-row: span 2/span 2;
  }
  .grid.xs\:grid-row-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:row-3 {
    grid-row: span 3/span 3;
  }
  .grid.xs\:grid-row-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:row-4 {
    grid-row: span 4/span 4;
  }
  .grid.xs\:grid-row-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:row-5 {
    grid-row: span 5/span 5;
  }
  .grid.xs\:grid-row-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:row-6 {
    grid-row: span 6/span 6;
  }
  .grid.xs\:grid-row-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:row-7 {
    grid-row: span 7/span 7;
  }
  .grid.xs\:grid-row-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:row-8 {
    grid-row: span 8/span 8;
  }
  .grid.xs\:grid-row-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:row-9 {
    grid-row: span 9/span 9;
  }
  .grid.xs\:grid-row-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:row-10 {
    grid-row: span 10/span 10;
  }
  .grid.xs\:grid-row-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:row-11 {
    grid-row: span 11/span 11;
  }
  .grid.xs\:grid-row-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:row-12 {
    grid-row: span 12/span 12;
  }
  .grid.xs\:grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:col-1 {
    grid-column: span 1/span 1;
  }
  .grid.xs\:grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:col-2 {
    grid-column: span 2/span 2;
  }
  .grid.xs\:grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:col-3 {
    grid-column: span 3/span 3;
  }
  .grid.xs\:grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:col-4 {
    grid-column: span 4/span 4;
  }
  .grid.xs\:grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:col-5 {
    grid-column: span 5/span 5;
  }
  .grid.xs\:grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:col-6 {
    grid-column: span 6/span 6;
  }
  .grid.xs\:grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:col-7 {
    grid-column: span 7/span 7;
  }
  .grid.xs\:grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:col-8 {
    grid-column: span 8/span 8;
  }
  .grid.xs\:grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:col-9 {
    grid-column: span 9/span 9;
  }
  .grid.xs\:grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:col-10 {
    grid-column: span 10/span 10;
  }
  .grid.xs\:grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:col-11 {
    grid-column: span 11/span 11;
  }
  .grid.xs\:grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:col-12 {
    grid-column: span 12/span 12;
  }
  .grid.xs\:grid-row-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:row-1 {
    grid-row: span 1/span 1;
  }
  .grid.xs\:grid-row-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:row-2 {
    grid-row: span 2/span 2;
  }
  .grid.xs\:grid-row-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:row-3 {
    grid-row: span 3/span 3;
  }
  .grid.xs\:grid-row-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:row-4 {
    grid-row: span 4/span 4;
  }
  .grid.xs\:grid-row-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:row-5 {
    grid-row: span 5/span 5;
  }
  .grid.xs\:grid-row-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:row-6 {
    grid-row: span 6/span 6;
  }
  .grid.xs\:grid-row-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:row-7 {
    grid-row: span 7/span 7;
  }
  .grid.xs\:grid-row-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:row-8 {
    grid-row: span 8/span 8;
  }
  .grid.xs\:grid-row-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:row-9 {
    grid-row: span 9/span 9;
  }
  .grid.xs\:grid-row-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:row-10 {
    grid-row: span 10/span 10;
  }
  .grid.xs\:grid-row-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:row-11 {
    grid-row: span 11/span 11;
  }
  .grid.xs\:grid-row-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:row-12 {
    grid-row: span 12/span 12;
  }
  .grid.xs\:grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:col-1 {
    grid-column: span 1/span 1;
  }
  .grid.xs\:grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:col-2 {
    grid-column: span 2/span 2;
  }
  .grid.xs\:grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:col-3 {
    grid-column: span 3/span 3;
  }
  .grid.xs\:grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:col-4 {
    grid-column: span 4/span 4;
  }
  .grid.xs\:grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:col-5 {
    grid-column: span 5/span 5;
  }
  .grid.xs\:grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:col-6 {
    grid-column: span 6/span 6;
  }
  .grid.xs\:grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:col-7 {
    grid-column: span 7/span 7;
  }
  .grid.xs\:grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:col-8 {
    grid-column: span 8/span 8;
  }
  .grid.xs\:grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:col-9 {
    grid-column: span 9/span 9;
  }
  .grid.xs\:grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:col-10 {
    grid-column: span 10/span 10;
  }
  .grid.xs\:grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:col-11 {
    grid-column: span 11/span 11;
  }
  .grid.xs\:grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:col-12 {
    grid-column: span 12/span 12;
  }
  .grid.xs\:grid-row-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:row-1 {
    grid-row: span 1/span 1;
  }
  .grid.xs\:grid-row-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:row-2 {
    grid-row: span 2/span 2;
  }
  .grid.xs\:grid-row-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:row-3 {
    grid-row: span 3/span 3;
  }
  .grid.xs\:grid-row-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:row-4 {
    grid-row: span 4/span 4;
  }
  .grid.xs\:grid-row-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:row-5 {
    grid-row: span 5/span 5;
  }
  .grid.xs\:grid-row-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:row-6 {
    grid-row: span 6/span 6;
  }
  .grid.xs\:grid-row-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:row-7 {
    grid-row: span 7/span 7;
  }
  .grid.xs\:grid-row-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:row-8 {
    grid-row: span 8/span 8;
  }
  .grid.xs\:grid-row-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:row-9 {
    grid-row: span 9/span 9;
  }
  .grid.xs\:grid-row-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:row-10 {
    grid-row: span 10/span 10;
  }
  .grid.xs\:grid-row-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:row-11 {
    grid-row: span 11/span 11;
  }
  .grid.xs\:grid-row-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:row-12 {
    grid-row: span 12/span 12;
  }
  .grid.xs\:grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:col-1 {
    grid-column: span 1/span 1;
  }
  .grid.xs\:grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:col-2 {
    grid-column: span 2/span 2;
  }
  .grid.xs\:grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:col-3 {
    grid-column: span 3/span 3;
  }
  .grid.xs\:grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:col-4 {
    grid-column: span 4/span 4;
  }
  .grid.xs\:grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:col-5 {
    grid-column: span 5/span 5;
  }
  .grid.xs\:grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:col-6 {
    grid-column: span 6/span 6;
  }
  .grid.xs\:grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:col-7 {
    grid-column: span 7/span 7;
  }
  .grid.xs\:grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:col-8 {
    grid-column: span 8/span 8;
  }
  .grid.xs\:grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:col-9 {
    grid-column: span 9/span 9;
  }
  .grid.xs\:grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:col-10 {
    grid-column: span 10/span 10;
  }
  .grid.xs\:grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:col-11 {
    grid-column: span 11/span 11;
  }
  .grid.xs\:grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:col-12 {
    grid-column: span 12/span 12;
  }
  .grid.xs\:grid-row-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:row-1 {
    grid-row: span 1/span 1;
  }
  .grid.xs\:grid-row-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:row-2 {
    grid-row: span 2/span 2;
  }
  .grid.xs\:grid-row-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:row-3 {
    grid-row: span 3/span 3;
  }
  .grid.xs\:grid-row-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:row-4 {
    grid-row: span 4/span 4;
  }
  .grid.xs\:grid-row-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:row-5 {
    grid-row: span 5/span 5;
  }
  .grid.xs\:grid-row-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:row-6 {
    grid-row: span 6/span 6;
  }
  .grid.xs\:grid-row-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:row-7 {
    grid-row: span 7/span 7;
  }
  .grid.xs\:grid-row-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:row-8 {
    grid-row: span 8/span 8;
  }
  .grid.xs\:grid-row-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:row-9 {
    grid-row: span 9/span 9;
  }
  .grid.xs\:grid-row-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:row-10 {
    grid-row: span 10/span 10;
  }
  .grid.xs\:grid-row-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:row-11 {
    grid-row: span 11/span 11;
  }
  .grid.xs\:grid-row-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:row-12 {
    grid-row: span 12/span 12;
  }
  .grid.xs\:grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:col-1 {
    grid-column: span 1/span 1;
  }
  .grid.xs\:grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:col-2 {
    grid-column: span 2/span 2;
  }
  .grid.xs\:grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:col-3 {
    grid-column: span 3/span 3;
  }
  .grid.xs\:grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:col-4 {
    grid-column: span 4/span 4;
  }
  .grid.xs\:grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:col-5 {
    grid-column: span 5/span 5;
  }
  .grid.xs\:grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:col-6 {
    grid-column: span 6/span 6;
  }
  .grid.xs\:grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:col-7 {
    grid-column: span 7/span 7;
  }
  .grid.xs\:grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:col-8 {
    grid-column: span 8/span 8;
  }
  .grid.xs\:grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:col-9 {
    grid-column: span 9/span 9;
  }
  .grid.xs\:grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:col-10 {
    grid-column: span 10/span 10;
  }
  .grid.xs\:grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:col-11 {
    grid-column: span 11/span 11;
  }
  .grid.xs\:grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:col-12 {
    grid-column: span 12/span 12;
  }
  .grid.xs\:grid-row-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:row-1 {
    grid-row: span 1/span 1;
  }
  .grid.xs\:grid-row-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:row-2 {
    grid-row: span 2/span 2;
  }
  .grid.xs\:grid-row-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:row-3 {
    grid-row: span 3/span 3;
  }
  .grid.xs\:grid-row-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:row-4 {
    grid-row: span 4/span 4;
  }
  .grid.xs\:grid-row-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:row-5 {
    grid-row: span 5/span 5;
  }
  .grid.xs\:grid-row-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:row-6 {
    grid-row: span 6/span 6;
  }
  .grid.xs\:grid-row-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:row-7 {
    grid-row: span 7/span 7;
  }
  .grid.xs\:grid-row-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:row-8 {
    grid-row: span 8/span 8;
  }
  .grid.xs\:grid-row-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:row-9 {
    grid-row: span 9/span 9;
  }
  .grid.xs\:grid-row-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:row-10 {
    grid-row: span 10/span 10;
  }
  .grid.xs\:grid-row-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:row-11 {
    grid-row: span 11/span 11;
  }
  .grid.xs\:grid-row-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:row-12 {
    grid-row: span 12/span 12;
  }
  .grid.xs\:grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:col-1 {
    grid-column: span 1/span 1;
  }
  .grid.xs\:grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:col-2 {
    grid-column: span 2/span 2;
  }
  .grid.xs\:grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:col-3 {
    grid-column: span 3/span 3;
  }
  .grid.xs\:grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:col-4 {
    grid-column: span 4/span 4;
  }
  .grid.xs\:grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:col-5 {
    grid-column: span 5/span 5;
  }
  .grid.xs\:grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:col-6 {
    grid-column: span 6/span 6;
  }
  .grid.xs\:grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:col-7 {
    grid-column: span 7/span 7;
  }
  .grid.xs\:grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:col-8 {
    grid-column: span 8/span 8;
  }
  .grid.xs\:grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:col-9 {
    grid-column: span 9/span 9;
  }
  .grid.xs\:grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:col-10 {
    grid-column: span 10/span 10;
  }
  .grid.xs\:grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:col-11 {
    grid-column: span 11/span 11;
  }
  .grid.xs\:grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:col-12 {
    grid-column: span 12/span 12;
  }
  .grid.xs\:grid-row-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:row-1 {
    grid-row: span 1/span 1;
  }
  .grid.xs\:grid-row-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:row-2 {
    grid-row: span 2/span 2;
  }
  .grid.xs\:grid-row-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:row-3 {
    grid-row: span 3/span 3;
  }
  .grid.xs\:grid-row-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:row-4 {
    grid-row: span 4/span 4;
  }
  .grid.xs\:grid-row-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:row-5 {
    grid-row: span 5/span 5;
  }
  .grid.xs\:grid-row-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:row-6 {
    grid-row: span 6/span 6;
  }
  .grid.xs\:grid-row-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:row-7 {
    grid-row: span 7/span 7;
  }
  .grid.xs\:grid-row-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:row-8 {
    grid-row: span 8/span 8;
  }
  .grid.xs\:grid-row-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:row-9 {
    grid-row: span 9/span 9;
  }
  .grid.xs\:grid-row-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:row-10 {
    grid-row: span 10/span 10;
  }
  .grid.xs\:grid-row-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:row-11 {
    grid-row: span 11/span 11;
  }
  .grid.xs\:grid-row-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:row-12 {
    grid-row: span 12/span 12;
  }
  .grid.xs\:grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:col-1 {
    grid-column: span 1/span 1;
  }
  .grid.xs\:grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:col-2 {
    grid-column: span 2/span 2;
  }
  .grid.xs\:grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:col-3 {
    grid-column: span 3/span 3;
  }
  .grid.xs\:grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:col-4 {
    grid-column: span 4/span 4;
  }
  .grid.xs\:grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:col-5 {
    grid-column: span 5/span 5;
  }
  .grid.xs\:grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:col-6 {
    grid-column: span 6/span 6;
  }
  .grid.xs\:grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:col-7 {
    grid-column: span 7/span 7;
  }
  .grid.xs\:grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:col-8 {
    grid-column: span 8/span 8;
  }
  .grid.xs\:grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:col-9 {
    grid-column: span 9/span 9;
  }
  .grid.xs\:grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:col-10 {
    grid-column: span 10/span 10;
  }
  .grid.xs\:grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:col-11 {
    grid-column: span 11/span 11;
  }
  .grid.xs\:grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:col-12 {
    grid-column: span 12/span 12;
  }
  .grid.xs\:grid-row-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:row-1 {
    grid-row: span 1/span 1;
  }
  .grid.xs\:grid-row-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:row-2 {
    grid-row: span 2/span 2;
  }
  .grid.xs\:grid-row-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:row-3 {
    grid-row: span 3/span 3;
  }
  .grid.xs\:grid-row-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:row-4 {
    grid-row: span 4/span 4;
  }
  .grid.xs\:grid-row-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:row-5 {
    grid-row: span 5/span 5;
  }
  .grid.xs\:grid-row-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:row-6 {
    grid-row: span 6/span 6;
  }
  .grid.xs\:grid-row-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:row-7 {
    grid-row: span 7/span 7;
  }
  .grid.xs\:grid-row-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:row-8 {
    grid-row: span 8/span 8;
  }
  .grid.xs\:grid-row-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:row-9 {
    grid-row: span 9/span 9;
  }
  .grid.xs\:grid-row-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:row-10 {
    grid-row: span 10/span 10;
  }
  .grid.xs\:grid-row-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:row-11 {
    grid-row: span 11/span 11;
  }
  .grid.xs\:grid-row-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:row-12 {
    grid-row: span 12/span 12;
  }
  .grid.xs\:grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:col-1 {
    grid-column: span 1/span 1;
  }
  .grid.xs\:grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:col-2 {
    grid-column: span 2/span 2;
  }
  .grid.xs\:grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:col-3 {
    grid-column: span 3/span 3;
  }
  .grid.xs\:grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:col-4 {
    grid-column: span 4/span 4;
  }
  .grid.xs\:grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:col-5 {
    grid-column: span 5/span 5;
  }
  .grid.xs\:grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:col-6 {
    grid-column: span 6/span 6;
  }
  .grid.xs\:grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:col-7 {
    grid-column: span 7/span 7;
  }
  .grid.xs\:grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:col-8 {
    grid-column: span 8/span 8;
  }
  .grid.xs\:grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:col-9 {
    grid-column: span 9/span 9;
  }
  .grid.xs\:grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:col-10 {
    grid-column: span 10/span 10;
  }
  .grid.xs\:grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:col-11 {
    grid-column: span 11/span 11;
  }
  .grid.xs\:grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:col-12 {
    grid-column: span 12/span 12;
  }
  .grid.xs\:grid-row-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:row-1 {
    grid-row: span 1/span 1;
  }
  .grid.xs\:grid-row-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:row-2 {
    grid-row: span 2/span 2;
  }
  .grid.xs\:grid-row-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:row-3 {
    grid-row: span 3/span 3;
  }
  .grid.xs\:grid-row-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:row-4 {
    grid-row: span 4/span 4;
  }
  .grid.xs\:grid-row-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:row-5 {
    grid-row: span 5/span 5;
  }
  .grid.xs\:grid-row-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:row-6 {
    grid-row: span 6/span 6;
  }
  .grid.xs\:grid-row-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:row-7 {
    grid-row: span 7/span 7;
  }
  .grid.xs\:grid-row-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:row-8 {
    grid-row: span 8/span 8;
  }
  .grid.xs\:grid-row-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:row-9 {
    grid-row: span 9/span 9;
  }
  .grid.xs\:grid-row-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:row-10 {
    grid-row: span 10/span 10;
  }
  .grid.xs\:grid-row-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:row-11 {
    grid-row: span 11/span 11;
  }
  .grid.xs\:grid-row-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:row-12 {
    grid-row: span 12/span 12;
  }
  .grid.xs\:grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid .xs\:col-1 {
    grid-column: span 1/span 1;
  }
  .grid.xs\:grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid .xs\:col-2 {
    grid-column: span 2/span 2;
  }
  .grid.xs\:grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid .xs\:col-3 {
    grid-column: span 3/span 3;
  }
  .grid.xs\:grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid .xs\:col-4 {
    grid-column: span 4/span 4;
  }
  .grid.xs\:grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid .xs\:col-5 {
    grid-column: span 5/span 5;
  }
  .grid.xs\:grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid .xs\:col-6 {
    grid-column: span 6/span 6;
  }
  .grid.xs\:grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid .xs\:col-7 {
    grid-column: span 7/span 7;
  }
  .grid.xs\:grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid .xs\:col-8 {
    grid-column: span 8/span 8;
  }
  .grid.xs\:grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid .xs\:col-9 {
    grid-column: span 9/span 9;
  }
  .grid.xs\:grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid .xs\:col-10 {
    grid-column: span 10/span 10;
  }
  .grid.xs\:grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid .xs\:col-11 {
    grid-column: span 11/span 11;
  }
  .grid.xs\:grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid .xs\:col-12 {
    grid-column: span 12/span 12;
  }
}
@media screen and (width >= 768px) {
  .grid.sm\:grid-row-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid .sm\:row-1 {
    grid-row: span 1/span 1;
  }
  .grid .sm\:row-start-1 {
    grid-row-start: 1;
  }
  .grid .sm\:row-end-1 {
    grid-row-end: 2;
  }
  .grid.sm\:grid-row-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid .sm\:row-2 {
    grid-row: span 2/span 2;
  }
  .grid .sm\:row-start-2 {
    grid-row-start: 2;
  }
  .grid .sm\:row-end-2 {
    grid-row-end: 3;
  }
  .grid.sm\:grid-row-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid .sm\:row-3 {
    grid-row: span 3/span 3;
  }
  .grid .sm\:row-start-3 {
    grid-row-start: 3;
  }
  .grid .sm\:row-end-3 {
    grid-row-end: 4;
  }
  .grid.sm\:grid-row-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid .sm\:row-4 {
    grid-row: span 4/span 4;
  }
  .grid .sm\:row-start-4 {
    grid-row-start: 4;
  }
  .grid .sm\:row-end-4 {
    grid-row-end: 5;
  }
  .grid.sm\:grid-row-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid .sm\:row-5 {
    grid-row: span 5/span 5;
  }
  .grid .sm\:row-start-5 {
    grid-row-start: 5;
  }
  .grid .sm\:row-end-5 {
    grid-row-end: 6;
  }
  .grid.sm\:grid-row-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid .sm\:row-6 {
    grid-row: span 6/span 6;
  }
  .grid .sm\:row-start-6 {
    grid-row-start: 6;
  }
  .grid .sm\:row-end-6 {
    grid-row-end: 7;
  }
  .grid.sm\:grid-row-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid .sm\:row-7 {
    grid-row: span 7/span 7;
  }
  .grid .sm\:row-start-7 {
    grid-row-start: 7;
  }
  .grid .sm\:row-end-7 {
    grid-row-end: 8;
  }
  .grid.sm\:grid-row-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid .sm\:row-8 {
    grid-row: span 8/span 8;
  }
  .grid .sm\:row-start-8 {
    grid-row-start: 8;
  }
  .grid .sm\:row-end-8 {
    grid-row-end: 9;
  }
  .grid.sm\:grid-row-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid .sm\:row-9 {
    grid-row: span 9/span 9;
  }
  .grid .sm\:row-start-9 {
    grid-row-start: 9;
  }
  .grid .sm\:row-end-9 {
    grid-row-end: 10;
  }
  .grid.sm\:grid-row-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid .sm\:row-10 {
    grid-row: span 10/span 10;
  }
  .grid .sm\:row-start-10 {
    grid-row-start: 10;
  }
  .grid .sm\:row-end-10 {
    grid-row-end: 11;
  }
  .grid.sm\:grid-row-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid .sm\:row-11 {
    grid-row: span 11/span 11;
  }
  .grid .sm\:row-start-11 {
    grid-row-start: 11;
  }
  .grid .sm\:row-end-11 {
    grid-row-end: 12;
  }
  .grid.sm\:grid-row-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid .sm\:row-12 {
    grid-row: span 12/span 12;
  }
  .grid .sm\:row-start-12 {
    grid-row-start: 12;
  }
  .grid .sm\:row-end-12 {
    grid-row-end: 13;
  }
  .grid.sm\:grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid .sm\:col-1 {
    grid-column: span 1/span 1;
  }
  .grid .sm\:col-start-1 {
    grid-column-start: 1;
  }
  .grid .sm\:col-end-1 {
    grid-column-end: 2;
  }
  .grid.sm\:grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid .sm\:col-2 {
    grid-column: span 2/span 2;
  }
  .grid .sm\:col-start-2 {
    grid-column-start: 2;
  }
  .grid .sm\:col-end-2 {
    grid-column-end: 3;
  }
  .grid.sm\:grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid .sm\:col-3 {
    grid-column: span 3/span 3;
  }
  .grid .sm\:col-start-3 {
    grid-column-start: 3;
  }
  .grid .sm\:col-end-3 {
    grid-column-end: 4;
  }
  .grid.sm\:grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid .sm\:col-4 {
    grid-column: span 4/span 4;
  }
  .grid .sm\:col-start-4 {
    grid-column-start: 4;
  }
  .grid .sm\:col-end-4 {
    grid-column-end: 5;
  }
  .grid.sm\:grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid .sm\:col-5 {
    grid-column: span 5/span 5;
  }
  .grid .sm\:col-start-5 {
    grid-column-start: 5;
  }
  .grid .sm\:col-end-5 {
    grid-column-end: 6;
  }
  .grid.sm\:grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid .sm\:col-6 {
    grid-column: span 6/span 6;
  }
  .grid .sm\:col-start-6 {
    grid-column-start: 6;
  }
  .grid .sm\:col-end-6 {
    grid-column-end: 7;
  }
  .grid.sm\:grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid .sm\:col-7 {
    grid-column: span 7/span 7;
  }
  .grid .sm\:col-start-7 {
    grid-column-start: 7;
  }
  .grid .sm\:col-end-7 {
    grid-column-end: 8;
  }
  .grid.sm\:grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid .sm\:col-8 {
    grid-column: span 8/span 8;
  }
  .grid .sm\:col-start-8 {
    grid-column-start: 8;
  }
  .grid .sm\:col-end-8 {
    grid-column-end: 9;
  }
  .grid.sm\:grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid .sm\:col-9 {
    grid-column: span 9/span 9;
  }
  .grid .sm\:col-start-9 {
    grid-column-start: 9;
  }
  .grid .sm\:col-end-9 {
    grid-column-end: 10;
  }
  .grid.sm\:grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid .sm\:col-10 {
    grid-column: span 10/span 10;
  }
  .grid .sm\:col-start-10 {
    grid-column-start: 10;
  }
  .grid .sm\:col-end-10 {
    grid-column-end: 11;
  }
  .grid.sm\:grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid .sm\:col-11 {
    grid-column: span 11/span 11;
  }
  .grid .sm\:col-start-11 {
    grid-column-start: 11;
  }
  .grid .sm\:col-end-11 {
    grid-column-end: 12;
  }
  .grid.sm\:grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid .sm\:col-12 {
    grid-column: span 12/span 12;
  }
  .grid .sm\:col-start-12 {
    grid-column-start: 12;
  }
  .grid .sm\:col-end-12 {
    grid-column-end: 13;
  }
}
@media screen and (width >= 991px) {
  .grid.md\:grid-row-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid .md\:row-1 {
    grid-row: span 1/span 1;
  }
  .grid .md\:row-start-1 {
    grid-row-start: 1;
  }
  .grid .md\:row-end-1 {
    grid-row-end: 2;
  }
  .grid.md\:grid-row-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid .md\:row-2 {
    grid-row: span 2/span 2;
  }
  .grid .md\:row-start-2 {
    grid-row-start: 2;
  }
  .grid .md\:row-end-2 {
    grid-row-end: 3;
  }
  .grid.md\:grid-row-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid .md\:row-3 {
    grid-row: span 3/span 3;
  }
  .grid .md\:row-start-3 {
    grid-row-start: 3;
  }
  .grid .md\:row-end-3 {
    grid-row-end: 4;
  }
  .grid.md\:grid-row-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid .md\:row-4 {
    grid-row: span 4/span 4;
  }
  .grid .md\:row-start-4 {
    grid-row-start: 4;
  }
  .grid .md\:row-end-4 {
    grid-row-end: 5;
  }
  .grid.md\:grid-row-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid .md\:row-5 {
    grid-row: span 5/span 5;
  }
  .grid .md\:row-start-5 {
    grid-row-start: 5;
  }
  .grid .md\:row-end-5 {
    grid-row-end: 6;
  }
  .grid.md\:grid-row-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid .md\:row-6 {
    grid-row: span 6/span 6;
  }
  .grid .md\:row-start-6 {
    grid-row-start: 6;
  }
  .grid .md\:row-end-6 {
    grid-row-end: 7;
  }
  .grid.md\:grid-row-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid .md\:row-7 {
    grid-row: span 7/span 7;
  }
  .grid .md\:row-start-7 {
    grid-row-start: 7;
  }
  .grid .md\:row-end-7 {
    grid-row-end: 8;
  }
  .grid.md\:grid-row-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid .md\:row-8 {
    grid-row: span 8/span 8;
  }
  .grid .md\:row-start-8 {
    grid-row-start: 8;
  }
  .grid .md\:row-end-8 {
    grid-row-end: 9;
  }
  .grid.md\:grid-row-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid .md\:row-9 {
    grid-row: span 9/span 9;
  }
  .grid .md\:row-start-9 {
    grid-row-start: 9;
  }
  .grid .md\:row-end-9 {
    grid-row-end: 10;
  }
  .grid.md\:grid-row-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid .md\:row-10 {
    grid-row: span 10/span 10;
  }
  .grid .md\:row-start-10 {
    grid-row-start: 10;
  }
  .grid .md\:row-end-10 {
    grid-row-end: 11;
  }
  .grid.md\:grid-row-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid .md\:row-11 {
    grid-row: span 11/span 11;
  }
  .grid .md\:row-start-11 {
    grid-row-start: 11;
  }
  .grid .md\:row-end-11 {
    grid-row-end: 12;
  }
  .grid.md\:grid-row-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid .md\:row-12 {
    grid-row: span 12/span 12;
  }
  .grid .md\:row-start-12 {
    grid-row-start: 12;
  }
  .grid .md\:row-end-12 {
    grid-row-end: 13;
  }
  .grid.md\:grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid .md\:col-1 {
    grid-column: span 1/span 1;
  }
  .grid .md\:col-start-1 {
    grid-column-start: 1;
  }
  .grid .md\:col-end-1 {
    grid-column-end: 2;
  }
  .grid.md\:grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid .md\:col-2 {
    grid-column: span 2/span 2;
  }
  .grid .md\:col-start-2 {
    grid-column-start: 2;
  }
  .grid .md\:col-end-2 {
    grid-column-end: 3;
  }
  .grid.md\:grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid .md\:col-3 {
    grid-column: span 3/span 3;
  }
  .grid .md\:col-start-3 {
    grid-column-start: 3;
  }
  .grid .md\:col-end-3 {
    grid-column-end: 4;
  }
  .grid.md\:grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid .md\:col-4 {
    grid-column: span 4/span 4;
  }
  .grid .md\:col-start-4 {
    grid-column-start: 4;
  }
  .grid .md\:col-end-4 {
    grid-column-end: 5;
  }
  .grid.md\:grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid .md\:col-5 {
    grid-column: span 5/span 5;
  }
  .grid .md\:col-start-5 {
    grid-column-start: 5;
  }
  .grid .md\:col-end-5 {
    grid-column-end: 6;
  }
  .grid.md\:grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid .md\:col-6 {
    grid-column: span 6/span 6;
  }
  .grid .md\:col-start-6 {
    grid-column-start: 6;
  }
  .grid .md\:col-end-6 {
    grid-column-end: 7;
  }
  .grid.md\:grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid .md\:col-7 {
    grid-column: span 7/span 7;
  }
  .grid .md\:col-start-7 {
    grid-column-start: 7;
  }
  .grid .md\:col-end-7 {
    grid-column-end: 8;
  }
  .grid.md\:grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid .md\:col-8 {
    grid-column: span 8/span 8;
  }
  .grid .md\:col-start-8 {
    grid-column-start: 8;
  }
  .grid .md\:col-end-8 {
    grid-column-end: 9;
  }
  .grid.md\:grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid .md\:col-9 {
    grid-column: span 9/span 9;
  }
  .grid .md\:col-start-9 {
    grid-column-start: 9;
  }
  .grid .md\:col-end-9 {
    grid-column-end: 10;
  }
  .grid.md\:grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid .md\:col-10 {
    grid-column: span 10/span 10;
  }
  .grid .md\:col-start-10 {
    grid-column-start: 10;
  }
  .grid .md\:col-end-10 {
    grid-column-end: 11;
  }
  .grid.md\:grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid .md\:col-11 {
    grid-column: span 11/span 11;
  }
  .grid .md\:col-start-11 {
    grid-column-start: 11;
  }
  .grid .md\:col-end-11 {
    grid-column-end: 12;
  }
  .grid.md\:grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid .md\:col-12 {
    grid-column: span 12/span 12;
  }
  .grid .md\:col-start-12 {
    grid-column-start: 12;
  }
  .grid .md\:col-end-12 {
    grid-column-end: 13;
  }
}
@media screen and (width >= 1200px) {
  .grid.lg\:grid-row-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid .lg\:row-1 {
    grid-row: span 1/span 1;
  }
  .grid .lg\:row-start-1 {
    grid-row-start: 1;
  }
  .grid .lg\:row-end-1 {
    grid-row-end: 2;
  }
  .grid.lg\:grid-row-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid .lg\:row-2 {
    grid-row: span 2/span 2;
  }
  .grid .lg\:row-start-2 {
    grid-row-start: 2;
  }
  .grid .lg\:row-end-2 {
    grid-row-end: 3;
  }
  .grid.lg\:grid-row-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid .lg\:row-3 {
    grid-row: span 3/span 3;
  }
  .grid .lg\:row-start-3 {
    grid-row-start: 3;
  }
  .grid .lg\:row-end-3 {
    grid-row-end: 4;
  }
  .grid.lg\:grid-row-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid .lg\:row-4 {
    grid-row: span 4/span 4;
  }
  .grid .lg\:row-start-4 {
    grid-row-start: 4;
  }
  .grid .lg\:row-end-4 {
    grid-row-end: 5;
  }
  .grid.lg\:grid-row-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid .lg\:row-5 {
    grid-row: span 5/span 5;
  }
  .grid .lg\:row-start-5 {
    grid-row-start: 5;
  }
  .grid .lg\:row-end-5 {
    grid-row-end: 6;
  }
  .grid.lg\:grid-row-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid .lg\:row-6 {
    grid-row: span 6/span 6;
  }
  .grid .lg\:row-start-6 {
    grid-row-start: 6;
  }
  .grid .lg\:row-end-6 {
    grid-row-end: 7;
  }
  .grid.lg\:grid-row-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid .lg\:row-7 {
    grid-row: span 7/span 7;
  }
  .grid .lg\:row-start-7 {
    grid-row-start: 7;
  }
  .grid .lg\:row-end-7 {
    grid-row-end: 8;
  }
  .grid.lg\:grid-row-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid .lg\:row-8 {
    grid-row: span 8/span 8;
  }
  .grid .lg\:row-start-8 {
    grid-row-start: 8;
  }
  .grid .lg\:row-end-8 {
    grid-row-end: 9;
  }
  .grid.lg\:grid-row-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid .lg\:row-9 {
    grid-row: span 9/span 9;
  }
  .grid .lg\:row-start-9 {
    grid-row-start: 9;
  }
  .grid .lg\:row-end-9 {
    grid-row-end: 10;
  }
  .grid.lg\:grid-row-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid .lg\:row-10 {
    grid-row: span 10/span 10;
  }
  .grid .lg\:row-start-10 {
    grid-row-start: 10;
  }
  .grid .lg\:row-end-10 {
    grid-row-end: 11;
  }
  .grid.lg\:grid-row-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid .lg\:row-11 {
    grid-row: span 11/span 11;
  }
  .grid .lg\:row-start-11 {
    grid-row-start: 11;
  }
  .grid .lg\:row-end-11 {
    grid-row-end: 12;
  }
  .grid.lg\:grid-row-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid .lg\:row-12 {
    grid-row: span 12/span 12;
  }
  .grid .lg\:row-start-12 {
    grid-row-start: 12;
  }
  .grid .lg\:row-end-12 {
    grid-row-end: 13;
  }
  .grid.lg\:grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid .lg\:col-1 {
    grid-column: span 1/span 1;
  }
  .grid .lg\:col-start-1 {
    grid-column-start: 1;
  }
  .grid .lg\:col-end-1 {
    grid-column-end: 2;
  }
  .grid.lg\:grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid .lg\:col-2 {
    grid-column: span 2/span 2;
  }
  .grid .lg\:col-start-2 {
    grid-column-start: 2;
  }
  .grid .lg\:col-end-2 {
    grid-column-end: 3;
  }
  .grid.lg\:grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid .lg\:col-3 {
    grid-column: span 3/span 3;
  }
  .grid .lg\:col-start-3 {
    grid-column-start: 3;
  }
  .grid .lg\:col-end-3 {
    grid-column-end: 4;
  }
  .grid.lg\:grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid .lg\:col-4 {
    grid-column: span 4/span 4;
  }
  .grid .lg\:col-start-4 {
    grid-column-start: 4;
  }
  .grid .lg\:col-end-4 {
    grid-column-end: 5;
  }
  .grid.lg\:grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid .lg\:col-5 {
    grid-column: span 5/span 5;
  }
  .grid .lg\:col-start-5 {
    grid-column-start: 5;
  }
  .grid .lg\:col-end-5 {
    grid-column-end: 6;
  }
  .grid.lg\:grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid .lg\:col-6 {
    grid-column: span 6/span 6;
  }
  .grid .lg\:col-start-6 {
    grid-column-start: 6;
  }
  .grid .lg\:col-end-6 {
    grid-column-end: 7;
  }
  .grid.lg\:grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid .lg\:col-7 {
    grid-column: span 7/span 7;
  }
  .grid .lg\:col-start-7 {
    grid-column-start: 7;
  }
  .grid .lg\:col-end-7 {
    grid-column-end: 8;
  }
  .grid.lg\:grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid .lg\:col-8 {
    grid-column: span 8/span 8;
  }
  .grid .lg\:col-start-8 {
    grid-column-start: 8;
  }
  .grid .lg\:col-end-8 {
    grid-column-end: 9;
  }
  .grid.lg\:grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid .lg\:col-9 {
    grid-column: span 9/span 9;
  }
  .grid .lg\:col-start-9 {
    grid-column-start: 9;
  }
  .grid .lg\:col-end-9 {
    grid-column-end: 10;
  }
  .grid.lg\:grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid .lg\:col-10 {
    grid-column: span 10/span 10;
  }
  .grid .lg\:col-start-10 {
    grid-column-start: 10;
  }
  .grid .lg\:col-end-10 {
    grid-column-end: 11;
  }
  .grid.lg\:grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid .lg\:col-11 {
    grid-column: span 11/span 11;
  }
  .grid .lg\:col-start-11 {
    grid-column-start: 11;
  }
  .grid .lg\:col-end-11 {
    grid-column-end: 12;
  }
  .grid.lg\:grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid .lg\:col-12 {
    grid-column: span 12/span 12;
  }
  .grid .lg\:col-start-12 {
    grid-column-start: 12;
  }
  .grid .lg\:col-end-12 {
    grid-column-end: 13;
  }
}

.flex {
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}
.flex.align-center {
  -ms-flex-align: center;
      align-items: center;
}
.flex.align-stretch {
  -ms-flex-align: stretch;
      align-items: stretch;
}
.flex.align-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.flex.justify-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.flex.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.flex.justify-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.flex.justify-evenly {
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
}
.flex.gap-0 {
  gap: 0rem;
}
.flex.gap-1 {
  gap: 1rem;
}
.flex.gap-2 {
  gap: 2rem;
}
.flex.gap-3 {
  gap: 3rem;
}
.flex.gap-4 {
  gap: 4rem;
}
.flex .order-1 {
  -ms-flex-order: 1;
      order: 1;
}
.flex .order-2 {
  -ms-flex-order: 2;
      order: 2;
}
.flex .order-3 {
  -ms-flex-order: 3;
      order: 3;
}
@media screen and (width < 991px) {
  .flex .xs\:order-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .flex .xs\:order-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .flex .xs\:order-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .flex.xs\:gap-0 {
    gap: 0rem;
  }
  .flex.xs\:gap-1 {
    gap: 1rem;
  }
  .flex.xs\:gap-2 {
    gap: 2rem;
  }
  .flex.xs\:gap-3 {
    gap: 3rem;
  }
  .flex.xs\:gap-4 {
    gap: 4rem;
  }
}
@media screen and (width >= 768px) {
  .flex .sm\:order-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .flex .sm\:order-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .flex .sm\:order-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .flex.sm\:gap-0 {
    gap: 0rem;
  }
  .flex.sm\:gap-1 {
    gap: 1rem;
  }
  .flex.sm\:gap-2 {
    gap: 2rem;
  }
  .flex.sm\:gap-3 {
    gap: 3rem;
  }
  .flex.sm\:gap-4 {
    gap: 4rem;
  }
}
@media screen and (width >= 991px) {
  .flex .md\:order-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .flex .md\:order-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .flex .md\:order-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .flex.md\:gap-0 {
    gap: 0rem;
  }
  .flex.md\:gap-1 {
    gap: 1rem;
  }
  .flex.md\:gap-2 {
    gap: 2rem;
  }
  .flex.md\:gap-3 {
    gap: 3rem;
  }
  .flex.md\:gap-4 {
    gap: 4rem;
  }
}
@media screen and (width >= 1200px) {
  .flex .lg\:order-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .flex .lg\:order-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .flex .lg\:order-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .flex.lg\:gap-0 {
    gap: 0rem;
  }
  .flex.lg\:gap-1 {
    gap: 1rem;
  }
  .flex.lg\:gap-2 {
    gap: 2rem;
  }
  .flex.lg\:gap-3 {
    gap: 3rem;
  }
  .flex.lg\:gap-4 {
    gap: 4rem;
  }
}
.flex.row-wrap {
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}

@media screen and (width < 991px) {
  .xs\:hidden {
    display: none !important;
  }
  .xs\:visible {
    display: revert !important;
  }
}
@media screen and (width >= 768px) {
  .sm\:hidden {
    display: none !important;
  }
  .sm\:visible {
    display: revert !important;
  }
}
@media screen and (width >= 991px) {
  .md\:hidden {
    display: none !important;
  }
  .md\:visible {
    display: revert !important;
  }
}
@media screen and (width >= 1200px) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:visible {
    display: revert !important;
  }
}
:root {
  --font-base: poppins, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
}

@font-face {
  font-family: poppins;
  src: url("../fonts/poppins-regular-webfont.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: poppins;
  src: url("../fonts/poppins-italic-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: poppins;
  src: url("../fonts/poppins-semibold-webfont.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: poppins;
  src: url("../fonts/poppins-semiboldtalic-webfont.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: picon;
  src: url("../fonts/picon.woff2?xu19yc") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.picon {
  /* use !important to prevent issues with browser extensions that change fonts */
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: picon !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.picon-schoolar::before {
  content: "\e918";
}

.picon-humans::before {
  content: "\e919";
}

.picon-heart-handshake::before {
  content: "\e91a";
}

.picon-health-recognition::before {
  content: "\e91b";
}

.picon-book::before {
  content: "\e91c";
}

.picon-download::before {
  content: "\e91d";
}

.picon-circle::before {
  content: "\e900";
}

.picon-check::before {
  content: "\e901";
}

.picon-calendar::before {
  content: "\e902";
}

.picon-xmark::before {
  content: "\e903";
}

.picon-filter::before {
  content: "\e904";
}

.picon-location-dot::before {
  content: "\e905";
}

.picon-triangle-exclamation::before {
  content: "\e906";
}

.picon-calendar-check::before {
  content: "\e907";
}

.picon-house::before {
  content: "\e908";
}

.picon-instagram::before {
  content: "\e909";
}

.picon-facebook-f::before {
  content: "\e90a";
}

.picon-x-twitter::before {
  content: "\e90b";
}

.picon-twitter::before {
  content: "\e90c";
}

.picon-linkedin-in::before {
  content: "\e90d";
}

.picon-stroller::before {
  content: "\e90e";
}

.picon-weighted-scale::before {
  content: "\e90f";
}

.picon-circle-info::before {
  content: "\e910";
}

.picon-arrow-left::before {
  content: "\e911";
}

.picon-arrow-right::before {
  content: "\e912";
}

.picon-speech::before {
  content: "\e913";
}

.picon-exit::before {
  content: "\e914";
}

.picon-phone::before {
  content: "\e915";
}

.picon-heart::before {
  content: "\e916";
}

.picon-chevron-down::before {
  content: "\e917";
}

/**
* == Classes utilitaires à utiliser sur des éléments isolés ==
*/
/**
* Exposes colors to the DOM
*/
:root {
  --white: #FFF;
  --black: #000;
  --body: #0A203D;
  --gray-50: #fafafa;
  --gray-100: #f4f4f5;
  --gray-200: #e4e4e7;
  --gray-300: #d4d4d8;
  --gray-400: #a1a1aa;
  --gray-500: #71717a;
  --gray-600: #52525b;
  --gray-700: #3f3f46;
  --gray-800: #27272a;
  --gray-900: #18181b;
  --bg-body: #FFF;
  --slate-900: #0A203D;
  --purple-500: #AD70A1;
  --purple-300: #DCADD1;
  --purple-200: rgb(224.3416666667, 188.1583333333, 217.2236338798);
  --purple-100: rgb(247.3466666667, 241.6533333333, 246.2266666667);
  --cyan-500: #2EAEAE;
  --orange-500: #F59D00;
  --orange-300: #ffb534;
  --orange-100: #FDE7C7;
  --green-600: #059669;
  --green-500: #10b981;
  --green-400: #4ade80;
  --red-600: #dc2626;
  --red-500: #ef4444;
  --red-400: #f87171;
  --primary-gradient: linear-gradient(to right, var(--orange-100), color-mix(in srgb, var(--purple-300), var(--white) 20%));
  --primary-gradient-light: linear-gradient(to right, color-mix(in srgb, var(--orange-100), var(--white) 40%), color-mix(in srgb, var(--purple-300), var(--white) 20%));
  --primary-gradient-y: linear-gradient(to bottom, var(--orange-100), color-mix(in srgb, var(--purple-300), var(--white) 20%));
  --primary-gradient-light-y: linear-gradient(to bottom, color-mix(in srgb, var(--orange-100), var(--white) 40%), color-mix(in srgb, var(--purple-300), var(--white) 20%));
  --secondary-gradient: linear-gradient(to left, var(--orange-100), color-mix(in srgb, var(--purple-300), var(--white) 20%));
  --secondary-gradient-light: linear-gradient(to left, color-mix(in srgb, var(--orange-100), var(--white) 40%), color-mix(in srgb, var(--purple-300), var(--white) 20%));
  --secondary-gradient-y: linear-gradient(to top, var(--orange-100), color-mix(in srgb, var(--purple-300), var(--white) 20%));
  --secondary-gradient-light-y: linear-gradient(to top, color-mix(in srgb, var(--orange-100), var(--white) 40%), color-mix(in srgb, var(--purple-300), var(--white) 20%));
}

.txt-white {
  color: var(--white);
}

.bg-white {
  background-color: var(--white);
}

.txt-black {
  color: var(--black);
}

.bg-black {
  background-color: var(--black);
}

.txt-body {
  color: var(--body);
}

.bg-body {
  background-color: var(--body);
}

.txt-gray-50 {
  color: var(--gray-50);
}

.bg-gray-50 {
  background-color: var(--gray-50);
}

.txt-gray-100 {
  color: var(--gray-100);
}

.bg-gray-100 {
  background-color: var(--gray-100);
}

.txt-gray-200 {
  color: var(--gray-200);
}

.bg-gray-200 {
  background-color: var(--gray-200);
}

.txt-gray-300 {
  color: var(--gray-300);
}

.bg-gray-300 {
  background-color: var(--gray-300);
}

.txt-gray-400 {
  color: var(--gray-400);
}

.bg-gray-400 {
  background-color: var(--gray-400);
}

.txt-gray-500 {
  color: var(--gray-500);
}

.bg-gray-500 {
  background-color: var(--gray-500);
}

.txt-gray-600 {
  color: var(--gray-600);
}

.bg-gray-600 {
  background-color: var(--gray-600);
}

.txt-gray-700 {
  color: var(--gray-700);
}

.bg-gray-700 {
  background-color: var(--gray-700);
}

.txt-gray-800 {
  color: var(--gray-800);
}

.bg-gray-800 {
  background-color: var(--gray-800);
}

.txt-gray-900 {
  color: var(--gray-900);
}

.bg-gray-900 {
  background-color: var(--gray-900);
}

.txt-bg-body {
  color: var(--bg-body);
}

.bg-bg-body {
  background-color: var(--bg-body);
}

.txt-slate-900 {
  color: var(--slate-900);
}

.bg-slate-900 {
  background-color: var(--slate-900);
}

.txt-purple-500 {
  color: var(--purple-500);
}

.bg-purple-500 {
  background-color: var(--purple-500);
}

.txt-purple-300 {
  color: var(--purple-300);
}

.bg-purple-300 {
  background-color: var(--purple-300);
}

.txt-purple-200 {
  color: var(--purple-200);
}

.bg-purple-200 {
  background-color: var(--purple-200);
}

.txt-purple-100 {
  color: var(--purple-100);
}

.bg-purple-100 {
  background-color: var(--purple-100);
}

.txt-cyan-500 {
  color: var(--cyan-500);
}

.bg-cyan-500 {
  background-color: var(--cyan-500);
}

.txt-orange-500 {
  color: var(--orange-500);
}

.bg-orange-500 {
  background-color: var(--orange-500);
}

.txt-orange-300 {
  color: var(--orange-300);
}

.bg-orange-300 {
  background-color: var(--orange-300);
}

.txt-orange-100 {
  color: var(--orange-100);
}

.bg-orange-100 {
  background-color: var(--orange-100);
}

.txt-green-600 {
  color: var(--green-600);
}

.bg-green-600 {
  background-color: var(--green-600);
}

.txt-green-500 {
  color: var(--green-500);
}

.bg-green-500 {
  background-color: var(--green-500);
}

.txt-green-400 {
  color: var(--green-400);
}

.bg-green-400 {
  background-color: var(--green-400);
}

.txt-red-600 {
  color: var(--red-600);
}

.bg-red-600 {
  background-color: var(--red-600);
}

.txt-red-500 {
  color: var(--red-500);
}

.bg-red-500 {
  background-color: var(--red-500);
}

.txt-red-400 {
  color: var(--red-400);
}

.bg-red-400 {
  background-color: var(--red-400);
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.relative {
  position: relative;
}

img, picture {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  shape-margin: 0.75rem;
  background-repeat: no-repeat;
  background-size: cover;
}
img.align-right, picture.align-right {
  float: right;
  margin-left: 3rem;
}
img.align-left, picture.align-left {
  float: left;
  margin-right: 3rem;
}
img.align-center, picture.align-center {
  margin: 2rem auto;
  display: table;
}

figure {
  display: block;
  margin: 0;
  padding: 0;
}

.active-link-photo .photo {
  overflow: hidden;
}
.active-link-photo .photo img {
  transition: all 300ms ease;
  display: block;
}

.active-link {
  position: relative;
}
.active-link .title {
  transition: all 300ms ease;
}
.active-link a::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
}

.no-touch a:not(.btn) {
  transition: all 300ms ease;
  opacity: 1;
}
.no-touch a:not(.btn):hover {
  opacity: 0.7;
}
.no-touch .active-link-photo:hover .photo img {
  transition: all 300ms ease;
  transform: scale(1.05);
}

.txt-right {
  text-align: right;
}
.txt-center {
  text-align: center;
}
.txt-left {
  text-align: left;
}

.color-white {
  color: var(--white);
}

.color-black {
  color: var(--black);
}

.color-body {
  color: var(--body);
}

.color-gray-50 {
  color: var(--gray-50);
}

.color-gray-100 {
  color: var(--gray-100);
}

.color-gray-200 {
  color: var(--gray-200);
}

.color-gray-300 {
  color: var(--gray-300);
}

.color-gray-400 {
  color: var(--gray-400);
}

.color-gray-500 {
  color: var(--gray-500);
}

.color-gray-600 {
  color: var(--gray-600);
}

.color-gray-700 {
  color: var(--gray-700);
}

.color-gray-800 {
  color: var(--gray-800);
}

.color-gray-900 {
  color: var(--gray-900);
}

.color-bg-body {
  color: var(--bg-body);
}

.color-slate-900 {
  color: var(--slate-900);
}

.color-purple-500 {
  color: var(--purple-500);
}

.color-purple-300 {
  color: var(--purple-300);
}

.color-purple-200 {
  color: var(--purple-200);
}

.color-purple-100 {
  color: var(--purple-100);
}

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

.color-orange-500 {
  color: var(--orange-500);
}

.color-orange-300 {
  color: var(--orange-300);
}

.color-orange-100 {
  color: var(--orange-100);
}

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

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

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

.color-red-600 {
  color: var(--red-600);
}

.color-red-500 {
  color: var(--red-500);
}

.color-red-400 {
  color: var(--red-400);
}

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

img.alignleft {
  display: block;
  margin-right: auto;
}

img.alignright {
  display: block;
  margin-left: auto;
}

ul.reset,
ol.reset,
menu.reset {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  font-weight: initial;
  font-size: 1em;
  orphans: 3;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

html {
  box-sizing: border-box;
  font-size: 10px;
  -ms-overflow-style: scrollbar;
  height: calc(100vh - 32px);
  -webkit-overflow-scrolling: touch;
}

html *,
html *::before,
html *::after {
  box-sizing: border-box;
}

@media screen and (width < 782px) {
  html {
    height: calc(100vh - 46px);
  }
}
@media screen and (width < 600px) {
  html #wpadminbar {
    position: fixed !important;
  }
}
body {
  font-family: poppins, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
  color: var(--body);
  background-color: var(--bg-body);
  min-height: 100%;
  position: relative;
}
body main {
  padding-top: calc(var(--header-offset) + 3rem);
  -webkit-overflow-scrolling: touch;
}
body main * {
  scroll-margin-top: calc(var(--header-offset) + 3rem);
}
body p {
  line-height: 1.3;
}

:root {
  --header-offset: 13rem;
  --section-breathing: 10vh;
}
@media screen and (width >= 991px) {
  :root {
    --header-offset: 13.9rem;
    --section-breathing: 9.2rem;
  }
}

.wp-content {
  --spacer-y: 1em;
}
.wp-content > * + * {
  margin-top: var(--spacer-y);
}
.wp-content > * + *.btn.skew, .wp-content > * + *.btn.incline {
  margin-block: calc(var(--spacer-y) * 3) calc(var(--spacer-y) * 2);
}
.wp-content ul, .wp-content ol {
  margin-bottom: calc(var(--spacer-y) * 2);
  line-height: 1.5;
}
.wp-content ul > li + li, .wp-content ol > li + li {
  margin-top: calc(var(--spacer-y) - var(--spacer-y) / 4);
}
.wp-content h1 {
  font-size: 2.5em;
  font-weight: 400;
}
@media screen and (width >= 991px) {
  .wp-content h1 {
    font-size: 3.7em;
  }
}
.wp-content h2 {
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.75;
}
@media screen and (width >= 991px) {
  .wp-content h2 {
    font-size: 2em;
  }
}
.wp-content h3 {
  font-size: 1.05em;
  font-weight: 600;
  line-height: 1.75;
}
@media screen and (width >= 991px) {
  .wp-content h3 {
    font-size: 1.25em;
  }
}
.wp-content h4 {
  font-size: 0.95em;
  font-weight: 600;
  line-height: 1.75;
}
@media screen and (width >= 991px) {
  .wp-content h4 {
    font-size: 1.05em;
  }
}
.wp-content p {
  line-height: 1.6;
}

/* stylelint-disable-next-line selector-class-pattern */
.wp-content.y-1\/3 {
  --spacer-y: .33em;
}

.heading-1 {
  font-size: 2.5em;
  font-weight: 400;
}
@media screen and (width >= 991px) {
  .heading-1 {
    font-size: 3.7em;
  }
}

.heading-2 {
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.75;
}
@media screen and (width >= 991px) {
  .heading-2 {
    font-size: 2em;
  }
}

.heading-3 {
  font-size: 1.05em;
  font-weight: 600;
  line-height: 1.75;
}
@media screen and (width >= 991px) {
  .heading-3 {
    font-size: 1.25em;
  }
}

.heading-4 {
  font-size: 0.95em;
  font-weight: 600;
  line-height: 1.75;
}
@media screen and (width >= 991px) {
  .heading-4 {
    font-size: 1.05em;
  }
}

.paragraph {
  line-height: 1.6;
}

a:not([class]) {
  outline-offset: 0.2rem;
  color: color-mix(in srgb, var(--body), var(--white) 12.5%);
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.15rem;
  line-height: 1.5;
  -webkit-text-decoration-color: color-mix(in srgb, var(--cyan-500), transparent 60%);
          text-decoration-color: color-mix(in srgb, var(--cyan-500), transparent 60%);
  transition-property: color, -webkit-text-decoration-color;
  transition-property: text-decoration-color, color;
  transition-property: text-decoration-color, color, -webkit-text-decoration-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}
a:not([class]):hover, a:not([class]):focus-visible {
  color: var(--cyan-500);
  -webkit-text-decoration-color: color-mix(in srgb, var(--cyan-500), transparent 40%);
          text-decoration-color: color-mix(in srgb, var(--cyan-500), transparent 40%);
}

.wp-content a:not([class]) {
  font-weight: 600;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.3rem;
}

.wp-content p > a.btn:is(.incline, .skew) {
  margin-top: 1.6em;
}

.wp-content strong,
.strong {
  font-weight: 600;
}

.callout {
  --icon-color: var(--purple-500);
  --bg-color: var(--purple-100);
  --border-color: var(--purple-100);
  padding: 1.6rem 2.4rem;
  background-color: var(--bg-color);
  border: 0.1rem solid var(--border-color);
  border-radius: 1.6rem;
  --spacer-y: 1em;
}
.callout > * + * {
  margin-top: var(--spacer-y);
}
.callout > * + *.btn.skew, .callout > * + *.btn.incline {
  margin-block: calc(var(--spacer-y) * 3) calc(var(--spacer-y) * 2);
}
.callout::before {
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: picon;
  content: "\e910";
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 1.7em;
  color: var(--icon-color);
}
.callout-telephone::before {
  content: "\e915";
}
.callout-calendar::before {
  content: "\e907";
}
.callout-danger {
  --bg-color: var(--purple-100);
  --border-color: var(--purple-500);
}
.callout-danger::before {
  content: "\e906";
}
.callout-download {
  --bg-color: var(--purple-100);
  --border-color: var(--purple-500);
  position: relative;
  padding-block: 2.8rem;
  padding-left: 8rem;
}
.callout-download::before {
  position: absolute;
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
  aspect-ratio: 1;
  content: "\e91d";
  background-color: var(--white);
  border-radius: 50%;
}

.note {
  padding-block: 0.75rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0.5ch;
  font-size: 0.9em;
}
.note .picon {
  font-size: 1.4em;
}
.note-primary .picon {
  color: var(--orange-500);
}
.note-secondary .picon {
  color: var(--purple-500);
}
.note-unspace {
  margin-top: 0 !important;
}

.btn {
  position: relative;
  margin-inline: 3px;
  padding: 1.6rem 2.4rem;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 600;
  font-size: 0.9em;
  text-underline-offset: 0.2em;
  border-radius: 100vmax;
  transition-property: color, background-color, box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  background: none;
  border: none;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}
.btn:hover, .btn:active {
  text-decoration: none;
}
.btn.arrow-right > span, .btn.arrow-left > span {
  display: -ms-flexbox;
  display: flex;
  gap: 1.2ch;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
}
.btn.arrow-right > span::before,
.btn.arrow-right > span::after, .btn.arrow-left > span::before,
.btn.arrow-left > span::after {
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: picon;
  font-size: 1em;
}
.btn.arrow-right > span::after {
  display: block;
  content: "\e912";
}
.btn.arrow-left > span::before {
  display: block;
  content: "\e911";
}
.btn.icon-only {
  padding: 0;
  width: 5.2rem;
  height: 5.2rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  font-size: 1.6em;
  border-radius: 50%;
}
.btn.skew, .btn.incline {
  padding: 1rem 2.4rem;
  position: relative;
  isolation: isolate;
}
.btn.skew::before, .btn.skew::after, .btn.incline::before, .btn.incline::after {
  display: block;
  content: "";
  position: absolute;
  inset: -1.6rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
  transition: opacity 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.btn.skew::before, .btn.incline::before {
  opacity: 1;
}
.btn.skew::after, .btn.incline::after {
  opacity: 0;
}
.btn.skew:hover, .btn.skew:focus-visible, .btn.incline:hover, .btn.incline:focus-visible {
  border-radius: 0;
  outline-offset: 0.5rem;
}
.btn.skew:hover::before, .btn.skew:focus-visible::before, .btn.incline:hover::before, .btn.incline:focus-visible::before {
  opacity: 0;
}
.btn.skew:hover::after, .btn.skew:focus-visible::after, .btn.incline:hover::after, .btn.incline:focus-visible::after {
  opacity: 1;
}
.btn:disabled {
  cursor: initial;
  color: var(--gray-500);
  background-color: var(--gray-300);
}
.btn:not(:disabled) {
  color: inherit;
  background-color: var(--theme-base);
}
.btn:not(:disabled):hover {
  background-color: var(--theme-hover);
}
.btn:not(:disabled):focus-visible {
  text-decoration: underline;
  box-shadow: 0 0 0 4px var(--theme-focus);
}
.btn-primary {
  --theme-base: var(--purple-500);
  --theme-hover: color-mix(in srgb, var(--purple-500), var(--white) 20%);
  --theme-focus: color-mix(in srgb, var(--purple-500) 30%, transparent);
}
.btn-primary.faded {
  --theme-base: color-mix(in srgb, var(--purple-500), transparent 80%);
  --theme-hover: color-mix(in srgb, var(--purple-500), transparent 60%);
  --theme-focus: color-mix(in srgb, var(--purple-500) 25%, transparent);
}
.btn-primary::before {
  background-image: url("../../assets/images/raw/backgrounds/btn-primary.svg");
}
.btn-primary::after {
  background-image: url("../../assets/images/raw/backgrounds/btn-primary-hover.svg");
}
.btn-secondary {
  --theme-base: var(--cyan-500);
  --theme-hover: color-mix(in srgb, var(--cyan-500), var(--white) 20%);
  --theme-focus: color-mix(in srgb, var(--cyan-500) 30%, transparent);
}
.btn-secondary.faded {
  --theme-base: color-mix(in srgb, var(--cyan-500), transparent 80%);
  --theme-hover: color-mix(in srgb, var(--cyan-500), transparent 60%);
  --theme-focus: color-mix(in srgb, var(--cyan-500) 25%, transparent);
}
.btn-secondary::before {
  background-image: url("../../assets/images/raw/backgrounds/btn-secondary.svg");
}
.btn-secondary::after {
  background-image: url("../../assets/images/raw/backgrounds/btn-secondary-hover.svg");
}
.btn-tertiary {
  --theme-base: var(--white);
  --theme-hover: color-mix(in srgb, var(--white), var(--purple-500) 20%);
  --theme-focus: color-mix(in srgb, var(--white) 30%, var(--purple-500));
}
.btn-tertiary.faded {
  --theme-base: color-mix(in srgb, var(--white), var(--purple-500) 80%);
  --theme-hover: color-mix(in srgb, var(--white), var(--purple-500) 60%);
  --theme-focus: color-mix(in srgb, var(--white) 25%, var(--purple-500));
}
.btn-tertiary::before {
  background-image: url("../../assets/images/raw/backgrounds/btn-tertiary.svg");
}
.btn-tertiary::after {
  background-image: url("../../assets/images/raw/backgrounds/btn-tertiary-hover.svg");
}
.btn-quaternary {
  --theme-base: var(--orange-500);
  --theme-hover: color-mix(in srgb, var(--orange-500), var(--white) 20%);
  --theme-focus: color-mix(in srgb, var(--orange-500) 30%, transparent);
}
.btn-quaternary.faded {
  --theme-base: color-mix(in srgb, var(--orange-500), transparent 80%);
  --theme-hover: color-mix(in srgb, var(--orange-500), transparent 60%);
  --theme-focus: color-mix(in srgb, var(--orange-500) 25%, transparent);
}
.btn-quaternary::before {
  background-image: url("../../assets/images/raw/backgrounds/btn-secondary.svg");
}
.btn-quaternary::after {
  background-image: url("../../assets/images/raw/backgrounds/btn-secondary-hover.svg");
}
.btn-gradient:not(:disabled) {
  color: inherit;
  background-image: var(--secondary-gradient);
}
.btn-gradient:not(:disabled):hover {
  color: var(--purple-500);
  background-image: var(--primary-gradient-light);
}
.btn-gradient:not(:disabled):focus-visible {
  text-decoration: underline;
  box-shadow: 0 0 0 4px var(--purple-100);
}
.btn-link {
  --theme-base: transparent;
  --theme-hover: transparent;
  --theme-focus: transparent;
  outline-offset: 0.2rem;
  color: color-mix(in srgb, var(--body), var(--white) 12.5%);
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.15rem;
  line-height: 1.5;
  -webkit-text-decoration-color: color-mix(in srgb, var(--cyan-500), transparent 60%);
          text-decoration-color: color-mix(in srgb, var(--cyan-500), transparent 60%);
  transition-property: color, -webkit-text-decoration-color;
  transition-property: text-decoration-color, color;
  transition-property: text-decoration-color, color, -webkit-text-decoration-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}
.btn-link:hover, .btn-link:focus-visible {
  color: var(--cyan-500);
  -webkit-text-decoration-color: color-mix(in srgb, var(--cyan-500), transparent 40%);
          text-decoration-color: color-mix(in srgb, var(--cyan-500), transparent 40%);
}
.btn-link {
  padding: 0.6rem 0 !important;
  border: none;
  font-weight: 600;
  border-radius: 0;
}
.btn-primary.skew, .btn-primary.incline, .btn-secondary.skew, .btn-secondary.incline, .btn-tertiary.skew, .btn-tertiary.incline {
  background: none;
}
.btn-primary.skew:hover, .btn-primary.skew:focus-visible, .btn-primary.incline:hover, .btn-primary.incline:focus-visible, .btn-secondary.skew:hover, .btn-secondary.skew:focus-visible, .btn-secondary.incline:hover, .btn-secondary.incline:focus-visible, .btn-tertiary.skew:hover, .btn-tertiary.skew:focus-visible, .btn-tertiary.incline:hover, .btn-tertiary.incline:focus-visible {
  background: none;
  box-shadow: none;
  outline: revert;
}
.btn.lg {
  padding: 1.8rem 2.8rem;
  font-size: 1.15em;
}
.btn.lg.icon-only {
  padding: 0 !important;
  width: 6.4rem;
  height: 6.4rem;
  font-size: 2em;
}
.btn.sm {
  padding: 1rem 2.4rem;
  font-size: 0.8em;
}
.btn.sm.icon-only {
  padding: 0 !important;
  width: 4.2rem;
  height: 4.2rem;
  font-size: 1.2em;
}

.pill {
  --theme-accent: var(--body);
  --theme-base: color-mix(in srgb, var(--theme-accent), var(--white) 90%);
  --theme-shadow: color-mix(in srgb, var(--theme-accent), transparent 80%);
  position: relative;
  padding: 0.8rem 1.6rem;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -moz-column-gap: 1ch;
       column-gap: 1ch;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 600;
  font-size: 0.8em;
  text-underline-offset: 0.2em;
  border-radius: 100vmax;
  transition-property: color, background-color, box-shadow, border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  color: inherit;
  text-decoration: none;
  background-color: var(--theme-base);
  border: 0.2rem solid var(--theme-accent);
}
.pill.active {
  color: var(--theme-base);
  background-color: var(--theme-accent);
}
.pill.active:hover {
  background-color: color-mix(in srgb, var(--theme-accent), var(--white) 15%);
  border-color: color-mix(in srgb, var(--theme-accent), var(--white) 15%);
}
.pill.lg {
  padding: 1rem 1.6rem;
  font-size: 0.9em;
}
.pill.lg .picon {
  font-size: 1.25em;
}
.pill.sm {
  padding: 0.6rem 1.2rem;
  font-size: 0.75em;
}
.pill.sm .picon {
  font-size: 1.25em;
}
.pill:not(.label):hover {
  color: var(--theme-base);
  background-color: var(--theme-accent);
  text-decoration: underline;
}
.pill:not(.label):focus-visible {
  text-decoration: underline;
  box-shadow: 0 0 0 4px var(--theme-shadow);
}
.pill.label:hover {
  color: var(--theme-base);
  background-color: var(--theme-accent);
}
.pill.label:hover :not(.picon) {
  text-decoration: underline;
}
.pill.label:focus-visible {
  box-shadow: 0 0 0 4px var(--theme-shadow);
}
.pill.label:focus-visible :not(.picon) {
  text-decoration: underline;
}
.pill-secondary {
  --theme-accent: var(--purple-500);
  --theme-base: color-mix(in srgb, var(--purple-500), var(--white) 90%);
  --theme-shadow: color-mix(in srgb, var(--purple-500), transparent 80%);
}

.icon-badge {
  --bg-color: var(--purple-500);
  aspect-ratio: 1;
  width: 4.8rem;
  height: 4.8rem;
  margin-bottom: 1.6rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: 1.7em;
  color: var(--white);
  background-color: var(--bg-color);
}

.card {
  --radius: .8rem;
  --padding: 2.4rem;
  --bg-color: var(--white);
  --border-color: var(--gray-300);
  height: 100%;
  padding: var(--padding);
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
}
.card[data-hidden=true] {
  display: none;
}
.card .card-body {
  --spacer-y: 1em;
}
.card .card-body > * + * {
  margin-top: var(--spacer-y);
}
.card .card-body > * + *.btn.skew, .card .card-body > * + *.btn.incline {
  margin-block: calc(var(--spacer-y) * 3) calc(var(--spacer-y) * 2);
}
.card.border-gradient, .card.border-none {
  --padding: calc(2.4rem + 0.2rem);
  --bg-color: transparent;
  --border-color: transparent;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.card.border-gradient::before, .card.border-gradient::after, .card.border-none::before, .card.border-none::after {
  display: block;
  content: "";
  position: absolute;
}
.card.border-gradient::before, .card.border-none::before {
  inset: -2rem;
  background-image: var(--secondary-gradient);
  z-index: -2;
  border-radius: var(--radius);
}
.card.border-gradient::after, .card.border-none::after {
  inset: calc(0.2rem);
  background-color: var(--white);
  z-index: -1;
  border-radius: calc(var(--radius) - 0.1rem);
}
.card.border-none {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 2.4rem;
}
.card.border-none .thumbnail {
  max-width: 50%;
}
.card.border-none .thumbnail :is(picture, img) {
  border-radius: 2.4rem;
}
.card.border-none::before, .card.border-none::after {
  display: none;
}
.card.border-none:hover .pill, .card.border-none:focus-within .pill {
  color: var(--theme-base);
  background-color: var(--theme-accent);
}
.card.border-slash {
  --radius: 1.6rem;
  --border-color: transparent;
  --bg-color: transparent;
  position: relative;
  isolation: isolate;
}
.card.border-slash .thumbnail {
  position: relative;
  -webkit-clip-path: polygon(0% 10.33%, 0% 10.33%, 0.062% 8.655%, 0.242% 7.065%, 0.529% 5.583%, 0.915% 4.229%, 1.389% 3.026%, 1.941% 1.993%, 2.562% 1.153%, 3.242% 0.527%, 3.972% 0.135%, 4.741% 0%, 95.259% 0%, 95.259% 0%, 96.028% 0.135%, 96.758% 0.527%, 97.438% 1.153%, 98.059% 1.993%, 98.612% 3.026%, 99.085% 4.229%, 99.471% 5.583%, 99.758% 7.065%, 99.938% 8.655%, 100% 10.33%, 100% 89.702%, 100% 89.702%, 99.931% 91.468%, 99.733% 93.133%, 99.416% 94.674%, 98.994% 96.068%, 98.476% 97.29%, 97.876% 98.317%, 97.206% 99.125%, 96.475% 99.69%, 95.698% 99.99%, 94.884% 100%, 4.366% 84.367%, 4.366% 84.367%, 3.645% 84.12%, 2.965% 83.65%, 2.336% 82.973%, 1.764% 82.11%, 1.259% 81.079%, 0.827% 79.899%, 0.477% 78.589%, 0.217% 77.168%, 0.056% 75.655%, 0% 74.068%, 0% 10.33%);
          clip-path: polygon(0% 10.33%, 0% 10.33%, 0.062% 8.655%, 0.242% 7.065%, 0.529% 5.583%, 0.915% 4.229%, 1.389% 3.026%, 1.941% 1.993%, 2.562% 1.153%, 3.242% 0.527%, 3.972% 0.135%, 4.741% 0%, 95.259% 0%, 95.259% 0%, 96.028% 0.135%, 96.758% 0.527%, 97.438% 1.153%, 98.059% 1.993%, 98.612% 3.026%, 99.085% 4.229%, 99.471% 5.583%, 99.758% 7.065%, 99.938% 8.655%, 100% 10.33%, 100% 89.702%, 100% 89.702%, 99.931% 91.468%, 99.733% 93.133%, 99.416% 94.674%, 98.994% 96.068%, 98.476% 97.29%, 97.876% 98.317%, 97.206% 99.125%, 96.475% 99.69%, 95.698% 99.99%, 94.884% 100%, 4.366% 84.367%, 4.366% 84.367%, 3.645% 84.12%, 2.965% 83.65%, 2.336% 82.973%, 1.764% 82.11%, 1.259% 81.079%, 0.827% 79.899%, 0.477% 78.589%, 0.217% 77.168%, 0.056% 75.655%, 0% 74.068%, 0% 10.33%);
  width: calc(100% + var(--padding));
  left: 0;
  right: calc(var(--padding) * -1);
}
.card.border-slash .thumbnail img, .card.border-slash .thumbnail picture {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 27rem;
  -o-object-position: top;
     object-position: top;
}
.card.border-slash .card-body {
  margin-block: var(--padding);
  padding-right: calc(var(--padding) * 2);
}
.card.border-slash .card-body p, .card.border-slash .card-body .paragraph {
  font-size: 0.9em;
}
.card.border-slash::before, .card.border-slash::after {
  display: block;
  content: "";
  position: absolute;
  transition-property: height, width;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.card.border-slash::before {
  width: 0.1rem;
  top: var(--padding);
  bottom: calc(var(--padding) + 6rem);
  right: var(--padding);
  background-image: var(--secondary-gradient-y);
}
.card.border-slash::after {
  height: 0.1rem;
  bottom: var(--padding);
  left: var(--padding);
  right: calc(var(--padding) + 8rem);
  background-image: var(--secondary-gradient);
}
.card.border-slash .arrow-svg {
  position: absolute;
  bottom: 0;
  right: 0;
}
.card.border-slash .arrow-svg .arrow-fill,
.card.border-slash .arrow-svg .arrow-stroke {
  transition-property: fill, stroke;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.card.border-slash:hover::before, .card.border-slash:focus-within::before {
  background-image: var(--primary-gradient-y);
}
.card.border-slash:hover::after, .card.border-slash:focus-within::after {
  background-image: var(--primary-gradient);
}
.card.border-slash:hover .arrow-svg .arrow-fill, .card.border-slash:focus-within .arrow-svg .arrow-fill {
  fill: var(--cyan-500);
}
.card.border-slash:hover .arrow-svg .arrow-stroke, .card.border-slash:focus-within .arrow-svg .arrow-stroke {
  stroke: var(--orange-500);
}
.card.border-slash:hover .pill, .card.border-slash:focus-within .pill {
  color: var(--theme-base);
  background-color: var(--theme-accent);
}
.card.radius-lg {
  --radius: 1.6rem;
}
.card.has-link {
  position: relative;
}
.card.has-link .title {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  text-underline-offset: 3px;
  text-decoration-thickness: 0.2rem;
  transition: color 0.3s ease-in-out;
}
.card.has-link .anchor {
  content: "";
  position: absolute;
  z-index: 10;
  inset: 0;
  border-radius: var(--radius);
}
.card.has-link:hover.border-gradient::before {
  background-image: var(--primary-gradient);
}
.card.has-link:hover .title {
  color: var(--purple-500);
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.card.has-link:focus-within {
  outline: 0.2rem solid color-mix(in srgb, var(--cyan-500), var(--white) 33%);
  outline-offset: 0.2rem;
}
.card.has-link:focus-within .title {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.card.has-thumbnail {
  --thumb-height-units: 20;
  position: relative;
  isolation: isolate;
  padding-top: calc(var(--thumb-height-units) * 1dvh - 2.5rem);
  padding-top: calc(var(--thumb-height-units) * 1vh - 2.5rem);
}
.card.has-thumbnail .thumbnail {
  position: absolute;
  top: 0;
  inset-inline: 0;
  height: calc(var(--thumb-height-units) * 1dvh);
  height: calc(var(--thumb-height-units) * 1vh);
  overflow: hidden;
  z-index: 0;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  background-color: var(--purple-100);
}
.card.has-thumbnail .thumbnail img, .card.has-thumbnail .thumbnail picture {
  display: block;
  margin-inline: auto;
  height: 100%;
  width: 80%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.card.has-thumbnail.border-gradient .thumbnail {
  top: 0.2rem;
  inset-inline: 0.2rem;
}
.card.has-thumbnail .wp-content,
.card.has-thumbnail .icon-badge {
  position: relative;
  z-index: 2;
}
.card.has-thumbnail .icon-badge {
  outline: 0.3rem solid var(--white);
}
.card.has-thumbnail .thumbnail-cropped img, .card.has-thumbnail .thumbnail-cropped picture {
  width: 80%;
  margin-inline: auto 0;
  -o-object-position: right;
     object-position: right;
}
.card.has-thumbnail .thumbnail-full + * {
  margin-top: 3.6rem;
}
.card.has-thumbnail .thumbnail-full img, .card.has-thumbnail .thumbnail-full picture {
  width: 100%;
  margin-inline: 0;
  -o-object-position: top;
     object-position: top;
}
.card.has-thumbnail-full {
  --thumb-height-units: 50;
}

.border-gradient:not(.card) {
  --radius: 4.8rem;
  border-radius: var(--radius);
  padding: calc(0.2rem);
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.border-gradient:not(.card)::before, .border-gradient:not(.card)::after {
  display: block;
  content: "";
  position: absolute;
}
.border-gradient:not(.card)::before {
  inset: -2rem;
  background-image: var(--secondary-gradient);
  z-index: -2;
  border-radius: var(--radius);
}
.border-gradient:not(.card)::after {
  inset: calc(0.2rem);
  background-color: var(--white);
  z-index: -1;
  border-radius: calc(var(--radius) - 0.1rem);
}

.module {
  margin-top: 1.6rem;
  padding: 2.4rem;
  border: 1px solid var(--purple-300);
  border-radius: 2.4rem;
}
.module figure {
  min-height: 30dvh;
  min-height: 30vh;
  height: 100%;
  border-radius: 1.6rem;
  overflow: hidden;
}
@media screen and (width < 991px) {
  .module figure {
    margin-block: 0 !important;
  }
}
.module figure img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.breadcrumbs {
  text-transform: uppercase;
  padding-block: 2.5rem 5rem;
  font-size: 0.8em;
  line-height: 1.4;
}
.breadcrumbs .yoast > span {
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  row-gap: 2.2rem;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: center;
      align-items: center;
}
.breadcrumbs .yoast > span > :first-child a::before {
  display: inline-block;
  margin-right: 0.75ch;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: picon;
  content: "\e908";
}
.breadcrumbs .yoast > span .sep {
  display: none;
}
.breadcrumbs a {
  padding: 0.8rem 1.6rem;
  white-space: nowrap;
  text-decoration: none;
  text-underline-offset: 0.3rem;
  color: var(--body);
  font-weight: 600;
  border-radius: 100vmax;
  background-color: var(--purple-100);
  transition-property: color, background-color, box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.breadcrumbs a:hover, .breadcrumbs a:focus-visible {
  background-color: var(--purple-200);
  text-decoration: underline;
}
.breadcrumbs [aria-current=page] {
  text-underline-offset: 0.3rem;
  text-decoration: underline;
  font-weight: 600;
}

.pill-nav-wrapper {
  max-width: 100%;
  overflow-x: auto;
  margin-bottom: 3.2rem;
}

.pill-nav-title {
  margin-top: calc(var(--section-breathing) / 2);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.95em;
  color: var(--cyan-500);
}

.pill-nav {
  list-style-type: none;
  margin-inline: 0;
  margin-top: 0.8rem;
  margin-bottom: 0;
  padding: 1.6rem 2.4rem;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  gap: 0.4rem;
  border: 1px solid color-mix(in srgb, var(--cyan-500) 15%, transparent);
  border-radius: 100vmax;
  counter-reset: pills;
}
.pill-nav li {
  counter-increment: pills;
}
.pill-nav li .btn {
  gap: 0.8ch;
}
.pill-nav li .btn::before {
  content: counter(pills);
  color: var(--cyan-500);
  font-weight: 600;
}

.form-group .form-label {
  display: inline-block;
}
.form-group .form-text,
.form-group .form-select {
  display: block;
  width: 100%;
  font-size: 85%;
  margin-top: 10px;
  padding: 10px;
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: 4px;
}
.form-group .form-text:not(.disabled), .form-group .form-text:not(:disabled),
.form-group .form-select:not(.disabled),
.form-group .form-select:not(:disabled) {
  transition: box-shadow 0.3s ease;
}
.form-group .form-text:not(.disabled):focus, .form-group .form-text:not(:disabled):focus,
.form-group .form-select:not(.disabled):focus,
.form-group .form-select:not(:disabled):focus {
  outline: none;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--black) 10%, transparent);
}
.form-group .form-checkbox {
  position: relative;
  margin-bottom: 0.8rem;
}
.form-group .form-checkbox label {
  font-weight: 400;
  font-size: 0.9em;
  margin-bottom: 0;
}
.form-group .form-checkbox:not(.hide-tick) input[type=checkbox]:not(:disabled):hover ~ label::before {
  border-color: var(--purple-500);
}
.form-group .form-checkbox:not(.hide-tick) input[type=checkbox]:not(:disabled):focus ~ label::before {
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--purple-500) 33%, transparent);
}
.form-group .form-checkbox:not(.hide-tick) input[type=checkbox]:checked ~ label::before {
  content: "✓";
  font-size: 0.8em;
  font-weight: bold;
  color: var(--white);
  background: var(--purple-500);
  border-color: var(--purple-500);
}
.form-group .form-checkbox:not(.hide-tick) input[type=checkbox]:checked:disabled ~ label::before {
  background: var(--gray-400);
  border-color: var(--gray-400);
}
.form-group .form-checkbox:not(.hide-tick) input[type=checkbox] ~ label {
  padding-left: 3rem;
}
.form-group .form-checkbox:not(.hide-tick) input[type=checkbox] ~ label::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: inline-block;
  content: "";
  color: #FFF !important;
  border: 0.1rem solid var(--purple-500);
  border-radius: 0.4rem;
  background: var(--white);
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  transition: box-shadow 0.3s ease;
}
.form-group .form-checkbox input[type=checkbox] {
  position: absolute;
  left: -100vw;
  cursor: pointer;
}
.form-group .form-checkbox input[type=checkbox] ~ label {
  cursor: pointer;
}
.form-group.required label::after {
  display: inline-block;
  content: "*";
  color: var(--red-500);
}
.form-group.disabled label {
  opacity: 0.5;
}
.form-group.disabled .form-text,
.form-group.disabled .form-select {
  border-color: var(--gray-300);
}
.form-group .form-tooltip {
  margin-top: 5px;
  opacity: 0.75;
}
.form-group textarea {
  min-width: 100%;
  max-width: 100%;
  min-height: 20rem;
  max-height: 40rem;
}

input[type=submit] {
  position: relative;
  margin-inline: 3px;
  padding: 1.6rem 2.4rem;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 600;
  font-size: 0.9em;
  text-underline-offset: 0.2em;
  border-radius: 100vmax;
  transition-property: color, background-color, box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  background: none;
  border: none;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}
input[type=submit]:hover, input[type=submit]:active {
  text-decoration: none;
}
input[type=submit].arrow-right > span, input[type=submit].arrow-left > span {
  display: -ms-flexbox;
  display: flex;
  gap: 1.2ch;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
}
input[type=submit].arrow-right > span::before,
input[type=submit].arrow-right > span::after, input[type=submit].arrow-left > span::before,
input[type=submit].arrow-left > span::after {
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: picon;
  font-size: 1em;
}
input[type=submit].arrow-right > span::after {
  display: block;
  content: "\e912";
}
input[type=submit].arrow-left > span::before {
  display: block;
  content: "\e911";
}
input[type=submit].icon-only {
  padding: 0;
  width: 5.2rem;
  height: 5.2rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  font-size: 1.6em;
  border-radius: 50%;
}
input[type=submit].skew, input[type=submit].incline {
  padding: 1rem 2.4rem;
  position: relative;
  isolation: isolate;
}
input[type=submit].skew::before, input[type=submit].skew::after, input[type=submit].incline::before, input[type=submit].incline::after {
  display: block;
  content: "";
  position: absolute;
  inset: -1.6rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
  transition: opacity 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
input[type=submit].skew::before, input[type=submit].incline::before {
  opacity: 1;
}
input[type=submit].skew::after, input[type=submit].incline::after {
  opacity: 0;
}
input[type=submit].skew:hover, input[type=submit].skew:focus-visible, input[type=submit].incline:hover, input[type=submit].incline:focus-visible {
  border-radius: 0;
  outline-offset: 0.5rem;
}
input[type=submit].skew:hover::before, input[type=submit].skew:focus-visible::before, input[type=submit].incline:hover::before, input[type=submit].incline:focus-visible::before {
  opacity: 0;
}
input[type=submit].skew:hover::after, input[type=submit].skew:focus-visible::after, input[type=submit].incline:hover::after, input[type=submit].incline:focus-visible::after {
  opacity: 1;
}
input[type=submit]:disabled {
  cursor: initial;
  color: var(--gray-500);
  background-color: var(--gray-300);
}
input[type=submit]:not(:disabled) {
  color: inherit;
  background-color: var(--theme-base);
}
input[type=submit]:not(:disabled):hover {
  background-color: var(--theme-hover);
}
input[type=submit]:not(:disabled):focus-visible {
  text-decoration: underline;
  box-shadow: 0 0 0 4px var(--theme-focus);
}
input[type=submit] {
  --theme-base: var(--cyan-500);
  --theme-hover: color-mix(in srgb, var(--cyan-500), var(--white) 20%);
  --theme-focus: color-mix(in srgb, var(--cyan-500) 30%, transparent);
}
input[type=submit].faded {
  --theme-base: color-mix(in srgb, var(--cyan-500), transparent 80%);
  --theme-hover: color-mix(in srgb, var(--cyan-500), transparent 60%);
  --theme-focus: color-mix(in srgb, var(--cyan-500) 25%, transparent);
}
input[type=submit]::before {
  background-image: url("../../assets/images/raw/backgrounds/btn-secondary.svg");
}
input[type=submit]::after {
  background-image: url("../../assets/images/raw/backgrounds/btn-secondary-hover.svg");
}
input[type=submit] {
  margin-block: 2.4rem;
}

.cb-wrapper {
  margin-top: calc(var(--section-breathing) / 2);
  padding-bottom: var(--section-breathing);
}
.cb-wrapper > *:is(:not(:first-child), .bg-squiggly, .bg-purple-card) {
  padding-top: var(--section-breathing);
}

.section .section-header {
  margin-bottom: 2rem;
}
@media screen and (width >= 991px) {
  .section .section-header {
    margin-bottom: 4rem;
  }
}
.section .section-header .title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  isolation: isolate;
}
.section.bg-none .section-header .title {
  color: var(--purple-500);
}
.section.bg-none .section-header .title::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: -0.5rem;
  width: 100%;
  height: 1.5rem;
  background-color: var(--purple-500);
  opacity: 0.1;
  z-index: -1;
}

.section-base figure {
  margin: 0;
}
.section-base figure .image-wrapper {
  height: 100%;
}
@media screen and (width < 991px) {
  .section-base figure {
    margin-block: 2rem;
  }
}
@media screen and (width >= 991px) {
  .section-base figure picture, .section-base figure img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.section-base.bg-squiggly {
  margin-top: var(--section-breathing);
  padding-bottom: var(--section-breathing);
  background-color: var(--purple-100);
  background-image: url("../../assets/images/raw/backgrounds/wiggle-tile.svg");
}
.section-base.bg-squiggly .callout-info,
.section-base.bg-squiggly .callout-telephone,
.section-base.bg-squiggly .callout-calendar {
  --bg-color: var(--white);
  --border-color: var(--white);
}
.section-base.bg-squiggly .section-header .title {
  color: var(--purple-500);
}
.section-base.bg-squiggly .section-header .title::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: -0.5rem;
  width: 100%;
  height: 1.5rem;
  background-color: var(--purple-500);
  opacity: 0.1;
  z-index: -1;
}
@media screen and (width < 991px) {
  .section-base.bg-purple-card {
    padding-inline: 2rem;
  }
}
.section-base.bg-purple-card .container {
  padding-block: 4.8rem;
  background-color: var(--purple-200);
  border-radius: 3.2rem;
}
.section-base.bg-purple-card .section-header {
  margin-bottom: 1.2rem;
}
@media screen and (width >= 991px) {
  .section-base.bg-purple-card .section-header {
    margin-bottom: 2.4rem;
  }
}
.section-base.bg-purple-card .section-header .title {
  margin-inline: auto;
  font-size: 1.8em;
  font-weight: 600;
}
@media screen and (width >= 991px) {
  .section-base.bg-purple-card .section-header .title {
    font-size: 2.1em;
  }
}
.section-base .image-left .content-col {
  -ms-flex-order: 2;
      order: 2;
}
@media screen and (width < 991px) {
  .section-base .content-col {
    -ms-flex-order: 2;
        order: 2;
  }
}
.section-base .gallery figure {
  border-radius: 1.6rem;
  overflow: hidden;
}
@media screen and (width >= 991px) {
  .section-base .gallery figure {
    max-height: 25dvh;
    max-height: 25vh;
  }
}
.section-base .gallery.before {
  margin-bottom: 4rem;
}
.section-base .gallery.after {
  margin-top: 4rem;
}

.section-list.bg-gradient-card .container {
  padding-block: 4.8rem;
  background-image: var(--primary-gradient-light);
  border-radius: 3.2rem;
}
.section-list.bg-gradient-card .section-header {
  margin-bottom: 2rem;
}
@media screen and (width >= 991px) {
  .section-list.bg-gradient-card .section-header {
    margin-bottom: 4rem;
  }
}
.section-list.bg-gradient-card .card {
  border-width: 0.2rem;
  border-color: var(--purple-500);
}

#main-header {
  inset-inline: 0;
  max-width: 100dvw;
  max-width: 100vw;
  z-index: 9999;
}
#main-header nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0;
}
#main-header nav .logo a {
  margin-block: 0.75rem;
}
#main-header nav .logo a, #main-header nav .logo img {
  display: block;
  max-width: 18rem;
  max-height: 10rem;
}
#main-header nav .logo img {
  -o-object-fit: contain;
     object-fit: contain;
}
#main-header nav #main-menu {
  list-style-type: none;
  margin: 0;
}
#main-header nav #main-menu .navbar {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#main-header nav #main-menu .navbar > li > a:not(.btn) {
  display: inline-block;
  padding: 2.4rem 0.8rem;
  text-decoration: none;
}
#main-header nav #main-menu .navbar > li.menu-item-has-children > a:not(.btn) {
  padding-right: 3rem;
}
#main-header nav #main-menu .navbar > li.menu-item-has-children > a:not(.btn)::after {
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: picon;
  content: "\e917";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 0.8em;
  transform: translateY(-50%);
}
#main-header nav #main-menu .sub-menu {
  background-color: var(--white);
  border-radius: 0.8rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease-in-out 0.1s, visibility 0.1s ease-in-out 0.1s;
}
#main-header nav #main-menu .sub-menu > li:first-child a {
  margin-top: 0.6rem;
}
#main-header nav #main-menu .sub-menu > li:last-child a {
  margin-bottom: 0.6rem;
}

@media screen and (width >= 991px) {
  #main-header {
    position: absolute;
    top: 3.2rem;
    padding-bottom: 2.4rem;
  }
  #main-header nav .main-nav-wrapper {
    display: -ms-flexbox;
    display: flex;
    gap: 3dvw;
    gap: 3vw;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
  #main-header nav .btn-phone {
    width: 6.4rem;
    height: 6.4rem;
    font-size: 1.5em;
  }
  #main-header nav #main-menu {
    display: -ms-flexbox;
    display: flex;
    padding-inline: 3.2rem;
    background-color: color-mix(in srgb, var(--purple-500), transparent 80%);
    border-radius: 100vmax;
    box-shadow: color-mix(in srgb, var(--black), transparent 95%) 0 0 2rem;
  }
  #main-header nav #main-menu .navbar {
    display: -ms-flexbox;
    display: flex;
    gap: 1.6em;
  }
  #main-header nav #main-menu .navbar a:not(.btn) {
    font-size: 0.9em;
  }
  #main-header nav #main-menu .sub-menu {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    top: 90%;
    left: 10%;
    box-shadow: color-mix(in srgb, var(--black), transparent 80%) 0 4px 12px;
    z-index: 999;
    overflow: hidden;
  }
  #main-header nav #main-menu .sub-menu > li > a {
    font-size: 0.8em;
    display: block;
    padding: 1.2rem 2.6rem;
    color: var(--theme-accent);
    background-color: var(--theme-bg);
    text-decoration: none;
    transition-property: color, background-color;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
  }
  #main-header nav #main-menu .sub-menu > li > a:hover, #main-header nav #main-menu .sub-menu > li > a:focus {
    text-decoration: underline;
    outline: none;
    background-color: var(--page-color-theme);
  }
  #main-header nav #main-menu li {
    position: relative;
  }
  #main-header nav #main-menu li:hover .sub-menu, #main-header nav #main-menu li:focus-within .sub-menu {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (width < 991px) {
  #main-header {
    position: fixed;
    background-color: var(--white);
    box-shadow: color-mix(in srgb, var(--black), transparent 95%) 0 0 2rem;
  }
  #main-header .container {
    padding-inline: 0;
  }
  #main-header .btn-phone {
    font-size: 1.24em;
  }
  #main-header nav {
    -ms-flex-align: center;
        align-items: center;
    padding-inline: 1.6rem;
  }
  #main-header nav .btn-menu {
    margin-block: 1rem;
    width: 4.5rem;
    aspect-ratio: 1/1;
    padding: 0;
    border: none;
    background: var(--yellow);
    border-radius: 50%;
    text-decoration: none;
    cursor: pointer;
  }
  #main-header nav #main-menu {
    position: absolute;
    inset: var(--header-offset) 0 0 -100vw;
    height: calc(100dvh - var(--header-offset));
    height: calc(100vh - var(--header-offset));
    width: 100%;
    padding: 3.2rem;
    background-color: var(--white);
    box-shadow: inset 0 3px 20px -2px rgba(211, 211, 211, 0.25);
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
  }
  #main-header nav #main-menu .navbar {
    padding-block: 10dvh 2.5dvh;
    padding-block: 10vh 2.5vh;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
  #main-header nav #main-menu .navbar > li {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  #main-header nav #main-menu .navbar > li:not(:last-child) {
    border-bottom: 1px solid var(--gray-100);
  }
  #main-header nav #main-menu .navbar > li a:not(.btn) {
    display: block;
    padding: 1.2rem 1.5rem;
    padding-left: 3.2rem;
    font-weight: 600;
  }
  #main-header nav #main-menu .navbar > li a:not(.btn):focus-visible {
    outline: 1px dotted var(--gray-500);
    outline: 5px auto var(--gray-500);
  }
  #main-header nav #main-menu .navbar > li.menu-item-has-children > a:not(.btn)::after {
    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
    font-family: picon;
    content: "\e917";
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    aspect-ratio: 1;
    place-items: center;
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 0.7em;
    transform: translateY(-50%);
    background-color: var(--yellow);
    border-radius: 50%;
  }
  #main-header nav #main-menu .navbar > li.menu-item-has-children.opened > a:not(.btn)::after {
    transform: rotate(180deg);
  }
  #main-header nav #main-menu a:not(.btn) {
    display: block;
    position: relative;
    text-decoration: none;
  }
  #main-header nav #main-menu .sub-menu {
    list-style-type: none;
    margin: 0;
    padding: 0.6rem 0;
  }
  #main-header nav #main-menu .sub-menu > li > a {
    padding-inline: 1.8rem;
    padding-block: 1.4rem;
    font-size: 0.85em;
  }
  #main-header nav #main-menu li:not(.opened) > .sub-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
  }
  #main-header nav #main-menu li.opened a:first-child:not(:last-child)::after {
    transform: translateY(-50%) rotate(180deg);
  }
  #main-header nav #main-menu li.opened > .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  #main-header nav [data-menu-toggle] {
    position: relative;
  }
  #main-header nav [data-menu-toggle] .menu-icon {
    position: absolute;
    inset: 30%;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
  }
  #main-header nav [data-menu-toggle] .menu-icon span {
    display: block;
    position: absolute;
    height: 0.2rem;
    width: 100%;
    background: var(--body);
    border-radius: 10px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }
  #main-header nav [data-menu-toggle] .menu-icon span:nth-child(1) {
    top: 20%;
  }
  #main-header nav [data-menu-toggle] .menu-icon span:nth-child(2), #main-header nav [data-menu-toggle] .menu-icon span:nth-child(3) {
    top: calc(40% + 0.2rem);
  }
  #main-header nav [data-menu-toggle] .menu-icon span:nth-child(4) {
    top: calc(60% + 0.4rem);
  }
  #main-header:not(.menu-open) nav [data-menu-toggle]:hover .menu-icon span:nth-child(2), #main-header:not(.menu-open) nav [data-menu-toggle]:hover .menu-icon span:nth-child(3), #main-header:not(.menu-open) nav [data-menu-toggle]:focus-visible .menu-icon span:nth-child(2), #main-header:not(.menu-open) nav [data-menu-toggle]:focus-visible .menu-icon span:nth-child(3) {
    width: 50%;
  }
  #main-header.menu-open nav #main-menu {
    left: 0;
    transition: left 0.3s ease-in-out;
  }
  #main-header.menu-open nav [data-menu-toggle] .menu-icon span:nth-child(1) {
    top: 20%;
    opacity: 0;
  }
  #main-header.menu-open nav [data-menu-toggle] .menu-icon span:nth-child(2) {
    transform: rotate(45deg);
  }
  #main-header.menu-open nav [data-menu-toggle] .menu-icon span:nth-child(3) {
    transform: rotate(135deg);
  }
  #main-header.menu-open nav [data-menu-toggle] .menu-icon span:nth-child(4) {
    top: calc(60% + 0.4rem);
    opacity: 0;
  }
}
.banner {
  --padding: 0;
  position: relative;
  padding: var(--padding);
  margin-bottom: calc(var(--section-breathing) * 0.75);
}
.banner.thumbnail-cropped .banner-thumbnail {
  top: 0;
  bottom: 0;
  margin-right: 0;
  height: 100%;
}
.banner.thumbnail-cropped .banner-thumbnail img, .banner.thumbnail-cropped .banner-thumbnail picture {
  -o-object-position: center right;
     object-position: center right;
}
.banner.thumbnail-bottom .banner-thumbnail {
  top: initial;
  bottom: 0;
}
.banner .banner-meta {
  margin-block: calc(var(--section-breathing) / 3) 2rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  gap: 2ch;
}
.banner .banner-meta .banner-date {
  text-align: right;
  font-size: 0.9em;
}

.banner-sidebar .banner-meta {
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
}
.banner-sidebar .banner-meta figure.border-gradient :is(picture, img) {
  width: 100%;
  max-height: 33vh;
  max-height: 33dvh;
  min-height: 20vh;
  min-height: 20dvh;
  -o-object-fit: cover;
     object-fit: cover;
}

.banner-home {
  margin-bottom: var(--section-breathing);
}

.banner:not(.banner-home, .banner-events) h1 {
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.75;
}
@media screen and (width >= 991px) {
  .banner:not(.banner-home, .banner-events) h1 {
    font-size: 2em;
  }
}
.banner:not(.banner-home, .banner-events) h1 {
  line-height: 1.2;
}

.banner-gradient,
.banner-bg-purple {
  --padding: 3.2rem;
  border-radius: 2.4rem;
}

.banner-gradient {
  background-image: var(--secondary-gradient-light);
}

.banner-bg-purple {
  background-color: var(--purple-100);
}

.banner-thumbnail {
  position: absolute;
  top: -50%;
  height: calc(150% - var(--padding) / 2);
  bottom: var(--padding);
  margin-right: var(--padding);
}
.banner-thumbnail img, .banner-thumbnail picture {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.banner-event .post-thumbnail {
  border-radius: 2.4rem;
}

:root {
  --footer-offset: var(--section-breathing);
}

.site-footer {
  position: relative;
  padding: 2.4rem;
  isolation: isolate;
  margin-top: var(--footer-offset);
}
@media screen and (width >= 991px) {
  .site-footer {
    padding-inline: 8rem;
    padding-block: 5rem;
  }
}
@media screen and (width >= 991px) {
  .site-footer.has-display-image {
    --footer-offset: calc(var(--section-breathing) + 5vh);
  }
  .site-footer.has-display-image .display-image-col {
    margin-top: calc((5rem + 10vh) * -1);
  }
}
.site-footer::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  inset-inline: 0;
  height: 2px;
  width: 100%;
  background-image: var(--secondary-gradient);
  z-index: -1;
}
.site-footer .logo img,
.site-footer .social-link-img img {
  display: block;
  height: 100%;
  width: 100%;
}
.site-footer .logo {
  margin-bottom: 3.2rem;
}
.site-footer .logo a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.site-footer .logo img {
  max-width: 20rem;
  max-height: 15rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.site-footer .social-link-img {
  overflow: hidden;
}
@media screen and (width < 991px) {
  .site-footer .social-link-img {
    margin-inline: -2.4rem;
  }
}
.site-footer .social-link-img img {
  max-height: 66dvh;
  max-height: 66vh;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (width >= 991px) {
  .site-footer .social-link-img {
    border-radius: 4rem;
  }
  .site-footer .social-link-img img {
    max-height: 50dvh;
    max-height: 50vh;
  }
}
.site-footer .socials {
  margin-top: -2.6rem;
}
.site-footer .menu-title {
  margin-bottom: 2.4rem;
}
.site-footer ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: grid;
  row-gap: 1.6rem;
  font-size: 0.9em;
}
.site-footer ul.menu.offset {
  margin-left: 3.2rem;
}
.site-footer .made-by {
  margin-top: 3.2rem;
  font-size: 0.8em;
}
.site-footer .made-by a {
  font-weight: initial;
}

#emergency-nav {
  position: fixed;
  right: calc(2rem + 2%);
  bottom: 5dvh;
  bottom: 5vh;
  z-index: 100;
}

.pagination {
  margin-block: var(--section-breathing);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 0.6ch;
}
.pagination .page-numbers {
  position: relative;
  margin-inline: 3px;
  padding: 1.6rem 2.4rem;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 600;
  font-size: 0.9em;
  text-underline-offset: 0.2em;
  border-radius: 100vmax;
  transition-property: color, background-color, box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  background: none;
  border: none;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}
.pagination .page-numbers:hover, .pagination .page-numbers:active {
  text-decoration: none;
}
.pagination .page-numbers.arrow-right > span, .pagination .page-numbers.arrow-left > span {
  display: -ms-flexbox;
  display: flex;
  gap: 1.2ch;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
}
.pagination .page-numbers.arrow-right > span::before,
.pagination .page-numbers.arrow-right > span::after, .pagination .page-numbers.arrow-left > span::before,
.pagination .page-numbers.arrow-left > span::after {
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: picon;
  font-size: 1em;
}
.pagination .page-numbers.arrow-right > span::after {
  display: block;
  content: "\e912";
}
.pagination .page-numbers.arrow-left > span::before {
  display: block;
  content: "\e911";
}
.pagination .page-numbers.icon-only {
  padding: 0;
  width: 5.2rem;
  height: 5.2rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  font-size: 1.6em;
  border-radius: 50%;
}
.pagination .page-numbers.skew, .pagination .page-numbers.incline {
  padding: 1rem 2.4rem;
  position: relative;
  isolation: isolate;
}
.pagination .page-numbers.skew::before, .pagination .page-numbers.skew::after, .pagination .page-numbers.incline::before, .pagination .page-numbers.incline::after {
  display: block;
  content: "";
  position: absolute;
  inset: -1.6rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
  transition: opacity 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.pagination .page-numbers.skew::before, .pagination .page-numbers.incline::before {
  opacity: 1;
}
.pagination .page-numbers.skew::after, .pagination .page-numbers.incline::after {
  opacity: 0;
}
.pagination .page-numbers.skew:hover, .pagination .page-numbers.skew:focus-visible, .pagination .page-numbers.incline:hover, .pagination .page-numbers.incline:focus-visible {
  border-radius: 0;
  outline-offset: 0.5rem;
}
.pagination .page-numbers.skew:hover::before, .pagination .page-numbers.skew:focus-visible::before, .pagination .page-numbers.incline:hover::before, .pagination .page-numbers.incline:focus-visible::before {
  opacity: 0;
}
.pagination .page-numbers.skew:hover::after, .pagination .page-numbers.skew:focus-visible::after, .pagination .page-numbers.incline:hover::after, .pagination .page-numbers.incline:focus-visible::after {
  opacity: 1;
}
.pagination .page-numbers:disabled {
  cursor: initial;
  color: var(--gray-500);
  background-color: var(--gray-300);
}
.pagination .page-numbers:not(:disabled) {
  color: inherit;
  background-color: var(--theme-base);
}
.pagination .page-numbers:not(:disabled):hover {
  background-color: var(--theme-hover);
}
.pagination .page-numbers:not(:disabled):focus-visible {
  text-decoration: underline;
  box-shadow: 0 0 0 4px var(--theme-focus);
}
.pagination .page-numbers {
  --theme-base: var(--white);
  --theme-hover: color-mix(in srgb, var(--white), var(--purple-500) 20%);
  --theme-focus: color-mix(in srgb, var(--white) 30%, var(--purple-500));
}
.pagination .page-numbers.faded {
  --theme-base: color-mix(in srgb, var(--white), var(--purple-500) 80%);
  --theme-hover: color-mix(in srgb, var(--white), var(--purple-500) 60%);
  --theme-focus: color-mix(in srgb, var(--white) 25%, var(--purple-500));
}
.pagination .page-numbers::before {
  background-image: url("../../assets/images/raw/backgrounds/btn-tertiary.svg");
}
.pagination .page-numbers::after {
  background-image: url("../../assets/images/raw/backgrounds/btn-tertiary-hover.svg");
}
.pagination .page-numbers.current {
  --theme-base: var(--cyan-500);
  --theme-hover: color-mix(in srgb, var(--cyan-500), var(--white) 20%);
  --theme-focus: color-mix(in srgb, var(--cyan-500) 30%, transparent);
}
.pagination .page-numbers.current.faded {
  --theme-base: color-mix(in srgb, var(--cyan-500), transparent 80%);
  --theme-hover: color-mix(in srgb, var(--cyan-500), transparent 60%);
  --theme-focus: color-mix(in srgb, var(--cyan-500) 25%, transparent);
}
.pagination .page-numbers.current::before {
  background-image: url("../../assets/images/raw/backgrounds/btn-secondary.svg");
}
.pagination .page-numbers.current::after {
  background-image: url("../../assets/images/raw/backgrounds/btn-secondary-hover.svg");
}
.pagination .page-numbers.current {
  cursor: initial;
}
.pagination .page-numbers {
  padding: 0;
  width: 3.8rem;
  height: 3.8rem;
  aspect-ratio: 1;
  font-size: 0.9em;
  display: grid;
  place-items: center;
  border-radius: 50%;
}

@media screen and (width >= 991px) {
  .posts-list .navlist-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.posts-list .navlist-wrapper nav {
  margin-bottom: 1.6rem;
}
.posts-list footer {
  margin-top: 3.2rem;
}

.partners-list {
  --per-row: 5;
  --col-gap: 4.6rem;
}
.partners-list .list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4dvh var(--col-gap);
  gap: 4vh var(--col-gap);
}
.partners-list .list > * {
  -ms-flex: 0 0 calc(100% / var(--per-row) - var(--col-gap));
      flex: 0 0 calc(100% / var(--per-row) - var(--col-gap));
  text-align: center;
}
.partners-list .list a {
  margin-inline: auto;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
.partners-list .list a img, .partners-list .list a picture {
  height: 20rem;
  width: 20rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.partners-list footer {
  margin-top: calc(var(--section-breathing) / 2);
}
@media screen and (width < 991px) {
  .partners-list {
    --per-row: 3;
  }
}
@media screen and (width < 560px) {
  .partners-list {
    --per-row: 2;
  }
}
@media screen and (width < 420px) {
  .partners-list {
    --per-row: 1;
  }
}

@media screen and (width < 991px) {
  .services-list {
    position: relative;
    isolation: isolate;
    overflow-x: clip;
  }
}
@media screen and (width >= 991px) {
  .services-list .container {
    position: relative;
    isolation: isolate;
    overflow-x: clip;
  }
}
.services-list .container::before {
  display: block;
  position: absolute;
  z-index: -1;
  top: 10%;
  bottom: 5dvh;
  bottom: 5vh;
}
@media screen and (width < 991px) {
  .services-list .container::before {
    content: "";
    inset-inline: 0;
    background-image: url("../../assets/images/raw/backgrounds/slanted-gradient.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (width >= 991px) {
  .services-list .container::before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: calc(100% + 6rem);
    width: 100%;
    content: url("../../assets/images/raw/backgrounds/slanted-gradient.svg");
  }
}

.our-trainings {
  --bg-offset-y: 5rem;
  --bg-offset-x: 5rem;
  padding-block: calc(var(--bg-offset-y) * 1.5) calc(var(--bg-offset-y) * 0.5);
  margin-top: var(--bg-offset-y);
  margin-bottom: calc(var(--bg-offset-y) * 1.5);
}
.our-trainings .container {
  position: relative;
  isolation: isolate;
}
.our-trainings .container::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  inset-block: calc(var(--bg-offset-y) * -1.25) calc(var(--bg-offset-y) * -0.5);
  inset-inline: 50%;
  transform: translateX(-50%) scaleX(-1);
  height: calc(100% + var(--bg-offset-y) * 3.5);
  width: calc(100% + var(--bg-offset-x) * 2);
  max-width: 100%;
  background-image: var(--secondary-gradient-light);
  -webkit-clip-path: polygon(0% 10.33%, 0% 10.33%, 0.062% 8.655%, 0.242% 7.065%, 0.529% 5.583%, 0.915% 4.229%, 1.389% 3.026%, 1.941% 1.993%, 2.562% 1.153%, 3.242% 0.527%, 3.972% 0.135%, 4.741% 0%, 95.259% 0%, 95.259% 0%, 96.028% 0.135%, 96.758% 0.527%, 97.438% 1.153%, 98.059% 1.993%, 98.612% 3.026%, 99.085% 4.229%, 99.471% 5.583%, 99.758% 7.065%, 99.938% 8.655%, 100% 10.33%, 100% 89.702%, 100% 89.702%, 99.931% 91.468%, 99.733% 93.133%, 99.416% 94.674%, 98.994% 96.068%, 98.476% 97.29%, 97.876% 98.317%, 97.206% 99.125%, 96.475% 99.69%, 95.698% 99.99%, 94.884% 100%, 4.366% 84.367%, 4.366% 84.367%, 3.645% 84.12%, 2.965% 83.65%, 2.336% 82.973%, 1.764% 82.11%, 1.259% 81.079%, 0.827% 79.899%, 0.477% 78.589%, 0.217% 77.168%, 0.056% 75.655%, 0% 74.068%, 0% 10.33%);
          clip-path: polygon(0% 10.33%, 0% 10.33%, 0.062% 8.655%, 0.242% 7.065%, 0.529% 5.583%, 0.915% 4.229%, 1.389% 3.026%, 1.941% 1.993%, 2.562% 1.153%, 3.242% 0.527%, 3.972% 0.135%, 4.741% 0%, 95.259% 0%, 95.259% 0%, 96.028% 0.135%, 96.758% 0.527%, 97.438% 1.153%, 98.059% 1.993%, 98.612% 3.026%, 99.085% 4.229%, 99.471% 5.583%, 99.758% 7.065%, 99.938% 8.655%, 100% 10.33%, 100% 89.702%, 100% 89.702%, 99.931% 91.468%, 99.733% 93.133%, 99.416% 94.674%, 98.994% 96.068%, 98.476% 97.29%, 97.876% 98.317%, 97.206% 99.125%, 96.475% 99.69%, 95.698% 99.99%, 94.884% 100%, 4.366% 84.367%, 4.366% 84.367%, 3.645% 84.12%, 2.965% 83.65%, 2.336% 82.973%, 1.764% 82.11%, 1.259% 81.079%, 0.827% 79.899%, 0.477% 78.589%, 0.217% 77.168%, 0.056% 75.655%, 0% 74.068%, 0% 10.33%);
}

.other-content {
  margin-top: var(--section-breathing);
  padding-block: var(--section-breathing);
  background-image: var(--primary-gradient-light);
  margin-bottom: calc(var(--footer-offset) * -1);
  padding-bottom: var(--footer-offset);
}
@media screen and (width >= 991px) {
  .other-content.has-footer-offset {
    --footer-offset: calc(var(--section-breathing) + 5vh);
  }
}

body.single-post .post-thumbnail {
  position: relative;
  -webkit-clip-path: polygon(0% 10.33%, 0% 10.33%, 0.062% 8.655%, 0.242% 7.065%, 0.529% 5.583%, 0.915% 4.229%, 1.389% 3.026%, 1.941% 1.993%, 2.562% 1.153%, 3.242% 0.527%, 3.972% 0.135%, 4.741% 0%, 95.259% 0%, 95.259% 0%, 96.028% 0.135%, 96.758% 0.527%, 97.438% 1.153%, 98.059% 1.993%, 98.612% 3.026%, 99.085% 4.229%, 99.471% 5.583%, 99.758% 7.065%, 99.938% 8.655%, 100% 10.33%, 100% 89.702%, 100% 89.702%, 99.931% 91.468%, 99.733% 93.133%, 99.416% 94.674%, 98.994% 96.068%, 98.476% 97.29%, 97.876% 98.317%, 97.206% 99.125%, 96.475% 99.69%, 95.698% 99.99%, 94.884% 100%, 4.366% 84.367%, 4.366% 84.367%, 3.645% 84.12%, 2.965% 83.65%, 2.336% 82.973%, 1.764% 82.11%, 1.259% 81.079%, 0.827% 79.899%, 0.477% 78.589%, 0.217% 77.168%, 0.056% 75.655%, 0% 74.068%, 0% 10.33%);
          clip-path: polygon(0% 10.33%, 0% 10.33%, 0.062% 8.655%, 0.242% 7.065%, 0.529% 5.583%, 0.915% 4.229%, 1.389% 3.026%, 1.941% 1.993%, 2.562% 1.153%, 3.242% 0.527%, 3.972% 0.135%, 4.741% 0%, 95.259% 0%, 95.259% 0%, 96.028% 0.135%, 96.758% 0.527%, 97.438% 1.153%, 98.059% 1.993%, 98.612% 3.026%, 99.085% 4.229%, 99.471% 5.583%, 99.758% 7.065%, 99.938% 8.655%, 100% 10.33%, 100% 89.702%, 100% 89.702%, 99.931% 91.468%, 99.733% 93.133%, 99.416% 94.674%, 98.994% 96.068%, 98.476% 97.29%, 97.876% 98.317%, 97.206% 99.125%, 96.475% 99.69%, 95.698% 99.99%, 94.884% 100%, 4.366% 84.367%, 4.366% 84.367%, 3.645% 84.12%, 2.965% 83.65%, 2.336% 82.973%, 1.764% 82.11%, 1.259% 81.079%, 0.827% 79.899%, 0.477% 78.589%, 0.217% 77.168%, 0.056% 75.655%, 0% 74.068%, 0% 10.33%);
  width: calc(100% + var(--padding));
  left: 0;
  right: calc(var(--padding) * -1);
  margin-bottom: var(--section-breathing);
}
body.single-post .post-thumbnail img, body.single-post .post-thumbnail picture {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 40dvh;
  max-height: 40vh;
  -o-object-position: top;
     object-position: top;
}

body.single-events .banner {
  margin-bottom: calc(var(--section-breathing) * 0.33);
}
body.single-events .post-thumbnail picture, body.single-events .post-thumbnail img {
  border-radius: 4.2rem;
  width: 100%;
}

.contact-form {
  position: -webkit-sticky;
  position: sticky;
  top: var(--header-offset);
  padding: 3.6rem;
  border-radius: 1.8rem;
  background-image: var(--secondary-gradient-light);
}
@media screen and (width >= 991px) {
  .contact-form {
    border-radius: 3.6rem;
  }
}

.wpcf7 form .wpcf7-response-output {
  padding: 2rem;
  font-size: 0.9em;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.6);
}

.wpcf7-not-valid-tip {
  margin-top: 0.75rem;
  font-size: 0.9em;
  font-weight: 600;
}

#cidff-map {
  position: relative;
  border-radius: 2.4rem;
  min-height: 70dvh;
  min-height: 70vh;
}
#cidff-map .leaflet-tile-pane {
  position: relative;
  -webkit-filter: hue-rotate(120deg) saturate(110%);
          filter: hue-rotate(120deg) saturate(110%);
}

#cidff-map-wrapper {
  position: relative;
}
#cidff-map-wrapper #cidff-map-top-left {
  position: absolute;
  top: 1.8rem;
  left: 1.8rem;
  z-index: 1000;
}
#cidff-map-wrapper #cidff-site-details {
  padding: 1rem 2rem;
  position: absolute;
  top: 1.8rem;
  inset-inline: 1.8rem;
  text-align: left;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 1.2rem;
  box-shadow: color-mix(in srgb, var(--black), transparent 95%) 0 0 2rem;
  z-index: 1000;
  transition-property: visibility, opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transform: translateX(1.6rem);
  opacity: 0;
  visibility: hidden;
}
@media screen and (width >= 991px) {
  #cidff-map-wrapper #cidff-site-details {
    top: 3.2rem;
    inset-inline: 3.2rem;
    width: 40rem;
    max-width: 50%;
    margin-left: auto;
  }
}
@media screen and (width < 991px) {
  #cidff-map-wrapper #cidff-site-details {
    font-size: 85%;
    max-height: 50%;
    overflow: clip auto;
  }
}
#cidff-map-wrapper #cidff-site-details.active {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
#cidff-map-wrapper #cidff-site-details #cidff-site-details-cats {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-block: 0.8rem 0.6rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  gap: 0.4rem;
}
@media screen and (width >= 991px) {
  #cidff-map-wrapper #cidff-site-details #cidff-site-details-cats {
    margin-block: 0.8rem 1.2rem;
  }
}
#cidff-map-wrapper #cidff-site-details #cidff-site-details-cats li {
  margin-top: 0;
}

.leaflet-left .leaflet-control {
  margin-left: 1.6rem;
}

.leaflet-right .leaflet-control {
  margin-right: 1.6rem;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 1.6rem;
}

.leaflet-top .leaflet-control {
  margin-top: 1.6rem;
}

.leaflet-popup-content-wrapper .leaflet-popup-content {
  padding: 0.45rem;
  font-size: 1.3rem;
}

.marker-cluster {
  --color: var(--orange-500);
  --bg-color: color-mix(in srgb, var(--color), transparent 50%);
  background-color: color-mix(in srgb, var(--bg-color), var(--white) 20%);
}
.marker-cluster div {
  font-family: var(--font-base) !important;
  font-weight: 600;
  background-color: var(--bg-color);
}

.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
  --color: var(--orange-500);
}
/*# sourceMappingURL=front.css.map */