@charset "UTF-8";
/*
 *   IMAGE DECLARATION
 *   => @a : image file name
 *   => @b : background color, repeat...
 *   Example :
 *       .backgroundImage('bullet.png', no-repeat 0 0 #fff);
 */
/**
 * GRADIENT
 */
/**
 * CLEARFIX
 */
/**
 * SVG
 */
/**
 * Génération des colonnes
 */
/**
 * Génère une classe utilitaire avec ses suffixes responsive (issue de 1_settings/breakpoints)
 * @mixin
 * @param {string} $className - Le nom de la classe
 * @param {string} $property - La propriété CSS (exemple: "text-align")
 * @param {string} $property - La valeur de la propriété CSS entière (exemple: "right")
 *
 * @example
 * .u-text-right {
       text-align: right;

        &\@xs {
            @media (min-width: $smallmobile) {
                text-align: right;
            }
        }
        [...]
    }
 */
/**
 * Taille d'un element en cercle
 */
/**
 * 3 tailles de box shadow par défaut (large, medium & small)
 */
/**
 * Scrollbar style
 */
/**
 * Font icon
 */
/**
 * Assistive technology only (sr-only)
 */
/*
 * Calcul la taille d'une colonne dans un contexte CSS Gap
 * Permet d'avoir la taille exact d'une colonne séparée par la gouttière spécifiée.
 * @param  {$nbCols}   int      Nombre de colonnes
 * @param  {$gutter}   int      Gouttière (En px)
 */
/* ===================================================================
 * FORMS
 * ================================================================= */
/*
 *  Placeholder :
 *  A utiliser sur une champ input, ex: "c-form__item"
 *  => $color:          couleur du texte
 *  => $fontWeight:     poids de la police
 */
/*
 *   Checkbox :
 *   => $checkboxMarginTop:         alignement de la case avec le libellé
 *   => $checkboxSize:              largeur et hauteur de la case
 *   => $checkboxBorderColor:       couleur de bordure de la case
 *   => $checkboxBgColor:           couleur de fond de la case
 *   => $checkboxInnerSize:         largeur et hauteur de la coche
 *   => $checkboxInnerBorderColor:  couleur de bordure de la case coché
 *   => $checkboxInnerBgColor:      couleur de fond de la case coché
 *   => $checkboxDisabledColor:     couleur de désactivé de la case
 */
/*
 *   Radio button :
 *   => $radioMarginTop:        alignement du bouton radio avec le libellé
 *   => $radioSize:             largeur et hauteur du bouton radio
 *   => $radioBorderColor:      couleur de bordure du bouton radio
 *   => $radioBgColor:          couleur de fond du bouton radio
 *   => $radioInnerSize:        largeur et hauteur de la coche
 *   => $radioInnerBorderColor: couleur de bordure du bouton radio coché
 *   => $radioInnerBgColor:     couleur de fond du bouton radio coché
 *   => $radioDisabledColor:    couleur de désactivé du bouton radio
 */
/*
 *   Custom select :
 *   => $arrow:   nom du fichier image
 *   => $taille:  width du background en pixels permettant de calculer le padding-right
 *   => $right:   espacement de l'image par rapport au bord droit
 */
.container-fluid {
  padding-right: calc(32px / 2);
  padding-left: calc(32px / 2);
  width: 100%;
}
.container-fluid :where(.container) {
  padding: 0;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-right: calc(32px / 2);
  padding-left: calc(32px / 2);
  width: 100%;
}
@media (min-width: 1024px) {
  .container {
    max-width: 1116px;
  }
}
@media (min-width: 1459px) {
  .container {
    max-width: 1172px;
  }
}
@media (min-width: 1759px) {
  .container {
    max-width: 1450px;
  }
}
.container :where(.container) {
  padding: 0;
}

.container-grid {
  display: grid;
  grid-template-columns: 1fr repeat(12, minmax(21.3333333333px, 74.6666666667px)) 1fr;
  gap: 0 32px;
  width: 100%;
}
.container-grid > * {
  display: block;
  grid-column: 3/13;
}
.container-grid .full-bleed {
  grid-column: 1/15;
  width: 100%;
}
.container-grid :where(.container) {
  padding: 0;
}
@media (max-width: 1023px) {
  .container-grid {
    display: flex;
    flex-direction: column;
  }
  .container-grid > :not(.full-bleed) {
    padding-inline: calc(32px / 2);
  }
}

.has-column-left .container-grid__left {
  grid-row: 1/100;
  grid-column: 3/6;
}
.has-column-left > * {
  display: block;
  grid-column: 6/13;
}

.has-column-right .container-grid__right {
  grid-row: 1/100;
  grid-column: 10/13;
}
.has-column-right > * {
  display: block;
  grid-column: 3/10;
}

.layout-container {
  overflow-x: hidden;
}

/* EDITORIAL */
:root {
  --paragraph-mb: var(--spacer-8);
}

.node--type-page-editoriale {
  padding-block: var(--spacer-11);
}

.paragraph {
  grid-column: 1/13;
  margin-bottom: var(--paragraph-mb);
  color: var(--color-gray-2);
}
.paragraph:last-child {
  margin-bottom: 0;
}
.paragraph > :last-child {
  margin-bottom: 0;
}
.paragraph[class*="--type--titre-"] {
  margin-bottom: 0;
}
.paragraph[class*="--type--titre-"] > :last-child {
  margin-bottom: revert;
}

.node__image {
  margin-bottom: var(--spacer-11);
  text-align: center;
}
.node__image img {
  border-radius: var(--radius-lg);
}

.node__intro {
  margin-bottom: var(--spacer-11);
  font-size: 1.7rem;
  line-height: 1.5;
  letter-spacing: 0.0425rem;
  color: var(--color-gray-2);
}
.node__intro > :last-child {
  margin-bottom: 0;
}
@media (min-width: 792px) {
  .node__intro {
    font-size: 2.2rem;
    letter-spacing: 0.055rem;
  }
}

