/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/featured-ress/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.wp-block-mlab-featured-ressources {
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 0;
}

.featured-ressources__container {
  min-height: 100vh;
}
.featured-ressources__container.loaded {
  min-height: initial;
}

.featured-ress__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
  row-gap: 30px;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.featured-ress__list__item {
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  align-items: start;
}
.featured-ress__list__item:hover .featured-ress__image, .featured-ress__list__item:focus .featured-ress__image, .featured-ress__list__item:focus-within .featured-ress__image {
  animation: fadeIn 0.3s ease-in-out forwards;
  /* 2 seconds duration, ease-in-out timing, stays at end state */
}
.featured-ress__list__item:hover .featured-ress__link, .featured-ress__list__item:focus .featured-ress__link, .featured-ress__list__item:focus-within .featured-ress__link {
  color: #FF175E;
  text-decoration: underline;
}
.featured-ress__list__item:hover .featured-ress__image__container::after, .featured-ress__list__item:hover .featured-ress__image__container::after, .featured-ress__list__item:hover .featured-ress__image__container::after, .featured-ress__list__item:focus .featured-ress__image__container::after, .featured-ress__list__item:focus .featured-ress__image__container::after, .featured-ress__list__item:focus .featured-ress__image__container::after, .featured-ress__list__item:focus-within .featured-ress__image__container::after, .featured-ress__list__item:focus-within .featured-ress__image__container::after, .featured-ress__list__item:focus-within .featured-ress__image__container::after {
  content: " ";
}

.featured-ress__list__item:nth-child(1) {
  padding: 21px;
  max-width: 600px;
  border: 1px solid #612DFA;
  border-radius: var(--shape__radius, 250px) 0 var(--shape__radius, 250px) 0;
}
.featured-ress__list__item:nth-child(1) .featured-ress__type__list {
  margin: 20px 0 0 0;
}

.featured-ress__image__container {
  width: 100%;
  height: auto;
  order: 1;
  overflow: hidden;
  border-radius: 50% 0 50% 0;
  box-sizing: border-box;
}
.featured-ress__image__container.has-default-image {
  background-image: url(../images/publication-defaut.ba803846.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.featured-ress__type__list {
  order: 2;
}

.featured-ress__title {
  order: 3;
}

.featured-ress__excerpt {
  order: 4;
}

.featured-ress__status__list {
  order: 5;
}

.featured-ress__image__container {
  position: relative;
  max-width: 100%;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  grid-column: 1/2;
  grid-row: 1/4;
}
.featured-ress__image__container::after {
  content: none;
  position: absolute;
  top: 0;
  background: #B9BBFF 0% 0% no-repeat padding-box;
  mix-blend-mode: color;
  display: flex;
  width: 100%;
  height: 100%;
}

.featured-ress__image {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
  width: 100%;
  aspect-ratio: 1/1;
  transition: 0.3s scale ease-out;
  animation: fadeOut 0.3s ease-in-out forwards;
  /* 2 seconds duration, ease-in-out timing, stays at end state */
}

.featured-ress__title {
  color: #612DFA;
  display: flex;
  margin-top: 20px;
  margin-bottom: 15px;
}

.featured-ress__link {
  font-style: normal;
  line-height: 42px;
  font-size: 30px;
  font-family: var(--wp--preset--font-family--noka);
  font-weight: 600;
  text-decoration: none;
}
.featured-ress__link:after {
  content: "";
  inset: 0;
  position: absolute;
  z-index: 10;
}

.featured-ress__status__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  align-items: baseline;
  -moz-column-gap: 1rem;
  column-gap: 0;
  row-gap: 0.5rem;
  padding-bottom: 25px;
  align-items: center;
  align-content: flex-start;
  grid-column: 2/3;
  grid-row: 3/4;
}
.featured-ress__status__list::before {
  content: " ";
  display: flex;
  width: 25px;
  height: 25px;
  padding-right: 10px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"%23612DFA\"><path d=\"M443.02-100q-13.56 0-27.18-5.42-13.63-5.43-24.53-16.27L121.08-391.92q-11-10.96-16.04-24.21-5.04-13.24-5.04-26.94 0-13.7 5.04-27.33 5.04-13.62 16.04-24.52l342.77-343.39q9.96-9.94 23.54-15.81 13.58-5.88 28.07-5.88h271.23q30.31 0 51.5 21.35 21.19 21.36 21.19 51.34v271.23q0 14.64-5.42 27.9-5.42 13.26-15.65 23.1L494.54-121.69q-10.85 10.84-24.41 16.27-13.55 5.42-27.11 5.42Zm-8.94-63.85q3.84 3.85 9.04 3.85 5.19 0 9.03-3.85l343.77-344q1.93-1.92 2.7-4.23.76-2.3.76-4.61v-270.62q0-5.38-3.65-8.84-3.65-3.47-9.04-3.47H511.08L163.85-452.15q-3.85 3.84-3.85 9.03 0 5.2 3.85 9.04l270.23 270.23Zm264.15-485q20.99 0 35.69-14.58 14.69-14.58 14.69-35.42 0-20.99-14.64-35.68-14.65-14.7-35.58-14.7t-35.54 14.65q-14.62 14.65-14.62 35.58 0 20.92 14.58 35.54 14.59 14.61 35.42 14.61ZM479.62-479.23Z\"/></svg>");
}

