/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}

body {
  line-height: 1;
}

menu, ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

#toolbar-administration {
  display: none;
}

* {
  box-sizing: border-box;
}

body {
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
  --gin-toolbar-y-offset: 0 !important;
}

.visually-hidden, .hidden {
  display: none !important;
}

a {
  color: inherit;
}

img {
  display: block;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

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

[data-drupal-messages-wrapper] {
  position: relative;
  margin-bottom: 30px;
  padding: 20px 40px 20px 20px;
  background-color: #1242D4;
  color: white;
  border-radius: 16px;
  font-size: 14px;
}
[data-drupal-messages-wrapper]:has([role=alert]) {
  background-color: #fa8864;
}
[data-drupal-messages-wrapper] button {
  aspect-ratio: 1;
  width: 15px;
  position: absolute;
  right: 15px;
  top: 18px;
  border: none;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjFiNjVhNzliNCwgMjAyMi8wNi8xMy0yMjowMTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjUwQkQwMDM5NzczMTFFRkFEOTg5NTc0MTg1Nzk2RDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjUwQkQwMDQ5NzczMTFFRkFEOTg5NTc0MTg1Nzk2RDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNTBCRDAwMTk3NzMxMUVGQUQ5ODk1NzQxODU3OTZEMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNTBCRDAwMjk3NzMxMUVGQUQ5ODk1NzQxODU3OTZEMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmEIbrMAAAXISURBVHja7N1LaFVHGAfw4zW+oAqtghqxNBGk7U4oCF21RagaFazVqAUf67ab4n257KKx6rYbF6ILHwiKNGoSW0hUdCUKvnddmJQmrbU+gk2LnH6fmaEn1/s4j29mvjkzH/zxQe7NyfyYc+7MOTOZFoZh4ItPtTX4/08g6yHvQWZDRiBXIWcgv/lmS1yrRHu+K9pzWLTnacjolK/EHhJJO+RM2LhGILtqXuPTOEshPzZpz2HIzuhroi9eCLkZxquKb+yWWQa5F7M9v64HcipMVh6lOcb9BG05AfkAX1sQZ66VkM0Jz4s9kIq/PLxWnZBz4noRt2ZCSvgXCbIu5TdHlLI3mIJxPiGGrI8hCyXI8gwHsU/qeozEPSNaCyBvFyJdJkt9Dyl6jFfDhEzDEAnyK8FB7YfscRCjA9JLgPEC8rsEGSQ6uAOOoXSInvE+wXvdgvwiQfogDwhRih4jcf0AeSlBxiFfQiaI3nx/zlGoMXBK6ni9qZNtkH9CuirmcNDXAblL2EYXIfPqjdRltnuUphh3VGE0AlGBUsoBRidxzxioxWgGIk9fE4QHULYc4x5hW/RD5tb7Xq0OpJsYperARGGr6muEEQdEovztKIpWjLggrvYU7RhJQFSgVBzCuBAHIymIKyjGMNKA5B2l0yRGWhDM1hx+JKb+aJsYIwuICpRSjjD60mBkBcnL3Bf1CDw1BgWICpQ9Fk8U9mfBoAKxFYUaYyArBiWIbbPELDGoQTBfWICi9H4GNxDuPUX5/QyOIFx7CnsMlSDcbnJpubnEHYTLTa4kT6Fr+WhrEkTFiL4aMp9C5w5iCsU6DJ0gum9yGZ1CtwVEF4q1GCZAVJy+KnnBwEwLzSyL3go5SrAMQtY34gn03gzrM2oLn3fuhjzT2TCmQLC2QY4QoeAPMYYrkGzGMA1CjUJV/ZAtJjBerdgx/MOfEH/i6WsGA4wBkxhYBQaNgCg7If8ywNhsEoMLiETZZRDlIgcMTiCBWLCy2wDKT1wwuIFgHdOMghifQ55yaQBuIDpR2GFwBdGBwhKDM4hE2Q75i/h9z0I2ccTgDoJ1TQHIDS4XcNtAlkF+hrxD/L7fQqpcf+g2xhhZNnJpVd+JP3t8DzGPEUWpehAeGGxRCg5jRFEqHmRq4X5TvQYwgsi1pOxB/seg2Pwra+3jgFLwGK+hlFwFkacpLhiyjG5XaApEbotHtd8UDiB3QJ4TvZ+x/b7aDGFQbv51JZh8iuUR5E/IScgbRCj4wMFBra2j+Zks6sUyVyALar7HOsgzS9c8BroxKNdnXK6DIdNFjFLMGwh1z2iGYTVKXjFUnb5KtoN0KsCYn/AY1tqEwuX3Z8SpIchbKY8FUZ4aXsllFIT6KfTBDBgya4hRqraAqMB4k+jYVkOecEZxCUPmU84ormFEewrL0xfXndiGCK4ZulEqXECoN//SgcEWhRvGJY0YURTKcUrZFEgeMKIfiVkMHjlNh5jCUDWiL+oCUYEx3zAGmwlJj8EMxZZZW2dQPIY+lBIViM47fc6j+GsGs5tc3G8u5bWnlJOCUE8U6pwOUTl4VD4hafusre5Q30/Z2wrEY+ifkNzbCKSdeG4qjxiqbnL1hHU2MMPfx7qR6IHIIchnkMdBfms15BRkLtH74br50xLkQ8hVQoxN4jnbvBclynV0kE+/dxEd4CXRM1zAwJKbnVE8db8CH0CXIMsJ3vCyA6cplSjTcZ2lBJlBgLHRoZ5RW31EKDMlyHDG9RkuY0RRujOiDEuQQY9BUhfE4qE0KA8htwsR3fspMR55hyl1PiXKIciT6DjkIyE8JyYGXsD/8O3fsLoSLK/D9lwDGS/UjB9wH92xFi8+K3qGx2jdU3CwNxLj2oN7Po7jP+ptpIxbXHwFWQtpDyY3OcaPsrcgh4W6r/i1VLTnBsgSyKxgcg+wu8HkJtK4UdtL+cXNdrbGU9eiCMiYb9tMhRCLIyCj9b7oPwEGANDoRt8lPNjmAAAAAElFTkSuQmCC);
  background-size: 100%;
}

[class^=icon-], [class*=" icon-"] {
  display: flex;
  align-items: center;
  gap: 12px;
}
[class^=icon-]:before, [class*=" icon-"]:before {
  flex-shrink: 0;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e906";
}

.icon-add:before {
  content: "\e900";
}

.icon-edit:before {
  content: "\e901";
}

.icon-arrow-left:before {
  content: "\e902";
}

.icon-arrow-right:before {
  content: "\e904";
}

.icon-chevron-right:before {
  content: "\e903";
}

.icon-chevron-left:before {
  content: "\e905";
}

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

.icon-cross:before {
  content: "\e908";
}

.icon-view:before {
  content: "\e909";
}

.icon-replay:before {
  content: "\e90a";
}

.icon-upload:before {
  content: "\e90b";
}

.icon-marker:before {
  content: "\e90c";
}

.icon-notification:before {
  content: "\e90d";
}

.icon-help:before {
  content: "\e90e";
}

.icon-contact:before {
  content: "\e90f";
}

.icon-bell:before {
  content: "\e910";
}

.icon-burger:before {
  content: "\e912";
}

.icon-download:before {
  content: "\e911";
}

[data-rating] {
  display: inline-block;
  position: relative;
  aspect-ratio: 370/62;
  width: 90px;
}
[data-rating] i {
  display: inline-block;
  position: absolute;
  aspect-ratio: 370/62;
  width: 100%;
  background: url("../images/five-stars-empty.png") no-repeat;
  background-size: 100%;
}
[data-rating] i:last-of-type {
  background: url("../images/five-stars-full.png") no-repeat;
  background-size: 100%;
  mask-image: linear-gradient(to right, black, calc(var(--rating) * 20%), transparent calc(var(--rating) * 20%));
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.text-content {
  color: #909090;
  line-height: 144%;
}

.text-content strong {
  font-weight: 600;
}

.text-content em {
  font-style: italic;
}

.text-content * + * {
  margin-top: 15px;
}

.text-content ul {
  padding-left: 15px;
  list-style: disc;
}

.text-content a {
  text-underline-offset: 3px;
}

.text-content a:hover {
  color: #1242D4;
}

.demi {
  font-weight: 600;
}

.medium {
  font-weight: 500;
}

em.placeholder {
  font-style: italic;
  font-weight: 600;
}

nav.pager {
  margin-top: 30px;
}

nav.pager ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 5px;
}

nav.pager ul a {
  text-decoration: none;
  padding: 8px;
  border-radius: 3px;
  line-height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  width: 32px;
  color: #909090;
}

nav.pager ul li.is-active a {
  background-color: #e04c87;
  color: white;
}

nav.pager ul li[class*=last], nav.pager ul li[class*=first] {
  display: none;
}

nav.pager ul li[class*=previous] a, nav.pager ul li[class*=next] a {
  padding: 0;
  font-size: 0;
  width: auto;
  display: block;
  aspect-ratio: auto;
  color: #e04c87;
  display: flex;
  align-items: center;
  gap: 12px;
}

nav.pager ul li[class*=previous] a:before, nav.pager ul li[class*=next] a:before {
  flex-shrink: 0;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

nav.pager ul li[class*=previous] a:before, nav.pager ul li[class*=next] a:before {
  content: "\e902";
  font-size: 17px;
}

nav.pager ul li[class*=next] a:before {
  content: "\e904";
}

.numeric-stepper {
  background-color: rgba(193, 193, 193, 0.3);
  border-radius: 35px;
  padding: 2px 6px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.numeric-stepper input[type=number] {
  font-size: 14px;
  text-align: center;
  max-width: 30px;
  appearance: none;
  border: none;
  background: none;
  font-weight: 600;
}

.numeric-stepper input[type=number]::-webkit-outer-spin-button, .numeric-stepper input[type=number]::-webkit-inner-spin-button {
  appearance: none;
}

.numeric-stepper button {
  cursor: pointer;
  appearance: none;
  border: none;
  background: none;
  font-weight: 600;
  color: #e04c87;
  font-size: 14px;
}

a.button {
  --submit-bg-color: #1242D4;
  --submit-bg-color-hover: #C8D8FF;
  --submit-color: white;
  --submit-color-hover: #1242D4;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  border: none;
  appearance: none;
  cursor: pointer;
  background: var(--submit-bg-color);
  color: var(--submit-color);
  font-weight: 500;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  padding: 17px 32px;
  border-radius: 16px;
  line-height: 1em;
  transition: 300ms background-color, 300ms color;
}

a.button:hover {
  background-color: var(--submit-bg-color-hover);
  color: var(--submit-color-hover);
}

.blue {
  color: #1242D4;
}

.pink {
  color: #e04c87;
}

main {
  --sidebar-width: 260px;
  font-size: 16px;
  line-height: 1.2em;
  color: #303030;
  display: flex;
  min-height: 100dvh;
}
main > section {
  flex-grow: 1;
  padding: 60px 45px 20px 45px;
  display: flex;
  flex-direction: column;
}
main > section [role=contentinfo] {
  flex-grow: 1;
}
main > section [role=heading] {
  margin-bottom: 60px;
  display: flex;
  gap: 15px;
}
main > section [role=heading] h1 {
  flex-grow: 1;
}
main > section [role=heading] .local-actions {
  display: flex;
  gap: 15px;
}
main > section [role=heading] .local-actions a {
  --submit-bg-color: #1242D4;
  --submit-bg-color-hover: #C8D8FF;
  --submit-color: white;
  --submit-color-hover: #1242D4;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  border: none;
  appearance: none;
  cursor: pointer;
  background: var(--submit-bg-color);
  color: var(--submit-color);
  font-weight: 500;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  padding: 17px 32px;
  border-radius: 16px;
  line-height: 1em;
  transition: 300ms background-color, 300ms color;
  white-space: nowrap;
  width: 100%;
}
main > section [role=heading] .local-actions a:hover {
  background-color: var(--submit-bg-color-hover);
  color: var(--submit-color-hover);
}
@media screen and (max-width: 720px) {
  main > section [role=heading] .local-actions a {
    white-space: unset;
  }
}
@media screen and (max-width: 720px) {
  main > section {
    padding: 0 10px 15px 10px;
  }
}
@media screen and (max-width: 1024px) {
  main > section [role=heading] {
    margin-bottom: 30px;
    flex-direction: column;
    gap: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }
  main > section [role=heading] .local-actions {
    flex-direction: column;
    gap: 8px;
  }
}
main > aside {
  width: var(--sidebar-width);
  flex-shrink: 0;
}
@media screen and (max-width: 720px) {
  main > aside {
    position: fixed;
    z-index: 10;
    width: 100vw;
    transition: 300ms transform;
  }
  main > aside:not(.expand) {
    transform: translateX(-100%);
  }
}
body:has(main > aside.expand) {
  overflow: hidden;
}
main:not(:has(.Sidebar)) > section {
  padding: 0;
}
main:not(:has(.Sidebar)) [role=contentinfo] {
  height: 100%;
}
main:not(:has(.Sidebar)) [role=contentinfo] > * {
  height: 100%;
}
@media screen and (min-width: 721px) {
  main .hide-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 720px) {
  main {
    flex-direction: column;
  }
}

.split-screen {
  display: flex;
}
.split-screen h1 {
  font-size: 33px;
  margin-bottom: 24px;
}
.split-screen h2 {
  color: #909090;
  margin-bottom: 17px;
  font-size: 24px;
  font-weight: 500;
}
.split-screen h2:after {
  margin-top: 16px;
  display: block;
  content: "";
  width: 37px;
  height: 4px;
  background-color: #e04c87;
  border-radius: 2px;
}
.split-screen > * {
  flex: 1;
  padding: 40px;
}
.split-screen--body {
  max-width: 370px;
  margin: 63px auto 0;
}
.split-screen--body > img {
  max-width: 300px;
  margin-top: 30px;
}
.split-screen .logo {
  display: block;
  max-width: 135px;
}
.split-screen--right-column {
  display: flex;
  align-items: center;
  background-color: #EDF1FF;
}
body:has(.split-screen) [data-drupal-messages-wrapper] {
  position: absolute;
  width: calc(100% - 20px);
  margin: 10px;
  z-index: 10;
}
@media screen and (max-width: 720px) {
  .split-screen {
    flex-direction: column;
  }
  .split-screen h1 {
    font-size: 27px;
  }
  .split-screen--body > img {
    position: absolute;
    max-width: 170px;
    top: 0;
    right: 0;
    margin: 0;
  }
}

.flex-2-cols {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.flex-2-cols > * {
  flex: 1;
}

.columnsContents {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.columnsContents > * {
  flex: 1;
}
.columnsContents .leftColumn {
  padding: 30px 24px;
  border-radius: 20px;
  background-color: #EDF1FF;
}
.columnsContents.Campaign .leftColumn, .columnsContents.Event .leftColumn {
  overflow: hidden;
  flex: none;
}
.columnsContents.Campaign .leftColumn .title--medium, .columnsContents.Event .leftColumn .title--medium {
  margin-bottom: 15px;
}
.columnsContents.Campaign .leftColumn .eval-link, .columnsContents.Event .leftColumn .eval-link {
  margin-top: 30px;
  display: flex;
}
@media screen and (min-width: 720px) {
  .columnsContents.Campaign .leftColumn, .columnsContents.Event .leftColumn {
    width: 40%;
  }
}
.columnsContents.Campaign .rightColumn, .columnsContents.Event .rightColumn {
  display: flex;
  flex-direction: column;
}
.columnsContents.Campaign .rightColumn > * + *, .columnsContents.Event .rightColumn > * + * {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #C1C1C1;
}
.columnsContents.Campaign .rightColumn h2, .columnsContents.Event .rightColumn h2 {
  margin-bottom: 15px;
}
.columnsContents.Campaign [role=image], .columnsContents.Event [role=image] {
  position: relative;
  margin-top: -30px;
  margin-left: -24px;
  margin-right: -24px;
  height: 260px;
}
.columnsContents.Campaign [role=image]:not(:has(img)), .columnsContents.Event [role=image]:not(:has(img)) {
  background: url("../images/noimageevent@2x.png") no-repeat center center #C8D8FF;
  background-size: 40%;
}
.columnsContents.Campaign [role=image] img, .columnsContents.Event [role=image] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.columnsContents.Campaign [role=contentinfo], .columnsContents.Event [role=contentinfo] {
  padding-top: 30px;
}
.columnsContents.Campaign [class*=icon]:not(.button), .columnsContents.Event [class*=icon]:not(.button) {
  gap: 6px;
  margin-bottom: 10px;
}
.columnsContents.Campaign [class*=icon]:not(.button):before, .columnsContents.Event [class*=icon]:not(.button):before {
  color: #6983FC;
}
.columnsContents.Campaign .status, .columnsContents.Event .status {
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 20px;
  padding: 3px 10px;
  color: white;
  font-size: 16px;
  background-color: white;
  color: #909090;
  font-size: 14px;
}
.columnsContents.Campaign .themes h2, .columnsContents.Event .themes h2 {
  margin-bottom: 0;
}
.columnsContents.Campaign .themes > div, .columnsContents.Event .themes > div {
  display: flex;
  gap: 15px;
  align-items: center;
}
.columnsContents.Campaign .themes ul, .columnsContents.Event .themes ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}
.columnsContents.Campaign .themes .tag, .columnsContents.Event .themes .tag {
  border-radius: 20px;
  padding: 3px 10px;
  color: white;
  font-size: 16px;
  background-color: #20C4BC;
}
.columnsContents.Campaign .themes .small-tag, .columnsContents.Event .themes .small-tag {
  border-radius: 20px;
  padding: 3px 10px;
  color: white;
  font-size: 16px;
  background-color: #1242D4;
  font-size: 14px;
}
.columnsContents.Campaign .link, .columnsContents.Event .link {
  margin-top: 10px;
  color: #e04c87;
  display: flex;
  align-items: center;
  gap: 12px;
}
.columnsContents.Campaign .link:before, .columnsContents.Event .link:before {
  flex-shrink: 0;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.columnsContents.Campaign .link:before, .columnsContents.Event .link:before {
  content: "\e903";
  font-size: 13px;
  order: 3;
}
@media screen and (max-width: 720px) {
  .columnsContents {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .columnsContents .leftColumn {
    padding: 22px 15px;
  }
}

footer {
  margin-top: 20px;
}
footer nav ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 12px;
  text-align: center;
}
footer nav ul a {
  text-decoration: none;
}
footer nav ul a:hover {
  text-decoration: underline;
}

#burger-menu-btn, #burger-menu-btn-close {
  appearance: none;
  border: none;
  background: none;
  color: #1242D4;
  font-size: 25px;
}
@media screen and (min-width: 720px) {
  #burger-menu-btn, #burger-menu-btn-close {
    display: none;
  }
}

#burger-menu-btn-close {
  position: absolute;
  top: 40px;
  right: 20px;
  font-size: 20px;
}

[role=mobile-header] {
  padding: 20px;
  display: flex;
  justify-content: space-between;
}
[role=mobile-header] .logo {
  max-width: 100px;
}
@media screen and (min-width: 720px) {
  [role=mobile-header] {
    display: none;
  }
}

.Sidebar {
  --px: 25px;
  --py: 25px;
  background-color: #EDF1FF;
  padding: var(--px) var(--py);
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
.Sidebar .logout {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
  text-underline-offset: 3px;
}
.Sidebar .logout:before {
  overflow: hidden;
}
.Sidebar .logout:hover {
  text-decoration-thickness: 2px;
}
.Sidebar .logo {
  display: block;
  max-width: 100px;
}
.Sidebar .user-welcome {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 64px calc(var(--px) * -1) 0;
  padding: 0 var(--px) 32px;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid rgba(48, 48, 48, 0.2);
}
.Sidebar .user-welcome img {
  border-radius: 50%;
  aspect-ratio: 1;
  width: 40px;
  object-fit: cover;
}
.Sidebar nav {
  margin-top: 40px;
  margin-left: calc(var(--px) * -1 + 8px);
  margin-right: calc(var(--px) * -1 + 8px);
}
.Sidebar nav ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.Sidebar nav a {
  text-decoration: none;
  padding: 15px 17px;
  transition: 300ms background-color;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.Sidebar nav a span:has(svg) svg {
  --icon-color: #6983FC;
  width: 20px;
  max-height: 22px;
}
.Sidebar nav a:hover, .Sidebar nav a.is-active {
  background-color: #C8D8FF;
}
.Sidebar nav a:hover svg l, .Sidebar nav a.is-active svg l {
  --icon-color: #1242D4;
}
.Sidebar nav li.in-active-trail a {
  background-color: #C8D8FF;
}
.Sidebar nav li.in-active-trail a svg {
  --icon-color: #1242D4;
}
@media screen and (min-width: 720px) {
  .Sidebar--sticky {
    position: sticky;
    top: var(--px);
  }
}

h1 {
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
  position: relative;
}
@media screen and (max-width: 720px) {
  h1 {
    font-size: 22px;
  }
}
h1 span {
  position: relative;
}
h1:has(svg) {
  display: flex;
  gap: 16px;
  align-items: center;
}
h1:has(svg) > span:has(svg) {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background-color: #e04c87;
  display: flex;
  align-items: center;
  justify-content: center;
}
h1:has(svg) > span:has(svg) > span {
  display: inline-flex;
}
h1:has(svg) svg {
  --icon-color: white;
  width: 22px;
  max-height: 24px;
}
h1 span[data-al-title]:before {
  top: 0;
  transform: translateY(-70%);
  content: attr(data-al-title);
  position: absolute;
  font-size: 16px;
  font-weight: 500;
}

h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
}
@media screen and (max-width: 720px) {
  h2 {
    font-size: 22px;
  }
}

.title--xlarge {
  font-size: 42px;
  font-weight: 600;
  line-height: 120%;
}
.title--large {
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
}
.title--medium {
  font-size: 25px;
  font-weight: 500;
  line-height: 120%;
}
.title--small {
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
}
@media screen and (max-width: 720px) {
  .title--xlarge {
    font-size: 22px;
  }
  .title--large {
    font-size: 18px;
  }
}

.ui-widget.ui-widget-content {
  border-radius: 9px;
  overflow: hidden;
}
.ui-widget.ui-widget-content li a {
  display: block;
  padding: 10px;
  color: #303030;
}
.ui-widget.ui-widget-content li a.ui-state-active {
  color: white;
  background: #1242D4;
}

form .form-select-wrapper, form .form-date-wrapper {
  position: relative;
}
form .form-select-wrapper:after, form .form-date-wrapper:after {
  pointer-events: none;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  color: white;
  background-color: #1242D4;
  border-radius: 16px;
  height: 100%;
  aspect-ratio: 1;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

form *:focus {
  outline: none;
}
form:has([data-once=drupal-ajax]) [data-drupal-messages-wrapper] {
  display: none;
}
form:has(.ajax-progress) [type=submit] {
  pointer-events: none;
  opacity: 0.5;
}
form {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
}
@media screen and (max-width: 720px) {
  form {
    gap: 15px;
  }
}
form .form-item {
  font-weight: 500;
}
form .form-item label {
  display: block;
  margin-bottom: 10px;
}
form .form-item label.form-required:after {
  content: " *";
}
form .form-item .description {
  font-size: 14px;
  margin-top: 8px;
  color: #909090;
  font-weight: 400;
}
form .form-item:has([data-element=multiple-textfields-input]) > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
  max-width: 65%;
}
form .form-item:has([data-element=multiple-textfields-input]) input, form .form-item:has([data-element=multiple-textfields-input]) textarea {
  width: auto;
  flex-grow: 1;
}
form .form-item:has([data-element=multiple-textfields-input]) .tags-wrapper {
  flex-basis: 100%;
}
@media screen and (max-width: 720px) {
  form .form-item:has([data-element=multiple-textfields-input]) > div {
    max-width: none;
    gap: 10px 0;
  }
}
form .webform-flexbox {
  display: flex;
  gap: 32px;
}
form .webform-flexbox > * {
  flex: 1;
}
@media screen and (max-width: 720px) {
  form .webform-flexbox {
    flex-direction: column;
  }
}
form [type=text], form [type=email], form [type=tel], form [type=password], form textarea, form select, form [type=search], form [type=date], form [type=number], form [type=time] {
  width: 100%;
  border: none;
  box-shadow: 0 0 0 1px #C1C1C1 inset;
  padding: 13.8px 22px;
  border-radius: 16px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  transition: 300ms border-color;
  appearance: none;
  background-color: transparent;
}
form [type=text]:focus, form [type=email]:focus, form [type=tel]:focus, form [type=password]:focus, form textarea:focus, form select:focus, form [type=search]:focus, form [type=date]:focus, form [type=number]:focus, form [type=time]:focus {
  box-shadow: 0 0 0 2px #1242D4 inset;
  background-color: white;
}
form [type=text]:disabled, form [type=email]:disabled, form [type=tel]:disabled, form [type=password]:disabled, form textarea:disabled, form select:disabled, form [type=search]:disabled, form [type=date]:disabled, form [type=number]:disabled, form [type=time]:disabled {
  pointer-events: none;
  background-color: #ececec !important;
  opacity: 1;
}
form [type=text]:not(:placeholder-shown), form [type=email]:not(:placeholder-shown), form [type=tel]:not(:placeholder-shown), form [type=password]:not(:placeholder-shown), form textarea:not(:placeholder-shown), form select:not(:placeholder-shown), form [type=search]:not(:placeholder-shown), form [type=date]:not(:placeholder-shown), form [type=number]:not(:placeholder-shown), form [type=time]:not(:placeholder-shown) {
  background-color: white;
}
form .form-date-wrapper input::-webkit-inner-spin-button {
  display: none;
}
form .form-date-wrapper:after {
  content: "\e907";
}
form .js-form-item-date .container-inline {
  display: flex;
  gap: 32px;
}
form .js-form-item-date .container-inline > * {
  flex: 1;
}
@media screen and (max-width: 720px) {
  form .js-form-item-date .container-inline {
    flex-direction: column;
  }
}
form .form-select-wrapper:after {
  content: "\e905";
  transform: rotate(-90deg);
}
form .form-actions {
  display: flex;
  justify-content: center;
  gap: 10px 24px;
}
@media screen and (max-width: 720px) {
  form .form-actions {
    flex-direction: column;
  }
}
form [type=submit], form [type=button] {
  --submit-bg-color: #1242D4;
  --submit-bg-color-hover: #C8D8FF;
  --submit-color: white;
  --submit-color-hover: #1242D4;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  border: none;
  appearance: none;
  cursor: pointer;
  background: var(--submit-bg-color);
  color: var(--submit-color);
  font-weight: 500;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  padding: 17px 32px;
  border-radius: 16px;
  line-height: 1em;
  transition: 300ms background-color, 300ms color;
}
form [type=submit]:hover, form [type=button]:hover {
  background-color: var(--submit-bg-color-hover);
  color: var(--submit-color-hover);
}
form .form-item--error-message {
  margin-top: 8px;
  font-size: 13px;
  color: #cf5c87;
}
form:has(.split-screen) {
  height: 100%;
  display: block;
}
form:has(.split-screen) .split-screen--right-column > div {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
  max-width: 470px;
  margin: 0 auto;
}
form:has(.split-screen) .split-screen {
  height: 100%;
}
form .js-webform-radios {
  display: flex;
  gap: 20px;
  align-items: center;
}
form .js-webform-radios .js-form-type-radio {
  position: relative;
}
form .js-webform-radios .js-form-type-radio input {
  display: none;
}
form .js-webform-radios .js-form-type-radio input:not(:checked) ~ label:after {
  display: none;
}
form .js-webform-radios .js-form-type-radio label:before {
  width: 20px;
  aspect-ratio: 1;
  content: "";
  border-radius: 50%;
  border: 1px solid #909090;
}
form .js-webform-radios .js-form-type-radio label:after {
  position: absolute;
  width: 13px;
  aspect-ratio: 1;
  content: "";
  border-radius: 50%;
  background-color: #1242D4;
  left: 4.5px;
  top: 4.5px;
}
form .js-form-type-radio, form .js-form-type-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
}
form .js-form-type-radio label, form .js-form-type-checkbox label {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
form .js-form-type-radio input, form .js-form-type-checkbox input {
  margin: 0;
}
form .tags-wrapper {
  margin-top: 15px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
form .tags-wrapper span {
  border: none;
  box-shadow: none;
  font-size: 12px;
  width: auto;
  color: white;
  background-color: #6983FC;
  border-radius: 15px;
  padding: 8px 14px;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: 4px;
}
form .tags-wrapper span:before {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  font-size: 10px;
}
form .tags-wrapper span:hover {
  background-color: #1242D4;
}
form .js-form-item:has(.form-managed-file) {
  padding: 20px;
  border-radius: 15px;
  background-color: rgba(236, 236, 236, 0.4);
}
form .js-form-item:has(.form-managed-file) .webform-file-button {
  --submit-bg-color: #1242D4;
  --submit-bg-color-hover: #C8D8FF;
  --submit-color: white;
  --submit-color-hover: #1242D4;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  border: none;
  appearance: none;
  cursor: pointer;
  background: var(--submit-bg-color);
  color: var(--submit-color);
  font-weight: 500;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  padding: 17px 32px;
  border-radius: 16px;
  line-height: 1em;
  transition: 300ms background-color, 300ms color;
  width: 100%;
  max-width: 480px;
}
form .js-form-item:has(.form-managed-file) .webform-file-button:hover {
  background-color: var(--submit-bg-color-hover);
  color: var(--submit-color-hover);
}
form .js-form-item:has(.form-managed-file) img.webform-image-file {
  border-radius: 15px;
}
form .js-form-item:has(.form-managed-file) .form-managed-file {
  display: flex;
  flex-direction: column-reverse;
}
form .js-form-item:has(.form-managed-file) .form-managed-file .webform-managed-file-preview {
  order: 1;
}
form .js-form-item:has(.form-managed-file) .form-managed-file button {
  --submit-bg-color: #1242D4;
  --submit-bg-color-hover: #C8D8FF;
  --submit-color: white;
  --submit-color-hover: #1242D4;
}
form .js-form-item:has(.form-managed-file) .webform-managed-file-placeholder {
  margin-top: 0;
  font-weight: 400;
  font-size: 14px;
  color: #909090;
}
form .js-form-item:has(.form-managed-file) [data-drupal-selector*=image-remove-button] {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}
form .js-form-type-webform-document-file .form-managed-file {
  position: relative;
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 10px;
  margin: 15px 0;
  padding-right: 220px;
}
form .js-form-type-webform-document-file .form-managed-file .webform-file-button {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
form .js-form-type-webform-document-file .form-managed-file button[data-drupal-selector*=remove-button] {
  display: none;
}
form .js-form-type-webform-document-file .form-managed-file .icon-upload.webform-file-button {
  max-width: 200px;
}
form .js-form-type-webform-document-file .form-managed-file .js-form-type-checkbox label {
  border: none;
  box-shadow: none;
  font-size: 12px;
  width: auto;
  color: white;
  background-color: #6983FC;
  border-radius: 15px;
  padding: 8px 14px;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: 4px;
}
form .js-form-type-webform-document-file .form-managed-file .js-form-type-checkbox label:before {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  font-size: 10px;
}
form .js-form-type-webform-document-file .form-managed-file .js-form-type-checkbox label:hover {
  background-color: #1242D4;
}
form .js-form-type-webform-document-file .form-managed-file .js-form-type-checkbox label a {
  text-decoration: none;
  pointer-events: none;
}
form .js-form-type-webform-document-file .form-managed-file .js-form-type-checkbox input {
  display: none;
}
form .js-form-type-webform-document-file .form-managed-file .js-form-type-checkbox span:not(.file) {
  display: none;
}
@media screen and (max-width: 720px) {
  form .js-form-type-webform-document-file .form-managed-file {
    padding-right: 0;
  }
  form .js-form-type-webform-document-file .form-managed-file .webform-file-button {
    position: static;
    max-width: none;
  }
}
form .js-hide {
  display: none;
}

.ajax-progress {
  display: none;
}

[data-drupal-selector^=views-exposed-form] {
  flex-direction: row;
  align-items: center;
  margin-bottom: 30px;
  position: relative;
}
[data-drupal-selector^=views-exposed-form] .filter-title {
  font-size: 14px;
}
[data-drupal-selector^=views-exposed-form] [data-drupal-selector^=edit-submit] {
  display: none;
}
[data-drupal-selector^=views-exposed-form] [data-drupal-selector^=edit-reset] {
  padding: 0;
  background: transparent !important;
  color: inherit;
  display: flex;
  align-items: center;
  gap: 10px;
}
[data-drupal-selector^=views-exposed-form] [data-drupal-selector^=edit-reset]:before {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  font-size: 18px;
}
[data-drupal-selector^=views-exposed-form] select {
  min-width: 150px;
  color: inherit;
  padding-right: 65px;
}
@media screen and (max-width: 1024px) {
  [data-drupal-selector^=views-exposed-form] {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 100px;
    gap: 8px;
  }
  [data-drupal-selector^=views-exposed-form] h3 {
    position: absolute;
    left: 0;
    top: 10px;
  }
  [data-drupal-selector^=views-exposed-form] > * {
    width: 100%;
  }
}

.user-form [data-drupal-selector=edit-account], .user-form [id*=edit-pass] {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
}

.user-client-profile-form {
  padding: 32px;
  border-radius: 20px;
  border: 1px solid #C1C1C1;
  flex-direction: row;
  flex-wrap: wrap;
}
.user-client-profile-form h2, .user-client-profile-form .form-actions {
  flex-basis: 100%;
}
.user-client-profile-form > *:not(h2) {
  flex: 1;
}
.user-client-profile-form .form-actions {
  justify-content: flex-end;
}
.user-client-profile-form fieldset > legend {
  margin-bottom: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 12px;
}
.user-client-profile-form fieldset > legend:before {
  flex-shrink: 0;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.user-client-profile-form fieldset > legend:before {
  content: "\e901";
  order: 2;
}
.user-client-profile-form [data-drupal-selector=edit-group-acces] {
  flex-shrink: 0;
  max-width: 33%;
}
.user-client-profile-form [data-drupal-selector=edit-group-informations] > legend + .fieldset-wrapper {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.user-client-profile-form [data-drupal-selector=edit-group-informations] fieldset legend {
  display: none;
}
.user-client-profile-form [data-drupal-selector=edit-group-informations] fieldset .fieldset-wrapper {
  display: flex;
  gap: 16px;
}
.user-client-profile-form [data-drupal-selector=edit-group-informations] fieldset .fieldset-wrapper > * {
  flex: 1;
}
.user-client-profile-form .password-strength__meter {
  border-radius: 6px;
  overflow: hidden;
}
.user-client-profile-form .password-strength__indicator {
  background-color: #1242D4;
}
.user-client-profile-form .password-strength__title {
  font-size: 14px;
  margin-top: 10px;
  display: inline-block;
}
.user-client-profile-form .password-confirm-message {
  font-size: 14px;
  margin-top: 10px;
  display: inline-block;
}
.user-client-profile-form .password-confirm-message [data-drupal-selector=password-match-status-text] {
  font-weight: 600;
}
.user-client-profile-form .password-confirm-message [data-drupal-selector=password-match-status-text].error {
  color: #cf5c87;
}
.user-client-profile-form .password-confirm-message [data-drupal-selector=password-match-status-text].ok {
  color: #1e9607;
}
.user-client-profile-form .password-suggestions {
  display: none !important;
}
.user-client-profile-form [id^=edit-pass].empty + div {
  display: none;
}
@media screen and (max-width: 720px) {
  .user-client-profile-form {
    padding: 15px;
  }
  .user-client-profile-form fieldset .fieldset-wrapper {
    flex-direction: column;
  }
}

.user-pass-reset {
  text-align: center;
  height: auto !important;
}
[role=contentinfo]:has(.user-pass-reset) {
  display: flex;
  align-items: center;
  justify-content: center;
}

.webform-submission-contact-form [type=submit] {
  --submit-bg-color: #e04c87;
  --submit-bg-color-hover: #C8D8FF;
  --submit-color: white;
  --submit-color-hover: #1242D4;
  min-width: 230px;
}
.webform-submission-contact-form .form-actions {
  justify-content: flex-end;
}

.mnh-faq-list-form .js-form-type-radio {
  width: 100%;
  display: block;
}
.mnh-faq-list-form .js-form-type-radio label {
  padding: 22px 20px;
  background-color: #C8D8FF;
  transition: 300ms background-color, 300ms color;
  cursor: pointer;
  border-radius: 20px;
}
.mnh-faq-list-form .js-form-type-radio label:hover {
  color: white;
  background-color: #212982;
}
.mnh-faq-list-form .js-form-type-radio label:before, .mnh-faq-list-form .js-form-type-radio label:after {
  content: none !important;
}
.mnh-faq-list-form .js-form-type-radio input {
  display: none;
}
.mnh-faq-list-form .js-form-type-radio input:checked ~ label {
  color: white;
  background-color: #212982;
}
.mnh-faq-list-form [data-drupal-selector=edit-wrapper] {
  display: flex;
  gap: 25px;
}
.mnh-faq-list-form [data-drupal-selector=edit-wrapper] fieldset {
  width: 260px;
  flex-shrink: 0;
}
.mnh-faq-list-form [data-drupal-selector=edit-wrapper] fieldset .fieldset-wrapper > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mnh-faq-list-form [data-drupal-selector=edit-wrapper] [data-drupal-selector=edit-right-column] {
  flex-grow: 1;
}
@media screen and (max-width: 720px) {
  .mnh-faq-list-form [data-drupal-selector=edit-wrapper] {
    flex-direction: column;
  }
  .mnh-faq-list-form [data-drupal-selector=edit-wrapper] fieldset {
    width: auto;
  }
  .mnh-faq-list-form [data-drupal-selector=edit-wrapper] fieldset .fieldset-wrapper > div {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .mnh-faq-list-form [data-drupal-selector=edit-wrapper] fieldset .fieldset-wrapper > div > * {
    width: calc(50% - 8px);
  }
}
.mnh-faq-list-form [data-drupal-selector=edit-search] {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
}
@media screen and (max-width: 720px) {
  .mnh-faq-list-form [data-drupal-selector=edit-search] {
    flex-direction: column;
  }
}
.mnh-faq-list-form [type=submit] {
  background-color: #e04c87;
}
.mnh-faq-list-form ul li {
  padding: 2px 0;
  border-bottom: 1px solid #C1C1C1;
}
.mnh-faq-list-form ul a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px;
  border-radius: 18px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  justify-content: space-between;
  transition: 300ms color, 300ms background-color;
}
.mnh-faq-list-form ul a:before {
  flex-shrink: 0;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnh-faq-list-form ul a:before {
  color: #e04c87;
  order: 2;
  content: "\e904";
  transition: 300ms color;
}
.mnh-faq-list-form ul a:hover {
  color: white;
  background-color: #1242D4;
}
.mnh-faq-list-form ul a:hover:before {
  color: white;
}

.webform-submission-form [data-webform-key^=step] {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
.webform-submission-form:has(.progress-tracker) .form-actions {
  margin-top: 30px;
  justify-content: flex-end;
}
.webform-submission-form:has(.progress-tracker) [type=submit] {
  --submit-bg-color: #e04c87;
  --submit-bg-color-hover: white;
  --submit-color-hover: #303030;
}
.webform-submission-form:has(.progress-tracker) [type=submit]:hover, .webform-submission-form:has(.progress-tracker) [type=submit][class*=previous] {
  background-color: white;
  color: #303030;
  box-shadow: 0 0 0 2px #f3b9d0 inset;
}
.webform-submission-form .documents-order-webform-view [role=list] {
  border-radius: 16px;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.webform-submission-form .documents-order-webform-view [role=list] > * {
  border-color: #ececec;
  border-style: solid;
  border-width: 0 1px 1px 0;
}
@media screen and (min-width: 720px) {
  .webform-submission-form .documents-order-webform-view [role=list] {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .webform-submission-form .documents-order-webform-view [role=list] > * {
    width: 33.3333333333%;
  }
}
.webform-submission-form .webform-multiple-table table tbody {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.webform-submission-form .webform-multiple-table table tr.draggable > td:first-of-type {
  display: none;
}
.webform-submission-form .webform-multiple-table table td {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 720px) {
  .webform-submission-form .webform-multiple-table table td.webform-multiple-table--operations {
    top: 22px;
    right: 12px;
  }
  .webform-submission-form .webform-multiple-table table td .js-form-type-webform-autocomplete {
    margin-right: 80px;
  }
}
.webform-submission-form .webform-multiple-table table + .tabledrag-toggle-weight-wrapper {
  display: none;
}
.webform-submission-form .webform-multiple-table table input.form-autocomplete {
  background: none;
}
.webform-submission-form .webform-multiple-add {
  display: none;
}

.webform-progress-tracker {
  display: flex;
  justify-content: space-around;
  margin: 0 auto 30px;
  counter-reset: progress;
}
.webform-progress-tracker li {
  flex: 1;
  counter-increment: progress;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}
.webform-progress-tracker li .progress-title {
  font-weight: inherit !important;
}
.webform-progress-tracker li .progress-marker {
  margin-top: 25px;
}
.webform-progress-tracker li .progress-marker:after {
  top: auto;
  bottom: 18px;
  background-color: #6983FC !important;
  right: auto;
  left: -50%;
}
.webform-progress-tracker li .progress-marker:before {
  color: white;
  content: counter(progress);
  width: 42px;
  height: 40px;
  border-radius: 50%;
  background-color: #6983FC !important;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 5;
}
.webform-progress-tracker li:first-of-type .progress-marker:after {
  content: none;
}
.webform-progress-tracker li .progress-marker:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -10;
  width: 100%;
  height: 4px;
}
.webform-progress-tracker li.is-active .progress-marker:before {
  background-color: #e04c87 !important;
}
.webform-progress-tracker li.is-complete .progress-marker:before {
  background-color: #6983FC;
}
.webform-progress-tracker li:not(.is-complete):not(.is-active) .progress-text {
  opacity: 0.4;
}
.webform-progress-tracker li:not(.is-complete):not(.is-active) .progress-marker:before, .webform-progress-tracker li:not(.is-complete):not(.is-active) .progress-marker:after {
  background-color: #C8D8FF !important;
  color: #898989;
}
@media screen and (max-width: 720px) {
  .webform-progress-tracker {
    flex-wrap: wrap;
    gap: 20px 0;
  }
  .webform-progress-tracker li {
    padding: 0 10px;
    font-size: 16px;
  }
  .webform-progress-tracker li .progress-marker {
    margin-top: 10px;
  }
}

.webform-confirmation {
  text-align: center;
}
.webform-confirmation .text-content {
  color: #303030;
}
.webform-confirmation .text-content * + * {
  margin-top: 25px;
}
.webform-confirmation .back {
  margin-top: 30px;
  --submit-bg-color: #1242D4;
  --submit-bg-color-hover: #C8D8FF;
  --submit-color: white;
  --submit-color-hover: #1242D4;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  border: none;
  appearance: none;
  cursor: pointer;
  background: var(--submit-bg-color);
  color: var(--submit-color);
  font-weight: 500;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  padding: 17px 32px;
  border-radius: 16px;
  line-height: 1em;
  transition: 300ms background-color, 300ms color;
}
.webform-confirmation .back:hover {
  background-color: var(--submit-bg-color-hover);
  color: var(--submit-color-hover);
}

.webform-submission-documents-order-form [data-webform-key^=step] {
  padding: 30px;
  background-color: #EDF1FF;
  border-radius: 20px;
}
.webform-submission-documents-order-form .js-form-type-documents-retrieve-summary ul {
  background-color: white;
  border-radius: 14px;
}
.webform-submission-documents-order-form .js-form-type-documents-retrieve-summary ul li {
  padding: 20px 24px;
  display: flex;
  align-items: center;
  gap: 45px;
}
.webform-submission-documents-order-form .js-form-type-documents-retrieve-summary ul li span:first-of-type {
  flex-grow: 1;
}
.webform-submission-documents-order-form .js-form-type-documents-retrieve-summary ul li span:nth-child(2) {
  padding: 6px 15px;
  border-radius: 35px;
  background-color: #C1C1C1;
}
.webform-submission-documents-order-form .js-form-type-documents-retrieve-summary ul li a {
  text-decoration: none;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 9px;
}
.webform-submission-documents-order-form .js-form-type-documents-retrieve-summary ul li a:hover {
  color: #6983FC;
}
.webform-submission-documents-order-form .js-form-type-documents-retrieve-summary ul li a:after {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  font-size: 18px;
}
.webform-submission-documents-order-form .js-form-type-documents-retrieve-summary ul li:not(:first-of-type) {
  border-top: 1px solid #ececec;
}
@media screen and (max-width: 720px) {
  .webform-submission-documents-order-form .js-form-type-documents-retrieve-summary ul li {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

.webform-submission-event-form [data-webform-key=step4], .webform-submission-event-form [data-webform-key=step3] {
  counter-reset: listCounter;
}
.webform-submission-event-form [data-webform-key=step4] > fieldset, .webform-submission-event-form [data-webform-key=step3] > fieldset {
  border-radius: 20px;
  padding: 30px;
  background-color: #EDF1FF;
  min-inline-size: 0;
  counter-increment: listCounter;
}
.webform-submission-event-form [data-webform-key=step4] > fieldset > legend, .webform-submission-event-form [data-webform-key=step3] > fieldset > legend {
  font-size: 18px;
  font-weight: 600;
  float: left;
}
.webform-submission-event-form [data-webform-key=step4] > fieldset > legend label:before, .webform-submission-event-form [data-webform-key=step3] > fieldset > legend label:before {
  content: counter(listCounter);
  font-size: 14px;
  color: white;
  border-radius: 50%;
  width: 25px;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e04c87;
  position: absolute;
  left: 0;
  top: -2px;
}
.webform-submission-event-form [data-webform-key=step4] > fieldset > legend label, .webform-submission-event-form [data-webform-key=step3] > fieldset > legend label {
  position: relative;
  margin-bottom: 25px;
  padding-left: 35px;
}
.webform-submission-event-form [data-webform-key=step4] > fieldset .fieldset-wrapper, .webform-submission-event-form [data-webform-key=step3] > fieldset .fieldset-wrapper {
  clear: both;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.webform-submission-event-form [data-webform-key=step4] [data-drupal-selector=edit-group1] [data-drupal-selector=edit-eval-thumbnail], .webform-submission-event-form [data-webform-key=step3] [data-drupal-selector=edit-group1] [data-drupal-selector=edit-eval-thumbnail] {
  margin-bottom: 30px;
  text-align: center;
}
.webform-submission-event-form [data-webform-key=step4] [data-drupal-selector=edit-group1] img, .webform-submission-event-form [data-webform-key=step3] [data-drupal-selector=edit-group1] img {
  border-radius: 20px;
  margin: 0 auto 20px;
}
.webform-submission-event-form ul.tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.webform-submission-event-form ul.tags-list li {
  border-radius: 20px;
  padding: 3px 10px;
  color: white;
  font-size: 16px;
  background-color: #1242D4;
}
.webform-submission-event-form [data-webform-key=step2] [data-drupal-selector=edit-thumb] img {
  border-radius: 15px;
}
.webform-submission-event-form [data-webform-key=step3] .form-item-quotations {
  background-color: white;
}
.webform-submission-event-form [data-webform-key=step4] .orders-list {
  margin-top: 12px;
  padding-left: 20px;
  list-style: disc;
}

.insights-form [data-drupal-selector=edit-filters] span {
  font-size: 14px;
  color: #909090;
  display: block;
  margin-bottom: 10px;
}
.insights-form [data-drupal-selector=edit-filters] > div {
  display: flex;
  gap: 10px;
}
.insights-form [data-drupal-selector=edit-filters] > div > * {
  flex-grow: 1;
}
.insights-form [data-drupal-selector=edit-filters] .form-select-wrapper select {
  font-size: 14px;
  padding-right: 40px;
  border-radius: 10px;
  color: #909090;
}
.insights-form [data-drupal-selector=edit-filters] .form-select-wrapper:after {
  background-color: transparent;
  color: #909090;
}
@media screen and (max-width: 720px) {
  .insights-form [data-drupal-selector=edit-filters] > div {
    flex-direction: column;
  }
}
.insights-form [data-drupal-selector=edit-wrapper] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.insights-form .border-block {
  padding: 24px;
  border: 1px solid #C1C1C1;
  border-radius: 20px;
}
.insights-form .border-block h2 {
  font-size: 24px;
  margin-bottom: 18px;
}
@media screen and (max-width: 720px) {
  .insights-form .border-block:has(table) {
    overflow-x: scroll;
  }
}
.insights-form [data-drupal-selector=edit-line1] {
  display: flex;
  gap: 15px;
}
.insights-form [data-drupal-selector=edit-line1] > div {
  flex: 1;
  border-radius: 20px;
  padding: 30px;
  background-color: #EDF1FF;
  text-align: center;
  font-weight: 600;
  font-size: 64px;
  line-height: 1em;
}
.insights-form [data-drupal-selector=edit-line1] > div span {
  line-height: 1em;
  display: block;
  font-size: 16px;
  margin-bottom: 20px;
}
.insights-form [data-drupal-selector=edit-line2] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 721px) {
  .insights-form [data-drupal-selector=edit-line2] {
    flex-direction: row;
  }
  .insights-form [data-drupal-selector=edit-line2] > * {
    flex-grow: 1;
  }
  .insights-form [data-drupal-selector=edit-line2] > *:first-of-type {
    width: 60%;
  }
  .insights-form [data-drupal-selector=edit-line2] > *:last-of-type {
    width: 40%;
  }
}
.insights-form [class^=progress-inline] {
  display: flex;
  flex-direction: column;
  gap: 18px;
  counter-reset: count;
}
.insights-form [class^=progress-inline] li {
  counter-increment: count;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}
.insights-form [class^=progress-inline] li:before {
  content: counter(count);
  font-weight: 600;
  display: block;
  min-width: 10px;
  text-align: center;
}
.insights-form [class^=progress-inline] li span {
  width: 50%;
  flex-grow: 1;
}
.insights-form [class^=progress-inline] li span:last-of-type {
  display: flex;
  gap: 12px;
}
.insights-form [class^=progress-inline] li i {
  position: relative;
  width: 100%;
  display: inline-flex;
  height: 19px;
  border-radius: 50px;
  background-color: #ececec;
}
.insights-form [class^=progress-inline] li i:before {
  content: "";
  display: block;
  height: 100%;
  width: calc(100% * var(--coef));
  border-radius: 50px;
  background-color: #1242D4;
}
.insights-form [class^=progress-inline][class*=inline2] section {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  width: 100%;
}
.insights-form [class^=progress-inline][class*=inline2] section span {
  width: auto;
  flex-grow: unset;
}
.insights-form [class^=progress-inline][class*=inline2] section span:first-of-type {
  flex-grow: 1;
}
.insights-form [class^=progress-inline][class*=inline2] li {
  flex-direction: column;
  gap: 12px;
}
.insights-form [class^=progress-inline][class*=inline2] li:before {
  content: none;
}
.insights-form table th {
  font-weight: 500;
  padding: 10px;
  vertical-align: middle;
}
.insights-form table th:nth-child(2) {
  text-align: left;
  white-space: nowrap;
}
.insights-form table td {
  padding: 10px;
}
.insights-form table td:first-of-type {
  font-weight: 600;
}
.insights-form table td:not(:first-of-type):not(:nth-child(2)):not(.insights-form table td:last-of-type) {
  text-align: center;
  font-weight: 600;
}
.insights-form table td:has([data-rating]) {
  white-space: nowrap;
  font-weight: 600;
  font-size: 14px;
  vertical-align: middle;
}
.insights-form table tr:nth-child(even) {
  background-color: #EDF1FF;
}

.Faq {
  display: flex;
  gap: 80px;
}
.Faq aside {
  flex-shrink: 0;
  padding-right: 40px;
  border: 1px solid rgba(144, 144, 144, 0.5);
  border-width: 0 1px 0 0;
}
.Faq aside a {
  font-size: 14px;
  text-underline-offset: 3px;
}
.Faq h2 {
  margin-bottom: 30px;
}
@media screen and (max-width: 720px) {
  .Faq {
    flex-direction: column;
    gap: 30px;
  }
  .Faq aside {
    padding-bottom: 30px;
    border-width: 0 0 1px 0;
  }
}

.ContentRoundedBox {
  --pad: 24px;
  padding: var(--pad, 24px);
  border-radius: 20px;
  background-color: #EDF1FF;
}
.ContentRoundedBox-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
}
.ContentRoundedBox-buttons {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.ContentRoundedBox-buttons a {
  --submit-bg-color: #1242D4;
  --submit-bg-color-hover: #C8D8FF;
  --submit-color: white;
  --submit-color-hover: #1242D4;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  border: none;
  appearance: none;
  cursor: pointer;
  background: var(--submit-bg-color);
  color: var(--submit-color);
  font-weight: 500;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  padding: 17px 32px;
  border-radius: 16px;
  line-height: 1em;
  transition: 300ms background-color, 300ms color;
}
.ContentRoundedBox-buttons a:hover {
  background-color: var(--submit-bg-color-hover);
  color: var(--submit-color-hover);
}
@media screen and (max-width: 720px) {
  .ContentRoundedBox-buttons {
    flex-direction: column;
    align-items: flex-start;
  }
  .ContentRoundedBox-buttons a {
    width: 100%;
  }
}
.ContentRoundedBox .views-element-container .views-exposed-form, .ContentRoundedBox .views-element-container .pager {
  display: none;
}
@media screen and (max-width: 720px) {
  .ContentRoundedBox {
    --pad: 18px;
  }
}

.BlockText h2, .BlockText .text-content {
  margin-bottom: 25px;
}
.BlockText-author {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  align-items: center;
  font-size: 14px;
}
.BlockText-author span {
  display: block;
}
.BlockText-author span:first-of-type {
  font-weight: 600;
}
.BlockText-author span + span {
  margin-top: 10px;
}
.BlockText-author img {
  aspect-ratio: 1;
  width: 70px;
  object-fit: cover;
  border-radius: 50%;
}

.Document {
  font-size: 12px;
  font-weight: 500;
  position: relative;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.Document.active * {
  color: white !important;
}
.Document.active:before {
  --padding: 5px;
  content: "";
  position: absolute;
  top: var(--padding);
  bottom: var(--padding);
  left: var(--padding);
  right: var(--padding);
  border-radius: 10px;
  background-color: #6983FC;
}
.Document a.icon-view {
  position: absolute;
  font-size: 0;
  text-decoration: none;
  top: 16px;
  right: 0;
  z-index: 3;
}
.Document a.icon-view:before {
  font-size: 24px;
}
.Document a.icon-view:hover {
  color: #e04c87;
}
.Document section {
  position: relative;
  z-index: 2;
}
.Document h3 {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2em;
  width: 50%;
  margin-bottom: 10px;
}
.Document .format, .Document .quantity-item {
  color: #909090;
}
.Document .quantity-item {
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.Document .numeric-stepper {
  margin-top: 8px;
}
.Document .numeric-stepper input {
  padding: 0;
  background: none;
  box-shadow: none;
}

dialog {
  margin: 0;
  position: fixed;
  z-index: 1005;
  border: none;
  padding: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: none;
}
dialog:not([open]) {
  display: none;
}
dialog [data-dialog-close] {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: -30px;
  appearance: none;
  border: none;
  background: none;
  font-size: 28px;
  color: white;
}
dialog [data-drupal-messages-wrapper] {
  display: none;
}
dialog:not([data-dialog-elem=preview]) [role=contentinfo] {
  min-width: 450px;
  padding: 30px;
  border-radius: 10px;
  background-color: white;
}
dialog:not([data-dialog-elem=preview]) [role=contentinfo] section > ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
dialog:not([data-dialog-elem=preview]) [role=contentinfo] section > ul a {
  text-decoration: none;
}
dialog:not([data-dialog-elem=preview]) [role=contentinfo] section > ul a:hover {
  text-decoration: underline;
}
dialog:not([data-dialog-elem=preview]) h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

body:has(dialog[open]) {
  overflow-y: hidden;
}
body:has(dialog[open]):after {
  content: "";
  z-index: 1004;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(48, 48, 48, 0.7);
}

[data-dialog-elem=preview] img {
  border-radius: 15px;
  max-height: 90vh;
  width: auto;
}

[data-dialog-elem=rate_event] h2 {
  font-size: 24px;
  margin-bottom: 20px;
}
[data-dialog-elem=rate_event] h2 .placeholder {
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
}

.Order h2 {
  padding: 0 24px 10px 24px;
  margin: 20px -24px 15px;
  border-bottom: 1px solid #C1C1C1;
}
.Order .leftColumn > ul {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.Order .leftColumn > ul li {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  line-height: 120%;
}
.Order .leftColumn > ul li.fullwidth {
  flex-basis: 100%;
}
.Order .leftColumn > ul li span:first-of-type {
  font-weight: 500;
}
.Order .leftColumn > ul li span:last-of-type {
  color: #909090;
}
.Order table {
  width: 100%;
  margin: 20px 0 40px 0;
  border-collapse: separate;
}
.Order table th {
  font-weight: 500;
  font-size: 14px;
  color: #909090;
  padding: 0 10px;
}
.Order table th:first-of-type {
  text-align: left;
  padding-left: 0;
}
.Order table tr {
  border-bottom: 1px solid #909090;
}
.Order table td {
  border-bottom: 1px solid #909090;
  padding: 16px 0;
  font-size: 14px;
  text-align: center;
}
.Order table td:first-of-type {
  text-align: left;
  font-weight: 600;
}
.Order table td:first-of-type .icon-download {
  font-weight: 400;
  margin-top: 8px;
}
@media screen and (min-width: 720px) {
  .Order table td:first-of-type .icon-download {
    display: none;
  }
}
.Order table td a {
  color: #e04c87;
}
@media screen and (max-width: 720px) {
  .Order table th:last-of-type, .Order table td:last-of-type {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .Order h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 720px) {
  .Order .leftColumn > ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .Order .leftColumn > ul > *:not(.fullwidth) {
    width: 50%;
  }
}

.OrderListItem {
  text-decoration: none;
  padding: var(--pad, 24px);
  display: block;
  transition: 300ms background-color;
}
.ContentRoundedBox .OrderListItem {
  padding-top: 12px;
  padding-bottom: 12px;
}
.OrderListItem h3 {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.OrderListItem h3:after {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904";
  font-size: 18px;
  color: #e04c87;
}
.OrderListItem .date {
  font-size: 10px;
  color: #909090;
}
.OrderListItem > div {
  display: flex;
  justify-content: space-between;
}
.OrderListItem:hover {
  background-color: #C8D8FF;
}
@media screen and (max-width: 720px) {
  .OrderListItem > div {
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
  }
}

[class^=Order] [class^=status] {
  font-size: 10px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 27px;
  display: inline-flex;
}
[class^=Order] [class^=status][class*=pending] {
  background-color: #F7E895;
}
[class^=Order] [class^=status][class*=accept] {
  background-color: #20C4BC;
}
[class^=Order] [class^=status][class*=refuse] {
  background-color: #ffa6a6;
}

ul.my-orders-list, ul.my-events-list {
  border-radius: 20px;
  background: #EDF1FF;
  overflow: hidden;
}
ul.my-orders-list li:not(:last-of-type), ul.my-events-list li:not(:last-of-type) {
  border-bottom: 1px solid #C1C1C1;
}
.ContentRoundedBox ul.my-orders-list, .ContentRoundedBox ul.my-events-list {
  border-radius: 0;
  margin-left: calc(var(--pad, 24px) * -1);
  margin-right: calc(var(--pad, 24px) * -1);
}

.Review {
  margin: 20px 0;
}
.Review section {
  display: flex;
  margin-bottom: 12px;
  font-weight: 500;
  gap: 15px;
}
.Review-wrapper {
  padding: 32px 24px;
  border-radius: 20px;
  background-color: #EDF1FF;
}
.Review-wrapper .text-content {
  margin-top: 16px;
}

.Event strong {
  font-weight: 600;
}
.Event .address .country {
  display: none;
}
.Event [data-element=openstreetmap], .Event [data-element=googlemaps] {
  margin: 20px 0;
  min-height: 250px;
  width: 100%;
  border-radius: 20px;
  border: 1px solid #909090;
}
.Event [data-element=openstreetmap] .leaflet-marker-icon svg, .Event [data-element=googlemaps] .leaflet-marker-icon svg {
  width: 100%;
  height: 100%;
}
.Event [data-element=openstreetmap] .leaflet-marker-icon svg path, .Event [data-element=googlemaps] .leaflet-marker-icon svg path {
  fill: #1242D4;
}

.EventListItem {
  text-decoration: none;
  padding: var(--pad, 24px);
  display: block;
  transition: 300ms background-color;
}
.ContentRoundedBox .EventListItem {
  padding-top: 12px;
  padding-bottom: 12px;
}
.EventListItem h3 {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.EventListItem h3:after {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904";
  font-size: 18px;
  color: #e04c87;
}
.EventListItem .date {
  font-size: 10px;
  color: #909090;
}
.EventListItem > div {
  display: flex;
  justify-content: space-between;
}
.EventListItem:hover {
  background-color: #C8D8FF;
}
@media screen and (max-width: 720px) {
  .EventListItem > div {
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
  }
}

.events-notifications {
  padding: 20px 30px 20px 60px;
  margin-bottom: 28px;
  background-color: #EDF1FF;
  border-radius: 20px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  display: block;
}
.events-notifications:before {
  flex-shrink: 0;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.events-notifications:before {
  content: "\e910";
  position: absolute;
  left: 20px;
  font-size: 26px;
  color: #e04c87;
  top: 20px;
}
.events-notifications h3 {
  font-weight: 600;
  margin-bottom: 10px;
}
.events-notifications ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.events-notifications li {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #909090;
}
.events-notifications li a {
  color: #1242D4;
}
@media screen and (max-width: 720px) {
  .events-notifications ul {
    gap: 12px;
  }
  .events-notifications li {
    gap: 0;
    flex-direction: column;
  }
}

.Dashboard {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.Dashboard > section {
  display: flex;
  gap: 30px;
}
.Dashboard > section:not(.actions-links) > div {
  flex: 1;
}
.Dashboard > section > div > section {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
}
.Dashboard > section > div > section > h2, .Dashboard > section > div > section > .button {
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .Dashboard > section {
    flex-direction: column;
  }
  .Dashboard > section > div > section .button {
    display: none;
  }
}
.Dashboard-textBlock {
  max-width: 45%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 19px -7px;
  padding: 30px;
  border-radius: 25px;
}
@media screen and (max-width: 1024px) {
  .Dashboard-textBlock {
    max-width: none;
  }
}
.Dashboard .ContentRoundedBox {
  padding-left: 40px;
  padding-right: 40px;
}
.Dashboard .ContentRoundedBox-title {
  font-size: 25px;
}
.Dashboard .ContentRoundedBox.action-links {
  flex-grow: 1;
}
.Dashboard .ContentRoundedBox.action-links a {
  display: flex;
  align-items: center;
  gap: 12px;
}
.Dashboard .ContentRoundedBox.action-links a:before {
  flex-shrink: 0;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Dashboard .ContentRoundedBox.action-links a:before {
  content: "\e900";
}
@media screen and (max-width: 720px) {
  .Dashboard .ContentRoundedBox {
    padding: 20px;
  }
}
.Dashboard-eventsWrapper {
  margin: 30px 0 15px 0;
  display: flex;
  gap: 20px;
}
.Dashboard-eventsWrapper > * {
  flex: 1;
}
.Dashboard-eventsWrapper + .button {
  width: 100%;
}
@media screen and (max-width: 720px) {
  .Dashboard-eventsWrapper {
    flex-direction: column;
  }
}

.my-campaigns-list ul {
  --gap: 20px;
  --column-count: 3;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
@media screen and (min-width: 720px) {
  .my-campaigns-list ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .my-campaigns-list ul > * {
    width: calc((100% - (var(--column-count) - 1) * var(--gap)) / var(--column-count));
  }
}

main:has(.Campaign):has(.status.pasted) ul.local-actions > li:has(a[data-drupal-link-system-path="evenements/add"]) {
  display: none;
}

.CampaignTeaser {
  position: relative;
  display: block;
  text-decoration: none;
  border-radius: 20px;
  overflow: hidden;
}
.CampaignTeaser:after {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  font-size: 25px;
  color: #e04c87;
  position: absolute;
  bottom: 15px;
  right: 20px;
}
.CampaignTeaser .theme {
  position: absolute;
  left: 16px;
  top: 18px;
  border-radius: 20px;
  padding: 3px 10px;
  color: white;
  font-size: 16px;
  background-color: #20C4BC;
  font-size: 10px;
  font-weight: 500;
}
.CampaignTeaser .status {
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 20px;
  padding: 3px 10px;
  color: white;
  font-size: 16px;
  background-color: white;
  color: #909090;
  font-size: 14px;
}
.CampaignTeaser .date {
  font-size: 12px;
  gap: 6px;
  margin-bottom: 10px;
}
.CampaignTeaser .date:before {
  color: #1242D4;
}
.CampaignTeaser:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  box-shadow: 0 0 0 1px #C1C1C1 inset;
  transition: 300ms box-shadow;
  border-radius: 20px;
}
.CampaignTeaser:hover:before {
  box-shadow: 0 0 0 2px #1242D4 inset;
}
.CampaignTeaser h2 {
  font-size: 20px;
  font-weight: 500;
}
.CampaignTeaser [role=banner] {
  height: 140px;
}
.CampaignTeaser [role=banner] img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.CampaignTeaser [role=banner]:not(:has(img)) {
  background: url("../images/noimageevent@2x.png") no-repeat center center #EDF1FF;
  background-size: 25%;
}
.CampaignTeaser [role=contentinfo] {
  padding: 20px 20px 50px 20px;
}

.UserCompact {
  display: flex;
  gap: 10px;
}
.UserCompact img {
  max-width: 42px;
  border-radius: 50%;
}
.UserCompact div {
  display: flex;
  flex-direction: column;
}
.UserCompact div > span:first-of-type {
  font-weight: 600;
}
.UserCompact div > span:nth-child(2) {
  color: #909090;
}

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