.node__content {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 32px;
}

/* LOGIN */
.s-login {
  padding: var(--spacer-11) 0;
}

/* VIEWS */
.view-container {
  padding-block: var(--spacer-11);
}
.view-container .c-pager {
  margin-top: var(--spacer-9);
}
.view-header__results {
  margin-bottom: var(--spacer-5);
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.view-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacer-5);
}
.view-content--grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 792px) {
  .view-content--grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.view-content--grid img {
  border-radius: var(--radius-md);
}

/* EVENT LIST */
.c-form__custom-date {
  display: flex;
  gap: var(--spacer-2) var(--spacer-5);
  flex-wrap: wrap;
}
.c-form__custom-date-wrapper {
  width: 100%;
}

.c-card--event .c-card__header {
  flex-flow: row wrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin-top: -48px;
  z-index: 2;
}
.c-card--event .c-card__date {
  font-weight: 400;
  line-height: 1.5;
}
.c-card--event .c-card__block-time {
  text-align: right;
}
.c-card--event .o-tags {
  flex-basis: 100%;
}

/* EVENT FULL */
.c-event--full {
  margin: var(--spacer-11) 0;
}
.c-event--full .paragraph:last-child {
  margin-bottom: var(--paragraph-mb);
}
.c-event--full .node__intro {
  margin-bottom: var(--spacer-7);
}
.c-event--full .node__description {
  margin-bottom: var(--spacer-11);
  font-size: 1.5rem;
  line-height: 1.5;
  color: var(--color-gray-2);
}
@media (min-width: 792px) {
  .c-event--full .node__description {
    font-size: 1.7rem;
  }
}
.c-event--full .node__dates {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacer-5);
  margin-bottom: var(--spacer-11);
  color: var(--color-gray-2);
}
@media (min-width: 792px) {
  .c-event--full .node__dates {
    grid-template-columns: 1fr 1fr;
  }
}
.c-event--full .node__info {
  font-size: 1.7rem;
  line-height: 1.5;
}
.c-event--full .node__info a:not(.o-link) {
  color: currentColor;
  text-decoration: none;
}
.c-event--full .node__info a:not(.o-link):active, .c-event--full .node__info a:not(.o-link):hover {
  text-decoration: underline;
}
.c-event--full .o-link {
  font-size: 1.6rem;
}

.c-table--event {
  max-width: 36rem;
  font-size: 1.7rem;
}
.c-table--event.c-table {
  border: 1px solid var(--color-gray-2);
}
.c-table--event.c-table thead th {
  text-align: center;
  font-size: 1.9rem;
  background: var(--color-gray-2);
  text-transform: capitalize;
}
.c-table--event .c-button {
  margin: 0 var(--spacer-3);
  background: var(--color-gray-2);
}

/* NEWS FULL */
.c-news--full {
  margin: var(--spacer-11) 0;
}
.c-news--full .paragraph:last-child {
  margin-bottom: var(--paragraph-mb);
}

/* HOME BANNER */
.s-banner.s-banner--home {
  padding-block: 24px;
}
.s-banner__actions {
  margin-top: var(--spacer-8);
  display: flex;
  gap: 12px 24px;
  flex-direction: column;
}
@media (min-width: 792px) {
  .s-banner__actions {
    flex-direction: row;
  }
}
.s-banner__actions .c-form {
  flex: 1;
  min-width: 337px;
}
.s-banner__actions .c-form--overlap .c-form__item {
  color: var(--color-light);
}
.s-banner__actions .c-form--overlap .c-form__item::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; /* Firefox */
  color: var(--color-light);
  font-weight: 400;
}
.s-banner__actions .c-form--overlap .c-form__item:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; /* Firefox */
  color: var(--color-light);
  font-weight: 700;
}
@media (max-width: 791px) {
  .s-banner__actions .c-form {
    min-width: 100%;
  }
  .s-banner__actions .c-form__item {
    padding-block: 10px;
  }
  .s-banner__actions .c-form__submit, .s-banner__actions .views-exposed-form .form-submit, .views-exposed-form .s-banner__actions .form-submit {
    height: 38px;
    width: 34px;
  }
}
@media (max-width: 1279px) {
  .s-banner__actions .c-quick-links {
    width: calc(100% + 32px / 2);
    margin-right: calc(32px / 2 * -1);
  }
}

.s-home {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-top: calc(var(--spacer) * 12);
}
.s-home__section {
  grid-column: 2/14;
  margin-bottom: var(--spacer-11);
}
.s-home__title {
  font-size: 3.2rem;
  letter-spacing: 1.28px;
  font-weight: 900;
  text-transform: uppercase;
}
@media (min-width: 792px) {
  .s-home__title {
    font-size: 3.2 cqw;
    letter-spacing: 4px;
    margin-bottom: var(--spacer-7);
    max-width: 50%;
    text-wrap: balance;
  }
}
@media (min-width: 792px) {
  .s-home__title--wide {
    max-width: 100%;
  }
}

.s-actu-home {
  display: flex;
  flex-direction: column;
  gap: var(--spacer-5);
}
.s-actu-home .c-card {
  margin: 0;
}
.s-actu-home .c-card--horizontal:hover, .s-actu-home .c-card--horizontal:focus-within {
  background: none;
  color: currentColor;
}
.s-actu-home .c-card--horizontal:hover .c-card__link, .s-actu-home .c-card--horizontal:focus-within .c-card__link {
  color: var(--color-primary-dark);
}
.s-actu-home .c-card--horizontal:hover .o-tags__item:not(.o-tags__item--outline), .s-actu-home .c-card--horizontal:focus-within .o-tags__item:not(.o-tags__item--outline) {
  color: var(--color-light);
  background: var(--color-gray-2);
}
.s-actu-home .c-card--horizontal .c-card__header {
  flex-flow: unset;
}
.s-actu-home .c-card--horizontal .c-card__media {
  width: 100%;
}
@media (min-width: 792px) {
  .s-actu-home .c-card--horizontal .c-card__media {
    width: 66.6666666667%;
  }
}
.s-actu-home .splide__track {
  overflow: visible;
}
.s-actu-home .splide__slide {
  max-width: 347px;
}
@media (max-width: 791px) {
  .s-actu-home .splide__track {
    max-width: calc(100vw - 32px);
  }
  .s-actu-home .splide__slide {
    max-width: 272px;
  }
}