.featured-ress__type__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 20px 0 0 0;
  padding: 0;
  align-items: baseline;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 0.5rem;
}

.featured-ress__status__item {
  color: #612DFA;
  list-style: none;
  font-size: 16px;
  font-family: var(--wp--preset--font-family--hanken-grotesk);
}
.featured-ress__status__item:nth-child(1)::before {
  content: "";
}
.featured-ress__status__item::before {
  content: " · ";
  display: inline-flex;
  white-space: pre;
}

.featured-ress__type__item {
  font-style: normal;
  font-size: 1rem;
  font-family: "noka";
  line-height: 22px;
  color: #612DFA;
  list-style: none;
  text-transform: uppercase;
  border: 10px solid transparent;
  line-height: 1;
  border-image-repeat: stretch;
  border-image-width: 100%;
  border-image-outset: 0;
  border-image-slice: 50%;
  margin: 0;
  padding: 2px 10px;
  border-image-source: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 247.41 53.52\"><g ><path d=\"M153.06,9.29c-7.99-1.75-16.12-2.9-24.24-3.88-10.42-1.26-20.9-2.14-31.38-2.7-11.22-.6-22.47-.84-33.71-.55-10.24.27-20.5.95-30.62,2.58-7.79,1.25-15.83,2.99-22.87,6.69C5.57,13.88.96,17.68.13,23.2s2.35,10.08,6.61,13.27c5.94,4.45,13.42,6.84,20.51,8.73,9.49,2.53,19.23,4.06,28.97,5.22,10.46,1.25,20.97,2.03,31.49,2.51,9.26.42,18.54.62,27.81.58,6.27-.03,12.54-.17,18.8-.55,8.68-.52,17.37-.91,26.05-1.49,10.98-.73,21.95-1.67,32.86-3.13,10.3-1.38,20.65-3.14,30.59-6.24,7.09-2.21,15.09-5.17,20.09-10.95,3.71-4.29,5.04-10.45,1.12-15.04-2.18-2.55-5.25-4.31-8.25-5.71-4.12-1.93-8.49-3.3-12.89-4.43-11.15-2.86-22.68-4.28-34.14-5.13-12.06-.9-24.2-1.1-36.27-.42-4.93.28-9.86.72-14.74,1.43-.95.14-.55,1.58.4,1.45,10.73-1.56,21.65-1.88,32.47-1.75,12.01.15,24.04.96,35.93,2.73,9.64,1.43,19.7,3.28,28.59,7.46,4.98,2.34,10.85,6.1,9.69,12.42s-7.44,10.29-12.84,12.86c-8.45,4.01-17.82,6.12-26.98,7.81-10.68,1.97-21.5,3.2-32.32,4.14-9.8.85-19.63,1.43-29.45,1.96-6.26.33-12.51.77-18.77.94-7.89.22-15.8.2-23.69.04-9.92-.2-19.84-.66-29.74-1.43s-20.36-1.91-30.43-3.69c-8.48-1.5-17.04-3.4-25.03-6.67-5.22-2.14-11.31-5.18-13.99-10.46-2.23-4.39-.83-9.38,2.52-12.75,4.6-4.63,11.42-6.86,17.58-8.48,8.93-2.35,18.18-3.43,27.38-4.1,10.72-.78,21.48-.91,32.22-.68s21.66.85,32.46,1.81c9.24.82,18.48,1.88,27.64,3.37,3.44.56,6.88,1.18,10.29,1.93.94.21,1.34-1.24.4-1.45h0Z\" style=\"fill: %23612DFA;\"/></g></svg>");
  min-height: 55px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.featured-ress__excerpt {
  text-align: left;
  font-size: 18px;
  font-style: normal;
  line-height: 24px;
  font-family: var(--wp--preset--font-family--hanken-grotesk);
  color: #612DFA;
  margin: 0;
  padding-bottom: 20px;
}