/* HOME EVENTS */
.s-agenda-home {
  border-radius: var(--radius-lg);
  padding-block: var(--spacer-8);
}
@media (min-width: 792px) {
  .s-agenda-home {
    padding-block: var(--spacer-10);
  }
}
.s-agenda-home__items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacer-7);
}
.s-agenda-home__items > * {
  width: 100%;
}
@media (min-width: 792px) {
  .s-agenda-home__items > * {
    width: calc(100% / 2 - (2 - 1) / 2 * var(--spacer-7));
  }
}
@media (max-width: 1023px) {
  .s-agenda-home__layout {
    padding: 0 calc(32px / 2);
  }
}

.c-card--event-home .c-card__title {
  color: var(--color-light);
  font-size: 1.7rem;
  line-height: 1.35;
  letter-spacing: 0.0425rem;
}
@media (min-width: 792px) {
  .c-card--event-home .c-card__title {
    font-size: 2.2rem;
    letter-spacing: 0.055rem;
  }
}
.c-card--event-home .c-card__block-time {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.c-card--event-home .c-card__header {
  margin-top: 0;
}
.c-card--event-home .c-card__header .o-period__item--start {
  background: var(--color-light);
  color: var(--color-dark);
}
.c-card--event-home .c-card__header .o-period__item--end {
  background: var(--color-dark);
  color: var(--color-light);
}
.c-card--event-home .c-card__date {
  color: var(--color-light);
}
.c-card--event-home .c-card__other-date {
  padding-block: 4px;
  padding-inline: 12px;
  border-radius: var(--radius-lg);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.045rem;
  line-height: 1.2;
  background-color: var(--color-light);
  color: var(--color-gray-5);
}
.c-card--event-home:hover .c-card__header .o-period__item, .c-card--event-home:focus-within .c-card__header .o-period__item {
  background: var(--color-primary-dark);
  color: var(--color-dark);
}
.c-card--event-home:hover .c-card__header .o-period__separator, .c-card--event-home:focus-within .c-card__header .o-period__separator {
  color: var(--color-primary-light);
}

.has-agenda {
  gap: var(--spacer-9);
}
@media (min-width: 1280px) {
  .has-agenda {
    display: grid;
    grid-template-columns: 7fr 5fr;
    grid-template-rows: auto 1fr;
    gap: var(--spacer-7);
  }
  .has-agenda > :first-child {
    grid-area: 1/1/3/3;
  }
  .has-agenda > .c-diaporama {
    grid-area: 3/1/3/2;
    overflow: hidden;
  }
  .has-agenda > :last-child {
    grid-area: 2/2/4/3;
    position: relative;
    place-self: end;
    z-index: 5;
  }
  .has-agenda > :last-child::before {
    content: "";
    position: absolute;
    top: -40px;
    left: -40px;
    background-color: var(--color-light);
    border-top-left-radius: calc(var(--radius-lg) + 40px); /* https://www.30secondsofcode.org/css/s/nested-border-radius/ */
    right: 0;
    height: 280px;
    z-index: -1;
  }
  .has-agenda .s-agenda-home {
    padding-block: var(--spacer-5);
  }
  .has-agenda .s-agenda-home > * {
    position: relative;
  }
  .has-agenda .s-agenda-home__items {
    gap: var(--spacer-4);
  }
  .has-agenda .s-agenda-home__items .c-card {
    width: 100%;
  }
  .has-agenda .s-agenda-home__items .c-card:nth-of-type(n+4) {
    display: none;
  }
  .has-agenda .s-home__title {
    font-size: 4rem;
    margin-bottom: var(--spacer-5);
  }
}
.has-agenda .s-home__section {
  margin-bottom: 0;
}

/* PROJECT HOME */
.s-home-projects__grid {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  gap: var(--spacer-7);
  flex-direction: column;
}
@media (min-width: 792px) {
  .s-home-projects__grid {
    flex-direction: row;
  }
}
.s-home-projects__intro {
  margin-bottom: var(--spacer-11);
  font-size: 1.7rem;
  line-height: 1.5;
  letter-spacing: 0.0425rem;
  color: var(--color-gray-2);
}
.s-home-projects__intro > :last-child {
  margin-bottom: 0;
}
@media (min-width: 792px) {
  .s-home-projects__intro {
    font-size: 2.2rem;
    letter-spacing: 0.055rem;
  }
}
.s-home-projects__info {
  flex: 1;
}
.s-home-projects__cards {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacer-5);
}
@media (min-width: 792px) {
  .s-home-projects__cards {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .s-home-projects__cards {
    width: 57.5320512821%;
  }
}
.s-home-projects .c-card {
  padding: 6px 12px;
}
.s-home-projects .c-card:hover, .s-home-projects .c-card:focus-within {
  background-color: var(--color-primary-light);
  color: currentColor;
}
.s-home-projects .c-card:hover .c-card__link, .s-home-projects .c-card:focus-within .c-card__link {
  color: currentColor;
}
@media (min-width: 792px) {
  .s-home-projects .c-card {
    padding: var(--spacer-4) var(--spacer-5) var(--spacer-8);
  }
}

/* LOCAL TASK BAR */
:root {
  --s-task-bar-font-family: Arial, Helvetica, sans-serif;
  --s-task-bar-font-size: 14px;
  --s-task-bar-text-color: #212121;
  --s-task-bar-border-color: #dee2e6;
}

.s-local-task {
  margin-block: 1rem;
}
.s-local-task ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid var(--s-task-bar-border-color);
}
.s-local-task a {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  font-family: var(--s-task-bar-font-family);
  font-size: var(--s-task-bar-font-size);
  color: var(--s-task-bar-text-color);
  text-decoration: none;
}
.s-local-task a:hover {
  border-color: color-mix(in srgb, var(--s-task-bar-border-color) 96%, #fff) color-mix(in srgb, var(--s-task-bar-border-color) 96%, #fff) var(--s-task-bar-border-color);
  isolation: isolate;
}
.s-local-task a.is-active {
  background-color: #fff;
  border-color: var(--s-task-bar-border-color) var(--s-task-bar-border-color) #fff;
  font-weight: 600;
}

/* DRUPAL ALERT MESSAGE */
.s-alert {
  margin-top: calc(var(--paragraph-mb) / 2);
  font-family: var(--s-task-bar-font-family);
  font-size: var(--s-task-bar-font-size);
}
.s-home .s-alert {
  margin-top: 0;
  margin-bottom: calc(var(--paragraph-mb) / 2);
}

/* BREADCRUMB */
.s-breadcrumb {
  margin-bottom: var(--spacer-2);
}

/* BANNER */
:root {
  --s-banner-bg-color: var(--color-dark);
  --s-banner-padding-y: var(--spacer-9);
}

.s-banner {
  display: flex;
  flex-direction: column;
  padding-block: var(--s-banner-padding-y);
  background: var(--s-banner-bg-color);
}

/* BANNER - EVENT FULL */
.c-banner__info a {
  color: inherit;
  text-decoration: none;
}

.c-banner--event.c-banner {
  column-gap: var(--spacer-7);
  flex-flow: row-reverse wrap;
}
.c-banner--event .o-link {
  font-size: 1.2rem;
}
.c-banner--event .c-button {
  font-size: 1.8rem;
  padding-block: var(--spacer-2);
}
.c-banner--event img {
  border-radius: var(--radius-lg);
}
.c-banner--event .c-banner__header {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
  gap: var(--spacer-5);
  width: 100%;
}
.c-banner--event .c-banner__date {
  font-weight: 700;
}
.c-banner--event .c-banner__location {
  font-size: 1.5rem;
  display: inline-flex;
  column-gap: 4px;
  place-items: center;
  margin-bottom: 0;
}

.s-sitemap {
  padding: var(--spacer-11) 0 0;
}
.s-sitemap__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.s-sitemap__list--level-2 {
  margin-bottom: var(--spacer-9);
}
.s-sitemap__list--level-3 {
  margin-bottom: var(--spacer-6);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacer-4);
}
@media (min-width: 792px) {
  .s-sitemap__list--level-3 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.s-sitemap__link {
  text-decoration: none;
  color: var(--color-gray-3);
}
.s-sitemap__link:hover, .s-sitemap__link:focus, .s-sitemap__link:active {
  color: var(--o-link-hover-color);
}
.s-sitemap__link:focus-visible {
  outline-offset: 1px;
}
.s-sitemap__link[type=button] {
  pointer-events: none;
}
.s-sitemap__link--level-1 {
  font-size: 1.8rem;
  font-family: var(--font-family-heading);
  font-weight: 400;
  margin-bottom: var(--spacer-6);
  padding: 0;
  padding-bottom: var(--spacer-2);
  border: 0;
  border-bottom: 3px solid currentColor;
  display: inline-flex;
  background: none;
}
.s-sitemap__link--level-1:hover, .s-sitemap__link--level-1:focus, .s-sitemap__link--level-1:active {
  text-decoration: none;
}
@media (min-width: 1024px) {
  .s-sitemap__link--level-1 {
    font-size: 2.6rem;
  }
}
.s-sitemap__link--level-1:before {
  font-size: 1.7rem;
}
.s-sitemap__link--level-2 {
  border-bottom-width: 1px;
  margin-bottom: var(--spacer-5);
  padding-bottom: var(--spacer-2);
}
.s-sitemap__link--level-2:before {
  font-size: 1rem;
}
.s-sitemap__link--icon {
  color: var(--color-gray-2);
  display: inline-flex;
  gap: var(--spacer-2);
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-start;
}
.s-sitemap__link--level-3 {
  font-size: 1.5rem;
  line-height: 1.5;
  text-decoration: underline;
}
.s-sitemap__link--level-3:hover, .s-sitemap__link--level-3:focus, .s-sitemap__link--level-3:active {
  color: var(--o-link-hover-color);
}

/* blocks RELATED */
.c-related-block {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacer-5);
  margin-bottom: var(--spacer-11);
}
@media (min-width: 792px) {
  .c-related-block {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.c-related-block img {
  border-radius: var(--radius-md);
}

.c-form__label.form-required::after {
  margin-left: 2px;
  color: var(--color-fail);
  content: "*";
}

.c-form__checkbox .form-item,
.c-form__radio .form-item {
  display: inline-flex;
  column-gap: 8px;
  margin-bottom: 0;
}

.form-managed-file input.c-form__item {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.form-managed-file .form-submit:not(.js-hide) {
  column-gap: var(--c-button-sm-column-gap);
  padding-block: var(--c-button-sm-padding-block);
  padding-inline: var(--c-button-sm-padding-inline);
  font-size: var(--c-button-sm-font-size);
  letter-spacing: var(--c-button-sm-letter-spacing);
}
.form-managed-file:has(.file--image) .c-form__item--file-button {
  margin-top: var(--spacer-2);
}

.c-form__fieldset .s-alert {
  margin-top: 0;
}

.webform-submission-form {
  color: var(--c-form-color);
}
.webform-submission-form .c-form__legend {
  display: block;
  margin-bottom: var(--spacer-2);
  width: 100%;
  font-family: var(--font-family-body);
  font-size: initial;
  font-weight: var(--c-form-label-font-weight);
}
.webform-submission-form .webform-flexbox {
  margin: 0 -0.5em var(--spacer-5);
}
.webform-submission-form .webform-progress {
  display: none;
}
.webform-submission-form .form-actions {
  margin-top: 24px;
}
.webform-submission-form .form-actions .webform-button--previous {
  border: 1px solid;
  background-color: var(--c-button-secondary-bg-color);
  color: var(--c-button-secondary-color);
}
.webform-submission-form .form-actions .webform-button--previous:hover, .webform-submission-form .form-actions .webform-button--previous:focus {
  border-color: var(--color-primary-dark);
  background-color: var(--c-button-hover-bg-color);
  color: var(--color-light);
}
.webform-submission-form .s-alert {
  margin: 0 0 var(--spacer-8);
}

/*
 *   IMAGE DECLARATION
 *   => @a : image file name
 *   => @b : background color, repeat...
 *   Example :
 *       .backgroundImage('bullet.png', no-repeat 0 0 #fff);
 */
/**
 * GRADIENT
 */
/**
 * CLEARFIX
 */
/**
 * SVG
 */
/**
 * Génération des colonnes
 */
/**
 * Génère une classe utilitaire avec ses suffixes responsive (issue de 1_settings/breakpoints)
 * @mixin
 * @param {string} $className - Le nom de la classe
 * @param {string} $property - La propriété CSS (exemple: "text-align")
 * @param {string} $property - La valeur de la propriété CSS entière (exemple: "right")
 *
 * @example
 * .u-text-right {
       text-align: right;

        &\@xs {
            @media (min-width: $smallmobile) {
                text-align: right;
            }
        }
        [...]
    }
 */
/**
 * Taille d'un element en cercle
 */
/**
 * 3 tailles de box shadow par défaut (large, medium & small)
 */
/**
 * Scrollbar style
 */
/**
 * Font icon
 */
/**
 * Assistive technology only (sr-only)
 */
/*
 * Calcul la taille d'une colonne dans un contexte CSS Gap
 * Permet d'avoir la taille exact d'une colonne séparée par la gouttière spécifiée.
 * @param  {$nbCols}   int      Nombre de colonnes
 * @param  {$gutter}   int      Gouttière (En px)
 */
/* ===================================================================
 * FORMS
 * ================================================================= */
/*
 *  Placeholder :
 *  A utiliser sur une champ input, ex: "c-form__item"
 *  => $color:          couleur du texte
 *  => $fontWeight:     poids de la police
 */
/*
 *   Checkbox :
 *   => $checkboxMarginTop:         alignement de la case avec le libellé
 *   => $checkboxSize:              largeur et hauteur de la case
 *   => $checkboxBorderColor:       couleur de bordure de la case
 *   => $checkboxBgColor:           couleur de fond de la case
 *   => $checkboxInnerSize:         largeur et hauteur de la coche
 *   => $checkboxInnerBorderColor:  couleur de bordure de la case coché
 *   => $checkboxInnerBgColor:      couleur de fond de la case coché
 *   => $checkboxDisabledColor:     couleur de désactivé de la case
 */
/*
 *   Radio button :
 *   => $radioMarginTop:        alignement du bouton radio avec le libellé
 *   => $radioSize:             largeur et hauteur du bouton radio
 *   => $radioBorderColor:      couleur de bordure du bouton radio
 *   => $radioBgColor:          couleur de fond du bouton radio
 *   => $radioInnerSize:        largeur et hauteur de la coche
 *   => $radioInnerBorderColor: couleur de bordure du bouton radio coché
 *   => $radioInnerBgColor:     couleur de fond du bouton radio coché
 *   => $radioDisabledColor:    couleur de désactivé du bouton radio
 */
/*
 *   Custom select :
 *   => $arrow:   nom du fichier image
 *   => $taille:  width du background en pixels permettant de calculer le padding-right
 *   => $right:   espacement de l'image par rapport au bord droit
 */
.c-form {
  color: var(--c-form-color);
}
.c-form__fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.c-form__fieldset:not(:last-child) {
  margin-bottom: var(--spacer-8);
}
.c-form__legend {
  padding: 0;
  margin-bottom: var(--spacer-5);
  font-weight: 900;
  font-size: 1.9rem;
  font-style: normal;
  font-family: var(--font-family-heading);
}
@media (min-width: 1024px) {
  .c-form__legend {
    font-size: 3rem;
  }
}
.c-form__group {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--spacer-3);
  margin-bottom: var(--spacer-5);
}
fieldset .c-form__group:last-child {
  margin-bottom: 0;
}
.c-form__group.is-disabled .c-form__label {
  color: var(--c-form-item-disabled-color);
}
.c-form__group.is-information .c-form__label {
  color: var(--color-information);
}
.c-form__group.is-information .c-form__item {
  border-color: var(--color-information);
}
.c-form__group.is-success .c-form__label {
  color: var(--color-success);
}
.c-form__group.is-success .c-form__item {
  border-color: var(--color-success);
}
.c-form__group.is-warning .c-form__label {
  color: var(--color-warning);
}
.c-form__group.is-warning .c-form__item {
  border-color: var(--color-warning);
}
.c-form__group.is-fail .c-form__label {
  color: var(--color-fail);
}
.c-form__group.is-fail .c-form__item {
  border-color: var(--color-fail);
}
.c-form__label {
  display: block;
  width: 100%;
  margin-bottom: var(--spacer-2);
  font-weight: var(--c-form-label-font-weight);
}
.c-form__wrapper {
  flex: 1;
  position: relative;
}
.c-form__item {
  flex: 1;
  width: 100%;
  height: var(--c-form-item-height);
  padding: var(--spacer-3) var(--spacer-4);
  font-size: var(--c-form-item-font-size);
  font-weight: var(--c-form-item-font-weight);
  color: var(--c-form-item-font-color);
  background-color: var(--c-form-item-bgd-color);
  border: 1px solid var(--c-form-item-border-color);
  border-radius: var(--radius-sm);
}
.c-form__item::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; /* Firefox */
  color: var(--c-form-placeholder-color);
  font-weight: 400;
}
.c-form__item:focus {
  font-weight: 700;
  outline: none;
  border-color: var(--c-form-item-font-color);
}
.c-form__item:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; /* Firefox */
  color: var(--c-form-color);
  font-weight: 700;
}
.c-form__item[disabled], .c-form__item--disabled {
  color: var(--c-form-item-disabled-color);
  background-color: var(--c-form-item-disabled-bgd-color);
  border-color: var(--c-form-item-disabled-bgd-color);
  background-blend-mode: luminosity;
}
.c-form__item[disabled] .o-icon, .c-form__item--disabled .o-icon {
  color: var(--c-form-item-disabled-color);
}
.c-form__message {
  width: 100%;
  margin: var(--spacer-3) 0 0;
}
.c-form__alert {
  width: 100%;
  display: inline-flex;
  place-items: center;
  column-gap: var(--spacer-2);
  margin: 0;
  font-size: var(--c-form-alert-font-size);
}
.c-form__alert--information {
  color: var(--color-information);
}
.c-form__alert--information::before {
  content: "!";
  border-radius: 50%;
  width: var(--c-form-alert-icon-size);
  height: var(--c-form-alert-icon-size);
  display: inline-flex;
  place-content: center;
  place-items: center;
  border: 1px solid;
  font-size: var(--c-form-alert-icon-font-size);
  font-weight: 700;
}
.c-form__alert--success {
  color: var(--color-success);
}
.c-form__alert--success::before {
  content: "!";
  border-radius: 50%;
  width: var(--c-form-alert-icon-size);
  height: var(--c-form-alert-icon-size);
  display: inline-flex;
  place-content: center;
  place-items: center;
  border: 1px solid;
  font-size: var(--c-form-alert-icon-font-size);
  font-weight: 700;
}
.c-form__alert--warning {
  color: var(--color-warning);
}
.c-form__alert--warning::before {
  content: "!";
  border-radius: 50%;
  width: var(--c-form-alert-icon-size);
  height: var(--c-form-alert-icon-size);
  display: inline-flex;
  place-content: center;
  place-items: center;
  border: 1px solid;
  font-size: var(--c-form-alert-icon-font-size);
  font-weight: 700;
}
.c-form__alert--fail {
  color: var(--color-fail);
}
.c-form__alert--fail::before {
  content: "!";
  border-radius: 50%;
  width: var(--c-form-alert-icon-size);
  height: var(--c-form-alert-icon-size);
  display: inline-flex;
  place-content: center;
  place-items: center;
  border: 1px solid;
  font-size: var(--c-form-alert-icon-font-size);
  font-weight: 700;
}
.c-form__alert--information {
  padding: var(--spacer-2) var(--spacer-4);
  color: #222222;
  background: var(--c-form-alert-info-bgd-color);
  border-radius: var(--radius-sm);
}
.c-form__alert--information::before {
  content: none;
}
.c-form__actions {
  place-self: flex-end;
  display: flex;
}
.c-form__submit, .views-exposed-form .form-submit {
  height: var(--c-form-actions-height);
  line-height: 1;
}
.c-form__submit--search, .views-exposed-form .form-submit {
  padding-right: 36px;
  background-image: var(--c-form-actions-search-icon);
  background-repeat: no-repeat;
  background-position: center right 16px;
}
.c-form .c-tooltip__button {
  margin-top: var(--spacer-1);
}
@media (max-width: 792px) {
  .c-form__item {
    font-size: 1.5rem;
  }
  .c-form__alert--information {
    font-size: 1.3rem;
  }
  .c-form__alert--information::before {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    font-size: 1.5rem;
  }
  .c-form__alert--success {
    font-size: 1.3rem;
  }
  .c-form__alert--success::before {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    font-size: 1.5rem;
  }
  .c-form__alert--warning {
    font-size: 1.3rem;
  }
  .c-form__alert--warning::before {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    font-size: 1.5rem;
  }
  .c-form__alert--fail {
    font-size: 1.3rem;
  }
  .c-form__alert--fail::before {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    font-size: 1.5rem;
  }
  .c-form__submit--search, .views-exposed-form .form-submit {
    padding-left: 16px;
  }
}

.c-form__item--select {
  /* calcul l'espace nécessaire entre l'image et le texte dans le select  */
  /* Safari and Chrome */
  appearance: none;
  background-image: var(--c-form-select-icon);
  background-position: calc(100% - var(--spacer-4)) center;
  background-repeat: no-repeat;
  padding-right: calc(5px + 20px + var(--spacer-4));
  text-overflow: ellipsis; /* Firefox */
}
.c-form__item--select::-ms-expand {
  display: none;
}
.c-form__item--select[size] {
  background-image: none;
  padding-right: 0;
  height: auto;
  vertical-align: top;
}
.c-form__item--select:focus option {
  font-weight: 400;
}

.c-form__item--date:not([type=date]) {
  /* calcul l'espace nécessaire entre l'image et le texte dans le select  */
  /* Safari and Chrome */
  appearance: none;
  background-image: var(--c-form-select-icon);
  background-position: calc(100% - var(--spacer-4)) center;
  background-repeat: no-repeat;
  padding-right: calc(5px + 20px + var(--spacer-4));
  text-overflow: ellipsis; /* Firefox */
  background-image: var(--c-form-date-icon);
}
.c-form__item--date:not([type=date])::-ms-expand {
  display: none;
}
.c-form__item--date:not([type=date])[size] {
  background-image: none;
  padding-right: 0;
  height: auto;
  vertical-align: top;
}
.c-form__item--date-button {
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  padding-left: 0;
  padding-right: calc(25px + var(--spacer) * 2);
  width: 20px;
  font-size: 2rem;
  color: var(--color-primary-dark);
  background: var(--color-light);
  border: 0;
  border-radius: var(--radius-sm);
}
.c-form__item--date-button .o-icon {
  margin-left: 5px;
}
.c-form__item--date[disabled] + .c-form__item--date-button {
  color: var(--c-form-item-disabled-color);
  background: var(--c-form-item-disabled-bgd-color);
  pointer-events: none;
  outline: none;
}