.skeleton .featured-ress__type__list, .skeleton .featured-ress__image__container, .skeleton .featured-ress__title, .skeleton .featured-ress__status__list, .skeleton .featured-ress__excerpt {
  animation: shimmer 1.2s infinite linear;
  background: linear-gradient(90deg, #eee 25%, #ddd 50%, #eee 75%);
  background-size: 200% 100%;
}
.skeleton .featured-ress__list__item:nth-child(1) {
  border-color: transparent;
}
.skeleton .featured-ress__type__list {
  width: 30%;
  border-radius: 4px;
  min-height: 55px;
}
.skeleton .featured-ress__title {
  width: 90%;
  border-radius: 4px;
  display: flex;
  min-height: 70px;
}
.skeleton .featured-ress__status__list {
  width: 60%;
  border-radius: 4px;
  min-height: 25px;
}
.skeleton .featured-ress__status__list::before {
  content: none;
}
.skeleton .featured-ress__excerpt {
  width: 100%;
  min-height: 100px;
  margin-bottom: 1rem;
}

@keyframes shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
/* Define the keyframes for the fade-in animation */
@keyframes fadeIn {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.05);
  }
}
@keyframes fadeOut {
  from {
    transform: scale(1.05);
  }
  to {
    transform: scale(1);
  }
}
@media (min-width: 768px) {
  .featured-ress__list {
    grid-template-columns: 1fr;
    row-gap: 30px;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
  .featured-ress__list__item {
    display: grid;
    grid-template-columns: 270px 1fr;
    grid-template-rows: auto auto 1fr;
    -moz-column-gap: 25px;
         column-gap: 25px;
    position: relative;
    box-sizing: border-box;
  }
  .featured-ress__list__item:nth-child(1) {
    padding: 50px 50px 80px 50px;
    display: flex;
  }
  .featured-ress__title {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .featured-ress__status__list {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .featured-ress__type__list {
    grid-column: 2/3;
    grid-row: 1/2;
    margin: 0;
  }
}
@media (min-width: 1340px) {
  .wp-block-mlab-featured-ressources {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .featured-ress__list {
    grid-template-columns: 4fr 6fr;
    grid-template-rows: auto auto 1fr;
    row-gap: 50px;
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
  .featured-ress__content {
    padding: 0 23px;
  }
  .featured-ress__title {
    margin-bottom: 23px;
    margin-top: 23px;
  }
  .featured-ress__list__item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/4;
  }
  .featured-ress__list__item:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .featured-ress__list__item:nth-child(3) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .featured-ress__list__item:nth-child(4) {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .featured-ress__excerpt {
    width: 100%;
    height: auto;
    display: flex;
    padding: 0 0 30px 0;
    box-sizing: border-box;
  }
}

/*# sourceMappingURL=style-index.css.map*/