.c-form__item--file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.c-form__item--file-button {
  display: flex;
  place-items: center;
  text-align: left;
}
.c-form__item--file-button .o-icon {
  color: var(--color-primary-dark);
  font-size: 1.1765em;
}
.c-form__item--file-title {
  margin-left: var(--spacer-2);
  font-weight: 700;
}
.c-form__item--file-name {
  margin-left: var(--spacer-3);
  flex: 1;
  -webkit-line-clamp: 1;
}
.is-disabled .c-form__item--file-button .o-icon {
  color: var(--c-form-item-disabled-color);
}

.c-form__checkbox,
.c-form__radio {
  display: inline-flex;
  column-gap: 16px;
}
.c-form__checkbox--sm,
.c-form__radio--sm {
  font-size: 1.5rem;
}
.c-form__checkbox--lg,
.c-form__radio--lg {
  font-size: 1.9rem;
}
@media (max-width: 792px) {
  .c-form__checkbox--sm,
  .c-form__radio--sm {
    font-size: 1.3rem;
  }
  .c-form__checkbox--lg,
  .c-form__radio--lg {
    font-size: 1.7rem;
  }
}

.c-form__checkbox-item {
  appearance: none;
  display: inline-block;
  position: relative;
  margin-top: 2px;
  border: 1px solid var(--c-form-check-border-color);
  background: var(--c-form-check-bgd-color); /* this is needed for iOS. Otherwise the background just becomes black. */
  width: var(--c-form-check-size);
  height: var(--c-form-check-size);
}
.c-form__checkbox-item::before {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
}
.c-form__checkbox-item:focus {
  outline: 1px solid;
  outline-offset: 1px;
}
.c-form__checkbox-item:checked {
  border-color: var(--c-form-checked-border-color);
}
.c-form__checkbox-item:checked::before {
  width: var(--c-form-checked-inner-size);
  height: var(--c-form-checked-inner-size);
  background-color: var(--c-form-checked-bgd-color);
}
.c-form__checkbox-item:indeterminate::before, .c-form__checkbox-item[aria-checked=mixed]::before {
  border: 2px solid var(--c-form-checked-bgd-color);
  width: 40%;
  height: 0;
}
.c-form__checkbox-item + label {
  flex: 1;
}
.c-form__checkbox-item[disabled],
.c-form__checkbox-item [aria-disabled=true] {
  border-color: var(--c-form-item-disabled-color);
}
.c-form__checkbox-item[disabled] + label,
.c-form__checkbox-item [aria-disabled=true] + label {
  color: var(--c-form-item-disabled-color);
}
.c-form__checkbox-item--sm {
  appearance: none;
  display: inline-block;
  position: relative;
  margin-top: 3px;
  border: 1px solid var(--c-form-check-border-color);
  background: var(--c-form-check-bgd-color); /* this is needed for iOS. Otherwise the background just becomes black. */
  width: 11px;
  height: 11px;
}
.c-form__checkbox-item--sm::before {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
}
.c-form__checkbox-item--sm:focus {
  outline: 1px solid;
  outline-offset: 1px;
}
.c-form__checkbox-item--sm:checked {
  border-color: var(--c-form-checked-border-color);
}
.c-form__checkbox-item--sm:checked::before {
  width: 5px;
  height: 5px;
  background-color: var(--c-form-checked-bgd-color);
}
.c-form__checkbox-item--sm:indeterminate::before, .c-form__checkbox-item--sm[aria-checked=mixed]::before {
  border: 2px solid var(--c-form-checked-bgd-color);
  width: 40%;
  height: 0;
}
.c-form__checkbox-item--sm + label {
  flex: 1;
}
.c-form__checkbox-item--sm[disabled],
.c-form__checkbox-item--sm [aria-disabled=true] {
  border-color: var(--c-form-item-disabled-color);
}
.c-form__checkbox-item--sm[disabled] + label,
.c-form__checkbox-item--sm [aria-disabled=true] + label {
  color: var(--c-form-item-disabled-color);
}
.c-form__checkbox-item--lg {
  appearance: none;
  display: inline-block;
  position: relative;
  margin-top: 2px;
  border: 1px solid var(--c-form-check-border-color);
  background: var(--c-form-check-bgd-color); /* this is needed for iOS. Otherwise the background just becomes black. */
  width: 19px;
  height: 19px;
}
.c-form__checkbox-item--lg::before {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
}
.c-form__checkbox-item--lg:focus {
  outline: 1px solid;
  outline-offset: 1px;
}
.c-form__checkbox-item--lg:checked {
  border-color: var(--c-form-checked-border-color);
}
.c-form__checkbox-item--lg:checked::before {
  width: 11px;
  height: 11px;
  background-color: var(--c-form-checked-bgd-color);
}
.c-form__checkbox-item--lg:indeterminate::before, .c-form__checkbox-item--lg[aria-checked=mixed]::before {
  border: 2px solid var(--c-form-checked-bgd-color);
  width: 40%;
  height: 0;
}
.c-form__checkbox-item--lg + label {
  flex: 1;
}
.c-form__checkbox-item--lg[disabled],
.c-form__checkbox-item--lg [aria-disabled=true] {
  border-color: var(--c-form-item-disabled-color);
}
.c-form__checkbox-item--lg[disabled] + label,
.c-form__checkbox-item--lg [aria-disabled=true] + label {
  color: var(--c-form-item-disabled-color);
}
.c-form__checkbox-item + label {
  margin: 0;
  font-weight: normal;
}

.c-form__radio-item {
  appearance: none;
  display: inline-block;
  position: relative;
  margin-top: 2px;
  border: 1px solid var(--c-form-check-border-color);
  border-radius: 50%;
  background: var(--c-form-check-bgd-color); /* this is needed for iOS. Otherwise the background just becomes black. */
  width: var(--c-form-check-size);
  height: var(--c-form-check-size);
}
.c-form__radio-item::before {
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
  content: "";
}
.c-form__radio-item:focus {
  outline: 1px solid;
  outline-offset: 1px;
}
.c-form__radio-item:checked {
  border-color: var(--c-form-checked-border-color);
}
.c-form__radio-item:checked::before {
  background-color: var(--c-form-checked-bgd-color);
  height: var(--c-form-checked-inner-size);
  width: var(--c-form-checked-inner-size);
}
.c-form__radio-item + label {
  flex: 1;
}
.c-form__radio-item[disabled],
.c-form__radio-item [aria-disabled=true] {
  border-color: var(--c-form-item-disabled-color);
}
.c-form__radio-item[disabled] + label,
.c-form__radio-item [aria-disabled=true] + label {
  color: var(--c-form-item-disabled-color);
}
.c-form__radio-item--sm {
  appearance: none;
  display: inline-block;
  position: relative;
  margin-top: 3px;
  border: 1px solid var(--c-form-check-border-color);
  border-radius: 50%;
  background: var(--c-form-check-bgd-color); /* this is needed for iOS. Otherwise the background just becomes black. */
  width: 11px;
  height: 11px;
}
.c-form__radio-item--sm::before {
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
  content: "";
}
.c-form__radio-item--sm:focus {
  outline: 1px solid;
  outline-offset: 1px;
}
.c-form__radio-item--sm:checked {
  border-color: var(--c-form-checked-border-color);
}
.c-form__radio-item--sm:checked::before {
  background-color: var(--c-form-checked-bgd-color);
  height: 5px;
  width: 5px;
}
.c-form__radio-item--sm + label {
  flex: 1;
}
.c-form__radio-item--sm[disabled],
.c-form__radio-item--sm [aria-disabled=true] {
  border-color: var(--c-form-item-disabled-color);
}
.c-form__radio-item--sm[disabled] + label,
.c-form__radio-item--sm [aria-disabled=true] + label {
  color: var(--c-form-item-disabled-color);
}
.c-form__radio-item--lg {
  appearance: none;
  display: inline-block;
  position: relative;
  margin-top: 2px;
  border: 1px solid var(--c-form-check-border-color);
  border-radius: 50%;
  background: var(--c-form-check-bgd-color); /* this is needed for iOS. Otherwise the background just becomes black. */
  width: 19px;
  height: 19px;
}
.c-form__radio-item--lg::before {
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
  content: "";
}
.c-form__radio-item--lg:focus {
  outline: 1px solid;
  outline-offset: 1px;
}
.c-form__radio-item--lg:checked {
  border-color: var(--c-form-checked-border-color);
}
.c-form__radio-item--lg:checked::before {
  background-color: var(--c-form-checked-bgd-color);
  height: 11px;
  width: 11px;
}
.c-form__radio-item--lg + label {
  flex: 1;
}
.c-form__radio-item--lg[disabled],
.c-form__radio-item--lg [aria-disabled=true] {
  border-color: var(--c-form-item-disabled-color);
}
.c-form__radio-item--lg[disabled] + label,
.c-form__radio-item--lg [aria-disabled=true] + label {
  color: var(--c-form-item-disabled-color);
}
.c-form__radio-item + label {
  margin: 0;
  font-weight: normal;
}

[data-theme=dark] .c-form {
  color: var(--color-dark);
}
[data-theme=dark] .c-form__item:not([disabled]) {
  color: var(--color-dark);
}
[data-theme=dark] .c-form__item:not([disabled])::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; /* Firefox */
  color: var(--color-dark);
  font-weight: 400;
}
[data-theme=dark] .c-form__item[disabled] {
  background-color: var(--color-light);
}
[data-theme=dark] .c-form__item--select {
  background-image: var(--c-form-select-icon-dark);
}
[data-theme=dark] .c-form__item--date:not([type=date]) {
  background-image: var(--c-form-date-icon-dark);
}
[data-theme=dark] .c-form__item--date-button {
  color: var(--color-primary);
}
[data-theme=dark] .c-form__item--date[disabled] + .c-form__item--date-button {
  background-color: var(--color-light);
}

.views-exposed-form {
  display: flex;
  gap: var(--spacer-2) var(--spacer-5);
  flex-wrap: wrap;
}
.views-exposed-form .form-autocomplete.form-text {
  background-image: none;
}
.views-exposed-form .form-actions {
  display: flex;
  place-self: flex-end;
  margin-bottom: var(--spacer-5);
}
.views-exposed-form [data-drupal-selector=edit-reset] {
  display: none;
}

.view-filters {
  flex-direction: column;
  margin-bottom: var(--spacer-11);
}
.view-filters.c-form--filter {
  row-gap: 0;
}

.c-form--filter .o-tags__item a {
  color: currentColor;
  text-decoration: none;
}
.c-form--filter .o-tags__item a::before {
  position: absolute;
  inset: 0;
  z-index: 2;
  content: "";
}
.c-form--filter .o-tags__item a:focus {
  outline: none;
}
.c-form--filter .c-form__tags-delete {
  display: inline-flex;
}
.c-form--filter [data-drupal-facet-item-id=type-de-contenu-reset-all] .c-form__tags-delete {
  display: none;
}
.c-form--filter .quick-date-btn {
  padding: 0;
  background: none;
  border: 0;
}
.c-form--filter .quick-date-btn:focus {
  outline: none;
}

.ui-widget.ui-widget-content {
  background-color: var(--color-light);
}

.search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion {
  color: currentColor;
  background: none;
}

/*# sourceMappingURL=global.css.map */