@charset "UTF-8";
/*Imports :*/
/*
@use "abstracts/colors";
@use "abstracts/functions";
@use "abstracts/breakpoint-mixin";
*/
/* SASS vars : */
/* CSS vars*/
:root {
  --breakpoint-phone: 600px;
  --breakpoint-tab-port: 900px;
  --breakpoint-tab-land: 1200px;
  --breakpoint-big-desktop: 1440px;
}

/**/
/*
#page-content-accessibility::before{
	content: var(--breakpoint-bigDesktop);
	background-color: azure;
}*/
/*
.TESTVAR{
	// content: $breakpoint-desktop;
	color: breakpoint-phone();
	bcolor: breakpoint-tabPort();
	ccolor: breakpoint-tabLand();
	dcolor: breakpoint-bigDesktop();
	color: breakpoint-desktopp();
	bgcolor: breakpoint(5);
	tcolor: whatever();
	rand: random();
	// acolor: $var;
	// bcolor: $breakpoint-desktop;
	// ccolor: $breakpointDesktop;
}
*/
/** /
.layout-marker{
	display: none;
	position: absolute;
	z-index: 99999;
	background-color: black;
	color: white;
}

@include respond(phone) {
	#layoutMarkerPhone{display: block;}
	#page-content-accessibility::before{
		content: "A";
		background-color: azure;
	}
}
@include respond(tab-port) {#layoutMarkerTabPort{display: block;}
	#page-content-accessibility::before{
		content: "B";
		background-color: azure;
	}
}
@include respond(tab-land) {#layoutMarkerTabLand{display: block;}
	#page-content-accessibility::before{
		content: "C";
		background-color: azure;
	}
}
@include respond(big-desktop) {#layoutMarkerDesktop{display: block;}
	#page-content-accessibility::before{
		content: "D";
		background-color: azure;
	}
}
/**/
/* CSS vars
 * USE-CASES:
 * - should be use everywhere in the CSS instead of SASS vars ($) : there values can be manipulated at the navigator => see below as we set phone sizing using a media queries and breakpoints
 * - + can be use in JS when modifying the DOM eg myElement.style="font-size: var(--font-normal-font-size);"
 *
 * see https://sass-lang.com/documentation/breaking-changes/css-vars/ for why we use sass-var;
 *
 */
:root {
  /**/
  --font-cta-font-size: 1.6rem;
  --font-cta-font-weight: 500;
  --font-cta-line-height: 2.4rem;
  --font-cta-font-size_phone: 1.4rem;
  --font-cta-font-weight_phone: 500;
  --font-cta-line-height_phone: 2rem;
  /**/
  --font-small-font-size: 1.4rem;
  --font-small-font-weight: 400;
  --font-small-line-height: 2.1rem;
  --font-small-font-size_phone: 1.2rem;
  --font-small-font-weight_phone: 400;
  --font-small-line-height_phone: 1.8rem;
  /**/
  --font-normal-font-size: 1.6rem;
  --font-normal-font-weight: 400;
  --font-normal-line-height: 2.4rem;
  --font-normal-font-size_phone: 1.4rem;
  --font-normal-font-weight_phone: 400;
  --font-normal-line-height_phone: 2rem;
  /**/
  --font-big-font-size: 2rem;
  --font-big-font-weight: 400;
  --font-big-line-height: 2.9rem;
  --font-big-font-size_phone: 1.8rem;
  --font-big-font-weight_phone: 400;
  --font-big-line-height_phone: 2.4rem;
  /**/
  --font-heading1-font-size: 4.5rem;
  --font-heading1-font-weight: 700;
  --font-heading1-line-height: 5rem;
  --font-heading1-font-size_phone: clamp(3.2rem, 9vw, 3.8rem);;
  --font-heading1-font-weight_phone: 700;
  --font-heading1-line-height_phone: clamp(4rem, 9vw, 4.4rem);
  /**/
  --font-heading2-font-size: 4.2rem;
  --font-heading2-font-weight: 700;
  --font-heading2-line-height: 4.8rem;
  --font-heading2-font-size_phone: clamp(2.6rem, 9vw, 3.2rem);;
  --font-heading2-font-weight_phone: 700;
  --font-heading2-line-height_phone: clamp(3.6rem, 9vw, 4rem);
  /**/
  --font-heading3-font-size: 3.6rem;
  --font-heading3-font-weight: 700;
  --font-heading3-line-height: 4rem;
  --font-heading3-font-size_phone: clamp(2.2rem, 7vw, 2.8rem);;
  --font-heading3-font-weight_phone: 700;
  --font-heading3-line-height_phone: clamp(3.2rem, 7vw, 3.8rem);
  /**/
  --font-heading4-font-size: 2.8rem;
  --font-heading4-font-weight: 600;
  --font-heading4-line-height: 3.2rem;
  --font-heading4-font-size_phone: 2.8rem;
  --font-heading4-font-weight_phone: 600;
  --font-heading4-line-height_phone: 3.2rem;
  /**/
  --font-heading5-font-size: 2.4rem;
  --font-heading5-font-weight: 500;
  --font-heading5-line-height: 2.8rem;
  --font-heading5-font-size_phone: 2.4rem;
  --font-heading5-font-weight_phone: 500;
  --font-heading5-line-height_phone: 2.8rem;
  /**/
  --font-heading6-font-size: 1.8rem;
  --font-heading6-font-weight: 500;
  --font-heading6-line-height: 2.2rem;
  --font-heading6-font-size_phone: 1.8rem;
  --font-heading6-font-weight_phone: 500;
  --font-heading6-line-height_phone: 2.2rem;
  /**/
  --font-weight-normal: 400;
  --font-weight-bold: 600;
  --font-weight-bolder: 700;
  /**/
}
@media only screen and (max-width: 600px) {
  :root {
    /**/
    --font-weight-normal: 400;
    --font-weight-bold: 600;
    --font-weight-bolder: 700;
    /**/
    --font-cta-font-size: 1.4rem;
    --font-cta-font-weight: 500;
    --font-cta-line-height: 2rem;
    --font-small-font-size: 1.2rem;
    --font-small-font-weight: 400;
    --font-small-line-height: 1.8rem;
    --font-normal-font-size: 1.4rem;
    --font-normal-font-weight: 400;
    --font-normal-line-height: 2rem;
    --font-big-font-size: 1.8rem;
    --font-big-font-weight: 400;
    --font-big-line-height: 2.4rem;
    --font-heading1-font-size: clamp(3.2rem, 9vw, 3.8rem);;
    --font-heading1-font-weight: 700;
    --font-heading1-line-height: clamp(4rem, 9vw, 4.4rem);
    --font-heading2-font-size: clamp(2.6rem, 9vw, 3.2rem);;
    --font-heading2-font-weight: 700;
    --font-heading2-line-height: clamp(3.6rem, 9vw, 4rem);
    --font-heading3-font-size: clamp(2.2rem, 7vw, 2.8rem);;
    --font-heading3-font-weight: 700;
    --font-heading3-line-height: clamp(3.2rem, 7vw, 3.8rem);
    --font-heading4-font-size: 2.8rem;
    --font-heading4-font-weight: 600;
    --font-heading4-line-height: 3.2rem;
    --font-heading5-font-size: 2.4rem;
    --font-heading5-font-weight: 500;
    --font-heading5-line-height: 2.8rem;
    --font-heading6-font-size: 1.8rem;
    --font-heading6-font-weight: 500;
    --font-heading6-line-height: 2.2rem;
  }
}

body {
  font-weight: 400;
  line-height: 1.7;
  color: #353535;
}
body * {
  font-family: Inter;
}

a {
  text-decoration: none;
  color: #76797B;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}

input, textarea, select {
  font-size: var(--font-normal-font-size);
  line-height: var(--font-normal-line-height);
  font-weight: var(--font-normal-font-weight);
}

.posted-content * {
  font-family: unset !important;
  font-size: unset !important;
  line-height: unset !important;
  letter-spacing: unset !important;
}
.posted-content-admin * {
  font-family: unset !important;
  font-size: unset !important;
  line-height: unset !important;
  letter-spacing: unset !important;
}

.font-cta, button, .btn-primary {
  font-family: Inter;
  font-style: normal;
  font-size: var(--font-cta-font-size);
  line-height: var(--font-cta-line-height);
  font-weight: var(--font-cta-font-weight);
}
body.layout-phone .font-cta, body.layout-phone button, body.layout-phone .btn-primary {
  font-size: var(--font-cta-font-size-phone);
  line-height: var(--font-cta-font-weight-phone);
}

.font-small {
  font-size: var(--font-small-font-size);
  line-height: var(--font-small-line-height);
  font-weight: var(--font-small-font-weight);
}
body.layout-phone .font-small {
  font-size: var(--font-small-font-size_phone);
  line-height: var(--font-small-line-height_phone);
  font-weight: var(--font-small-font-weight_phone);
}

.font-normal {
  font-size: var(--font-normal-font-size);
  line-height: var(--font-normal-line-height);
  font-weight: var(--font-normal-font-weight);
}
body.layout-phone .font-normal {
  font-size: var(--font-normal-font-size_phone);
  line-height: var(--font-normal-line-height_phone);
  font-weight: var(--font-normal-font-weight_phone);
}

.font-big {
  font-size: var(--font-big-font-size);
  line-height: var(--font-big-line-height);
  font-weight: var(--font-big-font-weight);
}
body.layout-phone .font-big {
  font-size: var(--font-big-font-size_phone);
  line-height: var(--font-big-line-height_phone);
  font-weight: var(--font-big-font-weight_phone);
}

/**/
/**/
h1, .heading-1 {
  font-family: Sora, Inter;
  font-size: var(--font-heading1-font-size);
  line-height: var(--font-heading1-line-height);
  font-weight: var(--font-heading1-font-weight);
  /*
  body.layout-phone &{
  	font-size: 3.6rem $mention;
  	line-height: 4.4rem $mention;
  	font-size: clamp(3.2rem, 9vw, 3.8rem) $mention;// if we have less than 70% of the window width the font-size can be lowered down to 2.2 else 2.8
  	line-height: clamp(4rem, 9vw, 4.4rem)
  }
  */
}
body.layout-phone h1, body.layout-phone .heading-1 {
  font-size: var(--font-heading1-font-size_phone);
  line-height: var(--font-heading1-line-height_phone);
  font-weight: var(--font-heading1-font-weight_phone);
}

h2, .heading-2 {
  font-family: Sora, Inter;
  font-size: var(--font-heading2-font-size);
  line-height: var(--font-heading2-line-height);
  font-weight: var(--font-heading2-font-weight);
  /*
  	body.layout-phone &{
  		font-size: 3.2rem $mention;
  		line-height: 4rem $mention;
  		font-size: clamp(2.6rem, 9vw, 3.2rem) $mention;// if we have less than 70% of the window width the font-size can be lowered down to 2.2 else 2.8
  		line-height: clamp(3.6rem, 9vw, 4rem)
  	}
  */
}
body.layout-phone h2, body.layout-phone .heading-2 {
  font-size: var(--font-heading2-font-size_phone);
  line-height: var(--font-heading2-line-height_phone);
  font-weight: var(--font-heading2-font-weight_phone);
}

h3, .heading-3 {
  font-family: Sora, Inter;
  font-size: var(--font-heading3-font-size);
  line-height: var(--font-heading3-line-height);
  font-weight: var(--font-heading3-font-weight);
  /*
  body.layout-phone &{
  	font-size: 2.8rem $mention;
  	line-height: 3.8rem $mention;
  	font-size: clamp(2.2rem, 7vw, 2.8rem) $mention;// if we have less than 70% of the window width the font-size can be lowered down to 2.2 else 2.8
  	line-height: clamp(3.2rem, 7vw, 3.8rem)
  }
  */
}
body.layout-phone h3, body.layout-phone .heading-3 {
  font-size: var(--font-heading3-font-size_phone);
  line-height: var(--font-heading3-line-height_phone);
  font-weight: var(--font-heading3-font-weight_phone);
}

h4, .heading-4 {
  font-family: Sora, Inter;
  font-size: var(--font-heading4-font-size);
  line-height: var(--font-heading4-line-height);
  font-weight: var(--font-heading4-font-weight);
}
body.layout-phone h4, body.layout-phone .heading-4 {
  font-size: var(--font-heading4-font-size_phone);
  line-height: var(--font-heading4-line-height_phone);
  font-weight: var(--font-heading4-font-weight_phone);
}

h5, .heading-5 {
  font-family: Sora, Inter;
  font-size: var(--font-heading5-font-size);
  line-height: var(--font-heading5-line-height);
  font-weight: var(--font-heading5-font-weight);
}
body.layout-phone h5, body.layout-phone .heading-5 {
  font-size: var(--font-heading5-font-size_phone);
  line-height: var(--font-heading5-line-height_phone);
  font-weight: var(--font-heading5-font-weight_phone);
}

h6, .heading-6 {
  font-family: Sora, Inter;
  font-size: var(--font-heading5-font-size);
  line-height: var(--font-heading5-line-height);
  font-weight: var(--font-heading5-font-weight);
  font-family: Sora, Inter;
  font-size: var(--font-heading6-font-size);
  line-height: var(--font-heading6-line-height);
  font-weight: var(--font-heading6-font-weight);
}
body.layout-phone h6, body.layout-phone .heading-6 {
  font-size: var(--font-heading5-font-size_phone);
  line-height: var(--font-heading5-line-height_phone);
  font-weight: var(--font-heading5-font-weight_phone);
}
body.layout-phone h6, body.layout-phone .heading-6 {
  font-size: var(--font-heading6-font-size_phone);
  line-height: var(--font-heading6-line-height_phone);
  font-weight: var(--font-heading6-font-weight_phone);
}

/**************/
.dbgs-design-views fieldset {
  min-width: 300px;
}
.dbgs-design-views legend {
  font-size: 16px;
  padding: 6px;
}
.dbgs-design-views div.design-views.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
}

.show-ease-in,
.show-fade-in {
  transition: opacity 0.4s linear;
  opacity: 1;
  visibility: visible;
}

.hide-ease-out,
.hide-fade-out {
  transition: opacity 0.4s linear;
  opacity: 0;
  visibility: hidden;
}

.show-slide-in {
  transition: height 0.4s linear;
  height: unset;
  visibility: visible;
}

.hide-slide-out {
  transition: height 0.4s linear;
  height: 0px;
  visibility: hidden;
}

@-webkit-keyframes swing {
  15% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  30% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  50% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  65% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes swing {
  15% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  30% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  50% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  65% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.swing {
  -webkit-animation: swing 1s ease;
  animation: swing 1s ease;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/** Left/Right slide
#aDiv{
	position: absolute;
	left: -102vw;
	animation-name: pageOut;
	animation-duration: 600ms;
	&.shown {
		left: 0;
		animation-name: pageIn;
		animation-duration: 400ms;
	}
	&.hidden {
		right: -102vw;
		animation-name: pageOut;
		animation-duration: 600ms;
	}
}
*/
@keyframes pageIn {
  from {
    left: -102vw;
  }
  to {
    left: 0;
  }
}
@keyframes pageOut {
  from {
    left: 0;
  }
  to {
    left: -102vw;
  }
}
/** Up/Down slide
#aDiv{
	position: absolute;
	top: -102vh;
	animation-name: slideOut;
	animation-duration: 600ms;
	&.shown {
		top: 0;
		animation-name: slideIn;
		animation-duration: 400ms;
	}
	&.hidden {
		top: -102vh;
		animation-name: slideOut;
		animation-duration: 600ms;
	}
}
*/
@keyframes slideIn {
  from {
    top: -102vh;
  }
  to {
    top: 0;
  }
}
@keyframes slideOut {
  from {
    top: 0;
  }
  to {
    top: -102vh;
  }
}
/* HTML BASE ::
! for text and title fonts see _typography.scss
*/
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  height: 100%;
  font-size: 62.5%;
  /*
      @include respond(phone) { // width < 600?
          font-size: 50%; //1 rem = 8px, 8/16 = 50%
      }

  	@include respond(tab-land) { // width < 1200?
          font-size: 56.25%; //1 rem = 9px, 9/16 = 56%
      }

      @include respond(big-desktop) {
          // font-size: 75%; //1rem = 12, 12/16
      }
  */
}

body {
  min-height: 100%;
  box-sizing: border-box;
  /*Accessibility tests ::*/
}
body *:focus {
  box-shadow: none;
}
body *:focus-visible {
  box-shadow: none;
}
body.accessibility-mode *:focus {
  box-shadow: 0 0 3px 3px #3a97f9, 0 0 0 1.5px #ffffff;
}
body.accessibility-mode *:focus-visible {
  box-shadow: 0 0 3px 3px darkorange, 0 0 0 1.5px #ffffff;
}
body.accessibility-mode svg {
  overflow: visible;
}

/*:::: Accessibility tests*/
hr {
  color: #b0b0b0;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

ul, ol {
  font-size: 1em;
  margin: 0 0.4em;
  padding: 0 1.4em;
}
ul .li, ol .li {
  font-size: 1em;
}

input {
  caret-color: red;
}

/**/
progress {
  -webkit-appearance: none;
  border: 1px solid rgb(206, 206, 206) x;
  color: orange;
  background-color: #e9e9ed;
  height: 1rem;
  border-radius: 7px;
}

progress::-webkit-progress-bar {
  background-color: black;
  width: 100%;
}

progress::-webkit-progress-value {
  background-color: rgb(255, 127, 71) !important;
  border-radius: 3px;
}

progress::-moz-progress-bar {
  background-color: rgb(255, 127, 71) !important;
  border-radius: 3px;
}

progress::-webkit-progress-value {
  background: black;
}

/* :: HTML BASE */
/* Elements :*/
#wrapper-container-query {
  height: 100%;
}
@media only screen and (max-width: 600px) {
  #wrapper-container-query {
    margin-top: 0;
  }
}

#page-content-accessibility {
  height: 100%;
}

#toast-container {
  margin-top: 8.5rem;
  z-index: 9999999999;
  font-size: 1.4rem;
}

#mainContent {
  min-height: 60rem;
  margin-bottom: 4em;
}
#mainContent.tabPort, #mainContent.phone {
  margin-top: 0;
}
@media only screen and (max-width: 900px) {
  #mainContent {
    padding-top: 0;
  }
}

.page-margins {
  width: 100%;
  max-width: 1440px;
  padding-left: 3rem;
  padding-right: 3rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .page-margins {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (max-width: 900px) {
  .page-margins {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.red-highlight {
  color: #ff0000;
}

.orange-highlight {
  color: #FF7F47;
}

.green-highlight {
  color: #39BB5C;
}

.lt-line-clamp__raw-line {
  /*hack for line-clamp to avoid weird line breaks in some cases*/
  white-space: normal !important;
  border: dashed red 1px;
}

.ember-basic-dropdown-content {
  z-index: 1010;
}

.project-intro__section.title {
  color: #373F41;
}
.project-intro__info-description, .project-intro__info-description * {
  font-size: 1.7rem;
  line-height: 1.471em;
}

.participation-container {
  display: flex;
  flex-direction: column;
  min-height: 80vh;
}
.participation-container__banner {
  text-align: center;
}
.participation-container__project-banner {
  object-fit: cover;
  width: 100%;
  max-width: 1440px;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 1.5rem solid transparent;
  border-bottom: 1.5rem solid transparent;
  border-left: 1.5rem solid #337ab7;
  margin-right: 1rem;
}
.arrow-right--orange {
  border-left: 1.5rem solid #EC6316;
}

.arrow-up {
  width: 0;
  height: 0;
  border-bottom: 1rem solid #337ab7;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #353535;
}

/*Imports :*/
/*
@use "abstracts/colors";
@use "abstracts/functions";
@use "abstracts/breakpoint-mixin";
*/
body.accessibility-mode button:active {
  box-shadow: 0 0 0 3px #3a97f9, 0 0 0 1.5px #ffffff;
}

.two-lines {
  align-items: unset !important;
}

.btn-civ-black {
  font-family: Inter;
  font-style: normal;
  font-size: var(--font-cta-font-size);
  line-height: var(--font-cta-line-height);
  font-weight: var(--font-cta-font-weight);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 10rem;
  height: 4.5rem;
  padding: 0.4em;
  background: #353535;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  border: none;
}
body.layout-phone .btn-civ-black {
  font-size: var(--font-cta-font-size-phone);
  line-height: var(--font-cta-font-weight-phone);
}
@media (max-width: 300px) {
  .btn-civ-black {
    min-width: auto;
    padding: 1px;
  }
}
.btn-civ-black:hover {
  background: #353535;
}
.btn-civ-black .spinner {
  position: relative;
  left: -0.6em;
  margin-left: 1em;
}
.btn-civ-black:focus {
  background: #353535;
}
.btn-civ-black:disabled, .btn-civ-black.disabled, .btn-civ-black.greyed {
  opacity: 0.6;
}
.btn-civ-black:disabled, .btn-civ-black.disabled {
  cursor: not-allowed;
}
.btn-civ-black svg {
  margin-right: 1rem;
}

.btn-civ-grey {
  border: 1px solid #F4F3F5;
  background: #F4F3F5;
  color: #373F41;
  text-decoration: none !important;
}
.btn-civ-grey:hover {
  color: #fff;
}
.btn-civ-grey:focus {
  color: #fff;
}

.btn-civ-black-reverse {
  border: 1px solid #353535;
  background: transparent;
  color: #353535;
  font-family: Inter;
  font-style: normal;
  font-size: var(--font-cta-font-size);
  line-height: var(--font-cta-line-height);
  font-weight: var(--font-cta-font-weight);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 10rem;
  height: 4.5rem;
  padding: 0.4em;
  background: #353535;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  border: none;
}
body.layout-phone .btn-civ-black-reverse {
  font-size: var(--font-cta-font-size-phone);
  line-height: var(--font-cta-font-weight-phone);
}
@media (max-width: 300px) {
  .btn-civ-black-reverse {
    min-width: auto;
    padding: 1px;
  }
}
.btn-civ-black-reverse:hover {
  background: #353535;
}
.btn-civ-black-reverse .spinner {
  position: relative;
  left: -0.6em;
  margin-left: 1em;
}
.btn-civ-black-reverse:focus {
  background: #353535;
}
.btn-civ-black-reverse:disabled, .btn-civ-black-reverse.disabled, .btn-civ-black-reverse.greyed {
  opacity: 0.6;
}
.btn-civ-black-reverse:disabled, .btn-civ-black-reverse.disabled {
  cursor: not-allowed;
}
.btn-civ-black-reverse svg {
  margin-right: 1rem;
}
.btn-civ-black-reverse:hover {
  color: #fff;
}
.btn-civ-black-reverse:focus {
  color: #fff;
}

.btn-civ-yellow {
  border: 1px solid #F8F145;
  background: transparent;
  color: #F8F145;
  font-family: Inter;
  font-style: normal;
  font-size: var(--font-cta-font-size);
  line-height: var(--font-cta-line-height);
  font-weight: var(--font-cta-font-weight);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 10rem;
  height: 4.5rem;
  padding: 0.4em;
  background: #353535;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  border: none;
}
body.layout-phone .btn-civ-yellow {
  font-size: var(--font-cta-font-size-phone);
  line-height: var(--font-cta-font-weight-phone);
}
@media (max-width: 300px) {
  .btn-civ-yellow {
    min-width: auto;
    padding: 1px;
  }
}
.btn-civ-yellow:hover {
  background: #353535;
}
.btn-civ-yellow .spinner {
  position: relative;
  left: -0.6em;
  margin-left: 1em;
}
.btn-civ-yellow:focus {
  background: #353535;
}
.btn-civ-yellow:disabled, .btn-civ-yellow.disabled, .btn-civ-yellow.greyed {
  opacity: 0.6;
}
.btn-civ-yellow:disabled, .btn-civ-yellow.disabled {
  cursor: not-allowed;
}
.btn-civ-yellow svg {
  margin-right: 1rem;
}
.btn-civ-yellow:hover {
  color: #353535;
  background: #F8F145;
}
.btn-civ-yellow:focus {
  color: #353535;
  background: #F8F145;
}

.btn-civ-log-facebook {
  background: #146EE0;
  font-family: Inter;
  font-style: normal;
  font-size: var(--font-cta-font-size);
  line-height: var(--font-cta-line-height);
  font-weight: var(--font-cta-font-weight);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 10rem;
  height: 4.5rem;
  padding: 0.4em;
  background: #353535;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  border: none;
}
body.layout-phone .btn-civ-log-facebook {
  font-size: var(--font-cta-font-size-phone);
  line-height: var(--font-cta-font-weight-phone);
}
@media (max-width: 300px) {
  .btn-civ-log-facebook {
    min-width: auto;
    padding: 1px;
  }
}
.btn-civ-log-facebook:hover {
  background: #353535;
}
.btn-civ-log-facebook .spinner {
  position: relative;
  left: -0.6em;
  margin-left: 1em;
}
.btn-civ-log-facebook:focus {
  background: #353535;
}
.btn-civ-log-facebook:disabled, .btn-civ-log-facebook.disabled, .btn-civ-log-facebook.greyed {
  opacity: 0.6;
}
.btn-civ-log-facebook:disabled, .btn-civ-log-facebook.disabled {
  cursor: not-allowed;
}
.btn-civ-log-facebook svg {
  margin-right: 1rem;
}
.btn-civ-log-facebook:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #146EE0;
}
.btn-civ-log-facebook:focus {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #146EE0;
}
.btn-civ-log-facebook svg {
  margin-left: 0.6em;
}

.btn-civ-green-icon {
  width: 6.5rem;
  height: 6.5rem;
  border: none;
  outline: none;
  cursor: pointer;
  font-family: Inter;
  opacity: 0.9;
  background: transparent;
  text-decoration: none !important;
}
.btn-civ-green-icon:hover, .btn-civ-green-icon:focus {
  opacity: 1;
}
.btn-civ-green-icon:disabled, .btn-civ-green-icon.disabled, .btn-civ-green-icon.greyed {
  opacity: 0.6;
}
.btn-civ-green-icon:disabled, .btn-civ-green-icon.disabled {
  cursor: not-allowed;
}
.btn-civ-green-icon svg {
  width: 6.5rem;
  height: 6.5rem;
}
.btn-civ-green-icon--small {
  width: 4.5rem;
  height: 4.5rem;
}
.btn-civ-green-icon--small svg {
  width: 4.5rem;
  height: 4.5rem;
}

.btn-civ-answer {
  padding: 0.8em 0 0.8em 0.6em;
  min-height: 48px;
  background: #fff;
  color: #353535;
  font-weight: 400;
  font-family: Inter;
  font-size: 1.5rem;
  padding-left: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid #BEBEBE;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-appearance: none;
  text-align: left;
  text-decoration: none !important;
}
.btn-civ-answer:focus {
  background: #FF7F47;
  color: #fff;
  font-weight: 600;
}
.btn-civ-answer--active {
  background: #FF7F47;
  color: #fff;
  font-weight: 600;
}
.btn-civ-answer--white {
  background-color: #ffffff;
  border: 1px solid #76797B;
}
.btn-civ-answer svg {
  margin-right: 1rem;
  margin-left: 7px;
}
.btn-civ-answer span {
  margin-right: 1rem;
}

.btn-civ-radius {
  height: 5rem;
  width: 18rem;
  background: #1898DC;
  color: #ffffff;
  font-weight: 800;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  border: none;
  text-decoration: none !important;
}
.btn-civ-radius:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.85;
}
.btn-civ-radius:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.85;
}
.btn-civ-radius svg {
  margin-right: 0.5rem;
}
.btn-civ-radius svg path {
  width: 3rem;
  height: 3rem;
  fill: #ffffff;
}
.btn-civ-radius--gray {
  background-color: #76797B;
}

.btn-civ-round {
  background-color: transparent;
  border-radius: 1.6rem;
  border: 1px solid #EBE9E8;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  font-size: 1.3rem;
  line-height: 2.4rem;
  height: 4.4rem;
  padding: 0.5rem 1.2rem;
  position: relative;
  text-transform: capitalize;
  top: 0;
  color: #5E617C;
  transition: top 0.15s, background-color 0.15s;
  width: auto;
  outline: none;
  text-decoration: none !important;
}
.btn-civ-round:hover {
  text-decoration: none;
  border-color: #707172;
  color: #373F41;
}
.btn-civ-round:hover svg.dimmable path {
  fill: #5B5D6C !important;
}
.btn-civ-round:focus {
  text-decoration: none;
  border-color: #707172;
  color: #373F41;
}
.btn-civ-round:focus svg.dimmable path {
  fill: #5B5D6C !important;
}
.btn-civ-round--mark-active {
  border-color: #707172;
  color: #373F41;
}
.btn-civ-round--mark-active svg path {
  fill: #5B5D6C !important;
}
.btn-civ-round svg {
  margin-left: 1rem;
}

.btn-close {
  /*	font-size: 2.2rem;
  	line-height: 2rem;*/
  font-size: 1em;
  font-weight: 500;
  background: transparent;
  border: none;
  color: #b0b0b0;
  outline: none;
  cursor: pointer;
  text-decoration: none !important;
}
.btn-close svg path {
  fill: #9B9B9B !important;
}
.btn-close:hover svg path {
  fill: #5B5D6C !important;
}

.btn-none, .btn-primary, .btn-none__nosizing {
  font-size: 1.4rem;
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  font-family: Inter;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none !important;
}
.btn-none__nosizing, .btn-primary__nosizing, .btn-none__nosizing__nosizing {
  font-size: unset;
}
.btn-none:disabled, .btn-none.disabled, .btn-none.greyed, .btn-primary:disabled, .btn-primary.disabled, .btn-primary.greyed, .btn-none__nosizing:disabled, .btn-none__nosizing.disabled, .btn-none__nosizing.greyed {
  opacity: 0.6;
}
.btn-none:disabled, .btn-none.disabled, .btn-primary:disabled, .btn-primary.disabled, .btn-none__nosizing:disabled, .btn-none__nosizing.disabled {
  cursor: not-allowed;
}
.btn-none svg.idea-box-bulb-icon, .btn-primary svg.idea-box-bulb-icon, .btn-none__nosizing svg.idea-box-bulb-icon {
  transform: scale(0.8);
}

.btn-civ-square {
  width: 5rem;
  height: 5rem;
  font-size: 2.4rem;
  border-radius: 1rem;
  border: none;
  background-color: #666666;
  color: #ffffff;
  text-align: center;
  font-family: Inter;
  padding-bottom: 4px;
  cursor: pointer;
  text-decoration: none !important;
}
.btn-civ-square.greyed {
  opacity: 0.6;
}
.btn-civ-square:disabled, .btn-civ-square.disabled {
  pointer-events: none;
  background-color: #BEBEBE;
}
.btn-civ-square:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #666666;
}
.btn-civ-square:focus {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #666666;
}

.btn-civ-orange {
  color: #fff;
  background: #FF7F47;
  border-radius: 3px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: Inter;
  font-style: normal;
  font-size: var(--font-cta-font-size);
  line-height: var(--font-cta-line-height);
  font-weight: var(--font-cta-font-weight);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 10rem;
  height: 4.5rem;
  padding: 0.4em;
  background: #353535;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  border: none;
}
body.layout-phone .btn-civ-orange {
  font-size: var(--font-cta-font-size-phone);
  line-height: var(--font-cta-font-weight-phone);
}
@media (max-width: 300px) {
  .btn-civ-orange {
    min-width: auto;
    padding: 1px;
  }
}
.btn-civ-orange:hover {
  background: #353535;
}
.btn-civ-orange .spinner {
  position: relative;
  left: -0.6em;
  margin-left: 1em;
}
.btn-civ-orange:focus {
  background: #353535;
}
.btn-civ-orange:disabled, .btn-civ-orange.disabled, .btn-civ-orange.greyed {
  opacity: 0.6;
}
.btn-civ-orange:disabled, .btn-civ-orange.disabled {
  cursor: not-allowed;
}
.btn-civ-orange svg {
  margin-right: 1rem;
}
.btn-civ-orange:hover {
  color: #fff;
  background-color: #EC6316;
}
.btn-civ-orange:focus {
  color: #fff;
  background-color: #EC6316;
}

.btn-civ-orange-white {
  color: #FF7F47;
  background: #FFFFFF;
  border: 1px solid #FF7F47;
  border-radius: 3px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: Inter;
  font-style: normal;
  font-size: var(--font-cta-font-size);
  line-height: var(--font-cta-line-height);
  font-weight: var(--font-cta-font-weight);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 10rem;
  height: 4.5rem;
  padding: 0.4em;
  background: #353535;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  border: none;
}
body.layout-phone .btn-civ-orange-white {
  font-size: var(--font-cta-font-size-phone);
  line-height: var(--font-cta-font-weight-phone);
}
@media (max-width: 300px) {
  .btn-civ-orange-white {
    min-width: auto;
    padding: 1px;
  }
}
.btn-civ-orange-white:hover {
  background: #353535;
}
.btn-civ-orange-white .spinner {
  position: relative;
  left: -0.6em;
  margin-left: 1em;
}
.btn-civ-orange-white:focus {
  background: #353535;
}
.btn-civ-orange-white:disabled, .btn-civ-orange-white.disabled, .btn-civ-orange-white.greyed {
  opacity: 0.6;
}
.btn-civ-orange-white:disabled, .btn-civ-orange-white.disabled {
  cursor: not-allowed;
}
.btn-civ-orange-white svg {
  margin-right: 1rem;
}
.btn-civ-orange-white:hover {
  color: #fff;
  background-color: #FF7F47;
}
.btn-civ-green {
  color: #fff;
  background: #53C472;
  border-radius: 3px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: Inter;
  font-style: normal;
  font-size: var(--font-cta-font-size);
  line-height: var(--font-cta-line-height);
  font-weight: var(--font-cta-font-weight);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 10rem;
  height: 4.5rem;
  padding: 0.4em;
  background: #353535;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  border: none;
}
body.layout-phone .btn-civ-green {
  font-size: var(--font-cta-font-size-phone);
  line-height: var(--font-cta-font-weight-phone);
}
@media (max-width: 300px) {
  .btn-civ-green {
    min-width: auto;
    padding: 1px;
  }
}
.btn-civ-green:hover {
  background: #353535;
}
.btn-civ-green .spinner {
  position: relative;
  left: -0.6em;
  margin-left: 1em;
}
.btn-civ-green:focus {
  background: #353535;
}
.btn-civ-green:disabled, .btn-civ-green.disabled, .btn-civ-green.greyed {
  opacity: 0.6;
}
.btn-civ-green:disabled, .btn-civ-green.disabled {
  cursor: not-allowed;
}
.btn-civ-green svg {
  margin-right: 1rem;
}
.btn-civ-green:hover {
  color: #fff;
  background-color: #39BB5C;
}
.btn-civ-green:focus {
  color: #fff;
}

.btn-civ-vscroller {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: none;
  display: inline-flex;
  border-radius: 4px;
  background-color: #EEE;
  padding: 0.55em 0.9em;
  margin: 0 0.4em 0 0;
  min-width: unset;
  height: unset;
  opacity: 1;
  transition: opacity 0.6s;
  text-decoration: none !important;
}
.btn-civ-vscroller svg {
  margin: 0;
}
.btn-civ-vscroller:hover {
  background: #6B6C76;
}
.btn-civ-vscroller:hover svg path {
  fill: #fff;
}

#phonePage button {
  -webkit-appearance: none;
}

.btn-primary {
  background-color: #FF7C43;
  color: #ffffff;
  padding-left: 4rem;
  padding-right: 4rem;
  height: 4.5rem;
  font-family: Inter;
  font-size: 1.6rem;
  font-weight: 500;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 900px) {
  .btn-primary {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.btn-primary svg {
  margin-right: 1rem;
}
.btn-primary .spinner {
  position: relative;
  left: -0.6em;
  margin-left: 1em;
}
.btn-primary:hover {
  background-color: #FF5D16;
}
.btn-primary:disabled, .btn-primary.disabled {
  background-color: #C4C4C4;
}

.btn-secondary {
  color: #FF7C43;
  background-color: transparent;
  border: 1px solid #FF7C43;
  padding-left: 4rem;
  padding-right: 4rem;
  height: 4.5rem;
  font-family: Inter;
  font-size: 1.6rem;
  font-weight: 500;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 900px) {
  .btn-secondary {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.btn-secondary svg {
  margin-right: 1rem;
}
.btn-secondary .spinner {
  position: relative;
  left: -0.6em;
  margin-left: 1em;
}
.btn-secondary.small {
  height: 3rem;
}
.btn-secondary:hover {
  color: #ffffff;
  background-color: #FF5D16;
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #C4C4C4;
  background-color: transparent;
  border: 1px solid #C4C4C4;
}

a.newtab[target=_blank]:after {
  content: "↗️";
  font-size: 0.8em;
  margin-left: 0.6em;
}

.icon {
  width: auto;
  height: 1.6rem;
  margin-top: 0.4rem;
}
.icon--white {
  fill: #ffffff;
}
.icon--social {
  fill: #ffffff;
}
.icon--social:hover {
  fill: #337ab7;
}

.icon-logo {
  width: auto;
  height: 3rem;
}

.icon-bigger {
  width: 2.8rem;
  height: auto;
}

.icon-small {
  width: 1.6rem;
  height: auto;
}
.icon-small--gray {
  fill: #b0b0b0;
}
.icon-small--white path {
  fill: #fff;
  stroke: #fff;
}

.icon-language {
  width: 2.5rem;
}

.icon-close {
  scale: 120%;
  width: 2.4rem;
  fill: #76797B;
}
.icon-close path:nth-child(2) {
  stroke: #76797B;
}

.icon-arrow-down {
  width: 2rem;
}
.icon-arrow-down path {
  fill: #76797B;
}

.icon-help {
  width: 2rem;
  fill: #76797B;
}

.icon-square {
  display: inline-block;
  vertical-align: middle;
  /*flawed appearance on radios in questionnaire (not same sizes in a same list)
  width: 22px;
     height: 22px;
  */
  border: 1.3px solid #D0D0D0;
  box-sizing: border-box;
  border-radius: 6px;
}

.icon-circle {
  /*flawed appearance on radios in questionnaire (not same sizes in a same list)
  width: 22px;
     height: 22px;
  */
  border: 1.3px solid #D0D0D0;
  box-sizing: border-box;
  border-radius: 12px;
}
.icon-circle--orange {
  border: 5px solid #fff;
  background-color: #FFC2A8;
}
.icon-circle.font-sized {
  width: 1em;
  height: 1em;
}

.white-tooltip {
  background-color: #fff;
  color: #76797B;
  box-shadow: 2px 2px 5px 1px #BEBEBE;
  border-radius: 0.8rem;
  text-shadow: none !important;
}

.white-tooltip-arrow {
  border-top: 0.8rem solid #fff !important;
  border-left: 0.8rem solid transparent !important;
  border-right: 0.8rem solid transparent !important;
}

input::placeholder, input::-webkit-input-placeholder, input::-moz-placeholder {
  font-weight: 400 !important;
  opacity: 1;
  color: #716D69;
  font-style: italic;
}
input:-ms-input-placeholder, input:-moz-placeholder {
  font-weight: 400 !important;
  opacity: 1;
  color: #716D69;
  font-style: italic;
}

textarea::placeholder, textarea::-webkit-input-placeholder, textarea::-moz-placeholder {
  font-weight: 400 !important;
  opacity: 1;
  color: #716D69;
  font-style: italic;
}
textarea:-ms-input-placeholder, textarea:-moz-placeholder {
  font-weight: 400 !important;
  opacity: 1;
  color: #716D69;
  font-style: italic;
}

.input-text {
  background-color: transparent;
  color: #353535;
  outline: none;
  padding: 0.8rem;
  transition: border 0.15s;
  width: 100%;
  height: 4.6rem;
  font-size: 1.4rem;
  border: 1px solid #BEBEBE;
  border-radius: 2px;
}
.input-text-autosize {
  height: auto;
  min-height: 1.4em;
}
.input-text:hover {
  border: 1px solid #353535;
}
.input-text:active, .input-text:focus {
  border: 1px solid #353535;
}
.input-text:disabled {
  opacity: 0.6;
}
.input-text--error {
  border: 1px solid #DA3B21;
}

.external-link {
  color: #003366;
  cursor: pointer;
}
.external-link:hover {
  text-decoration: underline blue;
}
.external-link:hover::after {
  content: "⤴️";
  margin-left: 0.3em;
  font-size: 0.8em;
  opacity: 0.7;
  position: absolute;
  text-decoration: none;
}

.link {
  text-decoration: none;
  color: #76706F;
  cursor: pointer;
}
.link.dark {
  color: #353535;
}
.link.dark:hover {
  color: #353535;
}
.link.no-underline:hover {
  text-decoration: none;
}
.link:hover {
  text-decoration: underline;
  color: #76706F;
}

.link-btn {
  text-decoration: none;
  cursor: pointer;
  color: #353535;
  font-size: 1.4rem;
  -webkit-tap-highlight-color: transparent;
}
.link-btn--disabled {
  opacity: 0.6;
}

.link-back-btn {
  text-decoration: none;
  cursor: pointer;
  z-index: 1;
  display: flex;
  flex-direction: row;
  color: black;
  align-items: center;
  margin-left: 7rem;
  position: absolute;
  top: 2rem;
  left: 0;
}
.link-back-btn__arrow-icon {
  width: 4.9rem;
  height: 4.9rem;
  padding: 1.5rem;
  border-radius: 30px;
  background: #fff;
  opacity: 0.6;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  fill: #373F41;
}
.link-back-btn__text-back-button {
  padding-top: 0.7rem;
  font-size: 1.5rem;
  font-weight: 800;
  color: #373F41;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
  padding: 0.2em 1em 0.1em;
  margin-left: 4px;
}

.link-btn-radius {
  text-decoration: none;
  cursor: pointer;
  height: 5rem;
  width: 18rem;
  background: #1898DC;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  border: none;
}
.link-btn-radius:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.85;
}
.link-btn-radius:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.85;
}
.link-btn-radius--gray {
  background-color: #76797B;
}

/* https://github.com/adopted-ember-addons/ember-notify/blob/HEAD/examples/custom-position-animations.css
 *Main container */
.civ-toast {
  position: fixed;
  top: 8rem;
  right: 2rem;
  z-index: 9999;
  width: 80%;
  max-width: 40rem;
  margin: auto;
  font-size: 1.4rem;
  /* Message box */
}
.civ-toast .callout {
  font: 14px Helvetica, sans-serif;
  position: relative;
  overflow: hidden;
  max-height: 800px;
  background-color: #fff;
  color: #000;
  margin: 0 0 6px;
  padding: 0.8em 1.2em 0.8em 1em;
  -moz-border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  border-radius: 0.8rem;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.civ-toast .callout.pinned {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
.civ-toast .close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: #000;
  font-size: 2em;
}
.civ-toast .close:hover,
.civ-toast .close:focus {
  opacity: 1;
}
.civ-toast-container {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
.civ-toast-container.info .toast-icon svg path {
  fill: #FF7F47;
}
.civ-toast .toast-title {
  font-weight: 600;
  margin-bottom: 0.4em;
}
.civ-toast .civ-toast-icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 30px;
  color: rgba(255, 255, 255, 0.74);
  text-align: center;
}
.civ-toast .civ-toast-icon span {
  position: relative;
  top: 10px;
}
.civ-toast .message {
  display: inline-block;
  padding: 0 1em 0 0;
}
/* Classes applied for animating in/out */
.ember-notify-show {
  animation: notification-show 180ms cubic-bezier(0.175, 0.885, 0.32, 1.27499);
  -webkit-animation: notification-show 180ms cubic-bezier(0.175, 0.885, 0.32, 1.27499);
}
.ember-notify-hide {
  animation: notification-hide 250ms cubic-bezier(0.33859, -0.42, 1, -0.22), notification-shrink 250ms 250ms cubic-bezier(0.5, 0, 0, 1);
  -webkit-animation: notification-hide 250ms cubic-bezier(0.33859, -0.42, 1, -0.22), notification-shrink 250ms 250ms cubic-bezier(0.5, 0, 0, 1);
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

/* animations used above */
@keyframes notification-show {
  0% {
    opacity: 0;
    transform: perspective(450px) translate(0, -30px) rotateX(90deg);
  }
  100% {
    opacity: 1;
    transform: perspective(450px) translate(0, 0) rotateX(0deg);
  }
}
@-webkit-keyframes notification-show {
  0% {
    opacity: 0;
    -webkit-transform: perspective(450px) translate(0, -30px) rotateX(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(450px) translate(0, 0) rotateX(0deg);
  }
}
@keyframes notification-shrink {
  0% {
    opacity: 0;
    max-height: 800px;
    margin-bottom: 2px;
    transform: scale(0.8);
  }
  100% {
    opacity: 0;
    max-height: 0;
    margin-bottom: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes notification-shrink {
  0% {
    opacity: 0;
    max-height: 800px;
    margin-bottom: 2px;
    -webkit-transform: scale(0.8);
  }
  100% {
    opacity: 0;
    max-height: 0;
    margin-bottom: 0;
    -webkit-transform: scale(0.8);
  }
}
@keyframes notification-hide {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes notification-hide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
.x-toggle-component {
  margin-top: 0.3em;
}

.x-toggle-ios.x-toggle-btn::after {
  background-color: #ffffff;
  width: 2.3rem;
  height: 2.3rem;
}

.x-toggle:checked + label > .x-toggle-ios.x-toggle-btn {
  background: #1898DC;
}

.x-toggle-light.medium {
  width: 4.1em;
  height: 2em;
  padding: 1px;
}

.x-toggle:checked + label > .x-toggle-light.x-toggle-btn {
  background: #F1E9E4;
}

.x-toggle-light.x-toggle-btn::after {
  background: #b0b0b0;
}

.x-toggle:checked + label > .x-toggle-btn::after {
  background: #FF7F47;
}

label > .x-toggle-btn::after, label > .x-toggle-btn::before {
  width: 47%;
}

span.translateHiddenLabel {
  display: none;
}

span.translateHiddenEnd {
  display: none;
}

.translateEditing {
  border: dashed 2px red;
}

.translateEdited {
  border: dashed 2px orange;
}

.translateSaved {
  border: dashed 2px green;
}

.translateEditable .handle {
  /* Hazardous to do the handle appearing on mouse over => we now always show them in translation mode
  	display: none;
  	overflow: hidden;
  */
  display: block;
  overflow: visible;
  position: absolute;
  height: 0;
  width: 0;
}

.translateEditable .handle .container {
  position: relative;
  top: -0.4em;
  left: -1em;
  cursor: pointer;
}

.translateEditable:hover .handle {
  display: block;
  overflow: visible;
}

.translateHiddenEditor {
  position: absolute;
  z-index: 10100;
  background: #fff8bf;
  border: dotted 1px orange;
  font-size: 1.6rem;
  padding: 1rem;
  min-width: 340px;
}
.translateHiddenEditor .close {
  cursor: pointer;
  font-size: 2.2rem;
  font-weight: bold;
  float: right;
}
.translateHiddenEditor h1 {
  font-size: 2rem;
  margin-top: 1rem;
}
.translateHiddenEditor h2 {
  font-size: 2rem;
  font-style: italic;
}
.translateHiddenEditor div {
  margin: 0.8rem 0;
}
.translateHiddenEditor label {
  white-space: nowrap;
  font-size: 1.4rem;
  font-weight: normal;
  text-transform: uppercase;
}
.translateHiddenEditor label .locale {
  display: inline-block;
  width: 2em;
}
.translateHiddenEditor label.translateEdited {
  border: solid 0;
}
.translateHiddenEditor label.translateEdited textarea {
  border: dashed 2px orange;
}
.translateHiddenEditor label.translateSaved {
  border: solid 0;
}
.translateHiddenEditor label.translateSaved textarea {
  border: dashed 2px green;
}
.translateHiddenEditor textarea {
  vertical-align: top;
  width: 85%;
  margin-left: 1rem;
}
.translateHiddenEditor textarea.disabled {
  background-color: #dedede;
}
.translateHiddenEditor button {
  margin-left: 40%;
}

.top-header__translation-item.selected {
  font-weight: bold;
}

.translateHiddenEditor label {
  font-weight: bold;
}

.translations-summary-popup {
  position: absolute;
  z-index: 10101;
  background: #fffde4;
  border: dotted 1px orange;
  font-size: 1.6rem;
  padding: 1rem;
  min-width: 340px;
}
.translations-summary-popup .close {
  cursor: pointer;
  font-size: 2.2rem;
  font-weight: bold;
  float: right;
}
.translations-summary-popup li {
  margin-left: 1.4rem;
}
.translations-summary-popup li label {
  font-weight: bold;
  font-style: italic;
}
.translations-summary-popup li div {
  background: #ffe300;
}
.translations-summary-popup li button.applied {
  text-decoration: line-through;
}
.translations-summary-popup li button.applied::after {
  content: " Saved!";
}

.error-ember-consumer__logger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999;
  color: red;
}

.translations-review {
  margin: 2em;
  font-size: 1.2rem;
  min-height: 40em;
}
.translations-review h1 {
  font-size: 1.4em;
}
.translations-review h2 {
  font-size: 1.2em;
}
.translations-review h3 {
  font-size: 1.1em;
  font-weight: normal;
}
.translations-review h4 {
  font-style: italic;
  font-size: 1.1em;
  font-weight: normal;
}
.translations-review h4.noTranslation.tool-missings {
  color: green;
}
.translations-review .spinner-centerer {
  text-align: center;
}
.translations-review .spinner {
  width: 4rem;
  height: 4rem;
}
.translations-review .spinner .path {
  stroke: #5E617C;
}
.translations-review .projects__tabs button {
  font-size: 1.2em;
  padding-bottom: 0.4em;
  width: 30%;
}
.translations-review .tools_container {
  margin: 2em;
}
.translations-review .localeChoose {
  padding: 1em;
}
.translations-review .localeChoose label {
  font-weight: bold;
  margin: 0 2em;
}
.translations-review .localeChoose input[type=radio] {
  margin-left: 0.6em;
}
.translations-review .translations-list li {
  list-style: none;
  margin: 1em 3em;
}
.translations-review .translations-list li label {
  font-style: italic;
  font-weight: bold;
}
.translations-review .translations-list li fieldset {
  padding: 0.4em;
}
.translations-review .translations-list li fieldset legend {
  padding: 0.4em;
  font-weight: bold;
}
.translations-review .translations-list li fieldset.fixed {
  border-color: green;
}
.act-page__title {
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.4rem;
  letter-spacing: 0.0068468466rem;
  text-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.25);
  z-index: 2;
}
.act-page__banner-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.act-page__arrow-icon {
  width: 4.9rem;
  height: 4.9rem;
  padding: 1.5rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.act-page__text-back-button {
  font-size: 1.4rem;
  line-height: 1.9rem;
  font-weight: 600;
  color: black;
  white-space: nowrap;
}
.act-page__text-back-button2 {
  font-size: 1.4rem;
  line-height: 1.9rem;
  font-weight: 400;
  color: black;
}
.act-page__content-container {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  padding-bottom: 5.6rem;
}
.act-page__content-container__contribution-list h3 {
  text-align: center;
  margin: 2em 0;
}
.act-page__content-container__contribution-list.hidden {
  visibility: hidden;
}
.act-page__content-container__contribution-list-loadingspin {
  margin-left: calc(50% - 3em);
}
.act-page__main-content-wrapper {
  width: 65%;
  flex-grow: 0;
}
.act-page__pending-title {
  text-align: center;
}
.act-page__side-info {
  width: 25%;
  flex-grow: 0;
  margin-top: 3rem;
}
.act-page__settings-button {
  width: 100%;
  margin-bottom: 2rem;
}
.act-page__tabs-wrapper {
  margin-bottom: 3.9rem;
  display: flex;
  justify-content: space-between;
}
.act-page__closed-status {
  font-size: 1.1rem;
  font-style: normal;
  line-height: 1.8rem;
  letter-spacing: 0.03rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  color: #fff;
  margin-left: 1.5rem;
  padding: 0.6rem 1.8rem;
  font-weight: normal;
}
.act-page__tab-item {
  width: 50%;
  text-align: center;
  border-bottom: 1px solid #EADFD4;
  padding-bottom: 2.2rem;
  letter-spacing: 0.0135354rem;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.5rem;
  color: #BB834C;
}
.act-page__tab-item--active {
  font-weight: 700;
  border-bottom: 3px solid #D7B99C;
}
.act-page__discussion-container {
  background: #FFFFFF;
  border: 1px solid #F3EFE6;
  border-radius: 7px;
  padding: 2.8rem;
  margin-top: 3.2rem;
  margin-bottom: 2.2rem;
}
.act-page__discussion-container .video-player {
  margin-top: 2rem;
}
.act-page__discussion-title {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 125%;
  margin-bottom: 1rem;
}
.act-page__discussion-description {
  font-size: 1.3rem;
  color: #535252;
  margin-bottom: 1.5rem;
}
.act-page__photos-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 1.6rem;
  margin-bottom: 2rem;
}
.act-page__photo {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 16/9;
}
.act-page__photo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.act-page__assertions-title {
  display: flex;
  gap: 0.8rem;
  margin-bottom: 1.1rem;
}
.act-page__assertions-list {
  display: flex;
  width: 100%;
  gap: 1.3rem;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.act-page__assertions-list--animated .assertion-item {
  animation: fadeIn 1.5s;
}
.act-page__divider-line {
  border: 1px solid #ECECEC;
  height: 1px;
  margin: 2.5em 0;
}

.act-page-phone {
  width: 100%;
}
.act-page-phone__tabs-wrapper {
  margin-bottom: 2.4rem;
  display: flex;
  justify-content: space-between;
}
.act-page-phone__top-banner {
  width: 100%;
  color: white;
  position: relative;
  padding-left: 1.5rem;
}
.act-page-phone .lt-line-clamp__more {
  color: white;
  text-decoration: underline;
  font-weight: bold;
}
.act-page-phone__introduction-container {
  margin-bottom: 2.1rem;
}
.act-page-phone__introduction-container button {
  margin-top: 2rem;
}
.act-page-phone__title-banner {
  font-size: 1.6rem;
  line-height: 2.1rem;
  color: #434343;
  font-weight: 600;
}
.act-page-phone__back-button {
  position: absolute;
  display: flex;
  gap: 2rem;
  top: 1.6rem;
  left: 2.4rem;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 112%;
  white-space: nowrap;
  overflow: hidden;
  color: #353535;
}
.act-page-phone__back-button svg path {
  fill: #C4C4C4;
}
.act-page-phone__breadcrumbs {
  bottom: 16px;
  left: 16px;
  position: absolute;
}
.act-page-phone__breadcrumbs a {
  color: white;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
}
.act-page-phone__title {
  font-size: 16px;
  font-weight: 600;
}
.act-page-phone__most-supported-ideas {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2.1rem;
  justify-content: space-between;
  flex-direction: column;
}
.act-page-phone__title-filters {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #FF7F47;
}
.act-page-phone__ideas-container {
  width: 100%;
  background: transparent;
  gap: 2rem;
  padding-bottom: 1rem;
  height: 12.8rem;
  display: flex;
  overflow-x: scroll;
}
.act-page-phone__ideas-container .assertion-item {
  animation: fadeIn 1.5s;
}
.act-page-phone__content-container {
  padding: 0 1.5rem 2.3rem;
}
.act-page-phone__content-container__contribution-list.hidden {
  visibility: hidden;
}
.act-page-phone__title-and-icon {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.7rem;
}
.act-page-phone__title-supported-ideas {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.6rem;
  padding-left: 0.8rem;
  color: #353535;
  padding-top: 0.6rem;
}
.act-page-phone__filters {
  padding-right: 2rem;
}
.act-page-phone__contribution-title-container {
  height: 28px;
  background: #EEEDE6;
}
.act-page-phone__contribution-title-text {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  padding-left: 1.7rem;
  padding-top: 0.7rem;
}
.act-page-phone__discussion-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.act-page-phone__discussion-heading2 {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 600;
  color: #353535;
}
.act-page-phone__comments-number {
  color: #6B6C76;
  font-size: 1.2rem;
  font-weight: 500;
}

.contribution-page {
  background: #FBFAF9;
  margin-bottom: 3.4rem;
}
.contribution-page__content-container {
  display: flex;
  max-width: 1100px;
  margin: 0 auto;
  justify-content: space-around;
  padding-bottom: 5.6rem;
}
.contribution-page__text-back-button {
  padding-top: 0.7rem;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 19px;
  color: white;
}
.contribution-page__main-content-wrapper {
  width: 65%;
  flex-grow: 0;
}
.contribution-page__side-info {
  width: 25%;
  flex-grow: 0;
  margin-top: 3rem;
}
.projects {
  padding-top: 4rem;
  max-width: 1440px;
  margin: 0 auto;
  font-size: var(--font-normal-font-size);
}
.projects.projects__mobile {
  padding-top: 2em;
}
.projects__tabs {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 4.8rem;
}
.projects__add-button {
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: center;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}
.projects__messages {
  display: flex;
  align-items: center;
  margin: 2em 1em;
}
.projects__tab-active {
  font-size: var(--font-normal-font-size);
  font-weight: var(--font-normal-font-weight);
  font-style: italic;
  line-height: 2.2rem;
  letter-spacing: 0.02rem;
  color: #373F41;
  padding-bottom: 2.9rem;
}
.projects__tab-disabled {
  font-size: var(--font-normal-font-size);
  font-weight: var(--font-normal-font-weight);
  font-style: italic;
  line-height: 2.2rem;
  letter-spacing: 0.02rem;
  color: #373F41;
  padding-bottom: 2.9rem;
}
.projects__tab {
  font-size: var(--font-normal-font-size);
  font-weight: var(--font-normal-font-weight);
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0.1353535354px;
  text-align: center;
  border-bottom: 3px solid #EADFD4;
  padding-bottom: 4.9rem;
  width: 50%;
}
.projects__tab-left-section {
  font-size: var(--font-big-font-size);
  font-weight: var(--font-weight-bold);
  line-height: 24px;
  font-style: normal;
  text-align: center;
  border-bottom: 1px solid #EADFD4;
  padding-bottom: 1rem;
  width: 50%;
}
.projects__tab-left-section.isActive {
  border-bottom: 3px inset #FF7F47;
  border-left: 3px inset transparent;
  border-right: 3px inset transparent;
  color: #373f41;
  width: 50%;
  font-weight: var(--font-weight-bolder);
}
.projects__tab-right-section {
  font-size: var(--font-big-font-size);
  font-weight: var(--font-weight-bold);
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0.1353535354px;
  text-align: center;
  border-bottom: 1px solid #EADFD4;
  padding-bottom: 1rem;
  color: #373F41;
  width: 50%;
}
.projects__tab-right-section.isActive {
  border-bottom: 3px inset #FF7F47;
  border-left: 3px inset transparent;
  border-right: 3px inset transparent;
  color: #373f41;
  width: 50%;
  font-weight: var(--font-weight-bolder);
}
.projects__tab-right-section.tab-disabled {
  opacity: 0.5;
}
.projects__cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4%;
}
.projects__status-button {
  margin: 0 80px;
  cursor: pointer;
  height: 2.688rem;
}
.projects__without-projects {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 35px 35px 150px;
  max-width: 100%;
  overflow: hidden;
}
.projects__no-projects-tab {
  font-size: var(--font-normal-font-size);
  font-weight: var(--font-normal-font-weight);
  font-style: normal;
  text-align: center;
  padding-top: 0.938rem;
  color: grey;
}
.projects__no-projects-tab a {
  cursor: pointer;
}
.projects__no-projects-tab a:hover {
  text-decoration: underline;
}
.projects__mobile-container {
  margin: 0 2rem;
  font-size: var(--font-normal-font-size_phone);
}
.projects__mobile-container .projects__tabs {
  font-size: var(--font-normal-font-size_phone);
}
.projects__mobile-container .projects__tab-left-section {
  font-size: var(--font-normal-font-size_phone);
}
.projects__mobile-container .projects__tab-right-section {
  font-size: var(--font-normal-font-size_phone);
}
.projects__mobile-container .projects__messages {
  margin: 0;
  font-size: var(--font-small-font-size_phone);
  font-style: normal;
  color: #6B6C76;
}

.communities {
  padding-bottom: 10rem;
}
.communities__global-admin-toggle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.communities__global-admin-toggle__switch {
  width: 7rem;
}
.communities .cards-section {
  max-width: 1440px;
  padding-bottom: 5rem;
}
.communities__content {
  width: 94%;
  max-width: 1440px;
  margin: 0 auto;
}
.communities__content.spinloading {
  text-align: center;
  margin: 2em 0;
}
@media only screen and (max-width: 600px) {
  .communities__content {
    width: 96%;
  }
}
@media only screen and (max-width: 900px) {
  .communities__content {
    width: 96%;
  }
}
.communities__content .cards-section__body {
  gap: 4.8rem;
}
@media only screen and (max-width: 600px) {
  .communities__content .cards-section__body {
    gap: 2.4rem;
  }
}
@media only screen and (max-width: 900px) {
  .communities__content .cards-section__body {
    gap: 2.4rem;
  }
}
.communities__content .cards-section__body .community-card.card-link {
  padding: 0;
  width: 46% !important;
  max-width: 48% !important;
  min-width: 25rem;
}
@media only screen and (max-width: 900px) {
  .communities__content .cards-section__body .community-card.card-link {
    width: 47% !important;
    max-width: 48% !important;
  }
}
.communities__banner {
  position: relative;
  background-image: url(/images/communities/communities_banner-oct22.jpg);
  width: 100%;
  min-height: 29rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 2.8rem;
  margin-bottom: 5rem;
}
@media only screen and (max-width: 600px) {
  .communities__banner {
    font-size: 1.6rem;
    margin-bottom: 2rem;
  }
}
.communities__gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.22);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.communities__title {
  font-family: Sora, Inter;
  font-style: normal;
  font-weight: 700;
  font-size: 1.8em;
  text-align: center;
  color: #fff;
  line-height: 1.4em;
  letter-spacing: 0.0100000001em;
}
.communities__subtitle {
  font-family: Inter;
  color: #fff;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.1rem;
  letter-spacing: 0.0200000003rem;
  padding-top: 2.8rem;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .communities__subtitle {
    font-size: 1.6rem;
  }
}

/* needs to be more specific otherwise it removes all focuses needed for accessibility
:focus{
  outline: none;
}
*/
.introduction {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.introduction__custom-input {
  width: 100%;
  height: 2.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.introduction__description {
  max-width: 58rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.introduction__add-idea-button {
  width: 23.5rem;
  height: 6rem;
  margin-right: 11.2rem;
}
.introduction__title-container {
  width: calc(100% - 200px);
}
.introduction__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.introduction__breadcrumb-container {
  display: flex;
  flex-direction: row;
}
.introduction__logo-container {
  width: 7.2rem;
  height: 2.4rem;
}
.introduction__logo-container img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.introduction__title-and-description {
  display: flex;
  flex-direction: row;
}
.introduction__title-project {
  font-size: 3.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.4rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1rem;
}
.introduction__title-project svg {
  margin-right: 1.4rem;
}
.introduction__right-side svg {
  position: absolute;
  top: -5.5rem;
  right: 5rem;
}
.introduction__line {
  width: 3px;
  height: 8.3rem;
  background: #F0ECE3;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  margin-right: 2.4rem;
}
.introduction__input-element {
  width: 20rem;
  height: 3.7rem;
  border: 1px solid #C4C4C4;
  box-sizing: border-box;
  border-radius: 10rem;
  padding-left: 5.2rem;
  color: #373F41;
}
.introduction__input-element.visited {
  border: 1px solid #1898DC;
}
.introduction__switcher-container {
  width: 12.5rem;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.introduction__switch-label {
  font-weight: 600;
  color: black;
}
.introduction__switch-label--preview {
  margin-left: 1.25rem;
}
.introduction__switch-label--edit {
  margin-right: 0.625rem;
}
.introduction__content {
  margin-top: 2.188rem;
  min-height: 25rem;
  position: relative;
}
.introduction__buttons-ritcheditor {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  padding-top: 1.563rem;
}
.introduction__button-save {
  width: 15rem;
  height: 5rem;
  border-radius: 1rem;
  font-size: 1.8rem;
  font-weight: 800;
}
.introduction__button-save.gray {
  background: #828282;
  border-color: #828282;
  margin-right: 1.9rem;
}
.introduction__button-publish {
  margin-left: 3.125rem;
  padding: 5px 10px;
  border: 1px solid gray;
  border-radius: 0.5rem;
  background-color: white;
}
.introduction__button-section {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1.875rem;
  padding-top: 0.625rem;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.introduction__button-participe {
  background-color: #2A78CD;
  border: 1px solid #2A78CD;
  border-radius: 0.25rem;
  color: white;
  font-size: 1.5rem;
  padding: 0.6rem;
  font-weight: 500;
}
.introduction__title-idea-button {
  padding-left: 1rem;
}
.introduction__relevancy {
  margin-top: 1rem;
  width: 36rem;
  border: 1px solid #1898DC;
  border-radius: 1rem;
  height: 8rem;
  background: white;
}
.introduction__label-text {
  padding-left: 0.3rem;
}
.introduction__title-module {
  padding-bottom: 0.2rem;
  font-size: 1.4rem;
}
.introduction__search-bar {
  position: relative;
}
.introduction__icon-search {
  position: absolute;
  top: 1rem;
  left: 2rem;
}
.introduction__text-button {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: normal;
  padding-bottom: 0.2rem;
}

.contribution-add-form-phone {
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
}
.contribution-add-form-phone__add-button {
  float: right;
}
.contribution-add-form-phone__top-container {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
}
.contribution-add-form-phone__top-container button {
  width: auto;
  height: auto;
  opacity: 1;
}
.contribution-add-form-phone__top-container button svg {
  width: auto;
  height: auto;
}
.contribution-add-form-phone__header-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.contribution-add-form-phone__title-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.contribution-add-form-phone__add-comment {
  display: flex;
  align-items: center;
}
.contribution-add-form-phone__add-comment.spinning {
  border-radius: 50%;
  background-color: #65ca80;
  width: 4.2rem;
  height: 4.2rem;
}
.contribution-add-form-phone__top-left {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
}
.contribution-add-form-phone__title-contribution {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8rem;
  letter-spacing: 0.006846rem;
  color: #353535;
}
.contribution-add-form-phone .jodit-container {
  border: 0 solid #000 !important;
}
.contribution-add-form-phone .jodit-container .jodit-toolbar__box {
  display: none;
}
.contribution-add-form-phone__user-name {
  font-weight: 600;
}
.contribution-add-form-phone__title-placeholder {
  display: block;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 800;
}
.contribution-add-form-phone__input-text-title {
  border: none;
  background: transparent;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  margin-left: 2rem;
  width: 40rem;
  color: #6B6C76;
}
.contribution-add-form-phone__input-text-title::placeholder {
  font-size: 1.3rem;
  color: #6B6C76;
}
.contribution-add-form-phone__input-text-title:focus {
  outline: none;
}
.contribution-add-form-phone__contribution-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  padding-bottom: 1rem;
  padding-top: 1.4rem;
}
.contribution-add-form-phone__contribution-title .jodit-placeholder {
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
  padding-top: 1.6rem;
  padding-left: 3rem;
  color: #6B6C76;
}
.contribution-add-form-phone__contribution-title .jodit-wysiwyg {
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
  padding: 1rem;
  color: #373F41;
}
.contribution-add-form-phone__contribution-text .jodit-placeholder {
  color: #6B6C76;
  font-family: Inter;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
}
.contribution-add-form-phone__contribution-text .jodit-wysiwyg {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
  padding: 1rem !important;
  color: #373F41;
}
.contribution-add-form-phone__assertions {
  padding-top: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
.contribution-add-form-phone__contribution-themes {
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-items: space-between;
  gap: 1em;
}
.contribution-add-form-phone__themes-popup {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.contribution-add-form-phone__attachments-items {
  margin-right: 2rem;
}
.contribution-add-form-phone__contribution-attachments {
  margin: 1rem 3rem;
}
.contribution-add-form-phone__footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: #fff;
  z-index: 1;
  margin-bottom: 0.8rem;
}
.contribution-add-form-phone__footer-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2.3rem;
  flex-wrap: wrap;
}
.contribution-add-form-phone__footer-add-themes {
  width: 12.1rem;
  height: 3.1rem;
  background-color: #fff;
  border-radius: 8px;
  color: #373F41;
  font-size: 1.4rem;
  margin: 0.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.1rem;
}
.contribution-add-form-phone__highlight-info {
  padding: 0.8rem 1.6rem;
  display: flex;
}
.contribution-add-form-phone__upload-image {
  padding-right: 1.9rem;
}
.contribution-add-form-phone__pdf-uploaod {
  padding-right: 1.9rem;
}
.contribution-add-form-phone__footer-text {
  margin-left: 8px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
  color: #2E2F30;
}
.contribution-add-form-phone__add-themes-dropdown {
  display: inline-block;
}
.contribution-add-form-phone__add-attachment-container {
  display: flex;
  gap: 2rem;
}
.contribution-add-form-phone__add-themes {
  background: #F3F5F9;
  border-radius: 0.8rem;
  padding: 1rem;
  display: flex;
  justify-content: center;
  color: #373F41;
  align-items: center;
  font-weight: 600;
  font-size: 1.4rem;
}
.contribution-add-form-phone__add-themes svg {
  margin-right: 0.6rem;
}
.contribution-add-form-phone__add-themes-dropdown-content {
  background: #fff;
  box-shadow: 0 2px 11px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 1.4rem 1.8rem;
  width: 80vw;
}
.contribution-add-form-phone__margin-style {
  margin-bottom: 1rem;
}
.contribution-add-form-phone__themes-popup-title {
  font-size: 1.3rem;
  color: #6B6C76;
  font-weight: 500;
  margin-bottom: 1.7rem;
}

#sidePanel .contribution-about {
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 2.5rem;
  width: 100%;
  /*
    &__description-text{
  	font-size: 1.3rem;
  	font-style: normal;
  	font-weight: 400;
  	line-height: 1.9rem;
  	letter-spacing: 0;
  	padding-bottom: 3rem;
    }

    &__context-title-discussion{
  	font-size: 1.6rem;
  	font-weight: 600;
  	padding-top: 3.6rem;
  	border-top: 1px solid $light-color;
    }
  */
}
#sidePanel .contribution-about__header {
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  padding-bottom: 2rem;
}
#sidePanel .contribution-about__back-btn {
  display: flex;
  margin-bottom: 2rem;
  position: absolute;
  left: 0;
}
#sidePanel .contribution-about__title {
  color: #353535;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8rem;
  letter-spacing: 0.0684rem;
  text-align: left;
  margin-bottom: 1.8rem;
}
#sidePanel .contribution-about__tab-item {
  margin-bottom: 3em;
  font-size: 1.3em;
}
#sidePanel .contribution-about__tab-item h2 {
  color: #434343;
  font-size: 1.3em;
}
#sidePanel .contribution-about__context {
  border-top: 1px solid #eaeaea;
}
#sidePanel .contribution-about__context-title {
  font-size: 1.6rem;
  font-weight: 600;
  padding-top: 3.4rem;
}
#sidePanel .contribution-about__key-participants-title {
  padding-bottom: 1.6rem;
  font-size: 1.6rem;
  font-weight: 600;
  border-top: 1px solid #eaeaea;
  padding-top: 3.3rem;
}
#sidePanel .contribution-about__about-images {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
#sidePanel .contribution-about__cotribution-container-details {
  padding-left: 0.9rem;
}
#sidePanel .contribution-about__overview-item {
  display: flex;
  padding-bottom: 1.3rem;
  align-items: center;
}
#sidePanel .contribution-about__overview-item-contributions {
  display: flex;
  align-items: center;
  padding-right: 5.9rem;
}
#sidePanel .contribution-about__overview-item-text {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  color: #6B6C76;
  padding-left: 1.3rem;
  padding-bottom: 0.5rem;
}
#sidePanel .contribution-about__organization-bullet {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
  text-align: center;
  background: #2A78CD;
  width: 9.4rem;
  height: 2rem;
  padding: 1.2rem 1.8rem;
  border-radius: 3px;
  margin-left: 1.1rem;
  color: #fff;
}
#sidePanel .contribution-about__items-of-key-participants {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  text-align: left;
  color: #6B6C76;
  padding-top: 1.1rem;
}
#sidePanel .contribution-about__participants_container {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  padding-top: 1rem;
}
#sidePanel .contribution-about__border-bottom {
  border-bottom: 1px solid #eaeaea;
}
#sidePanel .contribution-about__info-item {
  margin-bottom: 2rem;
}
#sidePanel .contribution-about__profile {
  margin-bottom: 0.7rem;
}
#sidePanel .contribution-about__profile-text {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.01rem;
  text-align: left;
  color: #6B6C76;
}
#sidePanel .contribution-about__organisation-label {
  color: #fff;
  font-size: 1.2rem;
  background: #2A78CD;
  border-radius: 0.3rem;
  padding: 0.9rem;
  margin-left: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
  text-align: center;
}
#sidePanel .contribution-about__explanation-content {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: 0.01rem;
  text-align: left;
  color: #666666;
  margin-bottom: 5rem;
}
#sidePanel .contribution-about__expand-style {
  margin-left: 1rem;
}
#sidePanel .contribution-about__themes-container {
  display: flex;
  flex-direction: row;
  width: auto;
  flex-wrap: wrap;
  padding-top: 0.8rem;
  margin-bottom: 2rem;
}
#sidePanel .contribution-about__theme-item {
  color: #2A78CD;
}
#sidePanel .contribution-about__ways-of-participating-container {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 2em;
  font-size: 1.2em;
  font-weight: 600;
  padding-top: 1em;
}
#sidePanel .contribution-about__ways-of-participating-title {
  margin-bottom: 1em;
  font-size: 1.3em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#sidePanel .contribution-about__participating-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.side-panel .contribution-edit .contribution-edit__contribution-title .label-text-redesign__input-container .contribution-add-form-expanded__contribution-title-input {
  padding: 0 0.8em;
  height: 3em;
  font-weight: 600;
}
.side-panel .contribution-edit .contribution-edit__contribution-container.add-themes {
  margin: 1em 0 2em;
}

.contribution-edit {
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
}
.contribution-edit__top-container {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
}
.contribution-edit__top-container button {
  width: auto;
  height: auto;
  opacity: 1;
}
.contribution-edit__top-container button svg {
  width: auto;
  height: auto;
}
.contribution-edit__title-contribution {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8rem;
  letter-spacing: 0.006846rem;
  color: #353535;
}
.contribution-edit__add-comment {
  display: flex;
  align-items: center;
}
.contribution-edit__add-comment.spinning {
  border-radius: 50%;
  background-color: #65ca80;
  width: 4.2rem;
  height: 4.2rem;
}
.contribution-edit .jodit-container {
  border: 0px solid #000 !important;
}
.contribution-edit__contribution-title .jodit-placeholder {
  font-style: italic !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #8B8B8B;
}
.contribution-edit__contribution-title .jodit-wysiwyg {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #373F41;
}
.contribution-edit__contribution-text .jodit-placeholder {
  font-style: italic !important;
  font-size: 16px !important;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #8B8B8B;
}
.contribution-edit__contribution-text .jodit-wysiwyg {
  font-family: Inter;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #373F41;
}
.contribution-edit__contribution-attachments {
  margin-top: 1rem;
}
.contribution-edit__contribution-container {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
}
.contribution-edit__attachment-add-container {
  margin-top: 2rem;
  margin-left: 1rem;
  display: flex;
  gap: 2rem;
}

.contribution-more {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  width: 100%;
}
.contribution-more__back-btn {
  display: flex;
  margin-bottom: 2rem;
}
.contribution-more__title {
  font-family: Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 1.6rem;
}
.contribution-more__profile {
  margin-bottom: 0.7rem;
}
.contribution-more__profile-text {
  font-family: Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
}
.contribution-more__organisation-label {
  color: white;
  font-size: 12px;
  background: #2A78CD;
  border-radius: 3px;
  padding: 3px;
  margin-left: 1rem;
}
.contribution-more__info-container {
  margin-top: 3rem;
}

.mobile-contribution-item {
  width: 100%;
}
.mobile-contribution-item__top-container {
  position: relative;
  min-height: 5rem;
}
.mobile-contribution-item__breadcrumbs {
  margin-left: 2.1rem;
}
.mobile-contribution-item__back-button {
  display: flex;
  align-items: center;
  margin-left: 2.1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  gap: 1rem;
}
.mobile-contribution-item__back-button span {
  display: inline-flex;
}
.mobile-contribution-item__text-back-button {
  font-weight: 600;
  font-size: 1.4rem;
  color: #434343;
}
.mobile-contribution-item__add-form {
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}
.mobile-contribution-item__header-actions-container {
  display: flex;
  justify-content: flex-end;
}
.mobile-contribution-item__header-action {
  width: 4.4rem;
  height: 4.4rem;
  margin-left: 1.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-contribution-item__first-conversation-side {
  position: relative;
  background: white;
  box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.11);
  border-radius: 5px;
  margin: 2rem;
  padding-top: 0;
  padding-right: 1.2rem;
  padding-left: 1.2rem;
  padding-bottom: 1.8rem;
}

.edit-comment {
  width: 100%;
}
.edit-comment__close-btn {
  position: absolute;
  right: 1rem;
  top: 6px;
}

.not-found .imageHolder {
  height: 100%;
  width: 100%;
}
.not-found .imageHolder img {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}
.not-found .homeButton {
  position: fixed;
  bottom: 30px;
  right: 30px;
  top: auto;
  font-size: 26px;
  line-height: 40px;
}
.not-found .homeButton:active, .not-found .homeButton:visited, .not-found .homeButton:hover {
  text-decoration: none;
  top: auto;
}

.project-page {
  display: flex;
  margin-top: 3.8rem;
  margin-bottom: 5rem;
  gap: 4rem;
  justify-content: center;
}
@media screen and (max-width: 1400px) {
  .project-page {
    gap: 2rem;
  }
}
@media only screen and (max-width: 900px) {
  .project-page {
    width: 100%;
    margin-top: 2.4rem;
    display: block;
    gap: 0;
  }
}
.project-page__main-container {
  font-size: 1.1rem;
  max-width: 79rem;
  flex-grow: 1;
}
@media only screen and (max-width: 900px) {
  .project-page__main-container {
    width: 100%;
    padding-left: 1.1rem;
    padding-right: 1.1rem;
    max-width: none;
  }
}
.project-page__side-container {
  width: 37rem;
  flex-shrink: 0;
}
.project-page__events-container {
  margin-top: 4.5rem;
}
.project-page__events-header {
  display: flex;
  justify-content: space-between;
}
.project-page__events-title {
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #646C6F;
}
.project-page__events-link {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #373F41;
}
.project-page__no-events-container {
  display: flex;
  align-items: center;
  align-content: center;
  margin-top: 3.8rem;
  flex-direction: column;
  gap: 1rem;
}
.project-page__no-events-container img {
  width: 16.8rem;
  height: 16.9rem;
}
.project-page__no-events-title {
  font-size: 1.6rem;
  font-weight: 700;
  color: black;
}
.project-page__no-events-description {
  padding-left: 3rem;
  padding-right: 3rem;
  font-size: 1.6rem;
  color: #76797B;
  text-align: center;
}

.toast-language-choice {
  cursor: pointer;
}
.toast-language-choice__container {
  display: flex;
  justify-content: center;
}
.toast-language-choice__container__flexer {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 1em 0 0;
  max-width: 26em;
  width: 80%;
  gap: 1;
}
.toast-language-choice__container button {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.project {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.project--is-mobile {
  width: 100%;
  padding: 0 2.4rem;
  margin-top: 0;
}
.project__main-content-wrapper {
  min-width: 60rem;
  flex: 1 1 66%;
}
@media only screen and (max-width: 900px) {
  .project__main-content-wrapper {
    max-width: 100%;
  }
}
.project__content-container {
  display: flex;
  width: 100%;
  max-width: 1440px;
  justify-content: center;
  padding: 4rem 1rem 5.6rem 1rem;
  margin: 0 auto;
}
.project__side-info {
  max-width: 35.3rem;
  flex: 1 1 33%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.project__side-info .project-publish-toggle {
  width: auto;
  height: auto;
  padding-bottom: 1em;
  margin-bottom: 2em;
  border: 1px solid #F3EFE6;
  box-sizing: border-box;
  box-shadow: unset;
  border-radius: 0.7rem;
}
.project__side-info .project-publish-toggle .setting-item__item-content {
  margin: 0;
}
.project__big-container {
  width: 100%;
}
.project__days-left {
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3rem;
}
.project__content-side-info {
  background: #ffffff;
  border: 1px solid #F3EFE6;
  box-sizing: border-box;
  border-radius: 0.7rem;
  width: 100%;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.1rem;
  color: #373F41;
  margin-bottom: 1.6rem;
  padding-bottom: 1em;
}
.project__title-side-info {
  font-size: 1.7rem;
  line-height: 2.4rem;
  letter-spacing: 0.01rem;
  color: #373F41;
  font-style: normal;
  font-weight: 600;
}
.project__side-info-empty-text {
  margin-left: 2rem;
  margin-right: 2rem;
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.9rem;
  color: #404040;
}
.project__side-info-empty-image {
  margin-left: 3rem;
  margin-right: 3rem;
}
.project__info-item {
  width: 100%;
  margin: 1.2rem;
  display: flex;
  flex-direction: row;
  background: #ffffff;
  box-shadow: 0 0.1rem 0.9rem rgba(0, 0, 0, 0.11);
  box-sizing: border-box;
  border: none;
  height: 6.9rem;
  border-radius: 0.5rem;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}
.project__info-icons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.project__info-icons {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 1%;
}
.project__number-info-item {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.7rem;
  color: #373F41;
}
.project__participate {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.project__container-activity {
  height: 34rem;
  width: 25.7rem;
  left: 12.5rem;
  top: 49.9rem;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 0.2rem 2.4rem rgba(165, 157, 143, 0.3);
}
.project__participate-button-container {
  margin-top: 8rem;
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
}
.project__title-container {
  padding-top: 2.3rem;
  padding-left: 1.9rem;
  display: flex;
  justify-content: flex-start;
}

.participation-info {
  width: 100%;
  padding: 2rem;
}
.participation-info__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.participation-info__section {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #eaeaea;
  margin-top: 2rem;
  padding-top: 2rem;
}

.participation-settings {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 5rem;
  font-size: 1.4rem;
}
.participation-settings .events-management .event-card {
  max-width: unset;
  width: 45%;
}
.participation-settings__title {
  font-family: Sora;
  font-style: normal;
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 110%;
  color: #BB834C;
  flex-grow: 1;
}
.participation-settings__title.active {
  border: none !important;
  box-shadow: none !important;
}
.participation-settings__title-container {
  margin-bottom: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.participation-settings__update-cards-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}
.participation-settings__document-card {
  width: 26em;
  margin: 0 1.6em 0 0;
}
.participation-settings__nav-container {
  margin-left: 5rem;
  min-width: 30rem;
  width: 25%;
}
.participation-settings__nav-container .translations-projectsettings-edit {
  display: flex;
  flex-direction: row;
  padding: 1rem;
  margin-bottom: 2rem;
  background: #FFFFFF;
  box-shadow: 0px 4px 13px rgba(63, 63, 63, 0.15);
  border-radius: 4px;
}
.participation-settings__nav-container .translations-projectsettings-edit__choice {
  padding: 0;
  margin: 0;
}
.participation-settings__nav-container .translations-projectsettings-edit__label {
  font-weight: 700;
  font-size: 1.3rem;
  vertical-align: middle;
  color: #000000;
}
.participation-settings__nav-container .translations-projectsettings-edit__select {
  display: inline-block;
}
.participation-settings__nav-container .translations-projectsettings-edit__select .dropdown__trigger {
  padding: 0;
  margin: 0;
}
.participation-settings__nav-container .translations-projectsettings-edit__select .button-container {
  width: unset;
}
.participation-settings__nav-container .translations-projectsettings-edit__trigger, .participation-settings__nav-container .translations-projectsettings-edit__option {
  padding: 0 1rem;
}
.participation-settings__nav-container .translations-projectsettings-edit__trigger .button-container, .participation-settings__nav-container .translations-projectsettings-edit__option .button-container {
  width: 10rem;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding: 0 0.4em;
  cursor: pointer;
}
.participation-settings__nav-container .translations-projectsettings-edit__trigger .button-container .flag, .participation-settings__nav-container .translations-projectsettings-edit__option .button-container .flag {
  margin-top: 0.3em;
}
.participation-settings__nav-container .translations-projectsettings-edit__option {
  margin: 0 0 1em 0;
}
.participation-settings__nav-container .translations-projectsettings-edit__option .button-container {
  justify-content: flex-start;
}
.participation-settings__nav-title {
  text-transform: uppercase;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: 0.02rem;
  color: #C4C4C4;
  margin-bottom: 1rem;
}
.participation-settings__nav-title .icon {
  margin-right: 0.6em;
}
.participation-settings__nav-title .icon svg {
  margin-top: 0.2em;
  height: 1.3em;
  width: auto;
}
.participation-settings__nav-explanation {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 140%;
  letter-spacing: 0.02rem;
  color: #A8A8A8;
}
.participation-settings__nav-item.nohover:hover, .participation-settings__nav-item.nohover:focus, .participation-settings__nav-item.nohover.active {
  color: #303036;
  background: #fff;
  border: 1px solid #F1F1F1;
  box-sizing: border-box;
  box-shadow: none;
}
.participation-settings__nav-item {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #303036;
  width: 29.5rem;
  background: #fff;
  border: 1px solid #F1F1F1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 7px;
  padding: 1rem;
  margin-bottom: 1rem;
}
.participation-settings__nav-item .module-card__module-status {
  font-size: 80%;
  font-style: italic;
}
.participation-settings__nav-item .participation-settings__nav-item-content {
  display: flex;
  flex-direction: row;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
}
.participation-settings__nav-item .module-card__module-label {
  position: relative;
  right: 0;
  bottom: 0;
  top: 0.4rem;
  background: none;
  padding: 0;
  margin: 0;
  height: unset;
  justify-content: flex-end;
}
.participation-settings__nav-item .module-card__module-label span {
  display: inline-block;
  width: auto;
  padding: 0.2em;
  margin: 0;
  opacity: 0.5;
  bottom: -0.6em;
  background: rgba(0, 0, 0, 0.4);
}
.participation-settings__nav-item-drag-link, .participation-settings__nav-item-nodrag-link {
  flex-grow: 1;
  padding: 0 0.4em;
  word-wrap: anywhere;
}
.participation-settings__nav-item-drag-link a, .participation-settings__nav-item-nodrag-link a {
  color: #303036;
}
.participation-settings__nav-item-drag-handle {
  flex-shrink: 0;
  width: 10px;
  margin: auto 0 auto 0;
  cursor: grab;
}
.participation-settings__nav-item-drag-handle::active {
  cursor: grabbing;
}
.participation-settings__nav-item-drag-handle svg {
  width: 10px !important;
  margin: auto !important;
  vertical-align: middle;
  opacity: 0.6;
}
.participation-settings__nav-item svg {
  margin: auto;
  width: 24px;
  flex-shrink: 0;
}
.participation-settings__nav-item.disabled {
  color: #666666;
}
.participation-settings__nav-item.disabled svg path {
  fill: #BEBEBE;
}
.participation-settings__nav-item.disabled .idea-box-bulb-icon path {
  stroke: #BEBEBE;
  fill: transparent;
}
.participation-settings__nav-item:hover, .participation-settings__nav-item:focus, .participation-settings .active {
  border: 1px solid #BB834C;
  box-sizing: border-box;
  box-shadow: 0px 3px 14px rgba(142, 142, 142, 0.15);
  border-radius: 7px;
}
.participation-settings .active {
  border-color: #BB834C;
}
.participation-settings__delete-button {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.02rem;
  color: #FF7F47;
  padding: 1rem;
}
.participation-settings__info-container {
  background: #fff;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  border-radius: 7px;
  margin-top: 5rem;
}
.participation-settings__info-item {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #E8E8E8;
}
.participation-settings__nav-separator {
  width: 100%;
  border: 0.1rem solid #E3E3E3;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.participation-settings__main-container {
  display: flex;
  margin-top: 5.5rem;
}
@media only screen and (max-width: 600px) {
  .participation-settings__main-container {
    flex-direction: column;
  }
}
.participation-settings__content-container {
  margin-left: 3rem;
  margin-right: 2rem;
  width: 75%;
}
@media only screen and (max-width: 600px) {
  .participation-settings__content-container {
    width: 100%;
    margin: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.participation-settings__content-actions-container {
  margin-top: 3.4rem;
  margin-right: 3.4rem;
  margin-bottom: 3.4rem;
}
.participation-settings__content-title {
  margin-top: 3.4rem;
  margin-right: 3.4rem;
  margin-bottom: 3.4rem;
  font-style: normal;
  font-weight: bold;
  font-size: 3rem;
  letter-spacing: 0.01rem;
  color: #373F41;
}
.participation-settings__save-button {
  font-style: normal;
  font-weight: bold;
  font-size: 1.8rem;
  background: #3C64B1;
  color: white;
  padding: 1.6rem 5rem 1.6rem 5rem;
}
.participation-settings__discard-button {
  margin-top: 2.2rem;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.8rem;
  letter-spacing: 0.02rem;
  color: #FF7F47;
}
.participation-settings__item-container {
  margin-top: 3rem;
}
.participation-settings__item-title {
  font-style: normal;
  font-weight: bold;
  font-size: 3rem;
  letter-spacing: 0.01rem;
  color: #373F41;
  margin-bottom: 2rem;
}
.participation-settings__item-sub-title {
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  letter-spacing: 0.02rem;
  color: #373F41;
}
.participation-settings__item-image {
  max-width: 315px;
  max-height: 182px;
}

.change-password-form {
  display: flex;
  flex-direction: column;
  padding: 1rem 2rem;
  font-size: 1.4rem;
}
.change-password-form input {
  margin-bottom: 1rem;
}
.change-password-form__submit-btn {
  width: 100%;
}
.change-password-form form {
  margin-top: 2rem;
}

.outcome-page {
  background-color: #FBFAF9;
  margin-bottom: 3.4rem;
}
.outcome-page__top-banner {
  position: relative;
  background-color: #8d643c;
  height: 14rem;
  color: #fff;
  text-align: center;
  margin-bottom: 3.4rem;
}
.outcome-page__title {
  position: relative;
}
.outcome-page__back-button {
  margin-left: 9rem;
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  left: 0;
}
.outcome-page__banner-overlay {
  padding: 2rem 20%;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.outcome-page__arrow-icon {
  width: 4.9rem;
  height: 4.9rem;
  padding: 1.5rem;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.outcome-page__route-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.outcome-page__content-container {
  margin-left: 12rem;
  margin-right: 10rem;
  display: flex;
}
.outcome-page__text-back-button {
  padding-top: 0.7rem;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.9rem;
  color: #fff;
}
.outcome-page__main-content-wrapper {
  flex: 66%;
}
.outcome-page__side-info {
  flex: 33%;
}
.outcome-page__title-discussion-details {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.2rem;
  letter-spacing: 0.012rem;
  color: #373F41;
  margin-bottom: 1rem;
}
.outcome-page__participation-off-message {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: 0.0126rem;
}
.outcome-page__side-panel {
  background: #fff;
  border: 1px solid #F3EFE6;
  box-sizing: border-box;
  border-radius: 7px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
}
.outcome-page__toggle-container {
  display: flex;
  align-items: center;
  margin-bottom: 2.2rem;
  margin-top: 1rem;
}
.outcome-page__people-participating {
  margin-left: 2rem;
}
.outcome-page__participation-on {
  margin-right: 1rem;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 2.2rem;
  letter-spacing: 0.02rem;
  color: #5E617C;
}
.outcome-page__participation-off {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.2rem;
  letter-spacing: 0.02rem;
  text-align: left;
  color: #5E617C;
}
.outcome-page__days-ago {
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.1rem;
  letter-spacing: 0;
  color: #5E617C;
  width: 60%;
  margin-bottom: 2rem;
}
.outcome-page__main-content {
  width: 93%;
}
.outcome-page__wrapper {
  display: flex;
}
.outcome-page__left-column {
  width: 50px;
}
.outcome-page__main-column {
  margin-left: 3rem;
  width: 100%;
}
.outcome-page__actions {
  width: 18.7rem;
  height: 7.4rem;
  border: 1px solid #F0F0F0;
  box-sizing: border-box;
  border-radius: 9px;
  position: absolute;
  flex-direction: column;
  justify-content: space-evenly;
  z-index: 99;
  bottom: -10rem;
  right: -2.2rem;
  background: white;
  display: flex;
}
.outcome-page__edit-button-outcome {
  font-size: 1.3rem;
  line-height: 2rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  color: #898989;
  margin-top: 1rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.6rem 12.3rem 0.6rem 1.4rem;
}
.outcome-page__edit-button-outcome:hover {
  cursor: pointer;
  background: #F7F7F7;
  border-radius: 9px;
  color: #898989;
}
.outcome-page__delete-button-outcome {
  font-size: 1.3rem;
  line-height: 2rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  text-align: left;
  padding: 0.6rem 12.3rem 0.6rem 1.4rem;
  margin-left: 0.5rem;
  margin-bottom: 1rem;
  margin-right: 0.5rem;
  color: #898989;
}
.outcome-page__delete-button-outcome:hover {
  cursor: pointer;
  background: #F7F7F7;
  border-radius: 9px;
  color: #898989;
}
.outcome-page__organisation-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
}
.outcome-page__user {
  padding: 1rem;
}
.outcome-page .dropdown__trigger {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.outcome-page__user-info {
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
  letter-spacing: 0.02rem;
  color: #747896;
}
.outcome-page__badge-organisation {
  width: 9.4rem;
  height: 2rem;
  margin-left: 1.1rem;
  background-color: #2A78CD;
  border-radius: 3px;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.outcome-page__title-outcome {
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.4rem;
  letter-spacing: 0;
  text-align: left;
  color: #434343;
  margin-bottom: 2rem;
}
.outcome-page__title {
  font-style: normal;
  font-weight: 600;
  font-size: 3rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.outcome-page__comment-text {
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 2.1rem;
  margin-bottom: 2.8rem;
  color: #434343;
}
.outcome-page__description-text {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3rem;
  letter-spacing: 0;
}
.outcome-page__attachment-container .attachment-item__image {
  max-height: 305px !important;
  width: auto !important;
  border-radius: 4px;
}
.outcome-page__actions-container {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
  margin-bottom: 3.4rem;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 2.1rem;
  color: #5E617C;
}
.outcome-page__edit-button-container {
  display: flex;
  width: 100%;
}
.outcome-page__edit-button {
  margin-left: auto;
  margin-top: 1rem;
  text-align: right;
  padding: 0.6rem 2rem;
  background-color: #F4F3F5;
  border-radius: 0.5rem;
  font-size: 1.3rem;
  color: #5E617C;
}
.outcome-page__share-button {
  padding: 0.6rem 2rem;
  border-radius: 0.5rem;
  font-size: 1.3rem;
  color: #5E617C;
  background-color: #F4F3F5;
  display: flex;
  align-items: center;
  margin-bottom: 2.1rem;
}
.outcome-page__closed-discussion {
  height: 4.7rem;
  background: #fff;
  border: 1px solid #F3EFE6;
  box-sizing: border-box;
  border-radius: 7px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.7rem;
}
.outcome-page__closed-text {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: 0.01268rem;
  color: #373F41;
  padding-left: 2.5rem;
}
.outcome-page__share-button-text {
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
}
.outcome-page__comments-container {
  background: #fff;
  border: 1px solid #F3EFE6;
  box-sizing: border-box;
  border-radius: 7px;
  width: 100%;
}
.outcome-page__comment-add-container {
  margin: 2rem;
  display: flex;
  flex-direction: column;
}
.outcome-page__comments-title-container {
  margin-left: 3rem;
  margin-top: 2rem;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.outcome-page__comments-title {
  font-weight: 600;
  font-size: 2rem;
}
.outcome-page__comments-number {
  margin-left: 2rem;
  font-size: 1.2rem;
  color: #6B6C76;
  padding-top: 0.4rem;
}

.questionnaire-end {
  display: flex;
  flex-direction: column;
}
@media (max-width: 600px) {
  .questionnaire-end {
    width: 100%;
  }
}
.questionnaire-end__header {
  display: block;
  padding: 2rem 2rem 0;
  white-space: nowrap;
}
.questionnaire-end__header .breadcrumbs {
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 2em;
  width: 84%;
  overflow-x: hidden;
  overflow-y: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 0.4em;
}
.questionnaire-end__project-link {
  width: 100%;
  text-align: center;
  color: #1898DC;
  margin-bottom: 1.5rem;
}

.questionnaire-popup {
  display: flex;
  justify-content: center;
  align-items: center;
}
.questionnaire-popup__a {
  list-style: none;
  color: #2A6DE8;
}
.questionnaire-popup__card {
  background: #fff;
  height: 32.5rem;
  width: 52.7rem;
  border-radius: 0.43rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.questionnaire-popup__close-button {
  position: absolute;
  top: 1.6rem;
  right: 1rem;
}
.questionnaire-popup__question-card {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.7rem;
  padding-top: 3rem;
}
.questionnaire-popup__question {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.8rem;
  letter-spacing: 0.01rem;
  padding: 2rem 4rem 2rem 2.1rem;
  text-align: center;
  width: 38.4rem;
}
.questionnaire-popup__buttons-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding-top: 3.5rem;
  width: 100%;
  padding: 3.5rem 4.5rem 0;
}
.questionnaire-popup__btn {
  width: 20.3rem;
}

.questionnaire-leave-phone {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  width: 100%;
  align-items: center;
}
.questionnaire-leave-phone__btn-back {
  align-self: flex-start;
}
.questionnaire-leave-phone__buttons-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding-top: 3.5rem;
  width: 100%;
}

/*
.questionnaire-phone {
    width: 100%;
    display: flex;
    flex-direction: column;

  &__breadcrumbs {
	margin-left: 1rem;
  }

  &__image {
	object-fit: contain;
	object-position: center;
	height: 14rem;
	width: 100%;
  }

  &__header {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1.8rem;
	margin-top: 0.2rem;
	margin-bottom: 1.3rem;
	min-height: 40rem;
	overflow-wrap: anywhere;

	@include respond(tab-port) {
	  padding-top: 2.8rem;
	}

	h1 {
	  margin-top: 2rem;
	  font-size: 1.7rem;
	  color: $black;
	  text-align: center;

	  @include respond(tab-port) {
		margin-top: 2rem;
	  }
	}
  }

  &__intro-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 1.3rem;
  }

  &__intro-square {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 0.5rem;
	background-color: #EEEEEE;
	line-height: 2.4rem;
	gap: 1.3rem;
	padding: 1rem;

	// span, b {
	//   font-weight: 600;
	//   font-size: 1.7rem;
	// }
  }

  &__intro-square:first-child {
	background-color: #F8F145;
  }


    &__btn-back {
        & svg {
            fill: $primary-color-old;
        }
    }

  &__start-container {
	flex-direction: column;
	display: flex;
	align-items: center;

	margin-top: 2rem;
	margin-bottom: 6rem;
  }

    &__info-list {
        padding-left: 1.63rem;
    }

    &__main-btn {
        width: 100%;
	    -webkit-appearance: none;

	  @include respond(tab-port) {
		width: auto;
		padding-left: 10rem;
		padding-right: 10rem;
	  }
    }

    &__btn-legal {
        color: $light-blue;
        &:focus {
            border-bottom: 1px solid $light-blue !important;
        }
    }

    &__navigation {
        //display: flex;
        //flex-direction: row;
		display: block;
    }

  &__answered-mark {
	position: absolute;
	top: -1rem;
	right: 1rem;
	background-color: $dark-gray;
	color: $primary-color-old;
	padding: 1px 0.5rem;
	border-radius: 3px;

	@include respond(tab-port) {
	  top: 1rem;
	}
  }

    &__closed{
		padding: 2em 0;
	}

  &__description {
	flex-grow: 1;
	margin-top: 1rem;
	font-size: 1.4rem;
	text-align: center;
	overflow-wrap: break-word;
	width: 100%;
  }

    &__info {
        //display: flex;
        //flex-direction: column;
		display: block;
        background-color: $white;
        justify-content: space-between;
        padding: 2rem;
    }
}
*/
body.route-community.route-participation.route-questionnaire #mainContent {
  padding: 0;
}
body.route-community.route-participation.route-questionnaire.layout-phone {
  height: 100vh;
}

.questionnaire {
  display: flex;
  flex-direction: column;
  background-color: white;
  height: 100%;
  flex-grow: 1;
}
.questionnaire__header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 6rem;
}
.questionnaire__breadcrumbs {
  align-self: flex-start;
  margin-bottom: 2rem;
}
.questionnaire__image {
  object-fit: contain;
  object-position: center;
  width: 14rem;
}
.questionnaire__slides-box {
  text-align: left;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  /*
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  flex-grow: 1;
  align-content: center;
  align-items: stretch;
  overflow: clip;
  */
}
.questionnaire__slides-slider-box {
  width: 300vw;
  display: flex;
  flex-direction: row;
}
.questionnaire__slides-slider-box .slide-box {
  width: 100%;
  max-width: 1440px;
  min-height: 80%;
}
.questionnaire__questions-box {
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: 1440px;
  min-height: 80%;
  /*
  overflow: hidden auto;
  position: absolute;
  left: -102vw;
  z-index: 9001;
  animation-name: pageOut;
  animation-duration: 600ms;
  background-color: #fff;
  &.show {
  	left: 0;
  	animation-name: pageIn;
  	animation-duration: 400ms;
  }
  */
}
.questionnaire__results-box {
  display: flex;
  width: 100vw;
  height: 100%;
  /*
  position: absolute;
  left: -102vw;
  z-index: 9001;
  overflow: hidden auto;
  */
}
.questionnaire__intro-box {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  width: 100vw;
}
.questionnaire__answered-mark {
  background-color: #666666;
  color: #ffffff;
  border-radius: 3px;
  font-size: 1.3rem;
  padding: 0.6rem 1.8rem;
}
.questionnaire__intro-row {
  display: flex;
  flex-direction: row;
  margin-top: 2rem;
  margin-bottom: 3rem;
  justify-content: space-evenly;
  gap: 1.5rem;
}
.questionnaire__closed {
  padding: 2em 0;
}
.questionnaire__description {
  max-width: 80%;
  text-align: left;
  margin-top: 2rem;
  margin-bottom: 2em;
  color: #373F41;
}
.questionnaire__share-button {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 2.5rem;
  margin-right: 2.6rem;
}
.questionnaire__share-button-title {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 160.2%;
  letter-spacing: 0.0126802rem;
  color: #2A6DE8;
  display: flex;
  align-items: center;
}
.questionnaire__share-button-title svg {
  margin-right: 0.9rem;
}
.questionnaire__intro-status {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  width: 13.9rem;
  height: 7rem;
  border-radius: 2rem;
  line-height: 1.2;
  font-family: Sora;
  font-weight: 700;
  font-size: 2.4rem;
}
.questionnaire__start-btn {
  width: 26.5rem;
}
.questionnaire__info {
  height: auto;
  display: flex;
  flex-direction: row;
  background-color: #fff;
  padding: 6rem 28rem;
  justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
  .questionnaire__info {
    padding: 6rem 14rem;
  }
}
@media only screen and (max-width: 900px) {
  .questionnaire__info {
    padding: 4rem 8rem;
  }
}
.questionnaire__info-participation {
  display: flex;
  flex-direction: column;
  margin-right: 1rem;
  width: 70%;
}
.questionnaire__info-legal {
  display: flex;
  flex-direction: column;
  width: 38.3rem;
  font-size: 1.3rem;
}
.questionnaire__info-list {
  padding-left: 1.7rem;
  font-size: 1.3rem;
}

.quiz__header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  height: 100vh;
}
.quiz__breadcrumbs {
  margin-left: 2.5rem;
  align-self: flex-start;
}
.quiz__intro-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 79.4rem;
  position: relative;
}
.quiz__intro-box h1 {
  font-weight: 700;
  font-size: 4.5rem;
  text-align: center;
  width: 90%;
  margin-top: 1rem;
  overflow-wrap: anywhere;
}
.quiz__intro-box h1.longtext {
  margin: 0;
  font-size: 2rem;
}
.quiz__intro-box__buttonsWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 90%;
}
.quiz__info {
  font-weight: 700;
  font-size: 2.7rem;
}
.quiz__start-btn {
  width: 36rem;
  height: 7.5rem;
  margin-top: 3rem;
  font-weight: 700;
  font-size: 2.7rem;
}

.quiz-phone__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/images/quiz/background.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  z-index: -1;
  opacity: 0.07;
}

.quiz-phone {
  width: 100%;
  display: flex;
  margin-top: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.quiz-phone__answered-mark {
  position: absolute;
  top: -1rem;
  right: 1rem;
  background-color: #666666;
  color: #ffffff;
  padding: 1px 0.5rem;
  border-radius: 3px;
}
@media only screen and (max-width: 900px) {
  .quiz-phone__answered-mark {
    top: 1rem;
  }
}
.quiz-phone__description {
  margin-top: 4.5rem;
  font-weight: 600;
  font-size: 1.7rem;
  text-align: center;
  overflow-wrap: break-word;
  width: 100%;
}
.quiz-phone h1 {
  margin-top: 3.1rem;
  font-weight: 700;
  font-size: 2.7rem;
}
.quiz-phone__main-btn {
  margin-top: 2.1rem;
  margin-bottom: 1.5rem;
  width: 100%;
  -webkit-appearance: none;
}
@media only screen and (max-width: 900px) {
  .quiz-phone__main-btn {
    width: auto;
    padding-left: 10rem;
    padding-right: 10rem;
  }
}
.quiz-phone__close-container {
  position: absolute;
  top: 1.7rem;
  right: 1.6rem;
  z-index: 100;
}

.quiz-end {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 600px) {
  .quiz-end {
    width: 100%;
  }
}

.reactions-side-panel {
  width: 100%;
}
.reactions-side-panel__top-container {
  padding: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.reactions-side-panel__top-left {
  display: flex;
  flex-direction: row;
}
.reactions-side-panel__top-left button:first-child {
  margin-right: 1rem;
}
.reactions-side-panel__body {
  padding: 1.5rem;
}
.reactions-side-panel__user-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.reactions-side-panel__stats {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 2rem;
}
.reactions-side-panel__user-name {
  margin-left: 1rem;
}

.user-profile {
  position: relative;
}
.user-profile__back-button {
  margin-left: 3rem;
  margin-top: 3rem;
}
.user-profile__body {
  max-width: 80rem;
  margin: 0 auto;
}

body.route-settings .top-header__tabs-item-container {
  /* overriding ember CivLinkTo class :
   * on settings, we need our own classes to highlight the needed items, overriding the usual style in _top-header.css
  */
}
body.route-settings .top-header__tabs-item-container .active {
  font-weight: normal;
  border-bottom: 0;
}
body.route-settings .top-header__tabs-item-container.active-item {
  font-weight: 600;
  border-bottom: 0.4rem solid #FF7F47;
}
body.route-settings .top-header__tabs-item-container .active-item {
  font-weight: 600;
  border-bottom: 0.4rem solid #FF7F47;
}
body.route-settings .top-header__tabs-item-container .active-item svg path {
  fill: #837770;
}

.user-settings {
  display: flex;
  flex-direction: row;
  height: 100vh;
}
.user-settings__navigation {
  width: 30%;
  min-width: 17rem;
  text-align: center;
  margin-top: 9rem;
}
.user-settings__navigation-element-container {
  margin-top: 5.2rem;
  margin-bottom: 5.3rem;
  margin-left: -6rem;
  position: relative;
  left: 50%;
  max-width: 13rem;
}
.user-settings__navigation-element-container .active {
  font-weight: bold;
}
.user-settings__navigation-element {
  text-align: left;
  display: block;
  font-family: Inter;
  font-style: normal;
  font-size: 2rem;
  color: black;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: baseline;
}
.user-settings__navigation-element svg {
  margin-right: 2rem;
}
.user-settings__navigation-element--deactivated {
  color: grey;
}
.user-settings__profile-link {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.2px;
  color: #2A6DE8;
}
.user-settings__content {
  width: 70%;
}
.user-settings__user-avatar-container {
  display: inline-block;
}

.admins-management__label {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #373F41;
  margin-bottom: 1rem;
}

.settings-management {
  /*!@TOKEEP_HERE ::*/
  padding: 0 2rem;
  /*! :: @TOKEEP_HERE*/
}
.settings-management__title {
  font-family: Sora, Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 3rem;
  margin-bottom: 3.4rem;
  overflow-wrap: anywhere;
  overflow: hidden;
  width: 100%;
}
.settings-management__tabs-item {
  font-family: Inter;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #76797B;
  padding-bottom: 0.5rem;
  white-space: nowrap;
}
.settings-management__tabs-item.has-error {
  color: #ff0000;
}
.settings-management__tabs-item--active {
  font-family: Inter;
  color: #373F41;
  border-bottom: 4px solid #FF7F47;
}
.settings-management__tabs-item--active.has-error {
  color: #ff0000;
}
.settings-management__horizontal-separator {
  width: 100%;
  border-bottom: 0.1rem solid #E3E3E3;
  margin: 1em 0 2em;
}
.settings-management .cover-uploader__container {
  margin: 1em 0 2em;
}
.settings-management__breadcrumbs-container {
  margin-bottom: 2rem;
}
.settings-management__breadcrumbs-icon {
  margin-left: 1rem;
  margin-right: 1rem;
}
.settings-management__breadcrumbs {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #3D3D3D;
}
.settings-management__breadcrumbs--active {
  font-weight: 800;
}
.settings-management__main-title-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.7rem;
}
.settings-management__update-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.settings-management__publish-container {
  display: flex;
  align-items: center;
  color: #76797B;
}
.settings-management__publish-container.cant-publish {
  color: #ff0000;
}
.settings-management__publish-button {
  display: inline-block;
}
.settings-management__main-title {
  font-family: Sora, Inter;
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 4rem;
  overflow-wrap: break-word;
  color: #353535;
}
.settings-management__sub-title {
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: black;
  margin-bottom: 0.5rem;
}
.settings-management__section {
  margin-bottom: 3rem;
}
.settings-management__explanation {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #76797B;
  margin-bottom: 0.8rem;
}
.settings-management__main-title-explanation {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 160.2%;
  letter-spacing: 0.0126802rem;
  color: #76797B;
  margin-bottom: 3.5rem;
  margin-top: 0.8rem;
}
.settings-management__tabs-container {
  display: flex;
  gap: 5rem;
  margin-top: 3.5rem;
  border-bottom: 1px solid #E3E3E3;
  margin-bottom: 3.2rem;
}
.settings-management .export-form {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.settings-management .export-form input {
  margin-right: 0.4em;
}
.settings-management .export-form label:hover, .settings-management .export-form label.selected {
  font-weight: bold;
}
.settings-management .export-form__type {
  display: flex;
  flex-direction: row;
  gap: 2em;
}
.settings-management .export-form__options {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
}
.settings-management .export-form__results-count {
  margin: 2em 0 0 0;
  font-style: italic;
}
.settings-management .export-form__generate-links {
  margin: 2em 10em;
}
.settings-management__toggle-item {
  display: flex;
  flex-direction: row;
}
.settings-management__item-container {
  margin-top: 2em;
  margin-bottom: 2em;
}
.settings-management__item-header {
  display: flex;
  justify-content: space-between;
}
.settings-management__delete-container {
  margin-top: 15rem;
}
.settings-management__item-button {
  font-style: normal;
  font-weight: normal;
  font-size: 1.8rem;
  color: #2A6DE8;
}
.settings-management__label {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #373F41;
  margin-bottom: 1rem;
}
.settings-management__button-setup {
  display: flex;
  gap: 1rem;
}
.settings-management__button-setup .label-text-field {
  flex-grow: 1;
}
.settings-management__cover-image-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 2rem 0;
}
.settings-management__cover-image-small {
  width: 205px;
  height: 265px;
  object-fit: cover;
}
.settings-management__cover-image-small-placeholder {
  width: 205px;
  height: 265px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px dashed #A8A8A8;
  box-sizing: border-box;
  border-radius: 5px;
}
.settings-management__cover-image-small-placeholder-text {
  margin-top: 0.4em;
  max-width: 16rem;
  font-weight: bold;
  color: #BEBEBE;
}
.settings-management__cover-image {
  max-width: 730px;
  max-height: 200px;
}
.settings-management__thumbnail-image {
  max-width: 14.5rem;
  max-height: 10rem;
}
.settings-management__cover-image-placeholder {
  width: 364px;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px dashed #A8A8A8;
  box-sizing: border-box;
  border-radius: 5px;
}
.settings-management__cover-image-placeholder-text {
  margin-top: 0.4em;
  max-width: 16rem;
  font-weight: bold;
  color: #BEBEBE;
}
.settings-management__cover-image-placeholder .spinner {
  margin-top: 1em;
}
.settings-management__cover-image-placeholder.upload-error {
  border: 1px dashed #ff0000;
}
.settings-management__cover-image-placeholder.upload-error .error-message {
  margin-top: 1em;
  color: #ff0000;
  font-weight: bold;
  font-style: italic;
}
.settings-management__thumbnail-image-placeholder {
  width: 14.5rem;
  height: 10rem;
}
.settings-management__cover-image-text {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.7rem;
  letter-spacing: 0.02rem;
  color: #6B6C76;
}
.settings-management__logo-image {
  width: 124.49px;
  height: 41.01px;
}
.settings-management__community-logo-image {
  width: 180px;
  height: 80px;
}
.settings-management__save-button {
  width: 100%;
}
.settings-management__delete-button {
  width: fit-content;
  font-weight: 600;
  font-size: 1.3rem;
  color: #FF7F47;
}
.settings-management__save-button-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  place-items: center;
  text-align: center;
  margin-top: 5rem;
  padding-top: 3rem;
}
.settings-management__save-button-container button {
  width: 100%;
}
.settings-management__add-modules__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 3rem;
  column-gap: 1.1rem;
  row-gap: 2.2rem;
}
.settings-management__themes-container {
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 1em;
}
.settings-management__themes-container2 {
  flex-direction: row;
  display: flex;
  width: 100%;
  align-content: flex-start;
  margin-bottom: 2rem;
}
.settings-management__themes-button {
  margin-left: 1rem;
}
.settings-management__themes-field {
  flex: 1;
}
.settings-management__questionnaire-hide-results .settings-option-select {
  margin-top: 0;
}
.settings-management__questionnaire-open-card {
  display: flex;
  width: 51rem;
  padding: 1rem 3rem 1rem 1.5rem;
  margin-bottom: 3rem;
  background-color: white;
  gap: 1.5rem;
  align-items: center;
}
.settings-management__questionnaire-open-card div {
  font-size: 1.3rem;
  line-height: 2rem;
}
.settings-management__section-buttons {
  display: flex;
  margin-bottom: 3.4rem;
  gap: 1.9rem;
}
.settings-management__button-section {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  color: #4A90E2;
  font-weight: 600;
  font-size: 1.3rem;
}
.settings-management__button-delete-section {
  color: #FF7F47;
  font-weight: 600;
  font-size: 1.3rem;
}
.settings-management__section-title {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 500;
  font-size: 1.4rem;
  color: #353535;
  margin-bottom: 1rem;
}
.settings-management__section-title .label-text__input-container {
  margin-bottom: 0;
}
.settings-management__section-title .label-text-field {
  width: 100%;
}
.settings-management__section-title .label-text-field input.input-text {
  font-weight: 500 !important;
  color: #353535 !important;
}
.settings-management__images-container {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  flex-wrap: wrap;
  margin-bottom: 3.5rem;
}
.settings-management__image-container .image-upload__container {
  width: 12.8rem;
  height: 8.6rem;
}
.settings-management__image-container .image-upload__delete-button {
  right: 0;
  bottom: 0;
  transform: scale(0.7);
}
.settings-management .setting-item {
  margin-bottom: 0;
}
.settings-management__tab-title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 3.2rem;
  color: #353535;
  margin-bottom: 3.2rem;
}
.settings-management__published-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}
.settings-management__published-state {
  font-weight: 600;
  font-size: 1.4rem;
  color: #353535;
}
.settings-management__published-state2 {
  font-size: 1.3rem;
  line-height: 1.9rem;
  color: #000000;
}
.settings-management__published-state2 em {
  font-style: normal;
  font-weight: 700;
}
.settings-management__published-state2.published em {
  color: #FF7F47;
}
.settings-management__published-state2.notPublished em {
  color: #76797B;
}
.settings-management__published-toggle {
  display: flex;
}
.settings-management__published-toggle-status {
  font-size: 1.5rem;
  color: #ABB1B9;
}
.settings-management__visibility-icon {
  display: flex;
}
.settings-management__visibility-icon svg {
  transform: scale(0.8);
}

.user-ideas {
  width: 100%;
  background: #FBFAF9;
}
.user-ideas__header {
  width: 100%;
  height: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2.7rem;
}
.user-ideas__back-button {
  position: absolute;
  left: 2.5rem;
  top: 1.6rem;
}
.user-ideas__back-button svg path {
  color: #76797B;
}
.user-ideas__title {
  padding-top: 0.5rem;
  padding-left: 1.2rem;
}
.user-ideas__icon-and-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-ideas__name-user {
  color: #6B6C76;
  padding-top: 1.5rem;
}
.user-ideas__no-assertion {
  justify-content: center;
  display: flex;
  padding-top: 2rem;
}
.user-ideas__ideas-container {
  display: flex;
  flex-direction: column;
}

.user-menu-phone {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.user-menu-phone__header {
  display: flex;
  justify-content: flex-end;
  margin-top: 2.4rem;
  margin-right: 2.2rem;
}
.user-menu-phone__body {
  display: flex;
  flex-direction: column;
  padding-top: 2rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  gap: 2rem;
}
.user-menu-phone__body .top-header__lang-trigger, .user-menu-phone__body button {
  width: 100% !important;
}
.user-menu-phone__close-icon-header {
  display: flex;
}
.user-menu-phone__close-icon-header svg path {
  fill: #353535 !important;
}
.user-menu-phone__options {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  gap: 1rem;
}
.user-menu-phone__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #303036;
  font-size: 1.6rem;
  line-height: 2.5rem;
  min-width: 0;
}
.user-menu-phone__item svg {
  margin-right: 2rem;
}
.user-menu-phone__item:first-child {
  padding-top: 0;
}
.user-menu-phone__item:last-child {
  border: none;
  padding-bottom: 0;
}
.user-menu-phone__item--disable {
  opacity: 0.5;
}
.user-menu-phone__item-truncate {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.user-menu-phone__item-community {
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
}
.user-menu-phone__separator {
  border: 1px solid #E3E3E3;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.user-menu-phone__item-toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
  width: 100%;
}
.user-menu-phone__item-toggle svg {
  margin-right: 2rem;
}
.user-menu-phone__item-toggle--open {
  padding-bottom: 2rem;
}
.user-menu-phone__translation-container {
  padding: 2rem 0;
  border-bottom: 1px solid #BEBEBE;
}
.user-menu-phone__languages {
  display: flex;
  flex-direction: column;
  padding-left: 5rem;
}
.user-menu-phone__translation-item {
  padding-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  font-size: 1.8rem;
}
.user-menu-phone__translation-item:last-child {
  padding-bottom: 0;
}
.user-menu-phone__translation-item:hover {
  font-weight: bold;
}
.user-menu-phone__translation-item:focus {
  font-weight: bold;
}
.user-menu-phone__translation-item--active {
  font-weight: bold;
}
.user-menu-phone__logout {
  margin-top: 1rem;
}
.user-menu-phone__registration {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 2rem 0;
}
.user-menu-phone__registration button {
  width: 100%;
}
.user-menu-phone__registration button:first-child {
  margin-right: 0.8rem;
}

.access-project {
  min-height: 46rem;
}
.access-project__main-container {
  text-align: center;
  margin: 0 auto;
  max-width: 50rem;
  margin-top: 8.8rem;
}
.access-project__description1 {
  margin-top: 3.4rem;
  font-family: Sora, Inter;
  font-weight: 700;
  font-size: 2.7rem;
}
.access-project__description2 {
  margin-top: 1.8rem;
  font-family: Sora, Inter;
  font-weight: 600;
  font-size: 1.7rem;
}
.access-project__field {
  width: 37rem;
  margin: 5rem auto 0 auto;
}
.access-project button {
  padding: 12px 18px;
  margin: 2.3rem auto 0 auto;
  width: 37rem;
}

.anonymous-subscribing {
  text-align: center;
  padding: 6em 0;
  display: flex;
  flex-direction: column;
}
.anonymous-subscribing__content {
  min-width: 50%;
  max-width: 1440px;
  margin: 0 auto;
}
.anonymous-subscribing__remove-all {
  text-align: right;
}
.anonymous-subscribing__align-right {
  text-align: right;
}
.anonymous-subscribing h1 {
  margin-top: 1em;
}
.anonymous-subscribing__list {
  margin-top: 4em;
}
.anonymous-subscribing__list ul {
  padding: 0 0 3em;
  text-align: left;
}
.anonymous-subscribing__list ul li {
  list-style: none;
}
.anonymous-subscribing__list ul li div.label {
  display: inline-block;
  font-size: 1.4rem;
}
.anonymous-subscribing__list ul li div.label .project-name {
  font-style: italic;
}
.anonymous-subscribing__toggle-subscription {
  display: inline-block;
  margin-right: 1em;
}
.anonymous-subscribing button.remove-all {
  margin-top: 2em;
}
.anonymous-subscribing .empty-list-title {
  margin-bottom: 3em;
}
.anonymous-subscribing .btn-primary {
  display: inline-block;
  width: auto;
  min-width: 10rem;
  height: auto;
  padding: 1em;
}

.project-dashboard {
  width: 100%;
  background-color: #F5F5F5;
  min-height: 80rem; /** to match #mainContent min-height  **/
}
.project-dashboard__communication-card {
  display: flex;
  align-items: center;
  width: 30.3rem;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
  border-radius: 7px;
  gap: 1.7rem;
  padding: 1.5rem;
  margin-bottom: 2.6rem;
}
.project-dashboard__communication-card-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ABB1B9;
  border-radius: 12px;
  width: 6.1rem;
  height: 6.1rem;
  flex-shrink: 0;
}
.project-dashboard__communication-item-container {
  display: flex;
  align-items: center;
  height: 7.3rem;
  padding-left: 2.4rem;
  padding-right: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  gap: 1.5rem;
  background: rgba(255, 255, 255, 0.71);
  border: 1px solid #EAEAEA;
  border-radius: 0.7rem;
  margin-bottom: 0.9rem;
  cursor: pointer;
}
.project-dashboard__communication-item-container .dashboard-label:first-of-type {
  flex-grow: 1;
}
.project-dashboard__communication-item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #353535;
  border-radius: 12px;
  width: 4.2rem;
  height: 4.2rem;
  flex-shrink: 0;
}
.project-dashboard__container {
  display: flex;
  max-width: 110rem;
  margin: 0 auto;
}
.project-dashboard__nav-container {
  width: 32.8rem;
  margin-top: 3.1rem;
}
.project-dashboard__content-container {
  flex-grow: 1;
  margin-top: 5.8rem;
  margin-left: 4rem;
  max-width: 73.5rem;
}
.project-dashboard__community-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  border: 1px solid #F0F0F0;
  box-shadow: 0px 2px 19px rgba(0, 0, 0, 0.15);
  border-radius: 9px;
}
.project-dashboard__projects-container {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #F0F0F0;
  box-shadow: 0px 2px 19px rgba(0, 0, 0, 0.15);
  border-radius: 9px;
  margin-top: 1.1rem;
  padding: 1.5rem 2.3rem 2rem 2.6rem;
}
.project-dashboard__nav-title {
  text-transform: uppercase;
  line-height: 2rem;
  margin-bottom: 1rem;
}
.project-dashboard__community-image {
  width: 11.3rem;
  height: 11.3rem;
  margin-top: 2.7rem;
  border-radius: 6px;
}
.project-dashboard__community-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.project-dashboard__community-title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2rem;
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
}
.project-dashboard__community-date {
  margin-top: 0.3rem;
  margin-bottom: 2.3rem;
}
.project-dashboard__nav-separator {
  width: 100%;
  height: 0;
  border-top: 1px solid #000;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.project-dashboard__nav-separator-light {
  width: 100%;
  height: 0;
  border-top: 1px solid #BEBEBE;
  margin-top: 1.3rem;
  margin-bottom: 1.3rem;
}
.project-dashboard__nav-separator-lighter {
  width: 100%;
  height: 0;
  opacity: 0.1;
  border-top: 1px solid #000;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.project-dashboard__nav-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1.2rem;
  align-items: center;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #5E617C;
  width: 100%;
  white-space: nowrap;
}
.project-dashboard__nav-item svg {
  margin: auto;
}
.project-dashboard__nav-item svg.idea-box-bulb-icon {
  transform: scale(0.7);
  margin: -0.75em 0.2em;
  vertical-align: top;
}
.project-dashboard__nav-item.disabled {
  color: #666666;
}
.project-dashboard__nav-item.disabled svg path {
  fill: #BEBEBE;
}
.project-dashboard__nav-item .project-dashboard__nav-text {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-dashboard__nav-item .project-dashboard__right-arrow {
  height: 24px;
}
.project-dashboard__nav-item-selected {
  font-weight: bold;
  color: #000;
}
.project-dashboard__nav-item-selected .project-dashboard__right-arrow svg path {
  fill: #000;
}
.project-dashboard__title {
  font-size: 2.2rem;
  font-weight: 600;
  text-transform: uppercase;
}
.project-dashboard__title2 {
  font-size: 2.6rem;
  font-weight: 700;
  text-transform: uppercase;
}
.project-dashboard__mood-title {
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: uppercase;
}
.project-dashboard__overall-container {
  display: flex;
  flex-direction: row;
  gap: 1.7rem;
}
.project-dashboard__mood {
  flex: 1;
}
.project-dashboard__advice {
  flex: 1;
}
.project-dashboard__mood-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #53C372;
  color: #fff;
  border-radius: 7px;
  padding: 1.1rem 1.7rem;
  margin-top: 1.1rem;
  gap: 1.7rem;
  height: 8.7rem;
}
.project-dashboard__mood-box h3 {
  margin-top: -0.5rem;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 3.2rem;
}
.project-dashboard__mood-box p {
  font-size: 1.4rem;
}
.project-dashboard__advice-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
  border: 1px solid #eaeaea;
  color: #000;
  border-radius: 7px;
  padding: 1.1rem 1.7rem;
  margin-top: 1.1rem;
  gap: 1.7rem;
  height: 8.7rem;
}
.project-dashboard__tabs-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 2.8rem;
  margin-top: 4.9rem;
}
.project-dashboard__tab-item {
  flex: 1;
  font-weight: 600;
  text-align: center;
  font-size: 1.4rem;
  padding-bottom: 1.7rem;
  border-bottom: 3px solid #E6E8EA;
  color: #353535;
}
.project-dashboard__tab-item-selected {
  border-bottom: 3px solid #353535;
}
.project-dashboard__visits-bar-container {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: row;
  margin-top: 2.9rem;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 7px;
  padding: 1.4rem;
  gap: 1.5rem;
  justify-content: space-between;
}
.project-dashboard__visits-bar-container svg {
  flex: none;
}
.project-dashboard__visits-bar-item {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}
.project-dashboard__visits-bar-item p {
  color: #9A9A9A;
  font-size: 1.4rem;
  line-height: 1.9rem;
}
.project-dashboard__number {
  font-size: 2rem;
  font-weight: 600;
}
.project-dashboard__percent-good {
  font-size: 2rem;
  font-weight: bold;
  color: #5BD67C;
}
.project-dashboard__bottom-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.project-dashboard__bottom-half {
  flex: 1;
  align-items: center;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 7px;
  padding: 1.4rem;
}
.project-dashboard__graph-visits {
  max-width: 34rem;
}
.project-dashboard__graph-visits p {
  color: #9A9A9A;
  font-size: 1.4rem;
  line-height: 1.3rem;
}
.project-dashboard__graph-visits .spinner {
  margin: 0 auto;
}
.project-dashboard__graph-visits .spinner .path {
  stroke: #000;
}
.project-dashboard__referrer-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  font-size: 1.4rem;
  width: 100%;
}
.project-dashboard__referrer-percent {
  font-weight: 700;
}
.project-dashboard__referrer-type {
  color: #9A9A9A;
}
.project-dashboard__referrer-item {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 1.6rem;
}
.project-dashboard__referrer-bar {
  width: 13.6rem;
  height: 1.6rem;
  background: #EEEEEE;
  border-radius: 3px;
}
.project-dashboard__referrer-bar-fill {
  height: 1.6rem;
}
.project-dashboard__mood-info {
  position: absolute;
  right: 0rem;
  top: -3.2rem;
  background-color: #53C372;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  padding: 0.5rem 4.9rem;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.project-dashboard__period-container {
  display: flex;
  margin-top: 2.8rem;
  margin-bottom: 2.5rem;
  gap: 1rem;
}
.project-dashboard__period-container select {
  width: auto;
  background: #fff;
  border: 1px solid #E3E3E3;
  border-radius: 9px;
  color: #5E617C;
  padding-right: 8rem;
}
.project-dashboard__period-container .ember-flatpickr-input {
  width: auto;
}
.project-dashboard__loading-container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30rem;
}
.project-dashboard__loading-container .spinner {
  margin: 0 auto;
}
.project-dashboard__loading-container .spinner .path {
  stroke: #000;
}
.project-dashboard__modules-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-content: center;
  width: 100%;
  flex-direction: row;
  background-color: #fff;
  border: 1px solid #353535;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
  border-radius: 7px;
  padding: 1.3rem;
  gap: 2rem;
}
.project-dashboard__module-title {
  margin-top: 2.2rem;
  color: #353535;
  font-size: 2.6rem;
  font-weight: 700;
  text-transform: uppercase;
}
.project-dashboard__module-show-more {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.9rem;
}
.project-dashboard__button-show-more {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #353535;
}
.project-dashboard__module-bar-item {
  flex: 1;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.project-dashboard__module-bar-item p {
  color: #9A9A9A;
  font-size: 1.4rem;
  line-height: 1.9rem;
}
.project-dashboard__module-bar-icon {
  flex: 0;
}
.project-dashboard__number2 {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 3.2rem;
}
.project-dashboard__module-bar-separator {
  border-left: 1px solid #E0E0E0;
}
.project-dashboard__theme-name {
  font-size: 1.2rem;
  color: #0852DB;
  padding: 2px 10px 3px;
  background-color: #D0E5FF;
  border-radius: 4px;
}
.project-dashboard__discussion-container {
  background: rgba(255, 255, 255, 0.71);
  border: 1px solid #EAEAEA;
  border-radius: 0.7rem;
  margin-bottom: 0.9rem;
}
.project-dashboard__discussion-header {
  display: flex;
  gap: 1.4rem;
  padding-left: 2.4rem;
  padding-top: 1.1rem;
  padding-bottom: 0.7rem;
  padding-right: 2rem;
}
.project-dashboard__discussion-header svg {
  flex-shrink: 0;
}
.project-dashboard__discussion-link {
  display: flex;
  align-self: center;
  font-size: 1.4rem;
  font-weight: 600;
  color: #53C372;
  white-space: nowrap;
  gap: 0.5rem;
}
.project-dashboard__discussion-arrow {
  display: flex;
  align-self: center;
}
.project-dashboard__discussion-body {
  display: flex;
  justify-content: space-between;
  gap: 1.4rem;
  padding-left: 2.4rem;
  padding-top: 1.1rem;
  padding-bottom: 0.7rem;
  padding-right: 2rem;
  border-top: 1px solid #E0E0E0;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  margin-bottom: 1rem;
}
.project-dashboard__discussion-footer-closed {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 5rem;
  gap: 1.2rem;
  background-color: #EAEAEA;
  height: 7rem;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  color: black;
}
.project-dashboard__discussion-show-less {
  display: flex;
  background: rgba(0, 0, 0, 0.08);
  height: 5.8rem;
  justify-content: flex-end;
  padding-right: 2.7rem;
}
@keyframes append-animate {
  from {
    transform: translateY(-100px);
    opacity: 0.6;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.project-dashboard__discussion-list {
  animation: append-animate 0.3s linear;
  margin-top: 3.3rem;
}
.project-dashboard__reaction {
  display: flex;
}
.project-dashboard__reaction-item {
  width: 3rem;
  height: 3rem;
}
.project-dashboard__reaction-item svg {
  transform: scale(0.7);
  margin-left: -30%;
  margin-top: -15%;
}
.project-dashboard__themes {
  display: inline-block;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 2.3rem;
  color: rgba(0, 0, 0, 0.85);
  background: #D0E5FF;
  border-radius: 4px;
  padding: 2px 10px 3px;
  margin-bottom: 0.2rem;
}
.project-dashboard__attachment {
  display: flex;
  align-items: center;
  align-content: center;
  color: #557CC5;
  gap: 0.5rem;
}
.project-dashboard__attachment-download-icon {
  margin-left: 0.5rem;
  transform: scale(0.7);
}
.project-dashboard__attachment-container {
  max-width: 20rem;
  max-heigth: 20rem;
}
.project-dashboard__attachment-container img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.project-dashboard__add-themes {
  font-size: 1.2rem;
  line-height: 1.5rem;
  background: #FFFFFF;
  border: 1px solid #9A9A9A;
  box-sizing: border-box;
  border-radius: 4px;
  color: #9A9A9A;
  width: 1.7rem;
  height: 1.7rem;
}
.project-dashboard__add-themes-dropdown {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  display: block;
}
.project-dashboard__add-themes-dropdown-content {
  background: #FFFFFF;
  box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 1rem;
}
.project-dashboard__questionnaire-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  background-color: white;
  border-radius: 3px;
}
.project-dashboard__questionnaire-link-gray {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  background: #F5F5F5;
  border: 1px solid #E3E3E3;
  border-radius: 3px;
}

table.yeti-table table, .models-table-wrapper table {
  width: 100%;
  font-family: "Roboto", sans-serif;
  border-spacing: 0px;
  position: relative;
  border-collapse: collapse;
  table-layout: fixed;
}
table.yeti-table thead, .models-table-wrapper thead {
  font-size: 1.4rem;
  color: #000000;
  background-color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}
table.yeti-table thead th, .models-table-wrapper thead th {
  text-align: center;
}
table.yeti-table thead th.yeti-table-sortable, .models-table-wrapper thead th.yeti-table-sortable {
  cursor: pointer;
}
table.yeti-table thead th.yeti-table-sorted-asc:before, .models-table-wrapper thead th.yeti-table-sorted-asc:before {
  content: "arrow_upward";
}
table.yeti-table thead th.yeti-table-sorted-desc:before, .models-table-wrapper thead th.yeti-table-sorted-desc:before {
  content: "arrow_downward";
}
table.yeti-table thead, .models-table-wrapper thead {
  height: 8.3rem;
}
table.yeti-table tbody, .models-table-wrapper tbody {
  background-color: #FAFAFA;
  font-size: 1.4rem;
}
table.yeti-table thead tr,
table.yeti-table tbody tr, .models-table-wrapper thead tr,
.models-table-wrapper tbody tr {
  height: 5.9rem;
}
table.yeti-table thead tr th,
table.yeti-table thead tr td,
table.yeti-table tbody tr th,
table.yeti-table tbody tr td, .models-table-wrapper thead tr th,
.models-table-wrapper thead tr td,
.models-table-wrapper tbody tr th,
.models-table-wrapper tbody tr td {
  position: relative;
  vertical-align: middle;
  padding: 1.2rem;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
}
table.yeti-table tfoot .yeti-table-pagination-controls, .models-table-wrapper tfoot .yeti-table-pagination-controls {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 12px;
}
table.yeti-table tfoot .yeti-table-pagination-controls .yeti-table-pagination-controls-page-info, .models-table-wrapper tfoot .yeti-table-pagination-controls .yeti-table-pagination-controls-page-info {
  flex: 1;
}
table.yeti-table tfoot .yeti-table-pagination-controls .yeti-table-pagination-controls-next, .models-table-wrapper tfoot .yeti-table-pagination-controls .yeti-table-pagination-controls-next {
  margin-left: 24px;
}
table.yeti-table tfoot .yeti-table-pagination-controls .yeti-table-pagination-controls-previous, .models-table-wrapper tfoot .yeti-table-pagination-controls .yeti-table-pagination-controls-previous {
  margin-left: 44px;
}

.dashboard-table {
  width: 100%;
}
.dashboard-table__back-link {
  display: flex;
  color: #353535;
  align-items: center;
  gap: 1.1rem;
  font-size: 1.4rem;
  line-height: 160%;
}
.dashboard-table__title {
  margin-top: 4.8rem;
  font-size: 2.2rem;
  font-weight: 600;
  text-transform: uppercase;
}
.dashboard-table__container {
  max-width: 110rem;
  margin: 0 auto;
  padding: 2rem;
}
.dashboard-table__toolbar {
  display: flex;
  justify-content: space-between;
  gap: 1.1rem;
  margin-bottom: 2.9rem;
  margin-top: 5.4rem;
}
.dashboard-table__toolbar button.btn-primary {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.dashboard-table__toolbar button.btn-primary svg {
  margin-left: 1rem;
  margin-right: 0;
}
.dashboard-table__toolbar button.btn-secondary {
  padding-left: 2rem;
  padding-right: 2rem;
}
.dashboard-table__toolbar button.btn-secondary svg {
  margin-right: 2.1rem;
}
.dashboard-table__toolbar-left {
  display: flex;
  gap: 1.1rem;
}
.dashboard-table__toolbar-right {
  display: flex;
  justify-content: flex-end;
  gap: 1.1rem;
}
.dashboard-table__title {
  font-size: 2.2rem;
  font-weight: 600;
  text-transform: uppercase;
}
.dashboard-table__loading-container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 10rem;
}
.dashboard-table__loading-container .spinner {
  margin: 0 auto;
}
.dashboard-table__loading-container .spinner .path {
  stroke: #000;
}
.dashboard-table--hide {
  display: none;
}
.dashboard-table__questionnaire-container {
  width: 100%;
  overflow-x: scroll;
}

.models-table-wrapper .dropdown {
  float: left;
}
.models-table-wrapper .dropdown.right {
  position: relative;
  float: right;
}
.models-table-wrapper .dropdown.right .dropdown-menu {
  right: 0;
}
.models-table-wrapper .dropdown:hover .dropdown-menu {
  display: block;
}
.models-table-wrapper .dropdown:hover .dropdown-toggle {
  background-color: #A52A2A;
}
.models-table-wrapper .dropdown.active .dropdown-toggle {
  background-color: #A52A2A;
}
.models-table-wrapper .dropdown .dropdown-toggle {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: #333;
  font-family: inherit;
  margin: 0;
}
.models-table-wrapper .dropdown-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.models-table-wrapper .dropdown-menu .dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}
.models-table-wrapper .dropdown-menu a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.models-table-wrapper .dropdown-menu a:hover {
  background-color: #ddd;
}
.models-table-wrapper table .emt-column-checkbox {
  width: 7.4rem;
  text-align: center;
}
.models-table-wrapper table .emt-column-highlightedText {
  width: 26.1rem;
}
.models-table-wrapper table .emt-column-number {
  width: 10.7rem;
  text-align: center;
}
.models-table-wrapper table .emt-column-center {
  text-align: center;
}
.models-table-wrapper table .emt-column-bold {
  font-weight: 700;
}
.models-table-wrapper table .emt-cell-user-container {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.models-table-wrapper table .emt-column-answer {
  width: 30rem;
}
.models-table-wrapper table .emt-column-user {
  width: 15rem;
}
.models-table-wrapper table .emt-cell-edit-text {
  width: 100%;
}
.models-table-wrapper table thead th input, .models-table-wrapper table thead th select {
  width: 100%;
}
.models-table-wrapper table thead .filter-wrapper {
  display: flex;
  justify-content: space-between;
}
.models-table-wrapper .models-table-header {
  display: flex;
  justify-content: space-between;
}
.models-table-wrapper .models-table-footer > .table-nav {
  display: flex;
  justify-content: flex-end;
  gap: 0.8rem;
}
.models-table-wrapper .models-table-footer > .table-nav button {
  width: 3.2rem;
  height: 3.2rem;
  font-size: 1.4rem;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
}
.models-table-wrapper .models-table-footer > .table-nav button.pagination-numeric-item-active {
  border: 1px solid #1890FF;
  color: #1890FF;
}
.models-table-wrapper .models-table-footer > .table-nav .page-size-select-wrapper {
  display: none;
}
.models-table-wrapper .models-table-footer {
  margin-top: 1.9rem;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.models-table-wrapper .models-table-footer > * {
  flex: 0 0 15%;
}
.models-table-wrapper .models-table-footer .table-summary {
  flex: 0 0 40%;
}
.models-table-wrapper select {
  height: 21px;
}

.profile {
  width: 100%;
  background-color: #FBFAF9;
  min-height: 80rem; /** to match #mainContent min-height  **/
}
.profile__container {
  display: flex;
  justify-content: space-around;
  max-width: 110rem;
  margin: 0 auto;
  padding-top: 5.5rem;
}
.profile__nav-container {
  width: 29.5rem;
}
.profile__nav-title {
  font-size: 3.2rem;
  font-weight: 700;
  color: #BB834C;
  margin-bottom: 3.4rem;
}
.profile__content-container {
  flex-grow: 1;
  max-width: 62.3rem;
}

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

.profile-page-phone__header {
  display: flex;
  padding-left: 2.4rem;
  padding-right: 1.3rem;
  height: 5.5rem;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 3px 14px rgba(90, 90, 90, 0.11);
}
.profile-page-phone__title {
  font-weight: 400;
  font-size: 16px;
}

.profile-user-phone {
  width: 100%;
}
.profile-user-phone__main-container {
  width: 100%;
  margin-top: 2rem;
  padding-left: 1.3rem;
  padding-right: 1.3rem;
  padding-bottom: 5rem;
}
.profile-user-phone__tabs {
  display: flex;
}
.profile-user-phone__tab-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 5rem;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #373F41;
  border-bottom: 1px solid #C4C4C4;
}
.profile-user-phone__tab-nav-item--selected {
  border-bottom: 4px solid #FF7F47;
}
.profile-user-phone__about-me-title {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 3.6rem;
}
.profile-user-phone__about-me {
  font-size: 1.4rem;
}

.profile-page__section-title {
  font-weight: 700;
  font-size: 3rem;
  line-height: 2.4rem;
  color: #373F41;
  margin-bottom: 3rem;
}
.profile-page__link-action {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #4085C6;
}
.profile-page .setting-item__label {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #373F41;
}
.profile-page .setting-item .input-text {
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.profile-settings__form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 3.5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 600px) {
  .profile-settings__form-grid {
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
  }
}
.profile-settings .label-text__input-container {
  margin-bottom: 0;
}
.profile-settings__form-grid .setting-item {
  margin-bottom: 0;
}
.profile-settings .setting-item__item-content {
  width: 100%;
}
.profile-settings__save-button-container {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 600px) {
  .profile-settings__save-button-container button {
    width: 100%;
  }
}
.profile-settings__iam-container .setting-item__item-content {
  display: flex;
  justify-content: space-between;
}
.profile-settings__organization-container {
  margin-bottom: 3.5rem;
}

.profile-settings-phone {
  width: 100%;
}
.profile-settings-phone__body {
  margin-left: 1.7rem;
  margin-right: 1.7rem;
  margin-bottom: rem;
}
.profile-settings-phone .user-avatar-upload {
  margin-top: 2.1rem;
  margin-bottom: 5.2rem;
  margin-left: auto;
  margin-right: auto;
}

.profile-page__publish-container2 {
  display: flex;
  align-content: center;
  font-size: 1.4rem;
  box-shadow: 0px 4px 13px rgba(63, 63, 63, 0.15);
  border-radius: 4px;
  width: 36rem;
  height: 6.9rem;
  padding: 1.4em 1.6em;
}
.profile-page__publish-container2 .setting-item {
  margin-bottom: 0;
}
.profile-page__publish-container2 .setting-item__label {
  font-weight: 600;
  font-size: 1.3em;
}
.profile-page__publish-container2 .setting-item__item-content {
  margin: -2.6em 4em 0 18em;
  padding: 0;
  height: 2em;
  max-width: 30em;
  text-align: right;
  width: auto;
}
.profile-page__publish-container2 profile-page__publish-container {
  height: 2em;
  display: flex;
  flex-direction: row;
  font-size: 1.1em;
  color: #6B6C76;
}

.profile-feed__title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6rem;
}
.profile-feed__title-container .profile-page__section-title {
  margin-bottom: 0;
}
.profile-feed__feed-container {
  display: flex;
  flex-direction: column;
  gap: 4.4rem;
  margin-top: 3rem;
}
.profile-feed .hidden {
  visibility: hidden;
}
.profile-feed__loadingspin {
  margin-left: calc(50% - 3em);
}
.profile-feed__no-activity {
  text-align: center;
  font-weight: 600;
  font-size: 1.8rem;
  color: black;
  margin-bottom: 3rem;
}
.profile-feed__no-activity.hidden {
  visibility: hidden;
}

.profile-menu-phone {
  width: 100%;
}
.profile-menu-phone__btn-back {
  position: absolute;
  top: 1.2rem;
  left: 0.9rem;
}
.profile-menu-phone__header {
  height: 5.5rem;
  background: #FFFFFF;
  box-shadow: 0px 3px 14px rgba(90, 90, 90, 0.11);
  font-size: 1.6rem;
  line-height: 5.5rem;
  text-align: center;
}
.profile-menu-phone__nav-container {
  margin-top: 3.8rem;
  margin-left: 3.5rem;
  margin-right: 4.5rem;
}

.resource-management__button-container {
  display: flex;
  width: 100%;
  gap: 2.1rem;
  margin-bottom: 4.4rem;
}
.resource-management__button-container > button {
  flex: 1;
}
.resource-management__button-new {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  justify-content: center;
  align-items: center;
  height: 9.4rem;
  border: 1px dashed #A5BBE3;
  border-radius: 5px;
  color: #2A6DE8;
  background: none;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.2px;
  cursor: pointer;
  max-width: 50%;
}
.resource-management__button-new:hover {
  border: 1px solid #A5BBE3;
}
.resource-management__button-new div {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}
.resource-management__subtitle {
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  color: #646C6F;
}
.resource-management__title-button-container {
  display: flex;
  gap: 1.7rem;
}
.resource-management__title-button-container button {
  width: 21.2rem;
}
.resource-management__button-discard {
  position: relative;
  top: -2.5rem;
  font-size: 1.5rem;
  color: #2A6DE8;
}
.resource-management__button-delete {
  display: flex;
  align-content: center;
  position: relative;
  top: -2.5rem;
  font-size: 1.5rem;
  color: #FF7F47;
}

.propositions-page {
  width: 100%;
  background-color: white;
}
.propositions-page__container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (max-width: 900px) {
  .propositions-page__content {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media only screen and (max-width: 600px) {
  .propositions-page__content {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
.propositions-page__content--small-margins {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media only screen and (max-width: 900px) {
  .propositions-page__content--small-margins {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media only screen and (max-width: 600px) {
  .propositions-page__content--small-margins {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
.propositions-page__loading {
  width: 93px;
  margin-left: calc(50% - 46.5px);
  margin-top: 4rem;
  transform: translate(0, -50%);
}
.propositions-page__loading .spinner {
  width: 4rem;
  height: 4rem;
}
.propositions-page__loading svg .path {
  stroke: #76706F;
}

.propositions-container__empty-list {
  margin-top: 12rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 35px 35px 150px;
}
.propositions-container__empty-text {
  margin-top: 6rem;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  text-align: center;
  width: 31.25rem;
  padding-top: 0.938rem;
}

.proposition-phone {
  width: 100%;
}
.proposition-phone__content {
  padding: 0 1em;
}
.proposition-phone__toolbar-navigation {
  margin: 1rem 0;
}
.proposition-phone__open-map-button {
  height: 4.5rem;
  border-radius: 3px;
  border: 1px solid #EAEAEA;
  box-sizing: border-box;
  background: transparent;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.proposition-phone__location-icon {
  height: 1.5rem;
  width: 1.3rem;
  border-radius: 0;
}
.proposition-phone__open-filters-title {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: center;
  color: #353535;
  align-items: center;
}
.proposition-phone__open-map-title {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: center;
  color: #353535;
  align-items: center;
}
.proposition-phone__filters-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  margin-top: 2.8rem;
}

.resources {
  width: 100%;
  height: auto;
  padding: 0 1rem 8rem;
  max-width: 1440px;
  margin: 2rem auto 0;
  /*
    &__title {
  	font-size: 4.5rem;
  	line-height: 4.5rem;
    }*/
}
.resources .breadcrumbs {
  margin-left: 0;
}
.resources__description {
  color: #76797B;
}
.resources__description-container {
  padding-bottom: 2rem;
  padding-top: 1rem;
}
.resources .cards-section__body {
  gap: 3.5rem 2rem;
}
.resources .cards-section__body .card-link {
  max-width: 18.4%;
}

/*
.resources-mobile {
  width: 100%;
  height: auto;
  padding-top: 2rem;
  padding-left: 2.3rem;
  padding-right: 2.3rem;

  &__cards {
	display: flex;
	flex-wrap: wrap;
  }

  &__title {
	font-size:4.5rem
  }

  &__description {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2.2rem;
	color:$medium-gray;
	padding-right: 8.7rem;
  }

  &__description-container{
	padding-bottom: 2rem;
	padding-top: 0.9rem;
  }
}*/
.resource-page .resource-details__description, .resource-page-mobile .resource-details__description {
  height: unset;
  overflow-y: visible;
}

.resource-page {
  width: 100%;
  height: auto;
  padding: 0 1rem 8rem;
  max-width: 1440px;
  margin: 2rem auto 0;
}

.resource-page-mobile {
  height: auto;
  margin-top: 2rem;
  margin-left: 2.3rem;
  margin-right: 2.3rem;
}

.events {
  width: 100%;
  height: auto;
  padding: 0 1rem 8rem;
  max-width: 1440px;
  margin: 2rem auto 0;
}
.events__description {
  color: #76797B;
  padding-right: 8.7rem;
}
.events__description-container {
  max-width: 80%;
  padding-bottom: 3rem;
  padding-top: 0.9rem;
}
.events__list-container .cards-section {
  margin-top: 0;
}
.events__list-container.next {
  margin-bottom: 4em;
}
.events__title-sub {
  margin-bottom: 0.3em;
}

body.layout-phone .events__description-container {
  max-width: unset;
}
body.layout-phone .events__description {
  padding-right: 1rem;
}

/*
.events-mobile {
  height: auto;
  margin-top: 2rem;
  margin-left: 2.3rem;
  margin-right: 2.3rem;

  &__cards {
	display: flex;
	flex-wrap: wrap;
  }

  &__see-all-events {
	width: 92%;
	margin-bottom: 4rem;
	margin-top: 4.7rem;
	// font-size: 14px;
	// font-style: normal;
	// font-weight: 500;
	// line-height: 20px;
	// letter-spacing: 0;
	text-align: center;
	height: 6rem;
  }

  &__description-container{
	padding-bottom: 1rem;
	padding-top: 0.9rem;
  }

  &__description {
	color:$medium-gray;
  }

  &__list-container {
	.cards-section {
		margin-top: 0;
	}
	&.next {
		margin-bottom: 4em;
	}
  }
}
*/
.event-page .event-details__description, .event-page-mobile .event-details__description {
  height: unset;
  overflow-y: visible;
}

.event-page {
  width: 100%;
  height: auto;
  padding: 0 1rem 8rem;
  max-width: 1440px;
  margin: 2rem auto 0;
}

.event-page-mobile {
  height: auto;
  margin-top: 2rem;
  margin-left: 2.3rem;
  margin-right: 2.3rem;
}

.updates {
  width: 100%;
  height: auto;
  padding: 0 1rem 8rem;
  max-width: 1440px;
  margin: 2rem auto 0;
}

.updates-mobile {
  width: 100%;
  height: auto;
  padding-top: 2rem;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
.updates-mobile__title {
  padding-top: 1rem;
  padding-bottom: 0.4rem;
}

.update-page .update-details__content {
  height: unset;
  overflow-y: visible;
}

.update-page {
  width: 100%;
  height: auto;
  padding: 0 1rem 8rem;
  max-width: 1440px;
  margin: 2rem auto 0;
}

.update-page.mobile {
  height: auto;
  margin-top: 2rem;
  margin-left: 2.3rem;
  margin-right: 2.3rem;
}

.project-password-popup {
  border-radius: 2rem !important;
}
.project-password-popup__top-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  padding: 3rem 3.5rem 4rem 4rem;
}
.project-password-popup__title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #2E2F30;
  line-height: 2.2rem;
}
.project-password-popup__text {
  padding-left: 4rem;
  padding-right: 4rem;
}
.project-password-popup__button-container {
  display: flex;
  justify-content: flex-end;
  padding: 3rem 4.25rem 4rem 4rem;
}
.project-password-popup__button-container button {
  margin-left: 2rem;
  width: 13rem;
}

.reactions_popup {
  min-height: 30rem;
  min-width: 76rem;
  border-radius: 2rem !important;
  padding: 1.5rem;
}
.reactions_popup_clickout {
  display: flex;
  flex-direction: column;
}
.reactions_popup__top-container {
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin-top: -2em;
}
.reactions_popup__title {
  font-size: 1.8rem;
  font-weight: 700;
}
.reactions_popup__close-button {
  position: absolute;
  right: 0;
}
.reactions_popup__stats {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 1em;
}
.reactions_popup__stats-item {
  display: flex;
  align-items: center;
  padding: 0.2em;
  margin-right: 1.2em;
}
.reactions_popup__stats-item:hover {
  background-color: #F4F3F5;
}
.reactions_popup__stats-item span:nth-child(1) {
  margin-right: 0.4em;
}
.reactions_popup__stats-item-icon {
  width: 3rem;
  height: 3rem;
}
.reactions_popup__list {
  margin: 0 1.4em 1.4em 1.4em;
}
.reactions_popup__list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.reactions_popup__list-username {
  margin-left: 1rem;
}

.proposition-map-sidepanel {
  height: 100%;
  width: 100%;
}
.proposition-map-sidepanel__back-btn {
  position: absolute;
  left: 2.4rem;
  top: 1.3rem;
}
.proposition-map-sidepanel__title {
  margin-top: 2.8rem;
  font-family: Sora;
  font-style: normal;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 112%;
  text-align: center;
  letter-spacing: 0.00684685rem;
  color: #353535;
}
.proposition-map-sidepanel .propositions-mapview-mobile__map-container {
  padding-right: 2rem;
  padding-top: 2rem;
  padding-left: 2rem;
  background-color: white;
}
.proposition-map-sidepanel .propositions-mapview-mobile__marker-list {
  padding: 2rem;
}
.proposition-map-sidepanel .propositions-mapview-mobile__location-button {
  top: 3rem;
  right: 3rem;
}

.proposition-filters {
  display: flex;
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  overflow: scroll;
  /*
  .x-toggle:checked + label > .x-toggle-ios.x-toggle-btn{
  background: $white;
  }

  .x-toggle:checked + label > .x-toggle-btn::after {
  background: $orange;
  }

  .x-toggle-ios.x-toggle-btn::after {
  background: $medium-white;
  }

  .x-toggle-ios.x-toggle-btn{
  background:$white;
  border-radius: 30px;
  width: 5.5rem;
  height: 3.3rem;
  }
  */
  /*
  	input[type='radio']:after {
  		content: "";
  		color: $white;
  		text-align: center;
  		background: $white;
  		border: 1px solid $gray-border-color;
  		border-radius: 16px;
  		//left: 1px;
  		//top: 1px;
  		left: 0;
  		top: 0;
  		position: absolute;
  		//padding: 10px 10px;
  	}

  	input[type='radio']:checked:after {
  		padding: 0;
  		//width: 21px;
  		//height: 21px;
  		//top: 2px;
  		//left: 2px;
  		width: 1.6em;
  		height: 1.6em;
  		top: 0;
  		left: 0;
  		border-radius: 19px;
  		position: relative;
  		background-color: white;
  		content: "";
  		display: inline-block;
  		visibility: visible;
  		border: 6px solid $light-orange;
  	}
  */
  /*
  input[type="checkbox"] {
  	appearance: none;
  	background-color: #fff;
  	margin: 0;
  }*/
  /*
  input[type="checkbox"]:before {
  	content: "";
  	color: white;
  	text-align: center;
  	background: white;
  	border: 1px solid $gray-border-color;
  	border-radius: 6px;
  	//left: -2px;
  	top: 1px;
  	position: absolute;
  	padding: 8px 9px;
  }
    */
  /*
  	input[type="checkbox"]:checked:before {
  		padding: 0;
  		content: "✓";
  		color: white;
  		text-align: center;
  		background: $light-orange;
  		border: 6px solid $light-orange;
  		border-top-width: 2px;
  		border-bottom-width: 2px;
  		border-radius: 6px;
  		left: -1px;
  		top: -2px;
  		position: absolute;
  	}
  */
}
.proposition-filters__container {
  display: flex;
  flex-direction: column;
}
.proposition-filters__header {
  height: 6.8rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 2.5rem;
}
.proposition-filters__filters-options {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 140%;
  letter-spacing: 0.0126802rem;
  color: #6B6C76;
}
.proposition-filters__label-info {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 140%;
  letter-spacing: 0.0126802rem;
  color: #6B6C76;
}
.proposition-filters__back-button-arrow {
  margin-top: 1.6rem;
}
.proposition-filters__back-button-arrow svg path {
  color: #C4C4C4;
}
.proposition-filters__filter-title {
  margin-top: 2.2rem;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8rem;
  letter-spacing: 0.0684rem;
  color: #353535;
}
.proposition-filters__search-bar {
  background-color: transparent;
  width: 90%;
  height: 4.4rem;
  border: 1px solid #EBE9E8;
  box-sizing: border-box;
  border-radius: 1.6rem;
  margin-left: 2rem;
  color: #5E617C;
  position: relative;
}
.proposition-filters__search-input {
  background-color: transparent;
  width: 100%;
  height: 4.4rem;
  border: 1px solid #EBE9E8;
  box-sizing: border-box;
  border-radius: 1.6rem;
  padding-left: 3.2rem;
  color: #5E617C;
}
.proposition-filters__icon-search {
  position: absolute;
  top: 1.3rem;
  left: 1rem;
}
.proposition-filters__clear-button {
  margin-top: 3.5rem;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
  letter-spacing: 0.0126rem;
}
.proposition-filters__sort {
  display: flex;
  padding: 2.3rem 3.3rem 2.2rem 2.4rem;
  flex-direction: column;
  border-bottom: 1px solid #EADFD4;
}
.proposition-filters__themes {
  display: flex;
  flex-direction: column;
  padding: 2.2rem 3.3rem 2.2rem 2.4rem;
  border-bottom: 1px solid #EADFD4;
}
.proposition-filters__relevancy {
  display: flex;
  flex-direction: column;
  padding: 2.2rem 2.4rem 1.1rem 2.4rem;
}
.proposition-filters__keys-paticipants {
  display: flex;
  flex-direction: column;
  padding: 2.2rem 2.4rem 1.1rem 2.4rem;
  border-top: 1px solid #EADFD4;
}
.proposition-filters__title-category {
  color: #353535;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6rem;
  letter-spacing: 0.00684rem;
}
.proposition-filters__row-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 1.5rem;
}
.proposition-filters__radio-style {
  width: 2.4rem;
  height: 2.4rem;
  background-color: green !important;
}
.proposition-filters__checkbox-style {
  width: 1.6em;
  height: 1.6em;
  border-radius: 1px;
  background: transparent;
}
.proposition-filters__btn-apply {
  width: auto;
  margin: 4.7rem 2.4rem 5.9rem 2.4rem;
}
.proposition-filters__toggle {
  margin-right: 3px;
  margin-top: 0;
}
.proposition-filters input[type=checkbox] {
  accent-color: #FF7C43;
}
.proposition-filters input[type=radio] {
  accent-color: #FF7C43;
}
.proposition-search {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  width: 100%;
}
.proposition-search__back-btn {
  display: flex;
  margin-bottom: 2rem;
}
.proposition-search__search-bar {
  position: relative;
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
}
.proposition-search__icon-search {
  position: absolute;
  top: 7px;
  left: 2rem;
}
.proposition-search__search-input {
  width: 100%;
  height: 3.7rem;
  border: 1px solid #b0b0b0;
  box-sizing: border-box;
  border-radius: 10rem;
  padding-left: 5.2rem;
  color: #353535;
  transition: width 0.4s ease;
}
.proposition-search__search-input:focus {
  border: 1px solid #1898DC;
}
.proposition-search__search-input--small-width {
  width: 85%;
}
.proposition-search__btn-clean-text {
  position: absolute;
  top: 8px;
  left: 38rem;
}
.proposition-search .proposition {
  width: 100%;
  margin-bottom: 2rem;
}
.proposition-search__cancel {
  color: #76797B;
}

#mainContent > .reset-password {
  display: flex;
  margin-top: 4rem;
  width: 100%;
  align-content: space-around;
  justify-content: center;
}
#mainContent > .reset-password__form {
  width: fit-content;
}

.cookie-consent {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1100;
  background: #EFEFEF;
  padding: 4rem;
}
@media only screen and (max-width: 600px) {
  .cookie-consent {
    padding: 2rem 1rem;
  }
}
.cookie-consent__container {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}
.cookie-consent__container-mobile {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.cookie-consent__button-container-row {
  width: 40rem;
  display: flex;
  justify-content: space-between;
}
.cookie-consent__button-large {
  width: 40rem;
  margin-bottom: 1rem;
}
.cookie-consent__button-small {
  width: 19.5rem;
  font-size: 1.4em;
}
.cookie-consent__button-mobile {
  width: 100%;
  margin-bottom: 1rem;
}
.cookie-consent__text {
  margin-left: 3.6rem;
  margin-right: 3.6rem;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.9rem;
  color: #5E617C;
}
.cookie-consent__text-mobile {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.9rem;
  text-align: left;
  color: #5E617C;
  margin-top: 2.3rem;
  margin-bottom: 2.3rem;
}
.cookie-consent__image {
  margin-right: 4rem;
  display: flex;
  align-items: center;
}
.cookie-consent__image-mobile {
  margin-right: 2rem;
}
.cookie-consent__preferences {
  width: 100%;
}
.cookie-consent__preferences-mobile {
  width: 100%;
  margin-bottom: 5rem;
}
.cookie-consent__preferences-main-title {
  font-family: Sora;
  font-style: normal;
  font-weight: 600;
  font-size: 1.7rem;
  color: #353535;
}
.cookie-consent__preferences-title-container-mobile {
  display: flex;
  align-items: center;
}
.cookie-consent__preferences-item {
  margin-top: 2.1rem;
  margin-bottom: 2.1rem;
}
.cookie-consent__preferences-title-text {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: #353535;
  margin-bottom: 0.8rem;
}
.cookie-consent__preferences-toggle {
  display: inline-block;
}
.cookie-consent__preferences-toggle .x-toggle:checked + label > .x-toggle-btn::before {
  background-color: #ECD8CC !important;
  opacity: 1 !important;
}
.cookie-consent__preferences-toggle .x-toggle:checked + label > .x-toggle-btn::after {
  background-color: #FF7F47 !important;
}
.cookie-consent__preferences-text {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #5E617C;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: auto;
  z-index: 9003;
  font-size: 1.4rem;
}
@keyframes fadeIn {
  from {
    opacity: 0.2;
    display: flex;
  }
  to {
    opacity: 1;
    display: flex;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    display: flex;
  }
  to {
    opacity: 0;
    display: none;
  }
}
.popup.hidden {
  opacity: 0;
  animation-name: fadeOut;
  animation-duration: 600ms;
}
.popup.shown {
  display: flex;
  opacity: 1;
  animation-name: fadeIn;
  animation-duration: 10ms linear;
}
.popup__main-container {
  align-items: center;
  min-width: 36rem;
  width: 80%;
  max-width: 90%;
  margin: auto;
  display: flex;
  position: relative;
  align-items: center;
  height: fit-content;
}
.popup__main-container .popup__container {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  padding: 0.8em 0.2em;
  margin: 1.75rem auto;
  background: #fff;
  border-radius: 1rem;
  box-shadow: -10px 12px 4px rgba(100, 100, 100, 0.2);
  min-width: 20rem;
  width: 80%;
}
.popup__main-container .popup__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 30em;
  padding: 0px 2rem 1rem;
}

#popup-fader {
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  z-index: 1003;
}

body .popup, body.popup_hidden .popup {
  display: none;
}
body #popup-fader, body.popup_hidden #popup-fader {
  display: none;
}

body.popup_shown #popup-fader {
  display: flex;
}
body.popup_shown #popup-fader.hidden {
  opacity: 0;
  animation-name: fadeOut;
  animation-duration: 600ms;
}
body.popup_shown #popup-fader.shown {
  opacity: 1;
  animation-name: fadeIn;
  animation-duration: 300ms;
}
body.popup_shown .popup {
  display: flex;
}

.popup-close-button {
  margin-bottom: 0px;
  padding-top: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
}
.popup-auth__head .popup-close-button {
  padding-right: 1.5rem;
}
.popup-close-button .btn-close {
  width: auto !important;
}
.popup-close-button-mobile {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin: 2rem 0;
  padding-left: 0;
  padding-right: 0;
}
.popup-close-button-mobile .btn-close svg path {
  fill: none !important;
}

.popup__container.confirm-popup {
  max-width: 44rem;
}

.confirm-popup {
  border-radius: 2rem !important;
}
.confirm-popup__close-button {
  position: absolute;
  right: 1.7rem;
  top: 1.7rem;
}
.confirm-popup__top-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  padding: 3.5rem 4.4rem 1rem 4.4rem;
}
.confirm-popup__title {
  font-family: Sora, Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 3rem;
  line-height: 110%;
  letter-spacing: 0.00684685rem;
  color: #373F41;
}
.confirm-popup__text {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: #5E617C;
  padding-left: 4.4rem;
  padding-right: 4.4rem;
}
.confirm-popup__button-container {
  padding: 3.5rem 4.4rem 2rem 4.4rem;
}
.confirm-popup__button-container button {
  display: block;
  width: 100%;
  margin-bottom: 1.5rem;
}

@media (max-width: 600px) {
  .confirm-popup.popup_container {
    width: 100% !important;
    padding: 2rem;
  }
  .popup__confirm.confirm-popup {
    min-width: auto;
  }
}
.popup__container.confirm-popup {
  max-width: 44rem;
}

.confirm-popup {
  border-radius: 2rem !important;
}
.confirm-popup__close-button {
  position: absolute;
  right: 1.7rem;
  top: 1.7rem;
}
.confirm-popup__top-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  padding: 3.5rem 4.4rem 1rem 4.4rem;
}
.confirm-popup__title {
  font-family: Sora, Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 3rem;
  line-height: 110%;
  letter-spacing: 0.00684685rem;
  color: #373F41;
}
.confirm-popup__text {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: #5E617C;
  padding-left: 4.4rem;
  padding-right: 4.4rem;
}
.confirm-popup__button-container {
  padding: 3.5rem 4.4rem 2rem 4.4rem;
}
.confirm-popup__button-container button {
  display: block;
  width: 100%;
  margin-bottom: 1.5rem;
}

@media (max-width: 600px) {
  .confirm-popup.popup_container {
    width: 100% !important;
    padding: 2rem;
  }
  .popup__confirm.confirm-popup {
    min-width: auto;
  }
}
.confirm-exit-settings-popup {
  display: flex;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 4rem;
}
.confirm-exit-settings-popup__top-container {
  display: flex;
  margin-bottom: 3.6rem;
}
.confirm-exit-settings-popup__title {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 110%;
  color: #373F41;
  margin-bottom: 1.5rem;
  padding-left: 4.8rem;
  padding-right: 4.8rem;
}
.confirm-exit-settings-popup__text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: #5E617C;
  margin-bottom: 2.6rem;
  padding-left: 4.8rem;
  padding-right: 4.8rem;
  text-align: center;
}
.confirm-exit-settings-popup__button-container {
  display: flex;
  gap: 2rem;
  width: 100%;
  padding-left: 3.3rem;
  padding-right: 3.3rem;
}
.confirm-exit-settings-popup__button-container button {
  flex: 1;
}

.popup .popup_container .mail-activation-popup {
  max-height: none;
  overflow: hidden;
  position: relative;
  display: flex !important;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  background: white;
  border-radius: 1rem;
  box-shadow: -10px 12px 4px rgba(100, 100, 100, 0.2);
}

.activation__header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.activation__header button {
  font-size: 3.4rem;
}
.activation__container {
  display: flex;
  flex-direction: column;
  padding: 1rem 2rem;
}
.activation__title {
  margin: 0;
  padding: 0;
  text-align: center;
}
.activation__message {
  margin: 0;
  margin-top: 2rem;
}
.activation__result-box {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin-top: 1rem;
}
.activation__result-box span {
  margin-right: 0.5rem;
}
.activation__link {
  margin-top: 1rem;
}
.activation__form {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}

.popup__main-container.popup_login__main-container .popup__container.login-popup_container {
  padding: 0;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup {
  display: flex;
  flex-direction: row;
  padding: 0;
  max-width: 101rem;
  overflow-y: auto;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup.popup__container, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup.popup__container {
  padding: 0;
  max-width: 101rem;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__content, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__content {
  width: 101rem;
  min-height: 65rem;
  max-height: none;
  height: auto;
  overflow: hidden;
  position: inherit !important;
  display: inline !important;
  flex-direction: column;
  pointer-events: auto;
  background-clip: padding-box;
  background: #f6f6f6;
  border-radius: 1rem;
  padding: 0;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__content .modal-body .content, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__content .modal-body .content {
  margin-bottom: 2rem;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__head, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0.8em;
  min-height: 7rem;
  align-items: center;
  position: relative;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__head .closer, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__head .closer {
  align-self: flex-end;
  margin-bottom: 0;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__head .closer .btn-close, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__head .closer .btn-close {
  width: 100%;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__head .separator, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__head .separator {
  display: flex;
  width: 100%;
  padding: 1.6em 0.6em 1em;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__head .separator hr, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__head .separator hr {
  flex-grow: 1;
  border: solid 1px #BEBEBE;
  height: 0;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__head .separator div, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__head .separator div {
  margin: 0 1em;
  color: #6B6C76;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__body, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__body {
  display: flex;
  flex-direction: column;
  padding-left: 2rem;
  padding-right: 2rem;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__body .register-chooser__btn-login, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__body .register-chooser__btn-login {
  margin-bottom: 4.6em;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__body .popup-auth__drawing_column, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__body .popup-auth__drawing_column {
  margin-left: 2em;
  text-align: center;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__processing, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__processing {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 10rem;
  justify-content: space-around;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__leftside, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__leftside {
  align-items: center;
  min-height: 30rem;
  justify-content: space-around;
  background-color: #f6f6f6;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__rightside, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__rightside {
  float: left;
  align-items: center;
  min-height: 30rem;
  justify-content: space-around;
  background-color: transparent;
  width: 100%;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__rightside button, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__rightside button {
  width: 20em;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__columnleft, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__columnleft {
  float: left;
  width: 50%;
  background-color: #f6f6f6;
  border-radius: 1rem 0 0 1rem;
  overflow: hidden;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__columnright, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__columnright {
  float: left;
  width: 50%;
  height: 100%;
  background-color: white;
  border-radius: 0 1rem 1rem 0;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__fb-processing, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__fb-processing {
  width: 4rem !important;
  height: 4rem !important;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__fb-processing .path, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__fb-processing .path {
  stroke: #146EE0 !important;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__label_container, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__label_container {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 9px;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__loginform, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__loginform {
  padding: 3.4em 5.2rem 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  font-weight: 500;
  min-height: 51rem;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__registerform, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__registerform {
  padding: 0 5rem 0;
  display: flex;
  flex-direction: column;
  min-height: 45rem;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__loginwithfacebook, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__loginwithfacebook {
  width: 90%;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__firstname, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__firstname {
  width: 48%;
  float: left;
  display: block;
  border-radius: 9px;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__lastname, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__lastname {
  width: 48%;
  float: right;
  display: block;
  border-radius: 9px;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__contact, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__contact {
  border-radius: 9px;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__register, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__register {
  min-width: 25rem;
  margin-left: 10%;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__card_title, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__card_title {
  font-family: Sora, Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 2.7rem;
  color: #373F41;
  white-space: nowrap;
}
.popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__input, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__input {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 9px;
}
@media (min-width: 600px) {
  .popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup_container, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup_container {
    min-height: calc(100% - 3.5rem);
    width: auto !important;
    margin: 1.75rem auto;
    height: 100%;
  }
  .popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup_container.show-ask-follow, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup_container.show-ask-follow {
    width: 36rem;
  }
}
@media (max-width: 600px) {
  .popup__main-container.popup_login__main-container .popup__container.login-popup_container {
    /*Fallback for small width : only on window resize as normally at this size the popup is replaced by the mobile panel => we display the popup in one column, not two*/
  }
  .popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup_container, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup_container {
    width: 100%;
  }
  .popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__columnleft, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__columnleft {
    width: 100%;
    float: none;
    height: 8em;
    display: block;
  }
  .popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__body .popup-auth__drawing_column, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__body .popup-auth__drawing_column {
    display: none;
  }
  .popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__columnright, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__columnright {
    display: block;
    width: 100%;
  }
}
@media (max-width: 1013px) {
  .popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__content, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__content {
    width: 100%;
  }
  .popup__main-container.popup_login__main-container .popup__container.login-popup_container .registration-popup .popup-auth__registerform, .popup__main-container.popup_login__main-container .popup__container.login-popup_container .login-popup .popup-auth__registerform {
    padding: 0 1rem 0;
  }
}

.welcome__header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.welcome__header button {
  font-size: 3.4rem;
}
.welcome__message {
  padding: 4rem;
}
.welcome__message h2 {
  margin: 0;
  padding: 0;
  color: #337ab7;
  text-align: center;
}
.welcome__message p {
  margin: 0;
  margin-top: 2rem;
  font-size: 1.6rem;
}

.login-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-form > div {
  width: 100%;
}
.login-form__btn {
  margin: 2.6em 0;
}
.login-form__error-message {
  color: #DA3B21;
  font-style: italic;
}
.login-form__footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.login-form__password-lost-btn {
  color: #2A6DE8;
  width: auto !important;
}
.login-form__password-lost-btn__container {
  width: 100%;
  text-align: left;
}
.login-form__btn-register {
  justify-content: center;
  color: #2A6DE8;
  margin-top: 1rem;
}
.login-form .label-text-redesign__input-container {
  margin-bottom: 1.5rem;
}

.login-password-lost-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-password-lost-form h1 {
  width: 100%;
  text-align: left;
}
.login-password-lost-form__sub {
  padding: 2em 0 4em;
  width: 100%;
}
.login-password-lost-form .login-form__password-lost-btn__container {
  padding-top: 3em;
}

.register-chooser {
  display: flex;
  flex-direction: column;
}
.register-chooser__btn {
  margin: 1rem 0;
}
.register-chooser__btn-login {
  justify-content: center;
  color: #2A6DE8;
  font-weight: 600;
  font-size: 1.4rem;
  margin-bottom: 3rem;
}

.register-form {
  flex-direction: column;
  font-weight: 500;
}
.register-form__name-box {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.register-form__error-message {
  color: #DA3B21;
  font-style: italic;
  margin-top: 0.4em;
  margin-bottom: 2rem;
}
.register-form__captcha {
  display: flex;
  justify-content: center;
  transform: scale(0.9);
}
.register-form__captcha-wait {
  display: flex;
  justify-content: center;
  margin: 2rem;
}
.register-form__agreement-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;
  margin-top: 1rem;
}
.register-form__agreement-check {
  margin-right: 0.5rem;
  margin-top: 0.5rem;
}
.register-form__label-agree {
  font-weight: normal;
  font-size: 0.9em;
}
.register-form__submit {
  display: flex;
  justify-content: center;
}
.register-form__btn-signup {
  width: 80%;
  margin-top: 2rem;
  margin-bottom: 7rem;
}
.register-form__btn-login {
  justify-content: center;
  color: #2A6DE8;
  font-weight: 600;
  font-size: 1.4rem;
  margin-top: 1rem;
}
.register-form__email-exist {
  /*display: flex;
  & p {
      margin-right: 1px;
  }*/
  flex-direction: column;
  /* gap: 1em; */
  display: flex;
  margin-top: 1em;
}
.register-form__leftside {
  float: left;
  /*display: flex;*/
  align-items: center;
  min-height: 30rem;
  border-bottom: 1px solid #b0b0b0;
  justify-content: space-around;
  background-color: #F7F7F7;
  width: 36rem !important;
}
.register-form__rightside {
  float: left;
  /*display: flex;*/
  align-items: center;
  min-height: 30rem;
  border-bottom: 1px solid #b0b0b0;
  justify-content: space-around;
  background-color: white;
  width: 36rem !important;
}
.register-form__column {
  float: left;
  width: 50%;
}

.reset-password-form {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  font-size: 1.4rem;
}
.reset-password-form__error-message {
  color: #DA3B21;
  font-style: italic;
  line-height: 2rem;
  margin-bottom: 2rem;
}
.reset-password-form__field {
  margin-top: 1em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.reset-password-form .reset-password__icon {
  margin-right: 10%;
}
.reset-password-form .label-text__input-container {
  margin-bottom: 0;
}
.reset-password-form__buttons {
  margin-top: 3em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.reset-password-form .reset-password-header {
  /*position: absolute;
  width: 334px;
  height: 48px;
  left: 226px;
  top: 40px;*/
  /* h4 */
  font-family: Sora, Inter;
  font-style: normal;
  font-weight: bold;
  font-size: 27px;
  line-height: 32px;
  /* or 119% */
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.1px;
  color: #2E2F30;
}
.reset-password-form .reset-password-close {
  /*position: absolute;
  left: 433px;
  right: 16.67%;
  top: -43px;
  bottom: 16.67%;*/
  height: 15px;
  width: 15px;
  border-radius: 0px;
}

.event_popup .spinner {
  margin: 10rem 0;
}

.event_settings_page .event_popup {
  padding: 0;
}
.event_settings_page .event_popup__big-container {
  padding: 0 !important;
}
.event_settings_page .event_popup__container {
  height: auto;
}
.event_settings_page .event_popup__right-container {
  justify-content: flex-start;
  height: auto;
}

.update-popup {
  /*
    &__container {
  	width: 100%;
  	// height: 60rem;
  	min-height: 45rem;
  	display: flex;
  	flex-direction: column;
    }
  */
  /*
    &__info-section {
  	width: 100%;
  	height: 100%;
  	display: flex;
  	flex-direction: row;
  	overflow: scroll;
    }

    &__icon-section {
  	width: 8rem;
  	height: 100px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	svg {
  	  margin: 0 0.3rem;
  	}
    }

    &__date {
  	font-size: 1.7rem;
  	font-weight: 500;
  	line-height: 17px;
  	margin-top: 2rem;
  	margin-bottom: 3.2rem;
  	color:$medium-dark-gray;
  	text-transform: uppercase;

    }

    &__info {
  	width: 100%;
  	display: flex;
  	flex-direction: column;
    }
  */
}
.update-popup.popup__content {
  display: flex;
  flex-direction: column;
}
.update-popup ::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

/*
.update-popup-mobile{

  &.popup__content {
	height: 100vh;
	display: flex;
	flex-direction: column;
  }

  &__image-container{
	width: 100%;
	height: 9.1rem;
	img{
	  width: 100%;
	  height: 100%;
	  object-fit: contain;
	}
  }
  &__card-cover-image{
	object-fit: cover;
	height:9.1rem;
	width: 100%;
	border-radius: 0.4rem;
  }

  &__info-text {
	display: inline-block;
	color: #6B6C76;
	font-weight: 400;
	font-size: 1.3rem;
	overflow-y: scroll;
	line-height: 1.8rem;
	letter-spacing: 0.013rem;
	height: auto;
	width: 100%;
  }

  &__back-button {
	border: none;
	background: none;
	cursor: pointer;
  }

  &__container {
	width: 100%;
	height: 60rem;
	display: flex;
	flex-direction: column;
  }

  &__header {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin: 2rem 0;
	padding-left: 2.6rem;
  }

  &__info-date {
	font-size: 1.4rem;
	font-weight: 500;
	color: $medium-dark-gray;
	display: flex;
	justify-content: flex-end;
	padding-bottom: 3.6rem;
  }

  &__title-container-popup{
	padding: 1.9rem 0 0.4rem 0;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
  }

  &__info-icon{
	padding-left: 0.7rem;
  }

  &__title-popup{
	color: #353535;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.5rem;
	letter-spacing: 0.006rem;
	padding-left: 1.558rem;
  }

  &__icons-container-popup{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
  }
}
*/
/*
#sidePanel{
	.update-popup{
		&__content{
			padding: 0 0 1rem;
		}
		&__container-image-popup{
			float: none;
			width: 100%;
			margin: 0 0 2em 0;

		}
		&__image-popup{
			min-width: 31.5rem;
			text-align: center;
			width: 100%;
		}
		&__info-text{
			padding: 0;
		}
	}
}
*/
/* DEPRECATED mostly moved in document-details
.resource-popup {

  &__file-icon {
	width: 2rem;
	height: 2rem;
  }

  &__icons-container{
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
  }

  &__header {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin: 2rem 0 0 0;
	padding-right: 1.5rem;
  }
  &__document-image{
	position: relative;
	height: 9.8rem;
	width: 10.8rem;
	background: rosybrown;
	border-radius: 0.4rem;
	margin-right: 1rem;
  }

  &__document-container{
	padding-top:1.2rem;
	display:flex;
	flex-direction: row;
	align-items: center;
	padding-right: 3rem;
  }

  &__document-icon-container{
	position: absolute;
	left: 3.4rem;
	top: 3.3rem;
  }

  &__file-icon{
	position: absolute;
	left: 4.8rem;
	top: 4rem;
  }

  &__document-description{
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.6rem;
	letter-spacing: 0;
	color: $dark-gray-color;
  }

  &__description-container{
	width: 10rem;
  }

  &__close-button {
	border: none;
	background: none;
  }

  &__info-text-container{
	  position: relative;
	  color: $dark-gray-color;
	  font-size: 1.5rem;
  }

  &__full-screen{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
  }

  &__info {
	width: calc(100% - 3rem);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding-left: 1.317rem;
	padding-top: 2.5rem;
  }

  &__info-text {
	color: $dark-gray-color;
	font-size: 1.5rem;
  }

  &__compose-text {
	color: $dark-gray-color;
	font-size: 1.5rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
  }

  &__documents-row{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
  }

  &__content-file-document{
	padding: 0 4.5rem;
  }

  &__view-attachment {
	display: flex;
  }

  &__attachment-container {
	position: relative;
	margin-top:1.2rem;
	width:8.8rem;
	height: 8.8rem;
	border-radius: 0.4rem;
	img {
	  width: 100%;
	  height: 100%;
	  object-fit: contain;
	}
  }

  &__attachment-data {
	  flex-grow: 1;
	  margin: 0 1em;
	  color: $medium-gray;
	  font-style: italic;
  }
}

.resource-popup-mobile{
}

.resource-popup-mobile{
	border-radius: 0;
	padding: 0 2.4rem 0 2.4rem;
	width: 100%;

	.section-link{
		&__icons{
			position: relative;
			width: auto;
			border-radius: 0.4rem;
		}
	}

  &__container {
	width: 100%;
	height: 100vh;
  }

  &__icons-container{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 3.2rem;
  }
  &__visualize-icon{
	margin-left: 1.5rem;
  }

  &__header {
	margin: 0;
	width: 100%;
	display: flex;
	justify-content: flex-start;
  }

  &__document-image{
	height: 8.8rem;
	width: 8.8rem;
	background: rosybrown;
	border-radius: 0.4rem;
	position: relative;
  }

  &__documents-details{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-top: 2.5rem;
  }

  &__file-document-icon{
	position: absolute;
	z-index: 99;
	top: 3.3rem;
	left: 3.3rem;
  }

  &__document-container{
	width:100%;
	display:flex;
	flex-direction: row;
	align-items: center;
	padding-top: 2rem;
  }

  &__document-icon-container{
	position: absolute;
	left: 3.4rem;
	top: 3.3rem;
  }

  &__file-icon{
	position: absolute;
	top: 3.3rem;
	left: 3.3rem;
  }


  &__description-container{
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.9rem;
	letter-spacing: 0;
	color: $dark-gray-color;
	width: 24%;
	margin-left: 1.8rem;
  }

  &__close-button {
	border: none;
	background: none;
  }

  &__header-container{
	display: flex;
	flex-direction: row;
	align-items: center;
  }

  &__info-section {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
  }

  &__icon-section {
	display: flex;
	align-items: center;
  }

  &__file {
	width: 1.6rem;
	margin-left: 0.9rem;
  }

  &__date {
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.7rem;
	margin-top: 1rem;
	margin-bottom: 3.2rem;
	color: #84878A;
	text-transform: uppercase;
	display: flex;
	justify-content: flex-end;
  }

  &__info-text-container{
	position: relative;
	color:$medium-dark-gray;
	font-size: 1.3rem;
	font-style: normal;
	letter-spacing: 0.01268rem;
	text-align: left;
	font-weight: 400;
	line-height: 1.8rem;
  }

  &__blue-text-style{
	color:$light-blue;
	font-weight: 700;
  }

  &__full-screen{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
  }

  &__info {
	display: flex;
	flex-direction: column;
	padding-left: 1.7rem;
	word-break: break-word;
  }

  &__info-text {
	color: $dark-gray-color;
	font-size: 1.5rem;
  }
  &__back-button {
	border: none;
	background: none;
	cursor: pointer;
  }

  &__compose-text {
	color: $dark-gray-color;
	font-size: 1.5rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
  }

  &__documents-row{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
  }


}
*/
.popup .popup_container.share-popup {
  height: 60rem;
  width: 44.5rem;
  border-radius: 1.6rem;
}
.popup .popup_container.share-popup__container {
  display: none;
}
.popup .popup_container.share-popup__container.share-popup {
  display: flex;
}
.popup .popup_container .share-popup__container {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.share_popup {
  width: 30rem;
  min-width: unset !important;
}
.share_popup__top-container {
  margin-left: 4.4rem;
  margin-right: 4.4rem;
  margin-top: 1.5rem;
  padding-bottom: 2.1rem;
  border-bottom: 1px solid #EFEFEF;
}
.share_popup__title {
  font-family: Sora;
  font-style: normal;
  font-weight: bold;
  font-size: 3rem;
  line-height: 110%;
  letter-spacing: 0.00684685rem;
  color: #373F41;
  margin-bottom: 0.7rem;
}
.share_popup__short-description {
  padding-top: 0.7rem;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: #5E617C;
}
.share_popup__sub-title {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: #5E617C;
  padding-top: 0.9rem;
}
.share_popup__close-button {
  position: absolute;
  right: 1.7rem;
  top: 1.7rem;
}

#sidePanel .popup__share-idea-popup {
  width: 100%;
}
#sidePanel .popup__content {
  width: 100%;
}

.follow-project-popup.popup_container {
  width: 77.8rem;
}

@media (max-width: 600px) {
  .follow-project-popup.popup_container {
    width: 100%;
    margin: 2rem;
  }
  .follow-project-popup.popup_container .popup-close-button-mobile {
    margin: 0;
  }
  .follow-project-popup2.popup_container {
    width: 100%;
    margin: 2rem;
  }
}
.follow-project-popup.popup__content {
  align-items: center;
  text-align: center;
  padding: 1em;
}

.popup .popup_container.follow-project-popup {
  display: none;
}
.popup .popup_container.follow-project_container {
  display: none;
}
.popup .popup_container.follow-project_container.follow-project-popup {
  display: flex;
}
.popup .popup_container .follow-project-popup__container {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.popup__container .highlight-comment-popup_container {
  width: 76rem;
}

.popup__container .popup__content {
  align-items: unset;
}

.highlight-comment-popup__selected-text {
  background-color: yellow;
}
.highlight-comment-popup__top-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  padding: 3rem 3.5rem 4rem 4rem;
}
.highlight-comment-popup__left-container {
  max-width: 45%;
}
.highlight-comment-popup__title {
  font-style: normal;
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 110%;
  /* or 35px */
  color: #373F41;
}
.highlight-comment-popup__title svg {
  width: 3.6rem;
  height: 3.6rem;
}
.highlight-comment-popup__sub-title {
  margin-top: 2rem;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 2.2rem;
  color: #6B6C76;
}
.highlight-comment-popup__right-container {
  width: 50%;
  margin-left: 4rem;
  padding-left: 4rem;
  border-left: 1px solid #ECECEC;
}
.highlight-comment-popup__preview-title {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 2.2rem;
  text-transform: uppercase;
  color: #6B6C76;
}
.highlight-comment-popup__contribution {
  max-height: 30rem;
  overflow-y: scroll;
  padding: 0 4rem 4rem 4rem;
}
.highlight-comment-popup__contribution ::selection {
  background: yellow;
}
.highlight-comment-popup__bottom-container {
  background: #FFFFFF;
  box-shadow: 0px -2px 14px rgba(0, 0, 0, 0.13);
  display: flex;
  justify-content: space-between;
  padding: 1.2rem 3rem 1.2rem 4rem;
}
.highlight-comment-popup__highlights-left-info {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 2.2rem;
  text-transform: uppercase;
  color: #6B6C76;
}
.highlight-comment-popup__share-highlight-button {
  color: #FFFFFF;
  background: #353535;
  border-radius: 3px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.highlight-comment-popup__share-highlight-button--disabled {
  background: #F4F3F5;
}
.highlight-comment-popup__close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.add-comment-popup {
  width: 55rem;
}
@media only screen and (max-width: 600px) {
  .add-comment-popup {
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.11) !important;
    border-radius: 5px !important;
  }
}
.add-comment-popup__top-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  padding: 2.5rem 1rem 0;
}
.add-comment-popup__title {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.1rem;
  color: #434343;
}
.add-comment-popup__text {
  font-size: 1.6rem;
  color: #5E617C;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 1.3rem;
}
.add-comment-popup__text textarea {
  height: 30rem !important;
  font-size: 1.6rem !important;
}
@media only screen and (max-width: 600px) {
  .add-comment-popup__text textarea {
    height: 60vh !important;
  }
}
.add-comment-popup__button-container {
  display: flex;
  justify-content: flex-end;
  padding: 0 1rem 0rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.add-comment-popup__button-container button {
  height: 3rem;
}

@media (max-width: 600px) {
  .add-comment-popup.popup_container {
    width: 100% !important;
    padding: 2rem;
  }
  .popup__confirm.add-comment-popup {
    min-width: auto;
  }
}
.popup__container.edit-comment .popup__container {
  position: unset;
  width: 80%;
}
.popup__container.edit-comment .popup__content.edit-comment {
  position: unset;
  width: 78rem;
}
.popup__container.edit-comment .edit-comment-popup__container .contribution-add-form-expanded {
  background: transparent;
  box-shadow: unset;
  border: unset;
}
.popup__container.edit-comment .edit-comment-popup__container .contribution-add-form-expanded__bottom {
  border: solid 0 !important;
}

.proposition-flag-popup__select-container {
  margin-top: 1rem;
  margin-left: 4rem;
  margin-right: 4rem;
}
.proposition-flag-popup__label-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0.8rem;
  margin-bottom: 3rem;
}
.proposition-flag-popup__hidecontent-container {
  margin: 0 4rem;
}
.proposition-flag-popup__label-info {
  margin-left: 2.3rem;
}
.proposition-flag-popup__label-info.disabled {
  font-style: italic;
  opacity: 0.6;
}
.proposition-flag-popup__label-title {
  font-family: Sora, Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 138.9%;
  letter-spacing: 0.0126802rem;
  color: #353535;
}
.proposition-flag-popup__label-text {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #5E617C;
}
.proposition-flag-popup__button-container {
  display: flex;
  justify-content: space-between;
  padding: 0 4.25rem 4rem 4rem;
}
.proposition-flag-popup__button-container button {
  width: 49%;
}

.popup__content.moderate-contribution {
  min-width: 40rem;
  display: flex;
  flex-direction: column;
}
.popup__content.moderate-contribution .modal-body .content {
  margin-bottom: 2rem;
}

.add-link-popup {
  display: flex;
  flex-direction: column;
  gap: 1em;
  width: 40em;
}
.add-link-popup .confirm-popup__title, .add-link-popup .confirm-popup__text, .add-link-popup .confirm-popup__button-container {
  padding: 0 4.4em;
}
.add-link-popup .confirm-popup__title {
  text-align: center;
  margin-bottom: 1em;
}

.popup__container.proposition-add-popup_container {
  width: unset;
}

.proposition-add-form {
  display: flex;
  flex-direction: column;
  padding: 0.8rem 4.2rem 2.4rem 4.4rem;
  font-size: 1.4rem;
  border-radius: 1rem !important;
  justify-content: flex-start;
}
.proposition-add-form__popup-progress-bar {
  background: transparent;
  width: 100%;
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  height: 0.8rem;
}
.proposition-add-form__back-button svg path {
  fill: none !important;
  padding-top: 0.5rem;
}
.proposition-add-form__header-container {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 0 1.5rem;
}
.proposition-add-form__btn-wrapper {
  position: absolute;
  right: -3rem;
  top: 0.8rem;
}
.proposition-add-form__progress {
  transition: width 1s;
  height: 0.8rem;
  background: #4F8DFF;
}
.proposition-add-form .step-two__map-container.show {
  margin-top: 1.6rem;
}
.proposition-add-form .step-two__click-map-description {
  margin-top: 1.6rem;
  margin-bottom: 1.3rem;
}
.proposition-add-form .custom-padding {
  margin-top: 3rem;
}
.proposition-add-form__container {
  display: flex;
  flex-direction: column;
  /*overflow-y: scroll;*/
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.proposition-add-form ::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
.proposition-add-form__progress-info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.8rem;
  font-family: Sora;
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  letter-spacing: 0.02rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.2rem 0.9rem rgba(0, 0, 0, 0.1);
  border-radius: 0.3rem;
  width: 97px;
  height: 29px;
}
.proposition-add-form__top {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.proposition-add-form__top-header {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.proposition-add-form__subtitle {
  font-size: 1.4rem;
  color: #353535;
  margin-top: 2rem;
  margin-bottom: 1.4rem;
}
.proposition-add-form__add-idea {
  margin-bottom: 2.1rem;
}
.proposition-add-form__add-idea-step-two {
  margin-bottom: 0;
}
.proposition-add-form__title-popup {
  font-style: normal;
  font-weight: bold;
  font-size: 3rem;
  line-height: 110%;
  letter-spacing: 0.00684685rem;
  color: #373F41;
}
.proposition-add-form__steps {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1.6rem;
  padding-bottom: 3.5rem;
}
.proposition-add-form__step {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 1.7rem;
  background: #C4C4C4;
  color: #000000;
  font-weight: 600;
  margin: 0 1.5rem;
  border: none;
}
.proposition-add-form__step:hover {
  cursor: pointer;
}
.proposition-add-form__step.active {
  background: #2A78CD;
  color: #ffffff;
}
.proposition-add-form__footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5rem;
  bottom: 3.2rem;
  left: 0;
}
.proposition-add-form__footer--end {
  justify-content: flex-end;
}
.proposition-add-form__footer-buttons {
  padding: 0;
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 2.4rem;
  gap: 2rem;
}
.proposition-add-form__footer-buttons button:first-child {
  height: 4.5rem;
  width: 34.2rem;
  border-radius: 3px;
}
.proposition-add-form__continue-button {
  width: 34.2rem;
  height: 4.5rem;
  background: #353535;
  opacity: 0.6;
  border-radius: 3px;
}
.proposition-add-form__continue-button--black {
  opacity: 1;
}
.proposition-add-form__publish-button {
  width: 34.2rem;
  height: 4.5rem;
  background: #353535;
  border-radius: 3px;
}
.proposition-add-form__obligatory-fields {
  text-align: left;
  color: #A8A8A8;
}

.phone-proposition-add-form {
  max-height: none;
  height: 100%;
  width: 100%;
  padding: 0.8rem 2.4rem 2.4rem 2.4rem;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  border-radius: 1rem !important;
  justify-content: flex-start;
  overflow-y: scroll;
}
.phone-proposition-add-form__top-header {
  margin-top: 0.8rem;
}
.phone-proposition-add-form__footer {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  bottom: 3.2rem;
}
.phone-proposition-add-form__obligatory-fields {
  align-self: start;
  margin-bottom: 3rem;
  text-align: left;
  color: #b0b0b0;
}
.phone-proposition-add-form__publish-button {
  width: 15.7rem;
  height: 4.5rem;
  background: #353535;
  border-radius: 3px;
}
.phone-proposition-add-form__popup-progress-bar {
  background: transparent;
  width: 100%;
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  height: 0.8rem;
}
.phone-proposition-add-form__continue-button {
  background: #353535;
  opacity: 0.6;
  width: 15.7rem;
}
.phone-proposition-add-form__continue-button--black {
  opacity: 1;
}
.phone-proposition-add-form__top {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.phone-proposition-add-form .step-two__map-container.show {
  margin-top: 1.6rem;
  height: 39rem;
}
.phone-proposition-add-form__header-container {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 0 1.5rem 2.7rem 1.5rem;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8rem;
  letter-spacing: 0.0068468466rem;
  text-align: left;
}
.phone-proposition-add-form__container {
  display: flex;
  flex-direction: column;
}
.phone-proposition-add-form__progress-info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.8rem;
  font-family: Sora;
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  letter-spacing: 0.02rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.2rem 0.9rem rgba(0, 0, 0, 0.1);
  border-radius: 0.3rem;
  width: 97px;
  height: 29px;
}
.phone-proposition-add-form__btn-wrapper {
  position: absolute;
  right: -3rem;
  top: 0.8rem;
}
.phone-proposition-add-form__title-popup {
  font-style: normal;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 112%;
  letter-spacing: 0.00684685rem;
  color: #353535;
  padding-left: 0.3rem;
}
.phone-proposition-add-form__title-step2 {
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.4rem;
  letter-spacing: 0.0068468466rem;
  text-align: left;
  color: #373F41;
}
.phone-proposition-add-form__description-step2 {
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.1rem;
  letter-spacing: 0.0126802221rem;
  text-align: left;
  padding-top: 0.7rem;
  color: #5E617C;
}
.phone-proposition-add-form__footer-buttons {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #FFFFFF;
  box-shadow: 0px -2px 14px rgba(0, 0, 0, 0.13);
  gap: 2rem;
  margin-bottom: 2rem;
  align-items: center;
  padding: 1.3rem 2rem;
}
.phone-proposition-add-form__container {
  display: flex;
  flex-direction: column;
}
.phone-proposition-add-form__back-button svg path {
  fill: none !important;
  padding-top: 0.5rem;
}

.proposition-confidential-success__container {
  margin: 0 1.5rem 1rem 1.5rem;
}
.proposition-confidential-success__image {
  margin-top: 2rem;
  text-align: center;
}
.proposition-confidential-success__close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.proposition-confidential-success .btn-primary {
  margin-top: 2em;
  width: 100%;
}

.popup .proposition-share {
  /*
      display: flex;
      flex-direction: column;
      position: relative;
      height: 56rem !important;
      width: 46.2rem !important;
      border-radius: 2rem !important;
      padding: 4.1rem 0;
  */
}
.popup .proposition-share-popup_container.popup__container {
  width: 48rem;
}
.popup .proposition-share__top-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 3rem 4.5rem 2.5rem 6.5rem;
  padding-bottom: 2.6rem;
  border-bottom: 1px solid #EFEFEF;
}
.popup .proposition-share__top-container svg {
  position: absolute;
  top: 3.8rem;
  right: 1.6rem;
}
.popup .proposition-share__top-container h4 {
  margin-bottom: 1rem;
}
.popup .proposition-share__big-title {
  width: 27rem;
  font-size: 3rem;
  font-style: normal;
  font-weight: bold;
  line-height: 110%;
  letter-spacing: 0.00684685rem;
  color: #373F41;
}
.popup .proposition-share__share-close-button {
  position: absolute;
  top: -1.7rem;
  right: -1.7rem;
}
.popup .proposition-share__share-idea-info {
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: #5E617C;
  padding-top: 1.3rem;
}
.popup .proposition-share__social-container {
  margin-left: 2rem;
}
.popup .proposition-share__orange-title {
  color: #FF7F47;
}
.popup .proposition-share__close {
  position: absolute;
  left: 70rem;
}
.popup .proposition-share__invite-title {
  padding-left: 4rem;
}

.proposition-map-popup {
  min-width: 100px;
}
.proposition-map-popup__global-relevancy {
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 600;
  position: absolute;
  right: 1rem;
  top: 1rem;
  display: flex;
  align-items: center;
}
.proposition-map-popup__content {
  margin: 1.8rem;
}
.proposition-map-popup__title {
  font-family: Sora;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.0126802rem;
  color: #373F41;
  text-align: left;
  margin-right: 3rem;
}
.proposition-map-popup__description {
  margin-top: 0.5rem;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.5rem;
  letter-spacing: 0.01rem;
  color: #76797B;
}

.leaflet-popup-tip-container {
  display: none;
}

.leaflet-popup-close-button {
  display: none;
}

.leaflet-popup-content {
  margin: 0;
}

.leaflet-popup-content-wrapper {
  background: #FFFFFF;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.18);
  border-radius: 5px;
}

.leave-quiz-popup {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 600px) {
  .leave-quiz-popup {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.leave-quiz-popup__a {
  list-style: none;
  color: #2A6DE8;
}
.leave-quiz-popup__card {
  background: #fff;
  height: 48.9rem;
  width: 77.8rem;
  border-radius: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 9.8rem;
}
@media (max-width: 600px) {
  .leave-quiz-popup__card {
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 3.4rem;
    padding-left: 3rem;
    padding-right: 3rem;
    box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
  }
}
.leave-quiz-popup h1 {
  margin-top: 3.3rem;
  text-align: center;
}
@media (max-width: 600px) {
  .leave-quiz-popup h1 {
    font-weight: 700;
    font-size: 2.7rem;
    line-height: 3.2rem;
  }
}
.leave-quiz-popup img {
  margin-top: 4rem;
}
.leave-quiz-popup__close-button {
  position: absolute;
  top: 1.6rem;
  right: 1rem;
}
.leave-quiz-popup__question-card {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.7rem;
  padding-top: 3rem;
}
.leave-quiz-popup__question {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8rem;
  letter-spacing: 0.01rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
  width: 38.4rem;
}
@media (max-width: 600px) {
  .leave-quiz-popup__question {
    font-size: 1.7rem;
    width: auto;
    padding-top: 1.2rem;
    padding-bottom: 0;
  }
}
.leave-quiz-popup__buttons-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap: 1.4rem;
  padding: 3.5rem 4.5rem 0;
}
@media (max-width: 600px) {
  .leave-quiz-popup__buttons-container {
    flex-direction: column;
    padding-top: 1.7rem;
    gap: 1rem;
  }
}
.leave-quiz-popup__btn {
  width: 20.3rem;
}
@media (max-width: 600px) {
  .leave-quiz-popup__btn {
    width: 22.8rem;
  }
}

.quiz-leave-phone {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  width: 100%;
  align-items: center;
}
.quiz-leave-phone__btn-back {
  align-self: flex-start;
}
.quiz-leave-phone__buttons-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding-top: 3.5rem;
  width: 100%;
  gap: 1rem;
}

.slide__container {
  width: 100vw;
}

.phoneslide__content {
  width: 100%;
}
.phoneslide__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  padding: 2rem 1.4rem 2rem;
}

.phone-page {
  display: flex;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9001;
  font-size: 1.6rem;
  background-color: #fff;
  position: absolute;
  left: -102vw;
  /*
  &__processing {
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	min-height: 10rem;
  	justify-content: space-around;
  }

  &__fb-processing {
  	width: 4rem !important;
  	height: 4rem !important;
  	& .path {
  		stroke: $facebook-bg-color !important;
  	}
  }
  */
}
.phone-page.shown {
  left: 0;
  animation-name: pageIn;
  animation-duration: 400ms;
}
.phone-page.hidden {
  left: -102vw;
  animation-name: pageOut;
  animation-duration: 600ms;
}
.phone-page__main-container {
  flex-grow: 1;
}
.phone-page__main-container .phoneslide__content, .phone-page__main-container .phoneslide__content-mobile {
  flex-grow: 1;
}
.phone-page__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.phone-page__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #b0b0b0;
  min-height: 8rem;
  align-items: center;
  /*
  		button {
              margin-right: 2rem;
              padding-bottom: 2rem;
  		}
  */
}
.phone-page__header_breadcrumb-container {
  width: 100%;
  padding-left: 1.5rem;
}
.phone-page__body {
  display: flex;
  flex-direction: column;
  padding: 2rem;
}

.side-panel {
  /*position: absolute;
  top: 0;
  left: 0;*/
  display: flex;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9002;
  font-size: 1.6rem;
  background-color: #fff;
  position: absolute;
  top: -102vh;
}
.side-panel.shown {
  top: 0;
  animation-name: slideIn;
  animation-duration: 400ms;
}
.side-panel.hidden {
  top: -102vh;
  animation-name: slideOut;
  animation-duration: 600ms;
}
.side-panel__main-container {
  flex-grow: 1;
}
.side-panel__main-container .phoneslide__content, .side-panel__main-container .phoneslide__content-mobile {
  flex-grow: 1;
}
.side-panel__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.side-panel__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #b0b0b0;
  min-height: 8rem;
  align-items: center;
}
.side-panel__header .btn-close {
  align-self: flex-end;
  margin-right: 2rem;
  padding-bottom: 3rem;
}
.side-panel__body {
  display: flex;
  flex-direction: column;
  padding: 2rem;
}

.login_phoneslide .fb_processing__container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1em;
}
.login_phoneslide .fb_processing__spinner {
  width: 4rem !important;
  height: 4rem !important;
}
.login_phoneslide .fb_processing__spinner .path {
  stroke: #146EE0 !important;
}
.recovery-form {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  font-size: 1.4rem;
}
.recovery-form__btn-send {
  margin-top: 2rem;
}
.recovery-form__btn-send div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.recovery-form__btn-text {
  margin-right: 1rem;
}
.recovery-form__error-message {
  color: #DA3B21;
  font-style: italic;
  line-height: 4rem;
}

.auth-chooser {
  display: flex;
  flex-direction: column;
}
.auth-chooser__btn {
  margin: 1rem 0;
}
.auth-chooser__btn-register {
  justify-content: center;
  color: #2A6DE8;
  font-weight: 600;
  font-size: 1.4rem;
  margin-top: 1rem;
}

/*
.unsubscribed_phoneslide {
  &.phoneslide__content {
  }
}
*/
/*
.share_phoneslide {
  &.phoneslide__content {
  }
}
*/
/* phoneslide__content */
/*
.update_phoneslide {
  &.phoneslide__content {
  }
}
*/
.phoneslide__body.questionnaire_questions_phoneslide__body {
  padding: 0 0 5rem 0;
}

.questionnaire_questions_phoneslide__container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  height: 100%;
}

/* Reorganised:: */
.spinner-button {
  padding-left: 4.6rem;
  padding-right: 4.6rem;
}
.spinner-button .spinner {
  display: none;
}
.spinner-button.spin {
  padding-right: 0;
}
.spinner-button.spin .spinner {
  display: inline-block;
}

.spinner-button.link {
  display: inline-block;
}

.civ-cloudinary-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.civ-cloudinary-image__ci {
  width: 100%;
  height: 100%;
}
.civ-cloudinary-image__ci.fit-cover {
  object-fit: cover;
}
.civ-cloudinary-image__ci.flex-width {
  width: auto;
}
.civ-cloudinary-image__ci.flex-height {
  height: auto;
}

/*Imports :*/
/*
@use "abstracts/colors";
@use "abstracts/functions";
@use "abstracts/breakpoint-mixin";
*/
.module-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 2.9rem 2rem;
  background: #fff;
  box-shadow: 0px 2px 24px rgba(165, 157, 143, 0.3);
  border-radius: 1rem;
}
.module-card.card-hidden-to-users {
  opacity: 0.5;
}
.module-card__statistics span {
  font-size: 1.2em;
}
@media only screen and (max-width: 600px) {
  .module-card {
    padding: 1.5rem 1.1rem;
  }
}
.module-card a {
  color: #373F41;
}
.module-card__header {
  display: flex;
  gap: 1.2rem;
}
@media only screen and (max-width: 600px) {
  .module-card__header {
    gap: 0.8rem;
  }
}
.module-card__footer {
  display: flex;
  margin-top: 3rem;
  gap: 1.2rem;
}
.module-card__footer.with-image {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: solid 1px #E3E3E3;
}
@media only screen and (max-width: 600px) {
  .module-card__footer {
    margin-top: 1rem;
    gap: 1rem;
  }
}
.module-card__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 0.8rem;
}
.module-card__icon svg {
  max-width: 2.2rem;
  max-height: 2.9rem;
}
.module-card__color--quiz {
  background-color: #53C372;
}
.module-card__color--questionnaire {
  background-color: #8C6EE0;
}
.module-card__color--discussion {
  background-color: #FF7F47;
}
.module-card__color--ideabox {
  background-color: #3F444A;
}
.module-card__color--closed {
  background-color: #A4A3B4;
}
.module-card__stats {
  font-family: Sora, Inter;
  font-size: 1.6rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #FFFB9C;
  border-radius: 0.8rem;
  color: #373F41;
  padding-left: 1.9rem;
  padding-right: 1.9rem;
}
.module-card__stats b {
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .module-card__stats {
    flex-grow: 1;
    gap: 1rem;
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }
}
.module-card__stats_closed {
  font-size: var(--font-normal-font-size);
  line-height: var(--font-normal-line-height);
  font-weight: var(--font-normal-font-weight);
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #EDEDED;
  border-radius: 0.8rem;
  text-transform: uppercase;
  color: #A4A3B4;
  padding-left: 1.9rem;
  padding-right: 1.9rem;
}
body.layout-phone .module-card__stats_closed {
  font-size: var(--font-normal-font-size_phone);
  line-height: var(--font-normal-line-height_phone);
  font-weight: var(--font-normal-font-weight_phone);
}
.module-card__stats_closed--settings-container {
  text-transform: none;
}
.module-card__stats_closed--settings-container .btn-none {
  display: flex;
  align-items: center;
}
.module-card__stats_closed--settings-container svg {
  margin-top: 0.4em;
  height: 1.8em;
  width: auto;
}
.module-card__info {
  font-family: Sora, Inter;
  font-size: var(--font-heading4-font-size);
  line-height: var(--font-heading4-line-height);
  font-weight: var(--font-heading4-font-weight);
  margin-top: 1.4rem;
  line-height: 1.5em;
  color: #434343;
}
body.layout-phone .module-card__info {
  font-size: var(--font-heading4-font-size_phone);
  line-height: var(--font-heading4-line-height_phone);
  font-weight: var(--font-heading4-font-weight_phone);
}
.module-card__info h2 {
  font-family: Sora, Inter;
  font-size: var(--font-heading4-font-size);
  line-height: var(--font-heading4-line-height);
  font-weight: var(--font-heading4-font-weight);
  word-wrap: anywhere;
}
body.layout-phone .module-card__info h2 {
  font-size: var(--font-heading4-font-size_phone);
  line-height: var(--font-heading4-line-height_phone);
  font-weight: var(--font-heading4-font-weight_phone);
}
.module-card__info h3 {
  font-family: Sora, Inter;
  font-size: var(--font-heading5-font-size);
  line-height: var(--font-heading5-line-height);
  font-weight: var(--font-heading5-font-weight);
  margin-bottom: 1rem;
  color: #434343;
  word-wrap: anywhere;
}
body.layout-phone .module-card__info h3 {
  font-size: var(--font-heading5-font-size_phone);
  line-height: var(--font-heading5-line-height_phone);
  font-weight: var(--font-heading5-font-weight_phone);
}
.module-card__info-description {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.7rem;
  line-height: 1.5em;
}
@media only screen and (max-width: 600px) {
  .module-card__info-description {
    font-size: 1.3em;
  }
}
.module-card__module-label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.7rem 1.2rem;
  position: absolute;
  height: 2.7rem;
  right: 0.8rem;
  bottom: 0.8rem;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
}
.module-card__module-label span {
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3rem;
  letter-spacing: 0.0013em;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-content: center;
}
.module-card__image-container {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  margin-top: 2.6rem;
}
@media only screen and (max-width: 600px) {
  .module-card__image-container {
    left: -1.1rem;
    width: calc(100% + 2.2rem);
    height: 15.8rem;
  }
}
.module-card__module-card-image-empty {
  width: 100%;
  height: 100%;
  background-color: #BEBEBE;
  border-radius: 0.8rem;
}
.module-card__module-card-image {
  object-fit: cover;
  object-position: center;
  border-radius: 0.4rem;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .module-card__module-card-image {
    height: 15.8rem;
    border-radius: 0;
  }
}
.module-card__button-share-icon {
  display: none;
}
@media only screen and (max-width: 900px) {
  .module-card__button-share {
    width: 5rem;
    min-width: auto;
  }
  .module-card__button-share-icon {
    display: flex;
  }
  .module-card__button-share-icon svg {
    margin-right: 0 !important;
  }
  .module-card__button-share-text {
    display: none;
  }
}

.settings-form__container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.settings-form__container_sub {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.settings-form__group-container {
  color: rgb(48, 48, 54);
  border: 1px solid rgb(241, 241, 241);
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 7px;
  padding: 1rem;
  margin-bottom: 1rem;
}
.url-slug__container.hasError input {
  color: #ff0000;
  font-style: italic;
}
.url-slug__body {
  display: flex;
  flex-direction: row;
}
.url-slug__body .input-label {
  margin: 1.5rem 0.3em 0 0;
  white-space: nowrap;
}
.url-slug__body .label-text-field {
  flex-grow: 1;
}
.url-slug__body .label-text-field .input-text {
  padding-left: 0.6rem;
}
.url-slug__footer {
  /*
  	&_preview{
  		.preview-label{}
  		.preview-content{}
  	}
  */
}
.url-slug__footer_error, .url-slug__footer_error a {
  margin-top: -0.5em;
  margin-bottom: 1em;
  color: #ff0000;
  font-style: italic;
}

.setting-item {
  width: 100%;
  margin: 3em 0 1em;
}
.setting-item__item-content > .settings-management__cover-image-container, .setting-item__item-content > .settings-management__cover-image-container > .cover-uploader__container {
  margin-top: 0;
  margin-bottom: 0;
}
.setting-item .setting-item {
  margin-top: 0;
}
.setting-item.mandatory .setting-item__label::after {
  content: "*";
}
.setting-item.hasFooter {
  margin-bottom: 0;
}
.setting-item.error .setting-item__label, .setting-item.error input, .setting-item.error select {
  color: #ff0000;
  font-style: italic;
}
.setting-item .input-text {
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 9px;
}
.setting-item .input-text:hover, .setting-item .input-text:focus {
  background: #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0px 3px 14px rgba(142, 142, 142, 0.15);
  border-radius: 7px;
}
.setting-item__item-error {
  font-weight: 400;
  font-size: 1.2rem;
  color: #ff0000;
}
.setting-item__label {
  font-style: normal;
  font-weight: 500;
  font-size: var(--font-normal-font-size);
  line-height: 150%;
  letter-spacing: 0.01rem;
  color: #353535;
  margin-bottom: 1rem;
}
.setting-item__item-content {
  width: 90%;
}
.setting-item__item-header {
  display: flex;
  justify-content: space-between;
}
.setting-item__two-items {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.setting-item__two-items-item {
  min-width: 15%;
}
.setting-item.select, .setting-item.select-language, .setting-item.select-country {
  margin: 1em 0 2em;
}

.settings-option-checkbox {
  display: flex;
  align-items: center;
}

.settings-option-select {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.settings-option-select input[type=radio] {
  appearance: none;
  width: 1.8rem;
  height: 1.8rem;
  border: 2px solid #D0D0D0;
  border-radius: 50%;
  background-clip: content-box;
  flex-shrink: 0;
}
.settings-option-select input[type=radio]:checked {
  border: 6px solid #FF7F47;
}
.settings-option-select__label {
  margin-left: 2rem;
}
.settings-option-select__title {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #373F41;
}
.settings-option-select__text {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #76797B;
}

.settings-parts__save-changes-button-container {
  margin-top: 3em;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  place-items: center;
  text-align: center;
}

.cover-uploader__container .setting-item__item-content {
  width: unset;
}
.cover-uploader__progress-bar_container {
  display: flex;
  flex-direction: row;
  justify-content: end;
  margin: 0.2em 0;
}
.cover-uploader__footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.image-upload__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
.image-upload__container-sub {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.image-upload__image {
  width: 100%;
  height: 100%;
}
.image-upload__image.fit-cover {
  object-fit: cover;
}
.image-upload__image.flex-width {
  width: auto;
}
.image-upload__image.flex-height {
  height: auto;
}
.image-upload__label {
  display: flex;
  align-content: center;
  align-items: end;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.image-upload__delete-button {
  position: relative;
  left: -3.3rem;
  background-color: white;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  padding: 5px 0;
}
.image-upload__delete-button_container {
  overflow: visible;
  width: 1px;
  margin-bottom: 0.3rem;
}
.image-upload__delete-button svg {
  width: auto;
  height: 2rem;
}
.image-upload__blank-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px dashed #696F70;
  color: #B6B6B6;
  font-size: 1.2rem;
  font-weight: 500;
}
.image-upload__blank-container-picto {
  flex-shrink: 1;
  max-height: 55%;
}
.image-upload__blank-container-picto svg {
  height: 100%;
  width: auto;
}

.label-text__input-container {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.2rem;
}
.label-text__input-container textarea {
  font-family: Inter;
  font-weight: 400;
  line-height: 1.7;
  resize: none;
}
.label-text__input-container .placeholder-error::placeholder {
  color: #FF7F47;
}
.label-text__error-message {
  color: #DA3B21;
  font-style: italic;
}

.label-text-field__footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.label-text-field__footer .inner-count {
  flex-grow: 1;
}
.label-text-field .label-text__input-container, .label-text-field .label-text-redesign__input-container {
  margin: 0.2em 0;
}
.label-text-field.error {
  color: #ff0000;
  font-style: italic;
}
.label-text-field.error .label-text__input-container input, .label-text-field.error .label-text__input-container textarea, .label-text-field.error .label-text__input-container input::placeholder, .label-text-field.error .label-text__input-container textarea::placeholder, .label-text-field.error .label-text-redesign__input-container input, .label-text-field.error .label-text-redesign__input-container textarea, .label-text-field.error .label-text-redesign__input-container input::placeholder, .label-text-field.error .label-text-redesign__input-container textarea::placeholder {
  color: #ff0000 !important;
  font-style: italic;
}

.label-text-redesign__input-container {
  position: relative;
  display: flex;
  flex-direction: column;
}
.label-text-redesign__input-container textarea {
  resize: none;
  height: 20rem;
}
.label-text-redesign__input-container .input-text {
  word-break: break-word;
  caret-color: red;
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 9px;
  padding-left: 2.2rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
.label-text-redesign__input-container .input-text--error {
  border: 1px solid #FF7F47 !important;
  color: #FF7F47 !important;
}
.label-text-redesign__input-container .input-text::placeholder {
  color: #A9A9A9;
}
.label-text-redesign__input-container .input-text:hover, .label-text-redesign__input-container .input-text:focus {
  background: #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0px 3px 14px rgba(142, 142, 142, 0.15);
  border-radius: 7px;
}
.label-text-redesign__input-container .input-text--right-padding {
  padding-right: 3rem;
}
.label-text-redesign__input-container .placeholder-error::placeholder {
  color: #FF7F47;
}
.label-text-redesign__input-container .error-message {
  color: #ff0000;
  font-style: italic;
}

.label-text-noborder .input-text {
  border: none;
}
.label-text-noborder .input-text:hover, .label-text-noborder .input-text:focus {
  box-shadow: none;
  border-radius: 0;
}
.label-text-noborder .input-text--error {
  border: 1px solid #FF7F47;
}
.label-text-noborder textarea {
  border: none;
}

.mandatory-field-icon {
  color: #ADADAD;
}

.inner-count {
  text-align: right;
}
.inner-count.limit-approaching span {
  color: #FF7F47;
  font-weight: bold;
}
.inner-count.limit-reached span {
  color: #ff0000;
  font-weight: bold;
}
.inner-count span {
  font-weight: normal;
  font-size: 1.1rem;
  color: #535461;
}

.input-password-togglable {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.input-password-togglable .label-text-field {
  width: 93%;
}
.input-password-togglable .reset-password__icon {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-left: 0.6em;
}

.input-select {
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 9px;
  color: rgb(53, 53, 53);
  outline: none;
  padding: 0.8rem;
  transition: border 0.15s;
  width: 100%;
  height: 4.6rem;
  font-size: 1.4rem;
}
.input-select:hover, .input-select:focus {
  background: #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0px 3px 14px rgba(142, 142, 142, 0.15);
  border-radius: 7px;
}

.community-management .ga-settings__settings-container {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 2.5rem 2rem 4rem;
  margin: 5rem 0;
  background: rgba(91, 232, 255, 0.14);
  border: 1px solid #61D3FF;
}
.community-management .ga-settings__settings-container_toggle-duplicate {
  margin-bottom: 2rem;
}

.community-management .module .ga-settings__settings-container {
  margin: 0;
}
.community-management .module .ga-settings__settings-container_toggle-do-delete-data {
  margin: 1rem 0;
}

.idea-box-component__introduction-wrapper {
  width: 100%;
  padding-bottom: 3rem;
  background-color: #FAFAFA;
  flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  .idea-box-component__introduction-wrapper {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media only screen and (max-width: 900px) {
  .idea-box-component__introduction-wrapper {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
.idea-box-component__introduction-container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.idea-box-component__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 900px) {
  .idea-box-component__container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.idea-box-component__title-and-description {
  display: flex;
  flex-direction: row;
  gap: 3rem;
}
.idea-box-component__icon {
  background-color: #FAFAFA;
  align-self: center;
  margin-left: 3rem;
}
.idea-box-component__icon svg {
  transform: scale(1.5);
}
.idea-box-component__title-project {
  font-size: 3.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.4rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0.9rem;
}
.idea-box-component__title-project svg {
  margin-right: 1.4rem;
}
.idea-box-component__description {
  max-width: 60rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.0126802221rem;
  color: #5E617C;
  padding-right: 2rem;
}
.idea-box-component__right-side {
  align-self: flex-end;
  padding: 0 3em 0;
}
.idea-box-component__add-idea-button {
  width: 23.5rem;
  height: 6rem;
  margin-right: 11.2rem;
  margin-top: 1.3rem;
}
@media only screen and (max-width: 900px) {
  .idea-box-component__add-idea-button {
    margin-top: 1.9rem;
  }
}

.idea-box-component-mobile {
  width: 100%;
}
.idea-box-component-mobile__header {
  padding: 0 2rem 2rem;
  position: relative;
  background: #F8F7F5;
}
.idea-box-component-mobile__back {
  z-index: 2;
  position: absolute;
  top: 1.667rem;
  left: 2.4rem;
}
.idea-box-component-mobile__title {
  font-style: normal;
  font-weight: bold;
  line-height: 112%;
  letter-spacing: 0.00684685rem;
  color: #373F41;
  font-size: 2.2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1.4rem;
}
.idea-box-component-mobile__title svg {
  margin-right: 0.576rem;
}
.idea-box-component-mobile__intro-description {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: 0.0126802rem;
  color: #76797B;
  max-width: 58rem;
  margin-bottom: 1.9rem;
}
.idea-box-component-mobile__mailbox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 2.4em;
}
.idea-box-component-mobile__mailbox-svg {
  position: absolute;
  overflow: visible;
  height: 1px;
  width: 1px;
  z-index: 1;
}
.idea-box-component-mobile__mailbox svg {
  position: relative;
  transform: scale(79%);
  left: -8.8em;
  top: -2.7em;
}
.idea-box-component-mobile__add-idea {
  border-radius: 3px;
  width: 17.2rem;
  height: 4.5rem;
}

.idea-conversation__comments-container {
  background: #fff;
  border: 1px solid #F3EFE6;
  box-sizing: border-box;
  border-radius: 7px;
  width: 100%;
  margin-bottom: 4rem;
}
.idea-conversation__comments-container .comment-item {
  margin: 1em;
}
.idea-conversation__comment-add-container {
  margin: 2rem;
}
.idea-conversation__comments-title-container {
  margin-left: 3rem;
  margin-top: 2rem;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.idea-conversation__comments-title {
  font-weight: 600;
  font-size: 2rem;
}
.idea-conversation__comments-number {
  margin-left: 2rem;
  font-size: 1.2rem;
  color: #6B6C76;
  padding-top: 0.4rem;
}

.idea-outcome-desktop-title {
  font-family: Sora;
  font-style: normal;
  font-weight: bold;
  font-size: 2.7rem;
  line-height: 3.2rem;
  margin-bottom: 1.5rem;
  margin-top: 3.6rem;
  letter-spacing: 0.01rem;
  color: #373F41;
}

.idea-outcome-desktop {
  position: relative;
  margin-bottom: 3rem;
  background: #FFFFFF;
  border: 1px solid #2A6DE8;
  box-sizing: border-box;
  border-radius: 0.7rem;
  padding-top: 4rem;
  padding-bottom: 4.5rem;
  padding-right: 6.7rem;
  padding-left: 6.7rem;
  display: flex;
  flex-direction: row;
}
.idea-outcome-desktop__user-bubble {
  position: absolute;
  top: 4.8rem;
  left: 2.2rem;
  width: 3rem;
  height: 3rem;
}
.idea-outcome-desktop__user-bubble img {
  width: 100%;
  border-radius: 50%;
}
.idea-outcome-desktop__right-container {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-end;
}
.idea-outcome-desktop__item-container {
  width: 100%;
}
.idea-outcome-desktop__display-content {
  margin: 0.5rem 0rem 0.3rem 0;
  padding-top: 1rem;
  padding-bottom: 1.1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
  border: 1px solid #F3F1EB;
  background: #FBFAF9;
  border-radius: 0 1rem 1rem 1rem;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.9rem;
  letter-spacing: 0.0126802rem;
  color: #373F41;
}
.idea-outcome-desktop__info {
  width: 100%;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.idea-outcome-desktop__username-style {
  display: inline-block;
  white-space: nowrap;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.02rem;
  color: #5E617C;
}
.idea-outcome-desktop__bullet {
  font-size: 1.2rem;
}
.idea-outcome-desktop__date {
  white-space: nowrap;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 2.1rem;
  color: #5E617C;
}
.idea-outcome-desktop__author-badge {
  display: inline-block;
  font-size: 1.2rem;
  padding: 0.2rem 0.5rem;
  color: #FFFFFF;
  background: #2A78CD;
  border-radius: 3px;
  margin-left: 1.1rem;
  white-space: nowrap;
}

.idea-add-outcome-desktop-title {
  font-family: Sora;
  font-style: normal;
  font-weight: bold;
  font-size: 2.7rem;
  line-height: 3.2rem;
  margin-bottom: 1.5rem;
  margin-top: 3.6rem;
  letter-spacing: 0.01rem;
  color: #373F41;
}

.idea-add-outcome-preview-desktop {
  margin-bottom: 3rem;
  background: #FFFFFF;
  border: 1px dashed #E6E6E6;
  box-sizing: border-box;
  border-radius: 7px;
  text-align: center;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2.8rem;
  padding-bottom: 4rem;
}
.idea-add-outcome-preview-desktop__title {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 160.2%;
  letter-spacing: 0.0126802rem;
  color: #5E617C;
}
.idea-add-outcome-preview-desktop__text {
  box-shadow: 0px 2px 15px rgba(126, 126, 126, 0.19);
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: center;
  color: #6E757D;
  margin-top: 1rem;
  margin-bottom: 1.3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.idea-add-outcome-preview-desktop__button-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.idea-add-outcome-preview-desktop__button {
  width: 29rem;
}

.idea-add-outcome-desktop {
  margin-bottom: 3rem;
  background: #FFFFFF;
  border: 1px solid #2A6DE8;
  box-sizing: border-box;
  border-radius: 0.7rem;
  padding-top: 3.2rem;
  padding-bottom: 7.6rem;
  padding-right: 2.4rem;
  padding-left: 2.4rem;
}
.idea-add-outcome-desktop__comment-content {
  display: flex;
  background: #FFFFFF;
  border: 1px solid #F3F1EB;
  box-sizing: border-box;
  border-radius: 10px;
  height: 11rem;
  padding: 1rem;
}
.idea-add-outcome-desktop textarea {
  border: none !important;
  resize: none;
  overflow: visible;
  width: 100%;
  height: 100%;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #716D69;
}
.idea-add-outcome-desktop textarea:focus {
  outline: none;
}
.idea-add-outcome-desktop textarea::placeholder {
  font-weight: 400 !important;
  font-size: 1.4rem !important;
  color: #716D69;
}
.idea-add-outcome-desktop textarea:disabled {
  background-color: inherit;
}
.idea-add-outcome-desktop__button {
  float: right;
}
.idea-add-outcome-desktop__avatar {
  width: 3rem;
}
.idea-add-outcome-desktop__avatar img {
  width: 100%;
  border-radius: 50%;
}

.idea-item-desktop__top-row {
  display: flex;
  justify-content: space-between;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #5E617C;
  margin-bottom: 1.8rem;
}
.idea-item-desktop__content-container {
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-sizing: border-box;
  border-radius: 7px;
  padding: 3rem;
}
.idea-item-desktop__title {
  font-family: Sora;
  font-style: normal;
  font-weight: bold;
  font-size: 2rem;
  line-height: 2.4rem;
  margin-bottom: 1.1rem;
}
.idea-item-desktop__description {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 160.2%;
  letter-spacing: 0.0126802rem;
  color: #373F41;
  max-width: 27em;
}
.idea-item-desktop__info-graphic {
  align-self: center;
  margin-left: 2.4rem;
}
.idea-item-desktop__share-button {
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
  width: 100%;
}

.idea-page-desktop__breadcrumbs {
  max-width: 72rem;
  margin: 0 auto;
}
.idea-page-desktop__content-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.idea-page-desktop__left-column {
  padding: 2.1rem;
}
.idea-page-desktop__user-avatar-container {
  z-index: 0;
  position: relative;
  height: 7.4rem;
  width: 7.4rem;
}
.idea-page-desktop__lightbulb-icon {
  z-index: 1;
  position: absolute;
  left: -1rem;
  top: -1.3rem;
}
.idea-page-desktop__actions {
  position: absolute;
  right: 0;
  top: 2.6rem;
}
.idea-page-desktop__content {
  position: relative;
  width: 100%;
  max-width: 63rem;
  padding-right: 6.1rem;
}
.idea-page-desktop__outcome-container {
  position: relative;
  width: 100%;
}
.idea-page-desktop__outcome-actions {
  position: absolute;
  right: -6rem;
  top: 3.5rem;
}

.idea-page-mobile {
  background: #FFFFFF;
  min-height: 86vh;
}
.idea-page-mobile__breadcrumbs {
  margin-left: 2.4rem;
}
.idea-page-mobile__title {
  font-family: Sora;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 112%;
  color: #353535;
  margin-top: 2.3rem;
  margin-bottom: 2.1rem;
  margin-left: 2.4rem;
  margin-right: 2.4rem;
}
.idea-page-mobile__description {
  font-family: Inter;
  font-size: 1.2rem;
  line-height: 160.2%;
  letter-spacing: 0.0126802rem;
  color: #5E617C;
  margin-left: 2.4rem;
  margin-right: 2.4rem;
}
.idea-page-mobile__username {
  font-family: Inter;
  font-size: 1.1rem;
  line-height: 1.8rem;
  display: flex;
  align-items: center;
  letter-spacing: 0.02rem;
  color: #5E617C;
  margin-top: 1.1rem;
  margin-left: 2.4rem;
  margin-right: 2.4rem;
}
.idea-page-mobile__info-graphic-container {
  float: right;
  position: relative;
  width: 8rem;
  height: 8rem;
}
.idea-page-mobile__info-graphic {
  position: absolute;
  right: 2rem;
  top: 2rem;
}
.idea-page-mobile__avatar {
  position: absolute;
  right: 2rem;
  top: 2rem;
}
.idea-page-mobile__share-button {
  width: 100%;
}
.idea-page-mobile__share-button-container {
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
  margin-left: 2.4rem;
  margin-right: 2.4rem;
}
.idea-page-mobile__comment-add-container {
  margin: 2rem;
}
.idea-page-mobile__comments-title-container {
  margin-left: 3rem;
  margin-top: 2rem;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.idea-page-mobile__comments-title {
  font-weight: 600;
  font-size: 2rem;
}
.idea-page-mobile__comments-number {
  margin-left: 2rem;
  font-size: 1.2rem;
  color: #6B6C76;
  padding-top: 0.4rem;
}

.comment-add-form {
  background: #fff;
  display: flex;
  width: 100%;
  transition: height 0.4s linear;
  min-height: 5.6rem;
  font-size: 1.2rem;
}
.comment-add-form__comment-content {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  max-width: 84%;
}
.comment-add-form__comment-content .jodit-placeholder {
  font-size: 1.5rem !important;
  line-height: 1.7rem;
  letter-spacing: 0.1px;
  color: #8B8B8B;
}
.comment-add-form__comment-content .jodit-wysiwyg {
  font-family: Inter;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.7rem;
  letter-spacing: 0.1px;
  color: #373F41;
}
.comment-add-form textarea {
  border: 0 solid #000 !important;
  resize: none;
  overflow: visible;
  width: 100%;
  height: 100%;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #716D69;
}
.comment-add-form textarea::placeholder {
  font-weight: 400 !important;
  font-size: 1.4rem !important;
  color: #716D69;
}
.comment-add-form textarea:disabled {
  background-color: inherit;
}
.comment-add-form__avatar {
  padding: 0.6rem 1.2rem 2rem 2.6rem;
}
.comment-add-form .user-avatar {
  margin: 0;
  padding: 0;
}
.comment-add-form__controls {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  min-width: 8rem;
}
.comment-add-form__add-comment {
  display: flex;
  align-self: flex-end;
  margin-top: 3rem;
  margin-left: 0.8rem;
}
.comment-add-form__add-comment svg {
  width: 6rem;
  height: 6rem;
}
.comment-add-form__add-comment.spinning {
  border-radius: 50%;
  background-color: #65ca80;
  width: 4.2rem;
  height: 4.2rem;
  margin: 3.8rem 1.3rem 2.5rem 1.5rem;
}
.comment-add-form__add-comment.spinning span {
  position: relative;
  top: 0.8em;
  left: -0.7em;
}
.comment-add-form--expanded {
  height: 16rem;
}

.proposition-actions {
  background: #FFFFFF;
  border: 1px solid #F0F0F0;
  box-sizing: border-box;
  box-shadow: 0px 2px 19px rgba(0, 0, 0, 0.15);
  border-radius: 9px;
  min-width: 18.7rem;
  width: auto;
  padding: 0.5rem;
}
.proposition-actions__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  font-size: 1.3rem;
  color: #898989;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  width: 100%;
}
.proposition-actions__item svg {
  margin-right: 0.8rem;
}
.proposition-actions__item:hover, .proposition-actions__item:focus {
  color: #5E617C;
  background: #F7F7F7;
  border-radius: 9px;
}

.proposition-item {
  background: #FFFFFF;
  width: 100%;
  height: auto;
  border: 1px solid #EFEFEF;
  box-sizing: border-box;
  border-radius: 7px;
  margin-bottom: 3rem;
  position: relative;
}
.proposition-item--focusedOn {
  border: 1px solid #2CA94E;
}
.proposition-item__actions {
  position: absolute;
  right: 1rem;
  top: 0;
}
.proposition-item__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 1em;
}
.proposition-item__content-left {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.proposition-item__translate-button, .proposition-item__untranslate-button {
  margin-top: 1em;
}
.proposition-item__info-graphic-container {
  margin-right: 0;
  margin-top: 3rem;
  margin-left: 1rem;
  /*    @include respond(phone) {
        margin-right: 2rem;
    	}*/
}
.proposition-item__title {
  font-family: Sora;
  font-style: normal;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 138.9%;
  letter-spacing: 0.0126802rem;
  color: #373F41;
  margin-bottom: 1.1rem;
  overflow-wrap: anywhere;
}
.proposition-item__description {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 160.2%;
  letter-spacing: 0.0126802rem;
  color: #5E617C;
  overflow-wrap: anywhere;
  flex-grow: 1;
}
.proposition-item__edit-content {
  margin-top: 3.4rem;
  margin-left: 3rem;
  margin-right: 3rem;
  margin-bottom: 2.5rem;
}
.proposition-item__title-edit {
  width: 100%;
  border-bottom: 1px solid #EFEFEF;
}
.proposition-item__title-edit input[type=text] {
  font-family: Sora;
  font-style: normal;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 138.9%;
  letter-spacing: 0.0126802rem;
  color: #373F41;
}
.proposition-item__description-edit {
  width: 100%;
}
.proposition-item__description-edit input[type=text] {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 160.2%;
  letter-spacing: 0.0126802rem;
  color: #5E617C;
}
.proposition-item__display-date {
  white-space: no-wrap;
}
.proposition-item__bullet {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.proposition-item__bottom-first {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  margin: 1em 1em 0.2em;
}
.proposition-item__bottom-first-user {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: inline-block;
  letter-spacing: 0.02rem;
  color: #5E617C;
}
.proposition-item__bottom-first-message {
  font-size: 1.1em;
}
.proposition-item__bottom-buttons {
  border-top: 1px solid #EAEAEA;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 5.6rem;
  padding: 2.9rem;
}
.proposition-item__button-container {
  padding: 0 0.3em;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.proposition-item__button {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  letter-spacing: 0.02rem;
  color: #373F41;
}
.proposition-item__button--active {
  font-weight: 600;
}
.proposition-item__button-text {
  margin-left: 0.7rem;
}
.proposition-item__themes {
  display: inline-block;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2.3rem;
  color: #2A6DE8;
  background: #F2F8FF;
  border-radius: 4px;
  padding: 2px 10px 3px;
  margin-bottom: 0.2rem;
}
.proposition-item__theme-container {
  margin-top: 2.3rem;
}

.idea-info-graphic__info-graphic-container {
  width: 8rem;
  height: 8rem;
  text-align: center;
}
.idea-info-graphic__info-graphic-container .label {
  border-radius: 50%;
  color: #41b35d;
  cursor: default;
  display: block;
  position: absolute;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  top: 5em;
  margin-left: 1.3em;
}
.idea-info-graphic__info-graphic-container .label .smaller {
  color: #bdc3c7;
  font-size: 0.45em;
  padding-bottom: 20px;
  vertical-align: super;
}
.idea-info-graphic__avatar {
  position: absolute;
  right: 14px;
  top: 42px;
}

.proposition-toolbar {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2rem;
  font-size: 1.4rem;
}
.proposition-toolbar__left-container {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 900px) {
  .proposition-toolbar__left-container {
    flex-direction: column;
  }
}
.proposition-toolbar__right-container {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 28rem;
}
@media only screen and (max-width: 900px) {
  .proposition-toolbar__right-container {
    flex-direction: column-reverse;
    justify-content: space-around;
  }
}
.proposition-toolbar__filters-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  border-top: none;
  padding: 0.5rem 1rem;
  background: none !important;
  justify-content: flex-start;
  z-index: 1001 !important;
}
.proposition-toolbar__trigger {
  display: flex;
  padding: 1rem;
}
@media only screen and (max-width: 900px) {
  .proposition-toolbar__trigger {
    padding: 1rem 1rem 1rem 0;
  }
}
.proposition-toolbar__sort-trigger {
  display: flex;
  padding: 1rem 1rem 1rem 0;
}
.proposition-toolbar__sorting {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 29.9rem;
  border: 1px solid #1898DC;
  border-radius: 0.5rem;
  max-height: 22rem;
  background: #ffffff;
  min-height: 14.3rem;
}
.proposition-toolbar__sorting--large {
  width: 43.4rem;
}
.proposition-toolbar__label-container {
  height: 4rem;
  padding-left: 1.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0.8rem;
}
.proposition-toolbar__label-info {
  margin-left: 1rem;
}
.proposition-toolbar__radio-style {
  width: 2rem;
  height: 2rem;
}
.proposition-toolbar__newest-button-apply-section {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #eaeaea;
  height: 4.5rem;
  padding-right: 1rem;
}
.proposition-toolbar__applyButton {
  font-weight: 700;
  font-size: 1.6rem;
  color: #1898DC;
  line-height: 2.4rem;
}
.proposition-toolbar__clearButton {
  color: #76797B;
  background: none;
  font-weight: 700;
}
.proposition-toolbar__themes-list {
  max-height: 21rem;
  overflow-y: scroll;
}
.proposition-toolbar__themes-apply-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem 2.5rem;
  border-top: 1px solid #eaeaea;
}
.proposition-toolbar__checkbox-style {
  width: 2rem;
  height: 2rem;
  border-radius: 1px;
}
.proposition-toolbar__toggle-row {
  height: 4rem;
  margin: 1rem 2.5rem;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.proposition-toolbar__show-map {
  display: flex;
  margin-left: 2.1rem;
  align-items: center;
}
.proposition-toolbar__search-bar {
  position: relative;
}
.proposition-toolbar__icon-search {
  position: absolute;
  top: 1rem;
  left: 2rem;
}
.proposition-toolbar__search-input {
  width: 20rem;
  height: 3.7rem;
  border: 1px solid #b0b0b0;
  box-sizing: border-box;
  border-radius: 10rem;
  padding-left: 5.2rem;
  color: #353535;
}
.proposition-toolbar__search-input:focus {
  border: 1px solid #1898DC;
}

.propositions-2-lists {
  display: flex;
  flex-direction: row;
  padding-top: 3rem;
  justify-content: space-between;
}
.propositions-2-lists__column {
  display: flex;
  flex-direction: column;
  width: 49%;
}

.propositions-list {
  display: flex;
  flex-direction: column;
  padding-top: 3rem;
}

.propositions-mapview {
  padding-top: 3rem;
  display: flex;
}
.propositions-mapview__column1 {
  flex: 50%;
}
.propositions-mapview__column1__scroll-area {
  min-height: 40vh;
  max-height: 100vh;
  overflow: hidden auto;
  border-bottom: 1px solid #DDDDDD;
  width: 99%;
  /*
      -ms-overflow-style: none; // IE and Edge
      scrollbar-width: none; // Firefox
      */
}
.propositions-mapview__column2 {
  position: sticky;
  top: 15rem;
  margin-bottom: 9.4rem;
  flex: 50%;
  height: 41rem;
}
.propositions-mapview .ember-view.leaflet-container {
  z-index: 0;
}
.propositions-mapview .leaflet-top, .propositions-mapview .leaflet-bottom {
  z-index: 401;
}

.propositions-mapview-mobile__map {
  width: 100%;
  height: 40vh;
  border-radius: 7px;
  z-index: 500;
  top: 0;
}
.propositions-mapview-mobile__map-container {
  top: 0;
  position: sticky;
  position: -webkit-sticky; /* Safari */
  z-index: 1;
}
.propositions-mapview-mobile__marker-list {
  padding-top: 1rem;
  padding-bottom: 4rem;
}
.propositions-mapview-mobile__pagination {
  bottom: 0;
  position: fixed;
  width: 100%;
  text-align: center;
  background-color: white;
  border-top: 1px solid #DDDDDD;
}
.propositions-mapview-mobile__location-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 9999;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.2) !important;
  background-clip: padding-box;
  padding: 4px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 5px;
  border-radius: 5px;
  text-align: center;
  width: 40px;
}
.propositions-mapview-mobile__location-button:hover {
  background-color: #f4f4f4;
}
.propositions-mapview-mobile .pagination-component {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}

.questionnaire-question-edit {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.questionnaire-question-edit__container {
  width: 100%;
  background: #F7F4F2;
  padding: 2rem;
  margin-bottom: 4rem;
}
.questionnaire-question-edit__reorder-container {
  margin-left: 1rem;
}
.questionnaire-question-edit__reorder-container .svg-arrow-up {
  fill: #B9B9B9;
  transform: rotate(-180deg);
}
.questionnaire-question-edit__reorder-container .svg-arrow-down {
  margin-top: 0.4rem;
  fill: #B9B9B9;
}
.questionnaire-question-edit__reorder-index {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  margin-left: -0.15rem;
  color: #6B6C76;
  background: #E8E8E8;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 1.1rem;
  text-align: center;
}
.questionnaire-question-edit__top-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5rem;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  letter-spacing: 0.01rem;
  text-transform: uppercase;
  color: #898989;
}
.questionnaire-question-edit__question-input {
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  /*
  input::placeholder {
    color: #373F41;
   opacity: 1;
  }*/
}
.questionnaire-question-edit__question-input input {
  width: 100%;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
  font-style: normal;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.01rem;
  color: #373F41;
  background-color: transparent;
}
.questionnaire-question-edit__description-input {
  margin-bottom: 3rem;
  /*
      input::placeholder {
        color: #535461;
       opacity: 1;
      }*/
}
.questionnaire-question-edit__description-input input, .questionnaire-question-edit__description-input textarea {
  width: 100%;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
  font-style: normal;
  font-weight: bold;
  font-size: 1.4rem;
  letter-spacing: 0.01rem;
  color: #535461;
  background-color: transparent;
}
.questionnaire-question-edit__answer_container {
  display: flex;
  align-items: center;
  gap: 4rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.questionnaire-question-edit__answer_label {
  font-weight: 400;
  font-size: 1.2rem;
  color: #A8A8A8;
}
.questionnaire-question-edit__answer_label_red {
  font-weight: 400;
  font-size: 1.2rem;
  color: #F04A4A;
}
.questionnaire-question-edit__answer_radio {
  flex-grow: 1;
  text-align: center;
}
.questionnaire-question-edit__answer {
  display: flex;
  flex-grow: 3;
  justify-content: space-between;
  padding: 1rem;
  background: #FFFFFF;
  border: 1px solid #F3EFE6;
  box-sizing: border-box;
  border-radius: 12px;
  margin-bottom: 1rem;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: #353535;
}
.questionnaire-question-edit__answer input {
  width: 100%;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: #353535;
}
.questionnaire-question-edit__answer .label-text-field {
  flex-grow: 1;
  margin-right: 3rem;
}
.questionnaire-question-edit__answer .label-text-field .label-text__input-container {
  margin: 0;
}
.questionnaire-question-edit__answer .label-text-field input {
  margin: 0;
  padding: 1em 0;
  height: 0;
}
.questionnaire-question-edit__answer .label-text-field .inner-count {
  text-align: left;
  margin-left: 0;
}
.questionnaire-question-edit__answer-dashed {
  cursor: pointer;
  border: 1px dashed #E3E3E3;
}
.questionnaire-question-edit__add-answer {
  margin-bottom: 1.8rem;
  margin-top: 3.3rem;
}
.questionnaire-question-edit__add-answer-button {
  color: #2A6DE8;
}
.questionnaire-question-edit__separator {
  width: 100%;
  border: 1px solid #E3E3E3;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.questionnaire-question-edit__logic-jump-container {
  display: flex;
  margin-top: 1.3rem;
  margin-bottom: 4.7rem;
  align-items: center;
}
.questionnaire-question-edit__logic-jump-label {
  flex: 1;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #373F41;
}
.questionnaire-question-edit__logic-jump-select {
  width: 31.9rem;
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  border-radius: 9px;
  font-size: 1.4rem;
  color: #5E617C;
}
.questionnaire-question-edit__images-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.3rem;
}
.questionnaire-question-edit__image-title {
  font-weight: 600;
  font-size: 1.8rem;
  color: #373F41;
  margin-bottom: 1.2rem;
}
.questionnaire-question-edit__image-answer-container {
  flex: 0 1 auto;
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 4rem;
  align-items: center;
}
.questionnaire-question-edit__images-description {
  font-weight: 400;
  font-size: 1.4rem;
  color: #353535;
  opacity: 0.5;
  margin-bottom: 1.3rem;
}
.questionnaire-question-edit__main-upload-container {
  margin-bottom: 2.3rem;
}

.quiz-question-edit__images-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.quiz-question-edit__image-title {
  font-weight: 600;
  font-size: 1.8rem;
  color: #373F41;
  margin-bottom: 1.2rem;
}
.quiz-question-edit__image-answer-container {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
.quiz-question-edit__image-answer-container .image-upload__container {
  width: 12.8rem;
  height: 8.6rem;
}
.quiz-question-edit__image-answer-container .image-upload__delete-button {
  right: 0;
  bottom: 0;
  transform: scale(0.7);
}
.quiz-question-edit__image-answer-nocorrect {
  font-weight: 400;
  font-size: 1.2rem;
  color: #ff0000;
}
.quiz-question-edit__images-description {
  font-weight: 400;
  font-size: 1.4rem;
  color: #353535;
  opacity: 0.5;
  margin-bottom: 1.3rem;
}
.quiz-question-edit__correct-answer {
  font-size: 1.2rem;
  color: #A8A8A8;
}

.quiz-question-edit__question-input input {
  width: 100%;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
  font-style: normal;
  font-weight: bold;
  font-size: 1.7rem;
  color: #373F41;
  background-color: transparent;
  border-bottom: 1px solid #E3E3E3;
}
.quiz-question-edit__description-input input, .quiz-question-edit__description-input textarea {
  width: 100%;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
  font-style: normal;
  font-size: 1.4rem;
  color: #535461;
  background-color: transparent;
  border-bottom: 1px solid #E3E3E3;
}

/*Imports :*/
/*
@use "abstracts/colors";
@use "abstracts/functions";
@use "abstracts/breakpoint-mixin";
*/
.questionnaire__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
  min-height: 80vh;
  text-align: center;
  justify-content: space-evenly;
}
@media only screen and (max-width: 900px) {
  .questionnaire__intro {
    width: auto;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.questionnaire__intro h1 {
  font-family: Sora, Inter;
  font-size: var(--font-heading3-font-size);
  line-height: var(--font-heading3-line-height);
  font-weight: var(--font-heading3-font-weight);
  /*
  body.layout-phone &{
  	font-size: 2.8rem $mention;
  	line-height: 3.8rem $mention;
  	font-size: clamp(2.2rem, 7vw, 2.8rem) $mention;// if we have less than 70% of the window width the font-size can be lowered down to 2.2 else 2.8
  	line-height: clamp(3.2rem, 7vw, 3.8rem)
  }
  */
  margin: 2rem 0;
  overflow-wrap: anywhere;
}
body.layout-phone .questionnaire__intro h1 {
  font-size: var(--font-heading3-font-size_phone);
  line-height: var(--font-heading3-line-height_phone);
  font-weight: var(--font-heading3-font-weight_phone);
}
.questionnaire__intro h1.longtext {
  margin: 0;
}
.questionnaire__intro-square {
  font-size: var(--font-big-font-size);
  line-height: var(--font-big-line-height);
  font-weight: var(--font-big-font-weight);
  font-weight: var(--font-weight-bold);
  display: flex;
  flex-direction: row;
  background-color: #EEEEEE;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  padding: 1rem;
  color: #373F41;
  gap: 1rem;
}
body.layout-phone .questionnaire__intro-square {
  font-size: var(--font-big-font-size_phone);
  line-height: var(--font-big-line-height_phone);
  font-weight: var(--font-big-font-weight_phone);
}
.questionnaire__intro-square.font-normal {
  font-size: var(--font-normal-font-size) !important;
  line-height: var(--font-normal-line-height) !important;
  font-weight: var(--font-normal-font-weight) !important;
  font-weight: var(--font-weight-normal);
}
body.layout-phone .questionnaire__intro-square.font-normal {
  font-size: var(--font-normal-font-size_phone) !important;
  line-height: var(--font-normal-line-height_phone) !important;
  font-weight: var(--font-normal-font-weight_phone) !important;
}
.questionnaire__intro-square:first-child {
  background-color: #F8F145;
}
.questionnaire__intro__buttonsWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 3em;
  justify-content: space-evenly;
  width: 100%;
  margin-bottom: 4em;
}

/*Imports :*/
/*
@use "abstracts/colors";
@use "abstracts/functions";
@use "abstracts/breakpoint-mixin";
*/
.questionnaire-questions {
  display: flex;
  flex-direction: column;
}
.questionnaire-questions__body {
  display: flex;
  flex-direction: column;
}
.questionnaire-questions__body .question-title {
  font-family: Sora, Inter;
  font-size: var(--font-heading4-font-size);
  line-height: var(--font-heading4-line-height);
  font-weight: var(--font-heading4-font-weight);
  margin: 0.5em 0 1em;
}
body.layout-phone .questionnaire-questions__body .question-title {
  font-size: var(--font-heading4-font-size_phone);
  line-height: var(--font-heading4-line-height_phone);
  font-weight: var(--font-heading4-font-weight_phone);
}
.questionnaire-questions__body .question-description {
  font-size: var(--font-normal-font-size);
  line-height: var(--font-normal-line-height);
  font-weight: var(--font-normal-font-weight);
  text-align: left;
  margin: 1em 0 1em;
}
body.layout-phone .questionnaire-questions__body .question-description {
  font-size: var(--font-normal-font-size_phone);
  line-height: var(--font-normal-line-height_phone);
  font-weight: var(--font-normal-font-weight_phone);
}
.questionnaire-questions__body .question-indication {
  font-size: var(--font-small-font-size);
  line-height: var(--font-small-line-height);
  font-weight: var(--font-small-font-weight);
  text-align: left;
  margin: 1em 0 1em;
}
body.layout-phone .questionnaire-questions__body .question-indication {
  font-size: var(--font-small-font-size_phone);
  line-height: var(--font-small-line-height_phone);
  font-weight: var(--font-small-font-weight_phone);
}
.questionnaire-questions__container {
  display: flex;
  flex-direction: column;
  align-self: center;
  min-width: 40rem;
  width: 100%;
  max-width: 1200px;
  padding: 0 10%;
  margin-top: 6em;
}
.questionnaire-questions__container h1 {
  color: #76706F;
}
.questionnaire-questions__container-sub {
  width: 100%;
}
.questionnaire-questions__container__answers-container {
  width: 100%;
}
.questionnaire-questions__container__answers-container .btn-civ-answer {
  margin-bottom: 1.5rem;
}
.questionnaire-questions__container__answers-container .btn-civ-answer input[type=radio] {
  margin-right: 1em;
}
.questionnaire-questions__container__answers-container .btn-civ-answer input[type=checkbox] {
  border-radius: 4px;
  margin-right: 1em;
  vertical-align: middle;
}
.questionnaire-questions__footer {
  display: flex;
  min-width: 40rem;
  width: 100%;
  max-width: 1200px;
  padding: 3rem 5%;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
}
.questionnaire-questions__nav-btn {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.questionnaire-questions__nav-btn-next {
  min-width: 13.2rem;
}
.questionnaire-questions__nav-btn-next svg {
  margin-right: 0;
}
.questionnaire-questions__next-container {
  display: flex;
  align-items: center;
}
.questionnaire-questions__next-container span {
  margin-right: 2rem;
}
.questionnaire-questions__progress-bar {
  height: 0.5rem;
  background-color: #FF7F47;
  display: flex;
  justify-content: flex-end;
}
.questionnaire-questions__progress-bar span {
  background-color: #fff;
  margin-top: 1.5rem;
  font-weight: bold;
  font-size: 13px;
  font-family: Sora;
  height: 2.9rem;
  width: 6.5rem;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.questionnaire-questions__number {
  font-size: 1em;
}
.questionnaire-questions__title {
  max-width: 80rem;
  min-width: 40rem;
  text-align: left;
}
.questionnaire-questions__submit {
  width: 27.6rem;
  align-self: center;
  margin-top: 8rem;
}
.questionnaire-questions__end {
  font-family: Sora, Inter;
  font-size: var(--font-heading3-font-size);
  line-height: var(--font-heading3-line-height);
  font-weight: var(--font-heading3-font-weight);
  /*
  body.layout-phone &{
  	font-size: 2.8rem $mention;
  	line-height: 3.8rem $mention;
  	font-size: clamp(2.2rem, 7vw, 2.8rem) $mention;// if we have less than 70% of the window width the font-size can be lowered down to 2.2 else 2.8
  	line-height: clamp(3.2rem, 7vw, 3.8rem)
  }
  */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  border-top: 5px solid #FF7F47;
}
body.layout-phone .questionnaire-questions__end {
  font-size: var(--font-heading3-font-size_phone);
  line-height: var(--font-heading3-line-height_phone);
  font-weight: var(--font-heading3-font-weight_phone);
}
.questionnaire-questions__end-title {
  font-family: Sora, Inter;
  font-size: var(--font-heading2-font-size);
  line-height: var(--font-heading2-line-height);
  font-weight: var(--font-heading2-font-weight);
  /*
  	body.layout-phone &{
  		font-size: 3.2rem $mention;
  		line-height: 4rem $mention;
  		font-size: clamp(2.6rem, 9vw, 3.2rem) $mention;// if we have less than 70% of the window width the font-size can be lowered down to 2.2 else 2.8
  		line-height: clamp(3.6rem, 9vw, 4rem)
  	}
  */
  margin: 2rem 0 1rem;
}
body.layout-phone .questionnaire-questions__end-title {
  font-size: var(--font-heading2-font-size_phone);
  line-height: var(--font-heading2-line-height_phone);
  font-weight: var(--font-heading2-font-weight_phone);
}
.questionnaire-questions__end-info {
  font-size: var(--font-big-font-size);
  line-height: var(--font-big-line-height);
  font-weight: var(--font-big-font-weight);
  margin-bottom: 4rem;
}
body.layout-phone .questionnaire-questions__end-info {
  font-size: var(--font-big-font-size_phone);
  line-height: var(--font-big-line-height_phone);
  font-weight: var(--font-big-font-weight_phone);
}
.questionnaire-questions__end-nav-container {
  display: flex;
  flex-direction: row;
}
.questionnaire-questions__end-btn {
  width: 20.3rem;
}
@media (max-width: 600px) {
  .questionnaire-questions__end-btn {
    width: 17rem;
  }
}
.questionnaire-questions__end-btn:first-child {
  margin-right: 2rem;
}

.quest-questions-phone {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #FBFAF9;
}
.quest-questions-phone .btn-civ-square--disabled {
  cursor: not-allowed;
  background-color: #AEAFBF !important;
  color: #F4F3F5 !important;
}
.quest-questions-phone .questionnaire-questions {
  flex-grow: 1;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.quest-questions-phone__header .breadcrumbs {
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 2em;
  width: 84%;
  overflow-x: hidden;
  overflow-y: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 0.4em;
}
.quest-questions-phone__progress-nr {
  background-color: #fff;
  margin: 0.7rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.3rem;
  font-family: Sora;
  height: 2.9rem;
  width: 6.5rem;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.quest-questions-phone__body {
  flex-grow: 1;
  display: block;
  padding: 0 2rem;
  overflow-y: auto;
}
.quest-questions-phone__title {
  text-align: center;
}
.quest-questions-phone__btn-back {
  position: absolute;
  top: 2rem;
  left: 2rem;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
.quest-questions-phone__btn-back svg {
  fill: #76797B;
}
.quest-questions-phone__footer {
  width: 100%;
}
.quest-questions-phone__step-nav-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1.3rem;
  padding: 1rem 2rem;
}
.quest-questions-phone__step-nav-box span {
  font-weight: 700;
  font-family: Sora;
}
.quest-questions-phone__step-nav-box button {
  width: 50%;
}
.quest-questions-phone__submit {
  width: 100%;
  margin-top: 4rem;
}
.quest-questions-phone__email-title {
  text-align: center;
}
.quest-questions-phone__end {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  padding-bottom: 1rem;
}

/*Imports :*/
/*
@use "abstracts/colors";
@use "abstracts/functions";
@use "abstracts/breakpoint-mixin";
*/
.questionnaire-questions__container-sub {
  display: flex;
  flex-direction: column;
  align-self: center;
  min-width: 40rem;
  width: 100%;
}
.questionnaire-questions__container-sub.question-nr {
  margin-right: 0.3rem;
}
.questionnaire-questions__container-sub.title {
  margin-top: 2.5rem;
}
.questionnaire-questions__container-sub.counter {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.questionnaire-questions__container-sub.counter__number {
  font-size: 1.4rem;
}
.questionnaire-questions__container-sub.counter__number-limit {
  color: #F04A4A;
}
.questionnaire-questions__container-sub.statement-container {
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
  padding: 1rem 1.6rem;
  width: 100%;
  height: auto;
  border-radius: 2rem;
  margin-top: 1rem;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .questionnaire-questions__container-sub.statement-container {
    align-self: unset;
    width: 100%;
    padding: 2.9rem 1.6rem 3rem;
    margin-top: 3rem;
    min-height: 29rem;
  }
  .questionnaire-questions__container-sub.statement-container h1 {
    font-size: 1.6rem;
    line-height: 24px;
    padding: 0 1rem;
  }
  .questionnaire-questions__container-sub.statement-container p {
    font-size: 1.2rem;
    margin-top: 1.8rem;
  }
}
.questionnaire-questions__container-sub.multiple-choices {
  display: flex;
  flex-direction: column;
  align-self: center;
}
.questionnaire-questions__container-sub.multiple-choices__description {
  margin: 1rem 0;
}
@media screen and (min-width: 600px) {
  .questionnaire-questions__container-sub.multiple-choices__description {
    width: 60rem;
  }
}
.questionnaire-questions__container-sub.multiple-choices__indication {
  margin-bottom: 1rem;
}
@media only screen and (max-width: 600px) {
  .questionnaire-questions__container-sub.multiple-choices {
    align-self: unset;
    padding-top: 0;
    width: 100%;
  }
}
.questionnaire-questions__container-sub.other__input {
  position: relative;
  height: 5rem;
  border-radius: 12px;
  border: 1px solid #FF7F47;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  padding-left: 4rem;
}
.questionnaire-questions__container-sub.other__input:focus {
  border: 1px solid #FF7F47;
}
.questionnaire-questions__container-sub.other__btn {
  padding-right: 1rem;
}
.questionnaire-questions__container-sub.other__input-wrapper {
  position: relative;
}
.questionnaire-questions__container-sub.other__input-wrapper svg {
  width: 22px;
  height: 22px;
  padding: 4px;
  position: absolute;
  top: 14px;
  left: 14px;
  background-color: #FF7F47;
  border-radius: 6px;
}
.questionnaire-questions__container-sub.one-choice {
  display: flex;
  flex-direction: column;
  align-self: center;
}
.questionnaire-questions__container-sub.one-choice__description {
  margin: 1rem 0;
}
.questionnaire-questions__container-sub.one-choice__indication {
  margin-bottom: 1rem;
}
@media only screen and (max-width: 600px) {
  .questionnaire-questions__container-sub.one-choice {
    align-self: unset;
    padding-top: 0;
    width: 100%;
  }
}
.questionnaire-questions__container-sub.range-choice .range-choice {
  display: flex;
  flex-direction: column;
  align-self: center;
}
.questionnaire-questions__container-sub.range-choice .range-choice__container {
  margin-top: 5.5rem;
  display: flex;
  flex-direction: row;
}
.questionnaire-questions__container-sub.range-choice .range-choice__button {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 4.5rem;
  border: 1px solid #BEBEBE;
  border-right: none;
  border-radius: 0;
  padding: 0;
}
.questionnaire-questions__container-sub.range-choice .range-choice__button:last-of-type {
  border-right: 1px solid #BEBEBE;
  border-radius: 0 12px 12px 0;
}
.questionnaire-questions__container-sub.range-choice .range-choice__button:first-of-type {
  border-radius: 12px 0 0 12px;
}
.questionnaire-questions__container-sub.range-choice .range-choice__range-limits {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 1.1rem;
}
@media only screen and (max-width: 600px) {
  .questionnaire-questions__container-sub.range-choice .range-choice {
    align-self: unset;
    padding-top: 0;
    width: 100%;
  }
}
.questionnaire-questions__container-sub.email-question .email-question {
  display: flex;
  flex-direction: column;
}
.questionnaire-questions__container-sub.email-question .email-question__description {
  margin: 1rem 0;
}
.questionnaire-questions__container-sub.email-question .email-question__input {
  background-color: #fff;
  border-radius: 9px;
}
@media only screen and (max-width: 600px) {
  .questionnaire-questions__container-sub.email-question .email-question__input {
    width: 100%;
  }
}
.questionnaire-questions__container-sub.email-question .email-question__alert-email {
  color: #F04A4A;
  padding-top: 1.7rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8rem;
}
@media only screen and (max-width: 600px) {
  .questionnaire-questions__container-sub.email-question .email-question {
    align-self: unset;
    padding-top: 0;
    width: 100%;
  }
}
.questionnaire-questions__container-sub.attachment .attachment {
  display: flex;
  flex-direction: column;
  align-self: center;
}
.questionnaire-questions__container-sub.attachment .attachment__description {
  margin: 1rem 0;
}
.questionnaire-questions__container-sub.attachment .attachment__textarea {
  font-family: Inter;
  font-weight: 400;
  line-height: 1.7;
  font-size: 1.6rem;
  resize: none;
  border: none;
  border-bottom: 1px solid #BEBEBE;
  background: transparent;
  width: 100%;
  margin-top: 3rem;
  border-radius: unset;
}
.questionnaire-questions__container-sub.attachment .attachment__icons svg {
  margin-right: 0.6rem;
  fill: #BEBEBE;
}
.questionnaire-questions__container-sub.attachment .attachment__add-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.questionnaire-questions__container-sub.attachment .attachment__warning {
  color: #FF7F47;
  font-weight: bold;
  font-size: 1.2em;
}
@media only screen and (max-width: 600px) {
  .questionnaire-questions__container-sub.attachment .attachment {
    align-self: unset;
    padding-top: 0;
    width: 100%;
  }
}
.questionnaire-questions__container-sub.short-text-answer .short-text-answer__textarea {
  font-family: Inter;
  font-weight: 400;
  line-height: 1.7;
  font-size: 1.6rem;
  resize: none;
  border: none;
  border-bottom: 1px solid #BEBEBE;
  background: transparent;
  width: 100%;
  margin-top: 3rem;
  border-radius: unset;
}
.questionnaire-questions__container-sub.order-choice .order-choice {
  display: flex;
  flex-direction: column;
  align-self: center;
}
@media only screen and (max-width: 600px) {
  .questionnaire-questions__container-sub.order-choice .order-choice {
    align-self: unset;
    padding-top: 0;
    width: 100%;
  }
}
.questionnaire-questions__container-sub.order-choice .order-choice__answers_container {
  font-size: var(--font-normal-font-size);
  line-height: var(--font-normal-line-height);
  font-weight: var(--font-normal-font-weight);
}
body.layout-phone .questionnaire-questions__container-sub.order-choice .order-choice__answers_container {
  font-size: var(--font-normal-font-size_phone);
  line-height: var(--font-normal-line-height_phone);
  font-weight: var(--font-normal-font-weight_phone);
}
.questionnaire-questions__container-sub.order-choice .order-choice__answer {
  min-height: 5.3rem;
  background: #fff;
  color: #353535;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px;
  border: 1px solid #BEBEBE;
  cursor: pointer;
  margin-bottom: 1.5rem;
  position: relative;
}
.questionnaire-questions__container-sub.order-choice .order-choice__order {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 5.3rem;
  height: auto;
  min-width: 1.6rem;
  border-radius: 12px 0 0 12px;
  margin: 0 1em 0 0.4em;
}
.questionnaire-questions__container-sub.order-choice .order-choice__left-box {
  display: flex;
  padding-right: 0.8em;
  flex-grow: 1;
  align-items: center;
}
.questionnaire-questions__container-sub.order-choice .order-choice__union {
  margin-right: 1rem;
}
.questionnaire-questions__container-sub.order-choice .order-choice__clear {
  display: flex;
  width: 6rem;
}
.questionnaire-questions__container-sub.order-choice .order-choice__clear span {
  color: #2A6DE8;
  margin-left: 0.5rem;
}
.questionnaire-questions__container-sub.order-choice .order-choice__arrows-box {
  display: flex;
  flex-direction: column;
  position: absolute;
  justify-content: space-between;
  right: -23px;
  height: 4.5rem;
}
.questionnaire-questions__container-sub.image-answer .image-answer__answers_container {
  display: flex;
  justify-content: space-around;
}
.questionnaire-questions__container-sub.image-answer .image-answer__answers_container-sub {
  display: flex;
  flex-wrap: wrap;
  justify-content: content-between;
  row-gap: 4em;
  column-gap: 10%;
}
.questionnaire-questions__container-sub.image-answer .image-answer__container {
  flex: 0 1 auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 45%;
  cursor: pointer;
  /*
  				input {
  					position: absolute;
  					top: 2.2rem;
  					left: 1.7rem;
  				}

  				input[type="checkbox"] {
  					appearance: none;
  					background-color: #fff;
  					margin: 0;
  					box-shadow: 0 1px 9px rgba(0, 0, 0, 0.11);
  				}

  				input[type="checkbox"]:before {
  					content: "";
  					color: white;
  					text-align: center;
  					background: white;
  					border: 1px solid $gray-border-color;
  					box-shadow: 0 1px 9px rgba(0, 0, 0, 0.11);
  					border-radius: 6px;
  					//left: -2px;
  					top: 1px;
  					position: absolute;
  					padding: 8px 9px;
  				}

  				input[type="checkbox"]:checked:before {
  					padding: 0;
  					content: "✓";
  					color: white;
  					text-align: center;
  					background: $light-orange;
  					border: 6px solid $light-orange;
  					border-top-width: 2px;
  					border-bottom-width: 2px;
  					border-radius: 6px;
  					left: -1px;
  					top: -2px;
  					position: absolute;
  				}
  				*/
}
.questionnaire-questions__container-sub.image-answer .image-answer__container.selected {
  border: dashed 1px #FF7F47;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.questionnaire-questions__container-sub.image-answer .image-answer__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/*Imports :*/
/*
@use "abstracts/colors";
@use "abstracts/functions";
@use "abstracts/breakpoint-mixin";
*/
.question-results__container {
  display: flex;
  flex-direction: column;
  gap: 4em;
}
.question-results__question {
  font-family: Sora, Inter;
  font-size: var(--font-heading4-font-size);
  line-height: var(--font-heading4-line-height);
  font-weight: var(--font-heading4-font-weight);
}
body.layout-phone .question-results__question {
  font-size: var(--font-heading4-font-size_phone);
  line-height: var(--font-heading4-line-height_phone);
  font-weight: var(--font-heading4-font-weight_phone);
}
.question-results__participants {
  font-size: var(--font-normal-font-size);
  line-height: var(--font-normal-line-height);
  font-weight: var(--font-normal-font-weight);
}
body.layout-phone .question-results__participants {
  font-size: var(--font-normal-font-size_phone);
  line-height: var(--font-normal-line-height_phone);
  font-weight: var(--font-normal-font-weight_phone);
}
.question-results__results-container {
  font-size: var(--font-normal-font-size);
  line-height: var(--font-normal-line-height);
  font-weight: var(--font-normal-font-weight);
  display: flex;
  flex-direction: column;
  gap: 2em;
  border-radius: 20px;
  width: 100%;
  margin-bottom: 4rem;
}
body.layout-phone .question-results__results-container {
  font-size: var(--font-normal-font-size_phone);
  line-height: var(--font-normal-line-height_phone);
  font-weight: var(--font-normal-font-weight_phone);
}
@media only screen and (max-width: 600px) {
  .question-results__results-container {
    border-radius: 0;
    padding: 3rem 1.5rem 3rem 1rem;
    width: 100%;
  }
}
.question-results__results-container .choice-results__image-container {
  width: 10.2rem;
  height: 7.4rem;
}
.question-results__results-container .choice-results__image-container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.question-results__results-container .choice-results__answer {
  display: flex;
  align-items: center;
  /*         justify-content: center; */
  height: 5rem;
  background: #fff;
  color: #353535;
  border-radius: 1rem;
  position: relative;
  flex-grow: 1;
  /*
  		span {
  				z-index: 2;
  		}*/
}
.question-results__results-container .choice-results__answered-percentage {
  height: 5rem;
  border-radius: 1rem;
  background: #FF7F47;
}
.question-results__results-container .choice-results__answer-left {
  position: absolute;
  left: 0;
  margin-left: 1.1rem;
  min-width: 4.2rem;
  color: #303036;
}
.question-results__results-container .choice-results__avatar {
  display: flex;
  margin-left: 2em;
}
.question-results__results-container .choice-results__answer-name {
  position: absolute;
  padding-left: 6.1rem;
  /* 	text-align: center; */
  color: #353535;
  display: flex;
}
.question-results__results-container .order-choice-results__answer-name {
  padding-left: 1rem;
}
.question-results__results-container .order-choice-results__answer {
  display: flex;
  align-items: center;
  /*         justify-content: center; */
  height: 5rem;
  background: #fff;
  color: #353535;
  border-radius: 1rem;
  position: relative;
  flex-grow: 1;
  /*
  		span {
  				z-index: 2;
  		}*/
}
.question-results__results-container .order-choice-results__answered-percentage {
  height: 5rem;
  border-radius: 1rem;
  background: #FF7F47;
  position: absolute;
}
.question-results__results-container .order-choice-results__toggle-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1rem 0;
  color: #2A6DE8;
}
.question-results__results-container .order-choice-results__avatar {
  display: flex;
  margin-right: 1rem;
}
.question-results__results-container .order-choice-results__btn-toggle {
  color: #2A6DE8;
}
.question-results__results-container .order-choice-results__btn-toggle svg path {
  fill: #2A6DE8;
}
.question-results__results-container .range-results {
  display: flex;
  flex-direction: column;
  padding: 6rem;
  margin: 2rem 0;
  border-radius: 20px;
}
.question-results__results-container .range-results__container {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  border-radius: 12px;
}
.question-results__results-container .range-results__column {
  display: flex;
  width: 100%;
  flex-direction: column;
  height: 28rem;
  justify-content: flex-end;
  position: relative;
}
.question-results__results-container .range-results__column:last-child .question-results__results-container .range-results__value {
  border-right: 1px solid #BEBEBE;
  border-radius: 0 12px 12px 0;
}
.question-results__results-container .range-results__column:first-child .question-results__results-container .range-results__value {
  border-radius: 12px 0 0 12px;
}
.question-results__results-container .range-results__value {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  border: 1px solid #BEBEBE;
  border-style: solid none;
  padding: 0;
  background: #fff;
}
.question-results__results-container .range-results__block {
  background: #FF7F47;
  max-height: 15rem;
  margin: 0 0.8rem 1rem;
  border-radius: 7px;
}
.question-results__results-container .range-results__percentage {
  text-align: center;
  position: absolute;
  bottom: 56px;
  width: 100%;
}
.question-results__results-container .range-results__range-limits {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 1.1rem;
}
.question-results__results-container .range-results__avatar {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.question-results__results-container .range-results-phone__container {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
}
.question-results__results-container .range-results-phone__row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
  align-items: center;
}
.question-results__results-container .range-results-phone__row:first-child .question-results__results-container .range-results-phone__value {
  border-top: 1px solid #BEBEBE;
  border-radius: 12px 12px 0 0;
}
.question-results__results-container .range-results-phone__row:last-child .question-results__results-container .range-results-phone__value {
  border-radius: 0 0 12px 12px;
}
.question-results__results-container .range-results-phone__value {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.1rem;
  height: 5.3rem;
  border: 1px solid #BEBEBE;
  border-top: none;
  padding: 0;
  background: #fff;
}
.question-results__results-container .range-results-phone__block {
  background: #FF7F47;
  margin-left: 1rem;
  border-radius: 7px;
  height: 4.5rem;
}
.question-results__results-container .range-results-phone__percentage {
  text-align: center;
  position: absolute;
  left: 56px;
}
.question-results__results-container .range-results-phone__avatar {
  position: absolute;
  right: -40px;
}
.question-results__results-container .range-results-phone__participants {
  margin-bottom: 3rem;
}
.question-results__result-row {
  font-size: var(--font-normal-font-size);
  line-height: var(--font-normal-line-height);
  font-weight: var(--font-normal-font-weight);
  display: flex;
  flex-direction: row;
  gap: 3.2rem;
  width: 100%;
  align-items: center;
}
body.layout-phone .question-results__result-row {
  font-size: var(--font-normal-font-size_phone);
  line-height: var(--font-normal-line-height_phone);
  font-weight: var(--font-normal-font-weight_phone);
}

/*
.REMOVED{
.choice-results {
	display: flex;
	flex-direction: column;
	// background-color:  rgba($dark-vanilla..., .17);
	border-radius: 20px;
	padding: 6rem;
	margin: 2rem 0;
	width: 50rem;

	@include respond(phone) {
		border-radius: 0;
		padding: 3rem 1.5rem 3rem 1rem;
	  	width: 100%;
	}

	&__participants {
		margin-bottom: 1rem;
	}

	&__answer-container {
		display: flex;
		gap: 3.2rem;
		margin-bottom: 1.5rem;
		width: 100%;
		align-items: center;
	}

	&__image-container {
		width: 10.2rem;
		height: 7.4rem;

	img {
		object-fit: cover;
		width: 100%;
		height: 100%;
		}
	}

	&__answer {
		display: flex;
		align-items: center;
//         justify-content: center;
		height: 5rem;
		background: $white;
		color: $dark-color;
		border-radius: 1rem;
		position: relative;
		flex-grow: 1;

        // span {
        //     z-index: 2;
        // }
	}

	&__answered-percentage {
		height: 5rem;
		border-radius: 1rem;
		background: $orange;
		position: absolute;
		// z-index: 1;
	}

	&__answer-left {
		position: absolute;
		left: 0;
		margin-left: 1.1rem;
		min-width: 4.2rem;
		font-size: 1.4rem;
		color: $medium-black;
	}

	&__avatar {
		display: flex;
		// z-index: 2;
		position: absolute;
		right: -42px;
	}

	&__answer-name {
		position: absolute;
		padding-left: 6.1rem;
		font-size: 1.2rem;
// 	text-align: center;
		color: $dark-black;
	}
}

.order-choice-results {
    &__answer-name {
        padding-left: 1rem;
        // z-index: 2;
    }

    &__toggle-box {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: 1rem 0;
        color: $medium-blue;
    }

    &__avatar {
        display: flex;
        margin-right: 1rem;
    }

    &__btn-toggle {
        color: $medium-blue;
        svg path {
            fill: $medium-blue;
        }
    }
}

.range-results {
    display: flex;
    flex-direction: column;
    padding: 6rem;
    margin: 2rem 0;
    // background-color: rgba($dark-vanilla..., .17);
    border-radius: 20px;

    &__container {
        display: flex;
        flex-direction: row;
        background-color: $white;
        border-radius: 12px;
    }


    &__column {
        display: flex;
        width: 100%;
        flex-direction: column;
        height: 28rem;
        justify-content: flex-end;
        position: relative;
    }

    &__column:last-child &__value {
        border-right: 1px solid $light-gray;
        border-radius: 0 12px 12px 0;
    }
    &__column:first-child &__value {
        border-radius: 12px 0 0 12px;
    }

    &__value {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 4.5rem;
        border: 1px solid $light-gray;
        border-right: none;
        padding: 0;
        background: $white;
    }

    &__block {
        background: $orange;
        max-height: 15rem;
        margin: 0 .8rem 1rem;
        border-radius: 7px;
    }

    &__percentage {
        text-align: center;
        position: absolute;
        bottom: 56px;
        width: 100%;
    }

    &__range-limits {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 1.1rem;
    }

    &__avatar {
        display: flex;
        justify-content: center;
        margin-bottom: 1rem;
     }
}

.range-results-phone {
    display: flex;
    flex-direction: column;
    padding: 3rem 7rem 3rem 2.5rem;
    &__container {
        display: flex;
        flex-direction: column;
        margin: 1rem 0;
    }

    &__row {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        position: relative;
        align-items: center;
    }

    &__row:first-child &__value {
        border-top: 1px solid $light-gray;
        border-radius: 12px 12px 0 0;
    }

    &__row:last-child &__value {
        border-radius: 0 0 12px 12px;
    }

    &__value {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 5.1rem;
        height: 5.3rem;
        border: 1px solid $light-gray;
        border-top: none;
        padding: 0;
        background: $white;
    }

    &__block {
        background: $orange;
        margin-left: 1rem;
        border-radius: 7px;
        height: 4.5rem;
    }

    &__percentage {
        text-align: center;
        position: absolute;
        left: 56px;
    }

    &__avatar {
        position: absolute;
        right: -40px;
    }

    &__limit {
        font-size: 1.75rem;
    }

    &__participants {
        margin-bottom: 3rem;
    }
}
}
*/
/*Imports :*/
/*
@use "abstracts/colors";
@use "abstracts/functions";
@use "abstracts/breakpoint-mixin";
*/
.questionnaire-results {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  align-items: center;
  width: 100%;
}
.questionnaire-results__title-header {
  font-family: Sora, Inter;
  font-size: var(--font-heading1-font-size);
  line-height: var(--font-heading1-line-height);
  font-weight: var(--font-heading1-font-weight);
  /*
  body.layout-phone &{
  	font-size: 3.6rem $mention;
  	line-height: 4.4rem $mention;
  	font-size: clamp(3.2rem, 9vw, 3.8rem) $mention;// if we have less than 70% of the window width the font-size can be lowered down to 2.2 else 2.8
  	line-height: clamp(4rem, 9vw, 4.4rem)
  }
  */
  width: 100%;
  white-space: nowrap;
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}
body.layout-phone .questionnaire-results__title-header {
  font-size: var(--font-heading1-font-size_phone);
  line-height: var(--font-heading1-line-height_phone);
  font-weight: var(--font-heading1-font-weight_phone);
}
.questionnaire-results__header {
  display: flex;
  flex-grow: 0;
  flex-direction: column;
  justify-content: space-between;
  border-bottom: 1px solid #eaeaea;
  height: 10rem;
}
.questionnaire-results__header h1 {
  margin-bottom: 1rem;
}
.questionnaire-results__header-nav {
  display: flex;
  flex-direction: row;
}
.questionnaire-results__body {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.questionnaire-results__footer {
  display: flex;
  flex-grow: 0;
  padding: 4rem 0;
}
.questionnaire-results__project-link {
  width: 100%;
  text-align: center;
  color: #1898DC;
  margin-bottom: 1.5rem;
}

.questionnaire-results-phone {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.questionnaire-results-phone__header {
  display: flex;
  flex-grow: 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
}
.questionnaire-results-phone__header button {
  align-self: flex-start;
}
.questionnaire-results-phone__footer {
  display: flex;
  padding: 4rem 0;
  justify-content: center;
}

.quiz-questions {
  display: flex;
  flex-direction: column;
}
.quiz-questions__screen {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  flex-direction: column;
}
.quiz-questions__background {
  background-image: url(/images/quiz/background.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top;
  opacity: 0.07;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;
}
.quiz-questions__body {
  display: flex;
  flex-direction: column;
  width: 82rem;
  background-color: #FFFFFF;
  border: 1px solid #F3EFE6;
  box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.11);
  border-radius: 12px;
  z-index: 2;
}
.quiz-questions__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 3.1rem;
  padding-left: 2.6rem;
  padding-right: 2.6rem;
  width: 100%;
  max-width: 825px;
}
.quiz-questions__container h1 {
  color: #76706F;
}
.quiz-questions__container-sub {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
.quiz-questions__container__answers-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  width: 100%;
}
@media (max-width: 600px) {
  .quiz-questions__container__answers-container {
    display: flex;
    flex-direction: column;
  }
}
.quiz-questions__container__answers-container .question-indication {
  font-size: 1.2em;
}
.quiz-questions__container__answers-container .btn-civ-answer input[type=radio] {
  margin-right: 1.7rem;
  margin-left: 0.5rem;
}
@media (max-width: 600px) {
  .quiz-questions__container__answers-container .btn-civ-answer input[type=radio] {
    width: 2.2rem;
    height: 2.2rem;
  }
}
.quiz-questions__container__answers-container .btn-civ-answer input[type=checkbox] {
  border-radius: 4px;
  margin-right: 1em;
  vertical-align: middle;
}
.quiz-questions__container-spacer {
  margin-bottom: 5.7rem;
}
.quiz-questions__image {
  margin-top: 1rem;
  text-align: center;
  width: 34.4rem;
  height: 22.4rem;
}
.quiz-questions__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.quiz-questions__footer {
  display: flex;
  flex-direction: column;
  height: 32vh;
  align-items: flex-end;
  padding-right: 12.5rem;
}
.quiz-questions__nav-btn {
  transform: rotate(90deg);
  margin-bottom: 1rem;
}
.quiz-questions__next-container {
  display: flex;
  align-items: center;
}
.quiz-questions__next-container span {
  margin-right: 2rem;
}
.quiz-questions__progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5rem;
  background-color: #FF7F47;
  display: flex;
  justify-content: flex-end;
}
.quiz-questions__progress-bar span {
  background-color: #fff;
  margin-top: 1.5rem;
  font-weight: bold;
  font-size: 13px;
  font-family: Sora;
  height: 2.9rem;
  width: 6.5rem;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quiz-questions__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.quiz-questions__number {
  width: 9.4rem;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  background: #F8F145;
  border-radius: 3px;
  font-weight: 700;
  font-size: 2.4rem;
  color: #373F41;
  text-align: center;
  line-height: 2rem;
}
.quiz-questions__timer-container {
  display: flex;
  gap: 0.7rem;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  background-color: #EEEEEE;
  border-radius: 3px;
  font-weight: 700;
  font-size: 2.4rem;
  color: #373F41;
  text-align: center;
  line-height: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.quiz-questions__timer-container.red_timer {
  background-color: rgba(255, 127, 71, 0.08);
}
.quiz-questions__timer-container.red_timer svg path {
  fill: #FF7F47;
}
.quiz-questions__timer {
  width: 7.6rem;
  text-align: left;
}
.quiz-questions__timer.red_timer {
  color: #FF7F47;
}
.quiz-questions__title {
  max-width: 80rem;
  min-width: 40rem;
  text-align: center;
  margin-top: 4rem;
}
.quiz-questions__next-btn {
  background-color: white;
  padding-left: 2rem;
  padding-right: 2rem;
}
.quiz-questions__next-btn svg {
  margin-left: 1.1rem;
}
.quiz-questions__submit {
  width: 27.6rem;
  align-self: center;
  margin-top: 8rem;
}
.quiz-questions__end {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  border-top: 5px solid #FF7F47;
}
.quiz-questions__end-nav-container {
  display: flex;
  flex-direction: row;
}
.quiz-questions__end-btn {
  width: 20.3rem;
}
@media (max-width: 600px) {
  .quiz-questions__end-btn {
    width: 17rem;
  }
}
.quiz-questions__end-btn:first-child {
  margin-right: 2rem;
}
.quiz-questions__end-title {
  margin: 2rem 0 1rem;
}
.quiz-questions__end-info {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 4rem;
  text-align: center;
}
.quiz-questions__correct-answer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 2.7rem;
  height: 10.8rem;
  color: #ffffff;
  padding-left: 5.6rem;
  padding-right: 5.6rem;
  margin-top: 2.4rem;
}
.quiz-questions__correct-answer.correct {
  background: #39B35B;
}
.quiz-questions__correct-answer.wrong {
  background: #F76F33;
}
.quiz-questions__correct-answer-icon {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.quiz-questions__fact-container {
  background: #353535;
  color: white;
  font-size: 1.7rem;
  padding-top: 3.2rem;
  padding-left: 5.6rem;
  padding-right: 5.6rem;
  padding-bottom: 5rem;
}
.quiz-questions__fact-container .lt-line-clamp__more, .quiz-questions__fact-container .lt-line-clamp__less {
  color: #53C372;
}
.quiz-questions__show-correct-answer {
  margin-bottom: 4rem;
}
.quiz-questions__close-container {
  position: absolute;
  top: 5vh;
  right: 7rem;
  z-index: 100;
}

.quiz-questions-phone {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #F5F5F5;
  /*

   .btn-civ-square--disabled {
  cursor: not-allowed;
  background-color: $brightness-gray !important;
  color: $extra-light-gray !important;
   }

   .quiz-questions {
  height: 90%;
   }

     &__title {
  text-align: center;
   }

   &__btn-back {
  margin: 0;
  padding: 0;
  vertical-align: top;

  & svg {
    fill: $medium-gray;
  }
   }

   &__footer {
  //flex-grow: 0;
  //display: flex;
  display: block;
  //height: 7.5rem;
  height: 15%;
  background-color: $white;
   }

   &__step-nav-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;

  & span {
    font-weight: 700;
    font-family: Sora;
  }
   }

   &__navigation {
  display: block;
  width: auto;
   }

   &__submit {
  width: 100%;
  margin-top: 4rem;
   }

   &__email-title {
  text-align: center;
   }


    */
}
.quiz-questions-phone__header {
  margin-top: 7rem;
  display: flex;
  flex-direction: row;
  gap: 0.3rem;
}
.quiz-questions-phone__image {
  margin-top: 1rem;
  text-align: center;
  width: 21.7rem;
  height: 14.5rem;
}
.quiz-questions-phone__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.quiz-questions-phone__close-container {
  position: fixed;
  top: 1.7rem;
  right: 1.6rem;
  z-index: 100;
}
.quiz-questions-phone__number {
  width: 9.4rem;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  background: #F8F145;
  border-radius: 3px;
  font-weight: 700;
  font-size: 2.4rem;
  color: #373F41;
  text-align: center;
  line-height: 2rem;
}
.quiz-questions-phone__number:only-child {
  width: 22.2rem;
}
.quiz-questions-phone__correct-answer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  font-size: 1.7rem;
  height: 7.6rem;
  color: #ffffff;
  padding-left: 2.3rem;
  margin-top: 1.2rem;
  width: 100%;
}
.quiz-questions-phone__correct-answer svg {
  transform: scale(0.7);
}
.quiz-questions-phone__correct-answer.correct {
  background: #39B35B;
}
.quiz-questions-phone__correct-answer.wrong {
  background: #F76F33;
}
.quiz-questions-phone__correct-answer-icon {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.quiz-questions-phone__fact-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: #353535;
  color: white;
  font-size: 1.7rem;
  padding-top: 2.5rem;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  padding-bottom: 3.5rem;
  width: 100%;
  min-height: 20rem;
  text-align: center;
  flex-grow: 1;
  overflow: auto;
}
.quiz-questions-phone__fact-container .lt-line-clamp__more, .quiz-questions-phone__fact-container .lt-line-clamp__less {
  color: #53C372;
}
.quiz-questions-phone__show-correct-answer {
  margin-bottom: 1rem;
  font-weight: 700;
}
.quiz-questions-phone__next-btn {
  margin-top: 3rem;
  background-color: white;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 22.8rem;
}
.quiz-questions-phone__next-btn svg {
  margin-left: 1.1rem;
}
.quiz-questions-phone__body {
  width: 100%;
  display: block;
  padding: 0 2rem 2.5rem;
}
.quiz-questions-phone__end {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}
.quiz-questions-phone__timer-container {
  display: flex;
  gap: 0.7rem;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  background-color: #EEEEEE;
  border-radius: 3px;
  font-weight: 700;
  font-size: 2rem;
  color: #373F41;
  text-align: center;
  line-height: 2rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.quiz-questions-phone__timer {
  width: 7.6rem;
  text-align: left;
}
.quiz-questions-phone__end-nav-container {
  display: flex;
  gap: 1.1rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.quiz-questions-phone__end-nav-container button {
  width: 80%;
}

.quiz-image-answer__answers_container {
  display: flex;
  justify-content: center;
  gap: 2.8rem;
  cursor: pointer;
}
@media (max-width: 600px) {
  .quiz-image-answer__answers_container {
    gap: 1rem;
    flex-wrap: wrap;
  }
}
.quiz-image-answer__container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16.2rem;
  height: 11.6rem;
}
@media (max-width: 600px) {
  .quiz-image-answer__container {
    width: 14.7rem;
    height: 10.5rem;
  }
}
.quiz-image-answer__choice-text {
  position: absolute;
  top: 0.9rem;
  left: 0.9rem;
  background-color: #F8F145;
  width: 3rem;
  border-radius: 3rem;
  font-weight: 700;
  font-size: 18px;
  color: #333333;
  text-align: center;
}
.quiz-image-answer__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.quiz-card {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.8rem;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0px 2px 24px rgba(165, 157, 143, 0.3);
  margin: 0.9rem 1.9rem 0.9rem 0;
}
@media only screen and (max-width: 600px) {
  .quiz-card {
    width: 100%;
  }
}
.quiz-card a {
  color: #373F41;
}
.quiz-card__closed-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0 2px 24px rgb(165, 157, 143);
  border-radius: 10px;
  opacity: 50%;
  z-index: 2;
}
.quiz-card__module-card-info {
  display: flex;
  width: 100%;
  flex-direction: row;
  margin-top: 2.5rem;
  margin-left: 3.6rem;
  margin-right: 4rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 600px) {
  .quiz-card__module-card-info {
    flex-direction: column;
    margin: 0;
    flex-grow: 1;
  }
}
.quiz-card__bold-number {
  font-weight: 900;
  align-items: center;
}
.quiz-card__image-container {
  position: relative;
  width: 14.5rem;
  height: 17.8rem;
  flex-shrink: 0;
}
@media only screen and (max-width: 600px) {
  .quiz-card__image-container {
    display: none;
  }
}
.quiz-card__module-label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.7rem 1.2rem;
  position: absolute;
  height: 2.7rem;
  right: 0.8rem;
  bottom: 0.8rem;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
}
.quiz-card__module-label span {
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3rem;
  letter-spacing: 0.0013em;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-content: center;
}
.quiz-card__title-container {
  display: flex;
  gap: 1rem;
  align-content: center;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .quiz-card__title-container {
    border-bottom: 1px solid #F5F5F5;
    padding-bottom: 1rem;
  }
}
.quiz-card__mobile-image-container {
  display: none;
  background: #F8F145;
  border-radius: 12px;
  width: 4rem;
  height: 4rem;
  flex-shrink: 0;
}
@media only screen and (max-width: 600px) {
  .quiz-card__mobile-image-container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.quiz-card__module-card-image-empty {
  width: 100%;
  height: 100%;
  background-color: #BEBEBE;
  border-radius: 0.8rem;
}
.quiz-card__module-card-image {
  object-fit: cover;
  object-position: center;
  border-radius: 0.8rem;
  width: 100%;
}
.quiz-card__text-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  margin-top: 2.5rem;
  padding-left: 3.5rem;
  padding-right: 2.8rem;
}
@media only screen and (max-width: 600px) {
  .quiz-card__text-content {
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 0;
    margin-top: 0.5rem;
  }
}
.quiz-card__middle-section-title {
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  text-overflow: ellipsis;
  font-size: 2.7rem;
  font-weight: 600;
  color: #373F41;
  line-height: 3rem;
  overflow-wrap: anywhere;
  padding-right: 0.5rem;
}
@media only screen and (max-width: 600px) {
  .quiz-card__middle-section-title {
    font-size: 1.8rem;
    font-weight: bold;
    padding-right: 0;
    -webkit-line-clamp: 1;
  }
}
.quiz-card__middle-section-description {
  font-size: 1.6rem;
  margin-top: 1.3rem;
}
@media only screen and (max-width: 600px) {
  .quiz-card__middle-section-description {
    display: none;
  }
}
.quiz-card__question-title-truncate {
  color: #353535;
  padding-top: 1rem;
  font-weight: bold;
  line-height: 1.14;
  height: 8.8rem;
  position: relative;
  overflow: hidden;
}
.quiz-card__question-title-truncate::before {
  position: absolute;
  content: "...";
  inset-block-end: 0;
  inset-inline-end: 0;
  right: 4px;
}
.quiz-card__question-title-truncate::after {
  content: "";
  position: absolute;
  inset-inline-end: 0; /* "right" */
  width: 1rem;
  height: 1rem;
  background: #fff;
}
.quiz-card__info {
  display: flex;
  flex-direction: row;
  align-content: center;
  color: #373F41;
  margin-top: 1rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
@media only screen and (max-width: 600px) {
  .quiz-card__info {
    margin-top: 2rem;
  }
}
.quiz-card__info-questions {
  background-color: #F8F145;
  border-radius: 3px;
  padding-left: 1rem;
  padding-right: 3.3rem;
  line-height: 4.2rem;
}
@media only screen and (max-width: 600px) {
  .quiz-card__info-questions {
    padding-right: 1rem;
    background: none;
  }
}
.quiz-card__info-time {
  display: flex;
  align-items: center;
  background-color: #FFFB9C;
  border-radius: 3px;
  padding-left: 1rem;
  padding-right: 1.7rem;
  line-height: 4.2rem;
}
@media only screen and (max-width: 600px) {
  .quiz-card__info-time {
    background: none;
  }
}
.quiz-card__info-time svg {
  margin-right: 1rem;
  transform: scale(0.9);
}
.quiz-card__footer {
  display: flex;
  gap: 0.9rem;
  justify-content: flex-end;
  border-top: 1px solid #EAEAEA;
  width: 100%;
  padding-top: 1.6rem;
  padding-bottom: 2rem;
  padding-right: 4rem;
}
@media only screen and (max-width: 600px) {
  .quiz-card__footer {
    width: 100%;
    padding-right: 0;
    border: none;
    flex-wrap: wrap;
  }
}
.quiz-card__footer button {
  width: 22.8rem;
}
@media only screen and (max-width: 600px) {
  .quiz-card__footer button {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .quiz-card__footer a {
    width: 100%;
  }
}

.update-card {
  min-width: fit-content;
  /*
  	&__title-truncate {
  		color: $dark-black;
  		padding-top: 1rem;
  		font-weight: bold;
  		line-height: 1.14;
  		height: 8.8rem;
  		overflow: hidden;
  		position: relative;
  		&::before {
  			position: absolute;
  			content: "...";
  			inset-block-end: 0;
  			inset-inline-end: 0;
  			right: 4px;
  		}
  		&::after {
  			content: "";
  			position: absolute;
  			inset-inline-end: 0; // "right"
  			width: 1rem;
  			height: 1rem;
  			background: $white;
  		}
  	}
  */
}
.update-card .card-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 1.3rem;
  border-radius: 1rem;
  background: rgb(255, 255, 255);
  box-shadow: rgba(165, 157, 143, 0.2) 0px 2px 12px;
  justify-content: space-between;
  align-items: unset;
  text-align: left;
}
.update-card .image-container {
  min-width: 190px;
  min-height: 135px;
}
.update-card.small {
  width: calc(25% - 1.8rem);
}
.update-card.no-width-limits {
  max-width: unset;
  min-width: unset;
  width: 100%;
}
.update-card__cover-image {
  object-fit: cover;
  height: 13.3rem;
  width: 100%;
  border-radius: 0.4rem;
}
.update-card-cover-image-popup {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 0.4rem;
}
.update-card-cover-image-popup-spacer {
  flex: 1 0 0;
}
.update-card__not-translated {
  height: 6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  background: #EDEDED;
  border-radius: 0.8rem;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #A4A3B4;
  padding: 1rem;
  margin: 1rem;
}
.update-card__not-translated--settings-container {
  text-transform: none;
}
.update-card__not-translated--settings-container .btn-none {
  display: flex;
  align-items: center;
}
.update-card__not-translated--settings-container svg {
  margin-top: 0.4em;
  height: 1.8em;
  width: auto;
}
.update-card__title {
  color: #353535;
  padding: 0.6em 0.5rem 0.3em;
  word-wrap: anywhere;
  word-break: break-word;
}
.update-card__content {
  flex-grow: 1;
  color: #353535;
  max-height: 5em;
  overflow: hidden;
  padding: 0 0.5rem;
  word-wrap: anywhere;
  word-break: break-word;
}
.update-card__content h1, .update-card__content h2, .update-card__content h3, .update-card__content h4, .update-card__content h5, .update-card__content h6, .update-card__content strong {
  font-size: 1em;
}
.update-card__content iframe {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  width: 100%;
}
.update-card__date {
  font-size: 1.2rem;
  font-weight: 500;
  color: #7D7D7D;
  font-style: normal;
  line-height: 1.7rem;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: right;
  padding-top: 1rem;
  width: 100%;
}

.update-details__content {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.update-details__title-container-popup {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 2em;
}
.update-details__icons-container-popup {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.update-details__info-icon {
  padding-left: 0.7rem;
}
.update-details__title-popup {
  text-align: left;
  padding-left: 1.1rem;
  color: #373F41;
}
.update-details__share-button-container {
  display: grid;
  flex-grow: 1;
  justify-content: flex-end;
}
.update-details__info-date {
  text-transform: uppercase;
  text-align: right;
  padding-top: 0.8rem;
  padding-bottom: 3.2rem;
  padding-left: 3.9rem;
  color: #6B6C76;
}
.update-details__info-text {
  color: #6B6C76;
}
.update-details__description-content {
  min-height: 20rem;
}
.update-details__container-image-popup {
  width: 28%;
  float: right;
  margin: 30px 4px 3px 12px;
}
.update-details__image-popup {
  max-height: 18.2rem;
  max-width: 31.5rem;
  border-radius: 0.4rem;
}
.update-details__image-popup img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  background-color: lightgray;
}
.update-details.mobile .update-details__content {
  margin: 0 2.4rem 0 2.4rem;
}
.update-details.mobile .update-details__image-popup {
  max-height: 9.1rem;
  max-width: 100%;
  border-radius: 4px;
  background-color: lightgray;
  object-fit: cover;
}

.updates-management .update-details__content {
  overflow: clip;
}

.project .cards-section__body.items-1 .document-card__image-container img {
  max-width: 50%;
}

.document-card {
  padding: 1.5rem 1rem 1.5rem 1.5rem;
  cursor: pointer;
  width: 23%;
  min-width: 24rem;
  align-self: center;
  /*
   &__icon {
  width: 1.6rem;
  height: 2rem;
   }
    */
}
.document-card.card-container {
  display: flex;
  flex-direction: column;
  background: none !important;
  box-shadow: none;
}
.document-card__not-translated {
  height: 6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  background: #EDEDED;
  border-radius: 0.8rem;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #A4A3B4;
  padding: 1rem;
  margin: 1rem;
}
.document-card__not-translated--settings-container {
  text-transform: none;
}
.document-card__not-translated--settings-container .btn-none {
  display: flex;
  align-items: center;
}
.document-card__not-translated--settings-container svg {
  margin-top: 0.4em;
  height: 1.8em;
  width: auto;
}
.document-card a.btn-none {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
}
.document-card.mobile {
  margin: 0;
}
.document-card--mobile {
  margin: 0;
}
.document-card__image-container {
  position: relative;
  background-color: white;
  box-shadow: 0px 2px 24px rgba(165, 157, 143, 0.3);
  border-radius: 10px;
  height: 18.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.document-card__image-container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.document-card__icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
  background: #4F8DFF;
  border-radius: 6px;
  width: 45px;
  height: 45px;
}
.document-card__folder-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
  background: #FFFFFF;
  border-radius: 6px;
  height: 45px;
  padding-left: 1rem;
  padding-right: 1rem;
  gap: 0.9rem;
  font-weight: 500;
  font-size: 2.1rem;
  color: #373F41;
}
.document-card__pin-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3.3rem;
  height: 3.3rem;
  border-radius: 50%;
  box-shadow: 0 0.2rem 1rem rgba(165, 157, 143, 0.2);
}
.document-card__pin-icon--pinned {
  border: none;
}
.document-card__pin-icon--pinned circle {
  fill: #F8F145;
}
.document-card__description-info-container {
  display: flex;
  flex-direction: column;
  justify-content: end;
  font-size: 1.4rem;
  color: #404040;
  height: 100%;
  text-align: left;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 1.3rem;
}
.document-card__description-text {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8rem;
  color: black;
  width: 100%;
  height: 4.3rem;
}
.document-card.has-image .document__description-text {
  width: 64%;
}
.document-card__bottom-info {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  width: 100%;
  font-style: normal;
  color: #A4A3B4;
}
.document-card__bottom-info .icon {
  margin-right: 1em;
}
.document-card__hide-icon {
  opacity: 0;
}

.document-details ::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
.document-details__container {
  width: 100%;
}
.document-details__date-row {
  display: flex;
}
.document-details__share-button-container {
  display: grid;
  flex-grow: 1;
  justify-content: flex-end;
}
.document-details__content {
  width: 100%;
  min-height: 30rem;
}
.document-details__content-section-content {
  margin-bottom: 1em;
}
.document-details__file {
  width: 1.6rem;
}
.document-details__date {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.7rem;
  margin-top: 1rem;
  margin-bottom: 1.2rem;
  color: #535461;
  text-transform: uppercase;
}
.document-details__info-section {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 2rem;
  border-left: solid #efdac1 4px;
}
.document-details__icon-section {
  height: 100px;
  display: flex;
  align-items: flex-start;
  padding-top: 1rem;
  margin: 0 0.3rem;
}
.document-details__info {
  width: calc(100% - 3rem);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-left: 1.317rem;
}
.document-details__content-file-document {
  width: 100%;
}
.document-details__content-section-title {
  word-wrap: anywhere;
}

.event-card__card-container {
  flex-grow: 1;
  height: 9rem;
  display: flex;
  flex-direction: row;
  background: rgb(255, 255, 255);
  box-shadow: rgba(165, 157, 143, 0.2) 0px 0.2rem 1.2rem;
  box-sizing: border-box;
  border: medium none;
  border-radius: 1rem;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
}
.event-card__info-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}
.event-card__calendar-items {
  line-height: normal;
  width: 6rem;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  padding-right: 0.5rem;
  padding-top: 1.2rem;
  border-right: 1px solid rgb(176, 176, 176);
}
.event-card__month-info-item {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0;
  color: rgb(236, 99, 22);
  padding-bottom: 0.5rem;
  text-transform: uppercase;
}
.event-card__day {
  font-size: 2.8rem;
  font-weight: 600;
}
.event-card__year {
  font-size: 1.2rem;
  margin-top: -0.2em;
  color: #b0b0b0;
}
.event-card__not-translated {
  height: 6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  background: #EDEDED;
  border-radius: 0.8rem;
  color: #A4A3B4;
  padding: 1rem;
  margin: 1rem;
}
.event-card__not-translated--settings-container {
  text-transform: none;
}
.event-card__not-translated--settings-container .btn-none {
  display: flex;
  align-items: center;
}
.event-card__not-translated--settings-container svg {
  margin-top: 0.4em;
  height: 1.8em;
  width: auto;
}
.event-card__description-info-container {
  flex-grow: 1;
  padding-left: 1rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
  text-align: left;
  vertical-align: middle;
  color: #404040;
  overflow-wrap: break-word;
}
.event-card__arrow {
  width: 3rem;
  padding: 0 1rem;
}
.event-card__publish-hour {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.7rem;
  color: #b0b0b0;
  margin-left: 0.5rem;
}

/*
.event{
  &__info-card {
	width:100%;
	height: 40rem;
	background: $primary-color-old;
	box-shadow: 0 0.2rem 1.2rem rgb(165 157 143 / 20%);
	border-radius: 1rem;
	padding: 2.1rem 2.1rem 1.5rem 2.1rem;
	position: relative;
	margin: 2rem 1.6rem 2rem 0;
	max-width: 31%;
	min-width: 36rem;
	&--small {
	  width: calc(25% - 1.8rem);
	}
  }

	&__not-translated{
		height: 6rem;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		background: #EDEDED;
		border-radius: 0.8rem;
		// font-size: 1.7rem;
		// font-weight: 600;
		// line-height: 1.25rem;
		color: #A4A3B4;
		padding: 1rem;
		margin: 1rem;
		&--settings-container{
			text-transform: none;
			.btn-none{
				display: flex;
				align-items: center;
			}
			svg{
				margin-top: .4em;
				height: 1.8em;
				width: auto;
			}
		}
	}

  &__info-card-title {
	// font-size: 2.2rem;
	// font-weight: bold;
	// line-height: 2.6rem;
	padding-bottom: 3rem;
  }

  &__date {
	font-size: 1.4rem;
	font-weight: 500;
	color: #6B6C76;
	position: absolute;
	bottom: 2.5rem;
	right: 2rem;
  }

  &__info-text {
	font-size: 1.4rem;
	font-weight: 400;
	color:$medium-dark-gray;
  }

  &__info-item{
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: center;
	&--mobile {
	  max-width: unset;
	  min-width: unset;
	  margin-bottom: 0;
	}
	&--small {
	  width: calc(33% - 1.7rem);
	}
  }

  &__month-info-container{
	display: flex;
	justify-content: space-evenly;
	flex-direction: column;
	align-items: center;
	padding-right: 1.5rem;
	padding-top: 1.2rem;
  }

  &__month-info-item{
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 0;
	color: $color-info;
	padding-bottom: 0.5rem;
	text-transform: uppercase;
  }
}

.event-card-mobile{
  &__info-card{
	height: 30rem;
	width: 100%;
	max-width: unset;
	max-height: unset;
  }

  &__month-info-item {
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 0;
	color: $orange-2;
	padding-bottom: 0.5rem;
  }

  &__cover-picture {
	height: 64px;
	width: 311px;
	left: 32px;
	top: 170px;
	background-color: darkseagreen;
	border-radius: 8px;
  }

  &__info-card-title {
	font-size: 2rem;
	font-weight: bold;
	line-height: 2.6rem;
	padding-bottom: 1rem;
	padding-top: 1.6rem;
  }

  &__date {
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.7rem;
	letter-spacing: 0;
	text-align: left;
	text-transform: uppercase;
  }

  &__info-text {
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6rem;
	letter-spacing: 0;
  }

  &__info-item {
	width: calc(33% - 1.7rem);
	max-width: unset;
	min-width: unset;
	margin-bottom: 0;
  }

  &__day {
	font-size: 2.8rem;
  }

  &__year{
	font-size: 1.2rem;
	margin-top: -0.2em;
	color: $gray-color;
  }

  &__description-info-container {
	width: 65%;
	padding-left: 2rem;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.9rem;
	text-align: left;
	color: $extra-dark-gray;
  }

  &__publish-hour {
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.7rem;
	color: $gray-color;
	margin-left: 0.5rem;
  }

}
*/
.event-details__main-container.desktop {
  display: flex;
  flex-direction: row;
  margin-top: 2.5rem;
  align-items: flex-start;
}
.event-details__main-container.phone {
  margin-top: 2.5rem;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.event-details__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  overflow-wrap: break-word;
  margin-top: 0.8rem;
}
.event-details__container.phone {
  width: 100%;
}
.event-details__participate-button {
  width: 100%;
}
.event-details__middle-container {
  width: 5.5rem;
  position: relative;
  text-align: center;
}
.event-details__middle-container.phone {
  width: 100%;
}
.event-details__right-container {
  width: 40%;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 1em;
}
.event-details__image-container img {
  width: 100%;
}
.event-details__image-container.phone {
  width: 100%;
}
.event-details__bottom-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 4rem;
  width: 100%;
}
.event-details__calendar-container.phone, .event-details__time-hour-container.phone {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0.5rem 0 2.7rem;
  gap: 2rem;
}
.event-details__calendar-container {
  padding-top: 1rem;
  width: 7rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.event-details__calendar-items {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
}
.event-details__title {
  overflow-wrap: break-word;
}
.event-details__title-container {
  display: flex;
  flex-direction: column;
  justify-items: center;
}
.event-details__share-button {
  margin: 0 auto;
}
.event-details__share-button-container.phone {
  display: grid;
  width: 100%;
  justify-content: flex-end;
}
.event-details__time-container {
  display: flex;
  flex-direction: column;
}
.event-details__time-container.phone {
  width: 6rem;
  align-items: center;
  border-right: 1px solid rgb(176, 176, 176);
  flex-grow: 0;
  flex-shrink: 0;
}
.event-details__month {
  color: #EC6316;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.7rem;
  letter-spacing: 0;
  text-transform: uppercase;
}
.event-details__month-date {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.7rem;
  letter-spacing: 0;
  padding-top: 0.6rem;
}
.event-details__time-hour-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0 1rem 1.5rem;
}
.event-details__line-container {
  width: 1px;
  background-color: #BEBEBE;
  margin: 0 4rem 0 4rem;
}
.event-details__line-container.no-border {
  background-color: transparent;
}
.event-details__line-container.phone {
  margin: 0px 0.4rem 0 0.4rem;
}
.event-details__place-container {
  display: flex;
  flex-direction: column;
}
.event-details__hour-label {
  color: #84878A;
}
.event-details__hour {
  font-size: 1.5rem;
  font-weight: 500;
}
.event-details__line {
  padding-right: 3.3rem;
  padding-left: 3.3rem;
}
.event-details__description {
  max-height: 35rem;
  overflow-y: auto;
  text-align: left;
  margin: 3rem 0;
}
.event-details__description.phone {
  margin: 0;
  max-height: 25rem;
}
.event-details__people-participating {
  font-size: 1.4rem;
  line-height: 1.9rem;
  color: #6B6C76;
  margin-bottom: 2.4rem;
}
.event-details__people-participating-settings {
  font-size: 1.4rem;
  line-height: 1.9rem;
  color: #1898DC;
  margin-bottom: 2.4rem;
  cursor: pointer;
}

.follow-banner__page-container {
  box-shadow: 0 -3em 3em rgba(0, 0, 0, 0.2);
}
.follow-banner__page-container.project-bottom {
  position: sticky;
  bottom: 0;
}
.follow-banner__page-container.phone {
  box-shadow: rgba(0, 0, 0, 0.2) 0em -1em 2em 0em;
}

.follow-banner__page-container {
  width: 100%;
  border-bottom: 1px solid #D9D9D9;
}

.follow-banner {
  margin: 0.1rem auto 0;
}
.follow-banner .popup-close-button {
  display: absolute;
  height: 0;
  width: 0;
}
.follow-banner .popup-close-button button {
  display: inline-block;
  align-self: center;
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -2.4em;
  left: 2em;
}
.follow-banner .popup-close-button button svg {
  height: 1.2rem;
  width: 1.2rem;
}
.follow-banner .popup-close-button button svg path {
  fill: #000 !important;
}
.follow-banner__container {
  display: flex;
  max-width: 1425px;
  height: 10.2rem;
  margin: 0 auto;
  padding: 0 2%;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.follow-banner__icon {
  width: 6.6rem;
  height: auto;
  flex-shrink: 0;
}
.follow-banner__icon path {
  fill: #FF7F47;
}
.follow-banner__description {
  flex-grow: 1;
  margin-left: 0.6rem;
}
.follow-banner__title {
  font-family: "Sora";
  font-style: normal;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 2.7rem;
  color: #000000;
}
.follow-banner__subtitle {
  font-family: "Sora";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.5rem;
}
.follow-banner__image {
  width: 11.5rem;
  margin-left: 1.8rem;
}
@media (min-width: 1200px) {
  .follow-banner__image {
    width: 13.7rem;
    margin-left: 4rem;
  }
}
.follow-banner__input {
  font-size: 1.2rem;
  height: 4.3rem;
  width: 28.5rem;
  flex-shrink: 1;
}
.follow-banner__input .label-text__input-container {
  margin: 0;
  height: 4.3rem;
  width: 28.5rem;
}
.follow-banner__input .label-text__input-container input {
  height: 4.3rem;
  width: 28.5rem;
  border: solid 1px rgba(0, 0, 0, 0.1019607843);
  border-radius: 6px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 1.6rem;
  letter-spacing: 0.3px;
}
.follow-banner__input .label-text__input-container input::placeholder {
  color: #353535;
  font-style: normal;
}
.follow-banner__button {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 10.3rem;
  height: 4.5rem;
  background: #FF7F47;
  border-radius: 3px;
}
.follow-banner.splitted .follow-banner__container {
  display: flex;
  flex-direction: column;
  height: auto;
  margin: 0 auto;
  padding: 1rem 2%;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.follow-banner.splitted .follow-banner__container-line1 {
  display: flex;
  align-items: center;
}
.follow-banner.splitted .follow-banner__container-line1 .popup-close-button {
  padding-top: 1.5rem;
  padding-right: 3rem;
}
.follow-banner.splitted .follow-banner__container-line2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

.act-side-info {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .act-side-info {
    background: #fff;
    border: 1px solid #F3EFE6;
    box-sizing: border-box;
    border-radius: 7px;
    padding: 2rem 2rem 2rem 3rem;
  }
}
@media screen and (max-width: 600px) {
  .act-side-info {
    margin-top: 2rem;
  }
}
.act-side-info__info-item {
  margin-bottom: 2.5rem;
}
.act-side-info__ideas-elements {
  display: flex;
  flex-direction: row;
}
.act-side-info__ideas-icon {
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
.act-side-info__title-highlights {
  font-size: 1.7rem;
  font-style: normal;
  margin-bottom: 1.7rem;
  padding-left: 1rem;
  display: flex;
  align-items: center;
  color: #373F41;
  font-weight: 600;
  line-height: 2.1rem;
  letter-spacing: 0.0126802rem;
}
.act-side-info__title-highlights svg {
  margin-top: 0.3rem;
  width: 2.6rem;
  height: 2.6rem;
  margin-left: 1rem;
}
.act-side-info__title {
  font-size: 1.7rem;
  font-style: normal;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  color: #373F41;
  font-weight: 600;
  line-height: 2.1rem;
}
.act-side-info__title svg {
  margin-top: 2.3rem;
  width: 2.6rem;
  height: 2.6rem;
  margin-left: 1rem;
}
.act-side-info__title-discussion {
  margin-bottom: 1rem;
  padding-left: 1rem;
  display: flex;
  align-items: center;
  padding-top: 3.2rem;
  padding-bottom: 1.4rem;
}
.act-side-info__expand-style {
  max-height: 2.1rem;
}
.act-side-info__expand-style svg {
  margin-top: 0;
  width: auto;
  height: auto;
}
.act-side-info__profile {
  margin-bottom: 0.7rem;
}
.act-side-info__profile-text {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.01rem;
  text-align: left;
  color: #6B6C76;
  padding-left: 1rem;
}
.act-side-info__organisation-label {
  color: white;
  font-size: 1.2rem;
  background: #2A78CD;
  border-radius: 0.3rem;
  padding: 0.3rem;
  margin-left: 1rem;
}
.act-side-info__info-container {
  margin-top: 3rem;
}
.act-side-info__overview-item {
  display: flex;
  margin-bottom: 1.5rem;
}
.act-side-info__overview-item-text {
  margin-left: 1.5rem;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  color: #6B6C76;
}
.act-side-info__explanation-text {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 2rem;
}
.act-side-info__explanation-content {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2rem;
  text-align: left;
  color: #666666;
}

@media screen and (min-width: 600px) {
  .act-about-tab {
    padding: 4rem;
    background: #FFFFFF;
    border: 1px solid #F3EFE6;
    border-radius: 5px;
  }
}
.act-about-tab__title {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 125%;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 600px) {
  .act-about-tab__title {
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #434343;
    font-weight: 600;
  }
}
.act-about-tab__item-title {
  font-size: 1.6rem;
  color: #434343;
  margin-bottom: 1.1rem;
}
.act-about-tab__item {
  margin-bottom: 2rem;
}
.act-about-tab__item p {
  font-size: 1.3rem;
}

.project-card {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 4rem;
  max-width: 108rem;
  margin-top: 1.5rem;
}
.project-card__cover {
  width: 20.5rem;
  display: flex;
  position: relative;
  justify-items: center;
  align-items: center;
  max-width: 20.5rem;
  max-height: 26.5rem;
  border-radius: 5px;
  flex-wrap: wrap;
  overflow: hidden;
}
.project-card__cover-private {
  background: #76797B;
  border-radius: 4px;
}
.project-card__cover-private-image {
  flex: 1;
  flex-basis: 100%;
  text-align: center;
  margin-top: 6.5rem;
}
.project-card__cover-private-label {
  flex: 1;
  width: 100%;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 6.4rem;
  font-size: 1.4rem;
  color: #76706F;
}
.project-card__cover-image {
  max-width: 20.5rem;
  max-height: 26.5rem;
  object-fit: cover;
}
.project-card__details {
  display: flex;
  flex-direction: column;
  width: 74%;
  height: 21rem;
  padding-left: 5.5rem;
  justify-content: space-between;
}
.project-card__details h3 {
  font-size: 2.7rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.2rem;
  color: #353535;
}
.project-card__description {
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-style: normal;
  font-weight: 400;
  color: #76706F;
  min-height: 5em;
}
.project-card__statistics-data {
  padding-left: 1rem;
}
.project-card__info-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.project-card__statistics-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-basis: 33%;
  color: #353535;
  font-size: 1.3rem;
}
.project-card__participate {
  background: transparent;
  border: 1px solid #353535;
  border-radius: 4px;
  width: 23.5rem;
  height: 4.5rem;
  font-size: 1.4rem;
  margin-top: 1rem;
}
.project-card-mobile {
  margin-bottom: 3em;
  padding: 0.8em;
  font-size: 1.2rem;
  background-color: #fff;
  border-radius: 10px;
  border: 0 solid #800000;
  box-shadow: 0px 5px 15px 1px rgba(165, 157, 143, 0.3019607843);
}
.project-card-mobile .project-card__cover-mobile {
  width: 100%;
  height: 11em;
}
.project-card-mobile .project-card__cover-image-mobile, .project-card-mobile .project-card__cover-private-image {
  border-radius: 8px;
  margin-top: 0;
  height: 11em;
  width: 100%;
  object-fit: cover;
}
.project-card-mobile .project-card__cover-private-image {
  padding-top: 3em;
}
.project-card-mobile .project-card__cover-private-label {
  margin-top: -3em;
  margin-bottom: 0;
}
.project-card-mobile .project-card__description {
  margin: 0;
  font-size: inherit;
  height: 5em;
  line-height: 1.6em;
}
.project-card-mobile .project-card__info-container {
  margin-top: 1em;
  justify-content: space-around;
}
.project-card-mobile .project-card__statistics-box {
  flex-basis: auto;
}
.project-card-mobile .project-card__statistics-datas {
  font-size: inherit;
}
.project-card-mobile .project-card__details-mobile {
  padding: 0;
  width: 100%;
  height: auto;
  min-height: 14em;
}
.project-card-mobile .project-card__details-mobile .heading-3 {
  font-size: 1.33em;
}
.project-card-mobile .project-card__details-mobile .btn-secondary {
  width: 100%;
}

.project-card2 {
  width: 48%;
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-bottom: 5rem;
}
@media only screen and (max-width: 900px) {
  .project-card2 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.project-card2__cover {
  height: 10rem;
  overflow: hidden;
}
.project-card2__cover img {
  max-height: none !important;
}
.project-card2__details {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.project-card2__details .project-link {
  color: #353535;
}
.project-card2__description {
  font-size: var(--font-normal-font-size_phone);
  line-height: var(--font-normal-font-size_phone);
  font-style: normal;
  font-weight: var(--font-normal-font-size_phone);
  color: #76706F;
  height: 3em;
}
.project-card2 .statistic-bar {
  margin-top: 0;
}

.about-project {
  margin-bottom: 4.7rem;
}
.about-project__info-title {
  margin-bottom: 2rem;
  color: #373F41;
  font-family: Sora;
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 3.2rem;
}
.about-project__info-text {
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: #373F41;
  overflow-wrap: anywhere;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 900px) {
  .about-project__info-text {
    font-size: 1.6rem;
  }
}

.project-button-cta {
  font-size: 1.7rem;
}
@media only screen and (max-width: 600px) {
  .project-button-cta {
    flex: 1;
    width: auto;
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 900px) {
  .project-intro {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 2.8rem;
  }
}
.project-intro__image {
  width: 36.3rem;
  height: 19.1rem;
  object-fit: cover;
  border-radius: 4px;
}
@media only screen and (max-width: 900px) {
  .project-intro__image {
    width: 100%;
  }
}
.project-intro__logo-container {
  width: 37rem;
  height: 6rem;
  margin-right: 1.5rem;
  border-radius: 0;
}
@media only screen and (max-width: 900px) {
  .project-intro__logo-container {
    width: 100%;
  }
}
.project-intro__logo-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left;
}
.project-intro__community-name-container {
  display: flex;
  gap: 1.1rem;
  align-items: center;
  margin-bottom: 2rem;
  justify-content: space-between;
}
.project-intro__community-name {
  font-size: 1.6rem;
  font-weight: 700;
  color: black;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.project-intro__title {
  font-size: 3.6rem;
  line-height: 4rem;
  font-weight: 700;
  margin-bottom: 2rem;
  color: #353535;
}
@media only screen and (max-width: 900px) {
  .project-intro__title {
    font-size: 24px;
  }
}
.project-intro__info-description {
  margin-top: 2.4rem;
  font-size: 1.6rem;
  line-height: 160%;
  color: #76797B;
}
@media only screen and (max-width: 900px) {
  .project-intro__info-description {
    margin-top: 2.1rem;
  }
}
.project-intro__button-learn-more {
  margin-top: 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.2rem;
  color: #4F8DFF;
}
@media only screen and (max-width: 900px) {
  .project-intro__button-learn-more {
    margin-top: 0;
  }
}
.project-intro__stats {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  font-weight: 500;
  font-size: 1.6rem;
  color: #373F41;
  margin-top: 2rem;
}
.project-intro__stats2 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  font-weight: 700;
  font-size: 1.6rem;
  color: #000;
}
.project-intro__stats2-icon {
  width: 3rem;
  text-align: center;
}
.project-intro__stats-item {
  padding: 2rem 1.8rem;
  border-radius: 8px;
  border: 1px solid #EEE;
}
.project-intro__stats-line {
  font-family: Sora, Inter;
  font-weight: 700;
  display: flex;
  align-content: center;
  align-items: center;
  gap: 1rem;
}
.project-intro__stats-line-description {
  margin-top: 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #858585;
}
.project-intro__buttons-container {
  margin-top: 2rem;
}
.project-intro__buttons-container button {
  width: 100%;
  font-size: 1.6rem !important;
}
.project-intro__share-an-idea {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.5rem;
  width: 23.6rem;
  border-radius: 0.3rem;
  background: #2CA94E;
  border: none;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.1rem;
  text-align: center;
  color: #ffffff;
}
.project-intro__share-an-idea:hover {
  background: #39BB5C;
  box-shadow: 0 2px 10px rgba(46, 157, 70, 0.3);
  border-radius: 3px;
}
.project-intro__share-an-idea:disabled {
  background: #53C472;
  opacity: 0.5;
}
.project-intro__idea-title {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
  letter-spacing: 0;
  text-align: center;
  display: flex;
  padding-left: 0.7rem;
}
.project-intro__settings-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.project-intro__settings-button {
  display: flex;
  align-items: center;
  margin-top: 2rem;
}
.project-intro__settings-button-text {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 160.2%;
  letter-spacing: 0.0126802rem;
  color: #2A6DE8;
  margin-left: 1rem;
}
.project-intro__share-button-user-title {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 160.2%;
  letter-spacing: 0.0126802px;
  color: #2A6DE8;
  display: flex;
  align-items: center;
}
.project-intro__share-button-user-title svg {
  margin-right: 0.9rem;
}
.project-intro__share-button {
  display: flex;
  align-items: center;
  margin-left: 3.9rem;
  margin-top: 2rem;
}
.project-intro__share-button-title {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 160.2%;
  letter-spacing: 0.0126802rem;
  color: #2A6DE8;
  display: flex;
  align-items: center;
}
.project-intro__share-button-title svg {
  margin-right: 0.9rem;
}

.project-intro__idea-box-card {
  display: flex;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-bottom: 1.6rem;
  border: 1px solid #F3EFE6;
  box-sizing: border-box;
  border-radius: 7px;
  padding-left: 2.2rem;
  padding-right: 2.2rem;
  padding-bottom: 2.5rem;
  padding-top: 1.3rem;
}
@media (max-width: 1200px) {
  .project-intro__idea-box-card {
    flex: 0.5;
  }
}
@media (min-width: 1200px) {
  .project-intro__idea-box-card {
    padding-left: 3.8rem;
    padding-right: 3.8rem;
  }
}
@media (max-width: 1200px) {
  .project-intro__idea-box-card {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 1.7rem 0.7rem 1.7rem 0;
    margin-top: 1.6rem;
  }
}
.project-intro__idea-box-card-image {
  width: 15.6rem;
}
@media (max-width: 600px) {
  .project-intro__idea-box-card-image {
    max-width: 10.4rem;
    margin-left: 0.3rem;
  }
}
.project-intro__idea-box-card-image2 {
  width: 16.2rem;
}
.project-intro__idea-box-card-container {
  margin-left: 1.5rem;
}
.project-intro__idea-box-card-title {
  margin-top: 0.6rem;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
  padding-left: 3rem;
  padding-right: 3rem;
}
@media (max-width: 1200px) {
  .project-intro__idea-box-card-title {
    margin-top: 0;
    text-align: left;
    padding: 0;
  }
}
.project-intro__idea-box-card-description {
  margin-top: 1rem;
  font-size: 1.3rem;
  text-align: center;
}
.project-intro__idea-box-card-subtitle {
  font-size: 1.4rem;
  margin-bottom: 2rem;
  text-align: center;
}
@media (max-width: 600px) {
  .project-intro__idea-box-card-subtitle {
    margin-bottom: 0.8rem;
    font-size: 1.2rem;
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .project-intro__idea-box-card-subtitle2 {
    display: none;
  }
}
.project-intro__idea-box-card-button {
  width: 100%;
}
@media (max-width: 600px) {
  .project-intro__idea-box-card-button {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    height: 4rem;
    width: auto;
  }
}
.project-intro__idea-box-card-form {
  display: flex;
  text-align: left;
  margin-top: 1.2rem;
  width: 100%;
  padding: 0 1rem;
}
@media (max-width: 1200px) {
  .project-intro__idea-box-card-form .label-text__input-container {
    margin: 0;
  }
}
.project-intro__idea-box-card-form input {
  border-radius: 9px;
}
@media (min-width: 1200px) {
  .project-intro__idea-box-card-form {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
  }
}
.project-intro__idea-box-card-form .label-text-field {
  flex-grow: 4;
}
@media (min-width: 1200px) {
  .project-intro__idea-box-card-form .label-text-field {
    width: 100%;
  }
}
.project-intro__idea-box-card-form button {
  flex-grow: 1;
  margin-left: 1rem;
  padding-left: 2rem;
  padding-right: 3rem;
}
@media (min-width: 1200px) {
  .project-intro__idea-box-card-form button {
    width: 100%;
    margin-left: 0;
  }
}

.avatar-summary {
  display: flex;
  height: 35px;
  overflow: hidden;
  margin-left: 3.2rem;
  margin-top: 0.5rem;
  align-content: center;
  align-items: center;
  white-space: nowrap;
}
.avatar-summary__list {
  margin-left: 1.4rem;
}
.avatar-summary__list:first-child {
  z-index: 3;
}
.avatar-summary__list:nth-child(2) {
  z-index: 2;
}
.avatar-summary__list:nth-child(3) {
  z-index: 1;
}
.avatar-summary__list-item {
  display: inline-block;
  margin-left: -1.4rem;
  margin-top: 0.9rem;
}
.avatar-summary__list-item img {
  background: white;
  border: 1px solid white;
}
.avatar-summary__counter {
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: 600;
  font-size: 1.2rem;
  color: #6B6C76;
}

.project-members__container {
  margin-top: 4.8rem;
  background: #FFFFFF;
  border: 1px solid #EAEAEA;
  border-radius: 7px;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 2rem;
  padding-top: 1rem;
}
.project-members__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.project-members__title {
  font-family: Sora;
  font-weight: 600;
  font-size: 1.7rem;
}
.project-members__number {
  font-family: Inter;
  font-weight: 500;
  font-size: 1.4rem;
  color: #7A7E9F;
  margin-left: 1.4rem;
}
.project-members__list {
  margin-top: 2rem;
}
.project-members__list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
}
.project-members__list-item:hover .project-members__member-delete {
  display: block;
}
.project-members__member-info {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.project-members__list-username {
  font-size: 1.5rem;
  margin-left: 1rem;
}
.project-members__button-more {
  width: 100%;
  margin-top: 2.5rem;
}
.project-members__member-delete {
  display: none;
}
.project-members__search-bar {
  position: relative;
  padding: 1rem;
}
.project-members__icon-search {
  position: absolute;
  top: 2.6rem;
  right: 2.2rem;
}
.project-members__search-input {
  background-color: transparent;
  width: 30rem;
  height: 4.6rem;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 1.6rem;
  padding-right: 3.2rem;
  padding-left: 2rem;
  color: #5E617C;
}
.project-members__search-input:focus {
  border-color: #707172;
}

.project-publish-toggle {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.project-publish-toggle__label {
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 2.8rem;
}
.project-publish-toggle__publish-container .x-toggle-component {
  margin-top: 0;
}

.project-document-edit-form__attachment {
  margin-top: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: #F7F4F2;
  display: flex;
  width: 90%;
  justify-content: space-between;
  align-items: center;
}
.project-document-edit-form__delete-button:hover svg path {
  fill: #353535;
}
.project-document-edit-form__attachment-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40%;
  height: 90px;
  border: 1px dashed #A8A8A8;
  border-radius: 5px;
  margin-top: 2rem;
}

.module-visibility-card {
  display: flex;
  gap: 1.3rem;
  border-radius: 4px;
  padding: 2.5rem 2rem;
  margin-bottom: 3rem;
}
.module-visibility-card.no-card {
  display: none;
}
.module-visibility-card--visible {
  background: rgba(83, 195, 114, 0.23);
  border: 1px solid #53C372;
}
.module-visibility-card--pending {
  background: rgba(255, 206, 91, 0.15);
  border: 1px solid #FFCE5B;
}
.module-visibility-card--hidden {
  background: rgba(255, 127, 71, 0.06);
  border: 1px solid #FF7F47;
  border-radius: 12px;
}
.module-visibility-card__title {
  font-family: Sora, Inter;
  font-weight: 400;
  font-size: 1.4rem;
}
.module-visibility-card__title b {
  font-weight: 700;
}
.module-visibility-card__title .bold {
  font-weight: 600;
  font-size: 1.4rem;
}
.module-visibility-card__title .sub1 {
  font-weight: 500;
  font-size: 1.2rem;
}
.module-visibility-card__title .sub2 {
  font-weight: 400;
  font-size: 1.2rem;
}
.module-visibility-card__missing {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5em;
  color: #FF0000;
}

.errors-card__container {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5em;
  color: #FF0000;
}
.errors-card__container li.no-type {
  list-style-type: none;
}
.errors-card__container li.clickable {
  cursor: pointer;
}
.errors-card__container li.clickable:hover {
  text-decoration: underline;
}
.follow-project-overlaycontent__container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 600px) {
  .follow-project-overlaycontent__top-image {
    max-height: 15rem;
  }
}
.follow-project-overlaycontent__top-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  padding: 0rem 3.5rem 2rem 4rem;
}
@media (max-width: 600px) {
  .follow-project-overlaycontent__top-container {
    padding: 0;
  }
}
.follow-project-overlaycontent__title {
  font-size: 2.6rem;
  font-weight: 700;
  color: #2E2F30;
  text-align: center;
}
@media (max-width: 600px) {
  .follow-project-overlaycontent__title {
    font-size: 2rem;
  }
}
.follow-project-overlaycontent__description {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 2rem;
}
@media (max-width: 600px) {
  .follow-project-overlaycontent__description {
    font-size: 1.4rem;
  }
}
.follow-project-overlaycontent__privacy {
  margin-top: 1rem;
  font-weight: 600;
  font-size: 1.6rem;
}
@media (max-width: 600px) {
  .follow-project-overlaycontent__privacy {
    display: none;
  }
}
.follow-project-overlaycontent__form {
  display: flex;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
  gap: 1rem;
}
.follow-project-overlaycontent__form .label-text-field {
  flex-grow: 4;
}
@media (max-width: 600px) {
  .follow-project-overlaycontent__form {
    width: 100%;
    padding: 0;
    gap: 0.5rem;
    flex-direction: column;
  }
  .follow-project-overlaycontent__form .label-text__input-container {
    margin-bottom: 0;
  }
}
.follow-project-overlaycontent__button {
  flex-grow: 1;
  padding-left: 3rem;
  padding-right: 3rem;
}
@media (max-width: 600px) {
  .follow-project-overlaycontent__button {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.community-avatar {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.community-avatar__right-column {
  display: flex;
  flex-direction: column;
  margin-left: 2em;
  font-size: 1.2em;
  font-weight: 400;
}
.community-avatar__badge {
  width: 9.4rem;
  height: 2rem;
  background: #2A78CD;
  border-radius: 3px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.3px;
  color: #ffffff;
}

.community-card {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 6.313rem;
}
.community-card.card-container {
  height: auto !important;
  padding: 0;
  width: 100%;
  border-radius: 4px;
  flex-direction: column;
}
.community-card .btn-none.cover, .community-card .btn-none.details {
  display: block;
  width: 100%;
}
.community-card__cover {
  display: flex;
  position: relative;
  width: 100%;
  height: 16rem;
  justify-items: center;
  align-items: center;
}
.community-card__cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 4px 4px 0 0;
}
.community-card__country {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  padding: 0.5rem;
  margin-left: 1.5rem;
  margin-top: 1rem;
  align-items: center;
  line-height: 1.2rem;
}
.community-card__global-admin-toggle {
  display: flex;
  margin: 1em 0 0.2em;
  align-items: center;
  flex-direction: row;
}
.community-card__global-admin-toggle__switch {
  width: 7rem;
}
.community-card__details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 2em;
  padding-right: 2em;
  width: 100%;
  height: 14em;
  font-size: 1.3rem;
  line-height: 1em;
  padding-bottom: 1em;
}
@media only screen and (max-width: 600px) {
  .community-card__details {
    min-height: 18.3rem;
    height: auto;
    padding-bottom: 1em;
  }
}
.community-card__title {
  display: flex;
  letter-spacing: 0.01em;
  font-family: Sora;
  font-style: normal;
  font-weight: bold;
  font-size: 1.7em;
  line-height: 1.2em;
  color: #373F41;
  margin-top: 0.63em;
  margin-bottom: 0.7em;
  white-space: normal;
  align-items: center;
}
.community-card__title img {
  max-width: 8.4rem;
  max-height: 5.6rem;
  margin-right: 0.8rem;
  vertical-align: bottom;
}
.community-card__title-name {
  display: inline-block;
  word-wrap: anywhere;
  word-break: break-word;
}
.community-card__description {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1em;
  color: #5E617C;
  line-height: 1.5em;
  text-align: left;
  margin-top: 0.5em;
  margin-bottom: 0.8em;
  /*We hack here the community.description style : the initial context is from the rich-editor used by the admins with html formatting tools enabled => we need to format them*/
}
.community-card__description h1 {
  line-height: 1.2em;
  margin-bottom: 1em;
  font-size: 1em;
}
.community-card__description p {
  font-size: 1em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
}
.community-card__description img {
  max-height: 2rem;
}
.community-card__flag-picture {
  height: 1.4rem;
}
.community-card__flag-name {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  color: #373F41;
  margin-left: 0.6rem;
}
.community-card__projects, .community-card__members {
  padding-left: 1rem;
  padding-right: 1.563rem;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.2rem;
  font-family: Inter;
  font-style: normal;
  letter-spacing: 0.02rem;
  color: #373F41;
}
.community-card__info-container {
  display: flex;
  flex-direction: row;
  margin-top: 1rem;
  justify-content: space-around;
}
.community-card__statistics-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.3rem;
}
.community-card__statistics-box svg path {
  fill: #A4A3B4;
}
.community-card__action-button {
  margin-top: 3rem;
}
.community-card__see-projects-btn {
  display: inline-block;
  width: 26rem;
}

.community-cover {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: 0 auto;
}
.community-cover__mobile-container {
  margin: 2rem;
  padding-left: 2rem;
}
.community-cover__cover {
  max-width: 47%;
  min-width: 42rem;
  height: 37.6rem;
  position: relative;
}
.community-cover__cover-publish-toggle {
  right: 1em;
  bottom: 1em;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.2509803922);
  height: auto;
  width: 40em;
  border-radius: 3px;
}
.community-cover__cover-publish-toggle .community-publish-toggle {
  width: auto;
  height: auto;
  font-size: 1.1rem;
}
.community-cover__cover-publish-toggle .community-publish-toggle .setting-item__item-content {
  width: auto;
  margin: -2.7em 4em 0 18em;
}
.community-cover__logo-picture {
  max-width: 100%;
  max-height: 100%;
}
.community-cover__logo-container {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3em;
}
.community-cover__logo-container img {
  max-width: 16rem;
  max-height: 7rem;
}
.community-cover__social-media-icons {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
}
.community-cover__icon-style {
  margin-right: 3.3rem;
}
.community-cover__icon-style svg {
  width: 3rem;
  height: 3rem;
}
.community-cover__share-button {
  float: right;
  margin: 1.4em 0;
}
.community-cover__share-button.bottom {
  display: none;
}
.community-cover__no-projects-text {
  text-decoration: underline;
  color: #2A6DE8;
}
.community-cover__cover-overlay {
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  position: absolute;
  z-index: 1;
}
.community-cover__back-button-container {
  position: absolute;
  top: 2.3rem;
  left: 12rem;
  z-index: 2;
}
.community-cover__back-button-container-mobile {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
}
.community-cover__back-button {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.community-cover__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.community-cover__logo-and-social-icons {
  width: 100%;
  /*display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;*/
}
.community-cover__title-and-logo {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.community-cover__title-custom {
  text-align: left;
  padding-right: 1rem;
  color: #353535;
  font-size: 3rem;
}
.community-cover__description {
  padding-right: 1rem;
  display: flex;
  flex-direction: row;
  font-size: 1.4em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6em;
  text-align: left;
  color: #76706F;
}
.community-cover__description .lt-line-clamp__more, .community-cover__description .lt-line-clamp__less {
  color: #4F8DFF;
}
.community-cover__description-mobile {
  display: flex;
  flex-direction: row;
  width: 80%;
  font-style: normal;
  font-weight: 400;
  line-height: 2.7rem;
  text-align: left;
  font-size: 1.7rem;
  color: #76706F;
}
.community-cover__details-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1rem;
  flex-wrap: wrap;
  color: #353535;
}
.community-cover__details-info-mobile {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 2rem;
  padding-left: 1rem;
}
.community-cover__details {
  display: flex;
  flex-direction: column;
  width: 53%;
  padding-left: 6.5rem;
  justify-content: space-evenly;
}
.community-cover__info-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: 20px;
}
.community-cover__settings-button-community {
  display: flex;
  align-items: center;
}
.community-cover__settings-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: 1rem;
}
.community-cover__share-title {
  padding-right: 1em;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 160.2%;
  letter-spacing: 0.0126802rem;
  color: #2A6DE8;
  display: flex;
  align-items: center;
}
.community-cover__share-title svg {
  margin-right: 0.9rem;
}
.community-cover__details-icon {
  margin-right: 1rem;
}
.community-cover__title-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.community-cover__info-container-padding {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding-left: 6.5rem;
}
.community-cover__square {
  width: 0.938rem;
  height: 0.938rem;
  background: white;
  border: 3px solid black;
}
.community-cover__number {
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6rem;
  color: #353535;
  margin-left: 1rem;
}
.community-cover__button-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 2.375rem;
}
.community-cover__button {
  border: 1px solid #3C64B1;
  padding: 1.25rem;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.125rem;
  background: transparent;
  color: #3C64B1;
  width: 8.125rem;
  height: 3.75rem;
}
.community-cover__text {
  padding-left: 1.25rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.188rem;
  letter-spacing: 0.013rem;
  text-align: left;
}
.community-cover__text:hover {
  text-decoration: underline;
  cursor: pointer;
}

.community-cover-mobile {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-wrap: wrap;
  margin: 0 auto;
  font-size: 1.2rem;
}
.community-cover-mobile .community-cover__cover {
  width: 100%;
  max-width: 100%;
  min-width: auto;
  height: 19.6rem;
  position: relative;
}
.community-cover-mobile .community-cover__logo-and-social-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.community-cover-mobile .community-cover__title-container, .community-cover-mobile .community-cover__description, .community-cover-mobile .community-cover__details-info {
  margin: 0em 0.4em 0.8em 0;
}
.community-cover-mobile .community-cover__details {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1em;
  justify-content: space-evenly;
}
.community-cover-mobile .community-cover__line-container {
  display: block;
}
.community-cover-mobile .community-cover__settings-container {
  display: inline-block;
  width: 40%;
}
.community-cover-mobile .community-cover__share-button {
  font-size: inherit;
}
.community-cover-mobile .community-cover__share-button.top {
  display: none;
}
.community-cover-mobile .community-cover__share-button.bottom {
  display: inline-block;
  margin: 1.4em 2em 0 0;
}
.community-cover-mobile .community-cover__share-title {
  font-size: inherit;
}
.community-cover-mobile .community-cover__share-title svg {
  scale: 80%;
}
.community-cover-mobile .community-cover__title-custom {
  text-align: left;
  padding-right: 1rem;
  color: #353535;
  font-size: 1.2rem;
}
.community-cover-mobile .community-cover__logo-container img {
  max-width: 11rem;
  max-height: 5rem;
}
.community-cover-mobile .community-cover__description {
  font-size: inherit;
}
.community-cover-mobile .community-cover__info-container {
  height: 1.7em;
}
.community-cover-mobile .community-cover__number {
  font-size: inherit;
  line-height: 1.7em;
}
.community-cover-mobile .community-cover__settings-container {
  font-size: 1em;
}
.community-cover-mobile .community-cover__settings-container .community-cover__settings-button-community {
  font-size: inherit;
}
.community-cover-mobile .community-cover__settings-container .community-cover__settings-button-community .project-intro__settings-button-text {
  font-size: inherit;
}
.community-cover-mobile .community-cover__cover-publish-toggle {
  width: 12em;
}
.community-cover-mobile .community-cover__cover-publish-toggle .community-publish-toggle {
  padding: 4px;
}
.community-cover-mobile .community-cover__cover-publish-toggle .community-publish-toggle .setting-item__item-header {
  display: none;
}
.community-cover-mobile .community-cover__cover-publish-toggle .community-publish-toggle .setting-item__item-content {
  margin: 0;
}
.community-cover-mobile .community-cover__cover-publish-toggle .community-publish-toggle__publish-container {
  justify-content: space-around;
}
.community-cover-mobile .community-cover__cover-publish-toggle .community-publish-toggle__publish-button {
  scale: 85%;
}

.community-cover2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.community-cover2__cover {
  position: relative;
  max-width: 580px;
  width: 47%;
}
@media only screen and (max-width: 900px) {
  .community-cover2__cover {
    width: 30%;
  }
  .community-cover2__cover .civ-cloudinary-image {
    overflow: hidden;
  }
  .community-cover2__cover .civ-cloudinary-image img {
    max-width: none !important;
  }
}
.community-cover2__cover-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.community-cover2__cover.unpublished .community-cover2__cover-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.community-cover2__cover-publish-toggle {
  position: absolute;
  right: 1em;
  bottom: 1em;
  background-color: #fff;
  box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.2509803922);
  height: auto;
  border-radius: 3px;
}
@media only screen and (max-width: 900px) {
  .community-cover2__cover-publish-toggle {
    display: none;
  }
}
.community-cover2__details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 3.5em;
  justify-content: flex-start;
  gap: 2em;
}
@media only screen and (max-width: 900px) {
  .community-cover2__details {
    padding-left: 1.6em;
  }
}
.community-cover2__title-and-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3em;
}
.community-cover2__share-title {
  padding-right: 1em;
  color: #2A6DE8;
  display: flex;
  align-items: center;
}
.community-cover2__share-title svg {
  margin-right: 0.9rem;
}
.community-cover2__title-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
}
.community-cover2__title-container h1 {
  text-align: left;
  padding-right: 1rem;
  color: rgb(53, 53, 53);
}
.community-cover2__icon-style {
  margin-right: 1em;
}
.community-cover2__icon-style svg {
  width: 3rem;
  height: 3rem;
}
.community-cover2__logo-and-social-icons {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.community-cover2__social-media-icons svg path {
  fill: #9c9c9c;
}
.community-cover2__description {
  display: flex;
  flex-direction: row;
  font-style: normal;
  font-size: var(--font-normal-font-size);
  font-weight: var(--font-normal-font-weight);
  line-height: var(--font-normal-line-height);
  text-align: left;
  color: #76706F;
}
.community-cover2__description .lt-line-clamp__more, .community-cover2__description .lt-line-clamp__less {
  color: #4F8DFF;
}
.community-cover2__settings-button-community {
  display: flex;
  align-items: center;
}
.community-cover2__settings-container {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.social-bar {
  display: flex;
  gap: 1.2rem;
  justify-items: center;
  align-items: center;
}
.social-bar svg {
  display: block;
  margin-right: 0.9rem;
}
.social-bar svg path {
  fill: #9c9c9c;
}

.statistic-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1rem;
  flex-wrap: wrap;
  color: #353535;
}
.statistic-bar__info-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-right: 2rem;
}
.statistic-bar__info-container svg {
  display: block;
}
.statistic-bar__number {
  font-style: normal;
  font-size: var(--font-small-font-size);
  line-height: var(--font-small-line-height);
  font-weight: 500;
  color: #353535;
  margin-left: 1rem;
}

.community-publish-toggle {
  font-size: 1.4rem;
  border-radius: 4px;
  min-width: 30em;
  max-width: 90%;
}
.community-publish-toggle .setting-item {
  display: flex;
  align-items: center;
  width: fit-content;
  min-width: 30em;
  max-width: 90%;
  margin: 1em;
  justify-content: space-between;
}
.community-publish-toggle .setting-item__label {
  font-weight: 600;
  font-size: var(--font-big-font-size);
  width: max-content;
  margin: 0;
}
.community-publish-toggle .setting-item__item-header {
  display: block;
  justify-content: unset;
}
.community-publish-toggle .setting-item__item-content {
  display: flex;
  margin: 0 0 0 1em;
  padding: 0;
  height: 2em;
  width: 100%;
  justify-content: space-between;
}
.community-publish-toggle .setting-item__item-content .tooltip__container {
  display: flex;
  align-items: center;
}
.community-publish-toggle .setting-item__item-content .tooltip__container span {
  height: 20px;
}
.community-publish-toggle__publish-container {
  color: #6B6C76;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0px 1em 0px 1em;
  justify-content: start;
}
.community-publish-toggle__publish-container .x-toggle-component {
  margin-top: 0;
}

/* :: Reorganised */
/* TODO: */
.translations-projectsettings-edit {
  flex-direction: column !important;
}
.translations-projectsettings-edit .dropdown__content {
  padding: 1em 2em 0 1em;
}
.translations-projectsettings-edit__choice {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 2.6rem;
  align-items: center;
  padding: 1.5rem 1rem;
  margin-bottom: 3.5rem;
  background-color: #ffffff;
}
.translations-projectsettings-edit__choice button {
  height: 3.3rem;
  background-color: white;
}
.translations-projectsettings-edit__label {
  font-weight: 700;
  font-size: 1.3rem;
  vertical-align: middle;
  color: #000000;
}
.translations-projectsettings-edit__select {
  display: inline-block;
}
.translations-projectsettings-edit__select .dropdown__trigger {
  padding: 0;
  margin: 0;
}
.translations-projectsettings-edit__caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.translations-projectsettings-edit__trigger {
  border: 1px solid #E3E3E3;
  border-radius: 6px;
  padding-left: 1.1rem;
  background-color: white;
  height: 3.3rem;
}
.translations-projectsettings-edit__trigger.not-a-button {
  border: 0;
  background-color: transparent;
}
.translations-projectsettings-edit__trigger.not-a-button .button-container {
  cursor: default;
}
.translations-projectsettings-edit__trigger .button-container, .translations-projectsettings-edit__option .button-container {
  width: 26rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.7rem;
  padding: 0 1rem 0 0;
  cursor: pointer;
}
.translations-projectsettings-edit__trigger .button-container .label, .translations-projectsettings-edit__option .button-container .label {
  flex-grow: 1;
  text-align: left;
}
.translations-projectsettings-edit__trigger .button-container .flag, .translations-projectsettings-edit__option .button-container .flag {
  line-height: normal;
  margin-top: 0.3em;
}
.translations-projectsettings-edit__option {
  padding-left: 1.1rem;
  margin: 0 0 1em 0;
}
.translations-projectsettings-edit__availablelocale {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E3E3E3;
  padding: 1rem 0;
  width: 30rem;
}
.translations-projectsettings-edit__availablelocale:last-child {
  border-bottom: 0;
}
.translations-projectsettings-edit__availablelocale .label {
  flex-grow: 17;
  padding: 0 1em;
}

.cards-container-query {
  height: auto;
}

.cards-section {
  margin-top: 4rem;
  width: 100%;
}
.cards-section-fullrow {
  margin-top: 0;
}
.cards-section__header {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  gap: 3em;
  margin-top: 5rem;
  margin-bottom: 3rem;
}
.cards-section__body, .cards-section__scrollable-body, .cards-section__columns-body {
  gap: 2rem 2rem;
  padding: 2rem 0;
}
.cards-section__body {
  padding: 0;
}
.cards-section-row .card-link {
  flex-grow: 1;
  padding: 0;
  width: fit-content;
}
.cards-section-row .card-container {
  display: flex;
  flex-direction: column;
  width: fit-content;
  height: 100%;
  padding: 1.3rem;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0px 2px 12px rgba(165, 157, 143, 0.2);
  justify-content: space-between;
  align-items: unset;
  text-align: left;
}
@media only screen and (max-width: 600px) {
  .cards-section-row .card-link {
    width: 50%;
    max-width: 50%;
  }
}
.cards-section-fullrow .cards-section__body {
  gap: 3rem;
  /* 1 or 2 cards displayed */
  /* four items */
}
@media only screen and (max-width: 600px) {
  .cards-section-fullrow .cards-section__body {
    gap: 2rem;
  }
}
.cards-section-fullrow .cards-section__body a.card-link:first-child:nth-last-child(1),
.cards-section-fullrow .cards-section__body a.card-link:first-child:nth-last-child(1) ~ a.card-link,
.cards-section-fullrow .cards-section__body a.card-link:first-child:nth-last-child(2),
.cards-section-fullrow .cards-section__body a.card-link:first-child:nth-last-child(2) ~ a.card-link {
  max-width: unset;
  width: unset;
}
.cards-section-fullrow .cards-section__body a.card-link:first-child:nth-last-child(4),
.cards-section-fullrow .cards-section__body a.card-link:first-child:nth-last-child(4) ~ a.card-link {
  justify-content: space-between;
}
.cards-section-fullrow .card-link {
  width: 100% !important;
}
.cards-section-fullrow .card-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 1.3rem;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 2px 24px rgba(165, 157, 143, 0.3);
  justify-content: space-between;
  align-items: start;
  text-align: left;
}
@media only screen and (max-width: 600px) {
  .cards-section-fullrow .card-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 1.3rem;
    border-radius: 1rem;
    background: #ffffff;
    justify-content: space-between;
    align-items: start;
    text-align: left;
  }
}
.cards-section-col .cards-section__body {
  margin: 0 4rem 0 0;
  justify-content: space-between;
}
@media only screen and (max-width: 900px) {
  .cards-section-col .cards-section__body a.card-link {
    width: 50%;
    max-width: 50%;
  }
}
.cards-section-col .card-link {
  flex-grow: 1;
  min-width: 24rem;
  max-width: 32%;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .cards-section-col .card-link {
    width: 100%;
    max-width: 100%;
    min-width: 15rem;
  }
}
.cards-section-col .card-container {
  flex-grow: 1;
  height: 9rem;
  display: flex;
  flex-direction: row;
  background: #ffffff;
  box-shadow: 0 0.2rem 1.2rem rgba(165, 157, 143, 0.2);
  box-sizing: border-box;
  border: none;
  border-radius: 1rem;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
}
@media only screen and (max-width: 600px) {
  .cards-section-col .card-container {
    width: 100%;
    min-width: 10rem;
  }
}
.cards-section__participate-title-style {
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 600;
  color: #646C6F;
}
.cards-section__header-button {
  color: #373F41;
  cursor: pointer;
  display: flex;
}
.cards-section__header-button svg {
  margin-left: 1.2rem;
}
@media only screen and (max-width: 600px) {
  .cards-section__header-button {
    height: 3.5rem;
  }
}
.cards-section__body {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  /* 1 or 2 cards displayed * /
  a.card-link:first-child:nth-last-child(1),
  a.card-link:first-child:nth-last-child(1) ~ a.card-link,
  a.card-link:first-child:nth-last-child(2),
  a.card-link:first-child:nth-last-child(2) ~ a.card-link {
  	max-width: 49%;
  	min-width: 49%;
  	width: 49%;
  }
  /* four items */
}
.cards-section__body--grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.cards-section__body--grid .card-link {
  max-width: none !important;
  width: fit-content !important;
  min-width: fit-content !important;
}
.cards-section__body a.card-container {
  margin-left: 0;
}
.cards-section__body a.card-link:first-child:nth-last-child(4),
.cards-section__body a.card-link:first-child:nth-last-child(4) ~ a.card-link {
  justify-content: space-between;
}
@media only screen and (max-width: 900px) {
  .cards-section__body {
    /*
    a.card-link:nth-child(4), a.card-link:nth-child(4) {
    	//in some cases we display max 3 cards, hiding the 4th
    	display: none;
    	&.module-card{
    		display: flex;
    	}
    }
    */
  }
  .cards-section__body a.card-link {
    width: 30%;
  }
}
.cards-section__body_module {
  flex-direction: column;
  flex-wrap: nowrap;
}
.cards-section__empty-body-message {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.9rem;
  width: 100%;
  min-height: 4rem;
  text-align: center;
  color: #666666;
  font-style: italic;
}
.cards-section__scrollable-body {
  display: flex;
  flex-wrap: nowrap;
  width: auto;
  overflow-x: scroll;
  padding: 2rem 2rem;
  margin: 0;
}
.cards-section__scrollable-body .card-link {
  flex-grow: 1;
  min-width: 94%;
  padding: 0;
  margin: 0;
}
.cards-section__columns-body {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2rem 0;
}

.cards-section-mobile__header {
  margin-top: 4.2rem;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.users-list {
  padding: 0px 0.4em;
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.users-list--deactivated {
  color: #373F41;
  opacity: 0.6;
  margin-bottom: 4rem;
}
.users-list__item {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  align-items: center;
}
.users-list__avatar-container {
  display: flex;
  align-items: center;
}
.users-list__username {
  margin-left: 1rem;
}
.users-list__button {
  color: #3C64B1;
  border: 0.1rem solid #3C64B1;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.step-one__container {
  width: 100%;
}
.step-one__title textarea, .step-one__title input {
  padding-left: 1rem !important;
  font-size: 1.5rem !important;
  line-height: 1.9rem !important;
  color: #373F41 !important;
}
.step-one__title textarea {
  padding-top: 1rem !important;
}
.step-one__title label {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.1rem;
  text-align: left;
  color: #353535;
}
.step-one__suggestions-container {
  max-height: 15rem;
  overflow: auto;
  margin-bottom: 3rem;
}
.step-one__suggestion-link {
  display: block;
}
.step-one__suggestion-info {
  background: rgba(234, 223, 212, 0.39);
  border-radius: 0.4rem;
  padding: 1.1rem 3.9rem 1.3rem 2.2rem;
  color: #BB834C;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 2rem;
}
.step-one__suggestions-title {
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #2A78CD;
  margin-right: 0.7rem;
}
.step-one__suggestions-title:hover {
  cursor: pointer;
}
.step-one__info {
  font-size: 1.2rem;
  line-height: 15px;
  color: #A8A8A8;
  margin-bottom: 2rem;
  width: 100%;
  margin-top: -2rem;
}
.step-one__container-add-editor {
  margin-top: 1rem;
}
.step-one__description-label {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 150%;
  letter-spacing: 0.01rem;
  color: #353535;
}
.step-one__description-info {
  margin-top: -1rem;
  line-height: 1.5rem;
  color: #A8A8A8;
  font-size: 1.2rem;
}

.circular-progress .loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.step-two__label-container {
  height: 4rem;
  padding-left: 1.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.step-two__arrows {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #F5F5F5;
  width: 100%;
  border-radius: 1.7rem;
  height: 5.3rem;
  padding: 0 3.2rem 0 2rem;
}
.step-two__arrows svg path {
  fill: #353535;
}
.step-two__themes-display {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.step-two__click-map-description {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  background: white;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #A8A8A8;
}
.step-two__custom-padding {
  margin-top: 3rem;
}
.step-two__idea-location {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #F5F5F5;
  width: 100%;
  border-radius: 1.7rem;
  height: 5.3rem;
  padding: 0 3.2rem 0 2rem;
}
.step-two__checkbox-style {
  width: 2rem;
  height: 2rem;
  background: #1898DC;
  border-radius: 1px;
}
.step-two__label-info {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  margin-left: 1rem;
}
.step-two__add-theme-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13.5rem;
  height: 2.8rem;
  background: #F3F5F9;
  color: #5E617C;
  font-size: 1.3rem;
  border-radius: 0.4rem;
  margin: 0.4rem;
  margin-left: 1.9rem;
  font-weight: 600;
}
.step-two__add-theme-button span {
  margin-left: 0.596rem;
}
.step-two__themes-container {
  height: 0;
  overflow-y: scroll;
  margin-top: 1rem;
  transition: 0.2s height;
  border-color: transparent;
  flex-direction: row;
  display: inline-flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 1rem;
}
.step-two__themes-container.show {
  border-left: 1px solid #F0ECE3;
  border-width: 3px;
  height: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 4.6rem;
}
.step-two__map-container {
  height: 0;
  transition: 0.2s height;
  overflow: hidden;
  margin-bottom: 19.6rem;
}
.step-two__map-container.show {
  height: 100%;
  margin-bottom: 1.6rem !important;
}
.step-two__container {
  width: 100%;
  padding-top: 3.3rem;
}
.step-two__title {
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.7rem;
  padding-right: 2.3rem;
  color: #373F41;
}
.step-two__title--small {
  font-size: 1.4rem;
  text-align: start;
}
.step-two__optional-title {
  font-size: 1.7rem;
  font-weight: 600;
  margin-left: 2.3rem;
  color: #76797B;
}
.step-two__optional-title--small {
  font-size: 1.3rem;
  text-align: start;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8rem;
  letter-spacing: 0.0126802221rem;
}
.step-two__info {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: left;
  color: #BEBEBE;
}
.step-two__info.error {
  margin-top: 1rem;
  color: #E5342A;
}
.step-two__no-themes-selected {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #A8A8A8;
  margin-top: 1.6rem;
  display: block;
}
.step-two__themes-item {
  background: #EFF8FC;
  border-radius: 3px;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
  text-align: center;
  color: #3f87a3;
  letter-spacing: 0.04rem;
  margin: 0.3rem;
  padding: 6px 18px;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.step-two__no-location-selected {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #BEBEBE;
  padding-left: 0.7rem;
}
.step-two__location-selected-container {
  display: flex;
  flex-direction: row;
  padding-top: 1rem;
}

.custom-theme-input {
  background-color: #F2F8FF;
  border-radius: 3px;
  margin: 0.5rem;
  padding: 0.6rem 1.8rem;
  white-space: nowrap;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.03rem;
  color: #2A6DE8;
  border: none;
  margin-left: 1.9rem;
}

.add-project-wizard {
  display: flex;
  gap: 2rem;
}
.add-project-wizard__progress-step1_2 {
  height: 0;
  width: 50%;
  border: 0.4rem solid #3C64B1;
}
.add-project-wizard__progress-step2_2 {
  width: 100%;
  height: 0;
  border: 0.4rem solid #3C64B1;
}
.add-project-wizard__progress-step1_3 {
  height: 0;
  width: 33%;
  border: 0.4rem solid #3C64B1;
}
.add-project-wizard__progress-step2_3 {
  width: 66%;
  height: 0;
  border: 0.4rem solid #3C64B1;
}
.add-project-wizard__progress-step3_3 {
  width: 100%;
  height: 0;
  border: 0.4rem solid #3C64B1;
}
.add-project-wizard__left-container {
  padding-top: 4rem;
  width: 58rem;
  flex-grow: 0;
  flex-shrink: 0;
  background-color: white;
}
.add-project-wizard__header-container {
  width: 80%;
}
.add-project-wizard__save-container {
  text-align: right;
  padding: 2.2rem;
  border-top: 1px solid #E6E8E9;
}
.add-project-wizard__save-container-multiple {
  display: flex;
  justify-content: space-between;
  padding: 2.2rem;
  border-top: 1px solid #E6E8E9;
}
.add-project-wizard__right-container {
  background-color: #FBFAF9;
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.add-project-wizard__right-title {
  font-style: normal;
  font-size: var(--font-heading6-font-size);
  line-height: var(--font-heading6-line-height);
  font-weight: var(--font-heading6-font-weight);
  text-align: center;
  letter-spacing: 0.02rem;
  margin-bottom: 2rem;
}
.add-project-wizard__right-image {
  max-width: 570px;
  width: 100%;
}
.add-project-wizard__active-step {
  width: 100%;
  font-style: normal;
  font-size: var(--font-heading6-font-size);
  line-height: var(--font-heading6-line-height);
  font-weight: var(--font-heading6-font-weight);
  text-align: right;
  letter-spacing: 0.01rem;
  margin-bottom: 5rem;
  margin-top: 2rem;
}
.add-project-wizard__back-button {
  flex-shrink: 0;
  margin-right: 2em;
  font-style: normal;
  font-size: var(--font-heading6-font-size);
  line-height: var(--font-heading6-line-height);
  font-weight: var(--font-heading6-font-weight);
  color: #373F41;
}

.add-attachment__button {
  margin-left: 1rem;
}
.add-attachment__button:hover {
  border-radius: 50%;
  background: #BEBEBE;
}
.add-attachment__label {
  margin-left: 1rem;
  padding-top: 0.3rem;
}
.add-attachment__label:hover {
  border-radius: 50%;
  background: #BEBEBE;
}
.add-attachment__button--deactivated {
  opacity: 50%;
}

.banner__activationmail {
  cursor: default;
  font-weight: bold;
  z-index: 100;
  width: 100%;
  min-height: 52px;
  background: #79828B;
  text-align: center;
  padding-top: 1rem;
}
@media only screen and (max-width: 600px) {
  .banner__activationmail {
    padding-top: 0 !important;
  }
}
@media only screen and (max-width: 900px) {
  .banner__activationmail {
    padding-top: 0 !important;
  }
}
.banner__text {
  padding: 0 0.2em;
  color: white;
}
.banner__text-phrase {
  margin-right: 2em;
}
.banner__link {
  color: white;
  text-decoration: underline;
  white-space: nowrap;
}
.banner__linkactivation {
  color: white;
  display: inline-block;
}

.add-modules {
  background: #FFFFFF;
  border: 1px solid #F7F7F7;
  box-sizing: border-box;
  border-radius: 4px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
}
.add-modules__subtitle {
  font-family: Sora;
  font-style: normal;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 138.9%;
  letter-spacing: 0.0126802rem;
  color: #373F41;
  margin-bottom: 1.2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.add-modules__title {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 2rem;
  text-transform: uppercase;
  color: #898989;
  margin-bottom: 2rem;
}
.add-modules__stretcher {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 77%;
}
.add-modules__explanation {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.6rem;
  text-align: center;
  letter-spacing: 0.0126802rem;
  color: #76797B;
  margin-bottom: 1.2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.add-modules__button {
  margin-top: 3rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 16rem;
}

.breadcrumbs-new, .breadcrumbs-back {
  display: flex;
  gap: 0.7rem;
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding-top: 2rem;
  margin-bottom: 2rem;
}
.breadcrumbs-new__back, .breadcrumbs-back__back {
  color: #667085;
}
.breadcrumbs-new__back svg, .breadcrumbs-back__back svg {
  margin-right: 0.5rem;
}
.breadcrumbs-new__label, .breadcrumbs-back__label {
  font-weight: 600;
  color: #000000;
}

.breadcrumb.no-arrow .separator {
  display: none !important;
}
.breadcrumb.clickable {
  cursor: pointer;
}

a.breadcrumb svg.spinner {
  display: none;
}
a.breadcrumb.clicked svg.spinner {
  margin-left: 0.4em;
  display: inline-block;
}

.breadcrumbs {
  /*
  font-weight: 400;
  font-size: 1.5rem;
   	line-height: 1.9rem;
  */
  margin-bottom: 1.5rem;
  display: flex;
  align-content: center;
  align-items: center;
}
.breadcrumbs--root {
  font-weight: bold;
  color: #353535 !important;
  border: 1px solid #BB834C;
  box-sizing: border-box;
  box-shadow: rgba(142, 142, 142, 0.15) 0px 3px 14px;
  border-radius: 7px;
  padding: 0px 0.3em;
}
.breadcrumbs--black {
  display: flex;
  align-content: center;
  align-items: center;
}
.breadcrumbs--black .item_nolink {
  display: flex;
  align-content: center;
  align-items: center;
  color: #000000;
}
.breadcrumbs--black .item_nolink .separator {
  display: flex;
  margin-left: 0.85em;
  margin-right: 0.7em;
}
.breadcrumbs--black .item_nolink .separator svg {
  height: 1em;
  width: auto;
}
.breadcrumbs--black .separator {
  display: flex;
  color: #D9D9D9;
  margin-left: 0.2em;
  margin-right: 0.95em;
}
.breadcrumbs--black .separator svg {
  height: 1em;
  width: auto;
}
.breadcrumbs--black a {
  display: flex;
  align-content: center;
  align-items: center;
  color: #76797B;
}
.breadcrumbs--black a:hover {
  color: #666666;
}

#phonePage .breadcrumbs {
  color: #000;
}
#phonePage .breadcrumbs a {
  color: #000;
}
#phonePage .breadcrumbs a span.separator {
  color: #000;
}

.comment-item {
  display: flex;
  flex-direction: row;
}
.comment-item__flagged-mention {
  width: 100%;
  margin-top: -1em;
  color: #FF7F47;
  font-size: 1.1em;
  font-weight: bold;
}
.comment-item-loadingspin {
  margin: 5em 0 5em calc(50% - 1.5em);
}
.comment-item__user-bubble {
  max-width: 25%;
  float: left;
  padding: 1rem 1rem 1rem 0;
  margin: 1rem 1rem 1rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.comment-item__visible-reply {
  height: 100%;
  width: 2px;
  background: #EFEDE8;
  margin-bottom: 3rem;
}
.comment-item__bottom-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.comment-item__item-container {
  margin: 1rem 0;
  width: 100%;
}
.comment-item__item-content.flagged-comment {
  border: solid 1px #FF7F47;
  border-radius: 0.5rem;
  padding: 1em;
}
.comment-item__display-content {
  margin: 0.5rem 0 0.3rem;
  padding-top: 1rem;
  padding-bottom: 1.1rem;
  padding-left: 1.5rem;
  position: relative;
  border: 1px solid #F3F1EB;
  background: #FBFAF9;
  border-radius: 0 1rem 1rem 1rem;
}
.comment-item__translate-button {
  padding: 1em 0 0;
}
.comment-item__untranslate-button {
  padding: 0.2em 0 0;
}
.comment-item__translated-information {
  padding: 1em 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.comment-item__info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.2em;
}
.comment-item__reactions-summary {
  position: absolute;
  background-color: white;
  bottom: -1.5rem;
  right: 1rem;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.18);
}
.comment-item__bullet {
  font-size: 1.2rem;
}
.comment-item__date {
  display: inline-block;
  white-space: nowrap;
  font-weight: 400;
  font-size: 1em;
  color: #7B7D8D;
}
.comment-item__display-date {
  display: flex;
  justify-content: center;
  align-items: center;
}
.comment-item__edit-button {
  float: right;
  margin-left: 0.6em;
}
.comment-item__edit-button .dropdown__trigger {
  padding: 0;
}
.comment-item__edit-button-handspacer {
  height: 1.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.comment-item__edit-button-handspacer svg path {
  fill: #AEAFBF;
}
.comment-item__author-container {
  display: flex;
  align-items: center;
}
.comment-item__author-badge {
  display: inline-block;
  font-size: 1.2rem;
  padding: 0.2rem 0.5rem;
  color: #fff;
  background: #6B6C76;
  border-radius: 3px;
  margin-left: 1.1rem;
  white-space: nowrap;
}
.comment-item__content {
  margin-top: 0.3rem;
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.comment-item__content_submit {
  text-align: right;
  margin-right: 0px;
  margin-top: 1em;
}
.comment-item__replys-handle {
  display: flex;
  margin-top: 1rem;
  margin-left: 8rem;
  align-items: center;
}
.comment-item__replys-handle span {
  color: #4F8DFF;
  font-size: 1.3rem;
  font-weight: 400;
  margin-left: 0.6rem;
}
.comment-item textarea {
  border: 0 solid #000 !important;
  background: none;
  resize: none;
  padding: 1rem;
  width: 100%;
  height: 100%;
  color: #373F41;
}
.comment-item__action-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 1rem;
  flex-wrap: wrap;
  gap: 1em;
}
.comment-item__action-bar button {
  margin-right: 1rem;
  color: #9294AA;
}
.comment-item .reactions-summary {
  padding: 1rem;
  height: 2.5rem;
  border-radius: 1rem;
}
.comment-item__moderation-message {
  margin-top: 0.8rem;
  font-style: italic;
  color: #76797B;
}
.comment-item__show-message {
  margin-top: 0.5rem;
  text-align: center;
}
.comment-item__show-message button {
  color: #BEBEBE;
}

.comment-actions {
  background: #FFFFFF;
  border: 1px solid #F0F0F0;
  box-sizing: border-box;
  box-shadow: 0px 2px 19px rgba(0, 0, 0, 0.15);
  border-radius: 9px;
  min-width: 18.7rem;
  width: auto;
  padding: 0.5rem;
}
.comment-actions__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  font-size: 1.3rem;
  color: #898989;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  width: 100%;
}
.comment-actions__item svg {
  margin-right: 0.8rem;
}
.comment-actions__item:hover, .comment-actions__item:focus {
  color: #5E617C;
  background: #F7F7F7;
  border-radius: 9px;
}

.conversation-add-form {
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  transition: height 0.4s linear;
  min-height: 5.6rem;
  font-size: 1.2rem;
}
.conversation-add-form__button {
  background: #FFFFFF;
  border: 1px solid #ABB1B9;
  border-radius: 9px;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: 0.2px;
  color: #716D69;
  padding-left: 2.2rem;
  text-align: left;
  height: 4.6rem;
  width: 100%;
}
.conversation-add-form__comment-content {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}
.conversation-add-form__comment-content .jodit-placeholder {
  font-size: 1.5rem !important;
  line-height: 1.7rem;
  letter-spacing: 0.1px;
  color: #8B8B8B;
}
.conversation-add-form__comment-content .jodit-wysiwyg {
  font-family: Inter;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.7rem;
  letter-spacing: 0.1px;
  color: #373F41;
}
.conversation-add-form__comment-content .jodit-toolbar__box {
  display: none;
}
.conversation-add-form textarea {
  border: 0 solid #000 !important;
  resize: none;
  overflow: visible;
  width: 100%;
  height: 100%;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #716D69;
  box-shadow: rgba(142, 142, 142, 0.15) 0px 3px 14px !important;
  border-radius: 7px !important;
}
.conversation-add-form textarea::placeholder {
  font-weight: 400 !important;
  font-size: 1.4rem !important;
  color: #716D69;
}
.conversation-add-form textarea:disabled {
  background-color: inherit;
}
.conversation-add-form__controls {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  margin-top: 1rem;
}
.conversation-add-form__add-comment {
  display: flex;
  align-items: center;
  align-self: flex-end;
  height: 2.5rem;
  min-width: auto;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.conversation-add-form__add-comment .spinner {
  margin-right: 0;
}
.contribution-item {
  margin-top: 2rem;
  padding: 2.1rem 1.9rem;
  box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.2);
  background-color: white;
}
.contribution-item__info-container {
  display: flex;
  justify-content: flex-end;
  color: #202020;
  gap: 1rem;
}
.contribution-item__user-and-date {
  display: flex;
  font-size: 1.2rem;
  line-height: 2rem;
  align-items: center;
  color: #5E617C;
}
.contribution-item__info-replies {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.contribution-item__info-replies svg {
  margin-top: 0.5rem;
}
.contribution-item__input-reply {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #ABB1B9;
  border-radius: 9px;
  height: 46px;
  text-indent: 2.2rem;
}
.contribution-item__style-container {
  flex-grow: 1;
}
.contribution-item__first-container {
  display: flex;
  flex-direction: row;
  gap: 1.7rem;
}
@media only screen and (max-width: 600px) {
  .contribution-item__first-container {
    gap: 1.1rem;
  }
}
.contribution-item__attachment-container {
  display: flex;
  gap: 2em;
  /* white-space: break-spaces; */
  flex-direction: column;
  overflow-y: scroll;
  max-height: 40em;
}
.contribution-item__attachment-container.grid_0 {
  display: flex;
  justify-content: center;
}
.contribution-item__attachment-container.grid_0 .attachment-item {
  width: 80%;
  margin: 2em;
}
.contribution-item__attachment-container .attachment-item.attachment-item-box.link {
  display: flex;
  flex-direction: column;
  height: auto;
}
.contribution-item__attachment-container .attachment-item.attachment-item-preview.attachment-item-box {
  display: flex;
  flex-direction: column;
  height: auto;
}
.contribution-item__attachment-container .attachment-item.attachment-item-preview.attachment-item-box .attachment-item__file-icon {
  width: auto;
  height: auto;
}
.contribution-item__attachment-container .attachment-item.attachment-item-preview.attachment-item-box.link {
  width: 32rem;
  max-width: 32rem;
}
.contribution-item__attachment-container .attachment-item.attachment-item-preview.attachment-item-box.link .attachment-item__file-icon {
  max-width: 32rem;
}
.contribution-item__attachment-container .attachment-item.attachment-item-preview.attachment-item-box.link .attachment-item__info-container-right {
  width: auto;
}
.contribution-item.outcome .contribution-desktop__user {
  padding: 0;
}
.contribution-item.outcome .contribution-desktop__attachment-container.grid_0 {
  width: 80%;
  margin: 2em;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-right: 1.9em;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_1, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_2, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_4 {
  margin-bottom: 6em;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_1 .attachment-item {
  width: 100%;
  height: 100%;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_2 .attachment-item, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_4 .attachment-item {
  flex-grow: 1;
  flex-shrink: 1;
  width: 28.5em;
  max-height: 19.3em;
  margin-bottom: 1.2em;
  margin-left: 1em;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_2 .attachment-item.video, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item.video, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_4 .attachment-item.video {
  height: min-content;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_2 .attachment-item.video .attachment-item__image-container, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item.video .attachment-item__image-container, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_4 .attachment-item.video .attachment-item__image-container {
  height: 87%;
  max-height: 100%;
  flex-grow: 0;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_2 .attachment-item.video.thirdparty .attachment-item__image-container, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item.video.thirdparty .attachment-item__image-container, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_4 .attachment-item.video.thirdparty .attachment-item__image-container {
  display: flex;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_2 .attachment-item__image-container, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item__image-container, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_4 .attachment-item__image-container {
  flex-grow: 1;
  display: flex;
  overflow: hidden;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_2 .attachment-item__image-container video, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_2 .attachment-item__image-container iframe, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item__image-container video, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item__image-container iframe, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_4 .attachment-item__image-container video, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_4 .attachment-item__image-container iframe {
  display: flex;
  max-height: 100%;
  max-width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_2 .attachment-item__image-container img, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item__image-container img, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_4 .attachment-item__image-container img {
  min-height: 19.3em;
  object-fit: cover;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_2 .attachment-item.link, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item.link, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_4 .attachment-item.link {
  height: 19.3em;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_2 .attachment-item.link .attachment-item__image-container, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item.link .attachment-item__image-container, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_4 .attachment-item.link .attachment-item__image-container {
  align-items: center;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_2 .attachment-item.link .attachment-item__image-container.free-size, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item.link .attachment-item__image-container.free-size, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_4 .attachment-item.link .attachment-item__image-container.free-size {
  height: 77%;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_2 .attachment-item.link img, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item.link img, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_4 .attachment-item.link img {
  min-height: 10.3em;
  object-fit: cover;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item:nth-child(3) {
  max-height: 100%;
  height: 100%;
  width: 100%;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item:nth-child(3) .attachment-item__preview-image, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item:nth-child(3) .attachment-item__image-container {
  height: 100%;
  width: 100%;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item:nth-child(3) .attachment-item__preview-image iframe, .contribution-item.outcome .contribution-desktop__attachment-container.outcome.grid_3 .attachment-item:nth-child(3) .attachment-item__image-container iframe {
  height: 45rem !important;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome .attachment-item.raw .attachment-item__image-container {
  width: unset !important;
}
.contribution-item.outcome .contribution-desktop__attachment-container.outcome .attachment-item.raw .attachment-item__info-container-right {
  width: 100%;
}
.contribution-item__outcome-community-info {
  margin: 1rem 1.4rem 1.4rem;
}
.contribution-item__outcome-community-info-title {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.8rem;
  display: flex;
  align-items: center;
  letter-spacing: 0.02rem;
  color: #5E617C;
}
.contribution-item__outcome-community-info-badge {
  width: 9.4rem;
  height: 2rem;
  background: #2A78CD;
  border-radius: 3px;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.3px;
  color: #fff;
  margin-left: 3em;
}
.contribution-item a {
  color: #434343;
  font-weight: 600;
  font-size: 1em;
}
.contribution-item.flagged-comment {
  border: solid 1px #FF7F47;
  border-radius: 0.5rem;
  padding: 1em;
}
.contribution-item-flagged-mention {
  color: #FF7F47;
  font-size: 1.1em;
  font-weight: bold;
}
.contribution-item__items-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 2.1rem 0 2.1rem;
}
.contribution-item__style-container {
  padding-left: 1.7rem;
}
.contribution-item.outcome .attachment-item.image {
  margin: 1em 0 1em 0;
}
.contribution-item__comment-text {
  font-size: 1.3rem;
  line-height: 2rem;
  letter-spacing: 0.126px;
  color: #373F41;
  margin: 2em 0 2em 0;
  white-space: normal;
  word-break: break-word;
  text-align: justify;
}
.contribution-item__comment-text .content-container__link {
  font-weight: bold;
  color: black;
}
.contribution-item__translate-button {
  padding: 1em 0;
}
.contribution-item__untranslate-button {
  padding: 0.2em 0 1em;
}
.contribution-item__translated-information {
  padding: 1em 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.contribution-item__date {
  font-size: 1.2rem;
  color: #9294AA;
}
.contribution-item__bullet {
  padding-right: 1rem;
  color: #5E617C;
}
.contribution-item__bullet-container {
  display: flex;
  align-items: center;
  height: 2.5rem;
  padding-left: 1rem;
}
.contribution-item__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.2rem;
}
.contribution-item__image-container {
  margin-right: 1rem;
  border-radius: 1rem;
  padding-top: 0.5rem;
}
.contribution-item__first-section {
  max-width: 70%;
  width: auto;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
}
.contribution-item__first-section.isFullWidth {
  width: 100%;
  max-width: unset;
}
.contribution-item__themes-container {
  margin-bottom: 2.2rem;
}
.contribution-item__moderation-message {
  font-style: italic;
  color: #76797B;
}
.contribution-item__wrapper {
  display: flex;
}
.contribution-item__padding-style {
  padding: 1rem 0;
}
.contribution-item__left-column {
  width: 60px;
}
.contribution-item__edit-buttons .bookmark-button.selected svg path {
  fill: #fff;
}
.contribution-item__edit-buttons .bookmark-button.selected svg circle {
  fill: #4F8DFF;
}
.contribution-item__highlight-button {
  width: 41px;
  height: 41px;
  background: #FFFFFF;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.15);
  border-radius: 2rem;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contribution-item__main-column {
  margin-left: 2rem;
  width: 100%;
  flex-grow: 0;
}
.contribution-item__main-column-contribution.flagged-comment {
  border: solid 1px #FF7F47;
  border-radius: 0.5rem;
  padding: 1em;
}
.contribution-item__main-column-contribution-flagged-mention {
  color: #FF7F47;
  font-size: 1.1em;
  font-weight: bold;
}
.contribution-item .dropdown__trigger {
  padding: 0 !important;
}
.contribution-item__actions-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}
.contribution-item__actions-container-spacer {
  flex-grow: 1;
}
.contribution-item__actions-container .reactions-summary {
  margin-right: 0;
}
.contribution-item__actions-container-related-data {
  font-size: 1.2rem;
}
.contribution-item__actions-container-related-data span {
  white-space: nowrap;
}
.contribution-item__actions-container-date {
  font-size: 1.2rem;
  color: #9294AA;
}
.contribution-item__actions-container-right {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media only screen and (max-width: 600px) {
  .contribution-item__actions-container-right {
    gap: 1rem;
  }
}
.contribution-item__share-button {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.contribution-item__closed-discussion {
  height: 4.7rem;
  background: #FFFFFF;
  border: 1px solid #F3EFE6;
  box-sizing: border-box;
  border-radius: 7px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.7rem;
}
.contribution-item__closed-text {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: 0.01268rem;
  color: #373F41;
  padding-left: 2.5rem;
}
.contribution-item__share-button-text {
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.1rem;
  color: #5E617C;
}
.contribution-item__comments-container {
  background: #FFFFFF;
  box-sizing: border-box;
  width: 100%;
  margin-top: 2.9rem;
  border: 1px solid #F3EFE6;
  border-radius: 7px;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  padding-bottom: 2rem;
}
@media only screen and (max-width: 600px) {
  .contribution-item__comments-container {
    margin-top: 0;
    padding-left: 1.9rem;
    padding-right: 1.9rem;
    border: none;
  }
}
.contribution-item__comment-add-container {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
}
.contribution-item__comments-title-container {
  margin-top: 2rem;
}
.contribution-item__comments-title {
  font-weight: 600;
  font-size: 2rem;
}
.contribution-item__comments-number {
  margin-left: 2rem;
  font-size: 1.2rem;
  color: #6B6C76;
}
.contribution-item__moderation-message {
  margin-top: 0.8rem;
  font-style: italic;
  color: #76797B;
}
.contribution-item__moderation-message.flagged {
  margin-top: 0;
  margin-bottom: 0.8rem;
}
.contribution-item__show-message {
  text-align: center;
  margin: 2em;
}
.contribution-item__show-message button {
  color: #BEBEBE;
}
.contribution-item__title {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.8rem;
  color: black;
  letter-spacing: 0.2px;
}
.contribution-item__attachment-container {
  margin-bottom: 2.2rem;
}
@media only screen and (max-width: 600px) {
  .contribution-item__attachment-container {
    margin-bottom: 1.2rem;
  }
}

.mobile.contribution-item__user {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.mobile.contribution-item__user img {
  width: 3.7rem;
  height: 3.7rem;
}
.mobile.contribution-item__content {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
  text-align: left;
}
.mobile.contribution-item__container-action-elements {
  width: 100%;
  background-color: #FBFAF9;
  padding-bottom: 5.9rem;
}
.mobile.contribution-item__action-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1em;
}
.mobile.contribution-item__action-item {
  display: flex;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.1rem;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  height: 4.5rem;
  width: 15.5rem;
  border-radius: 5px;
  background: #F4F3F5;
  justify-content: center;
  line-height: 2.1rem;
  letter-spacing: 0;
  color: #5E617C;
}

.contribution-item-mobile .contribution-item {
  margin-top: 1rem;
  padding: 1.8rem 1.2rem;
  box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.11);
  border-radius: 5px;
}
.contribution-item-mobile .contribution-item__comment {
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.9rem;
  display: flex;
  flex-direction: row;
  color: #373F41;
}
.contribution-item-mobile .contribution-item__image-container {
  margin-right: 1rem;
  background-color: #fff;
  width: 10rem;
  height: 11rem;
  border-radius: 1rem;
}
.contribution-item-mobile .contribution-item__image-container__image-card {
  border-radius: 1rem;
}
.contribution-item-mobile .contribution-item__footer {
  margin-top: 1.2rem;
}
.contribution-item-mobile .contribution-item__input-reply::placeholder {
  color: #716D69;
  font-size: 1.4rem;
}

.dropdown {
  display: flex;
  position: relative;
}
.dropdown__trigger {
  display: flex;
  padding: 1rem;
}
.dropdown__content {
  display: flex;
  flex-direction: column;
  position: absolute;
  box-shadow: 0 0 2rem rgba(102, 102, 102, 0.3);
  border-radius: 2px;
  min-width: 8rem;
}
.dropdown__item {
  margin-bottom: 0.8rem;
  cursor: pointer;
}

.filters-dropdown {
  display: flex;
  position: relative;
}

.header-dropdown {
  background: #FFFFFF;
  border: 1px solid #F0F0F0;
  box-sizing: border-box;
  box-shadow: 0px 2px 19px rgba(0, 0, 0, 0.15);
  border-radius: 9px;
  min-width: 20rem;
  width: auto;
}

.notification-card__info-items-container {
  display: flex;
  width: 100%;
}
.notification-card__info-item {
  width: 100%;
  margin-top: 1.6rem;
  display: flex;
  flex-direction: row;
  background: #ffffff;
  box-shadow: 0px 2px 12px rgba(165, 157, 143, 0.2);
  border-radius: 1rem;
  border: none;
  justify-content: flex-start;
  padding: 1rem 1.6rem;
  gap: 1.6rem;
}
.notification-card__description-info-container {
  height: 4em;
  text-align: left;
}
.notification-card__description-info-container .title {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.2em;
  height: 2.5em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notification-card__description-info-container .event__publish-hour {
  margin: 0;
  padding: 0;
}
.notification-card__description-info-item {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.9rem;
  color: #373F41;
}
.notification-card__publish-hour {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.7rem;
  color: #BEBEBE;
}
.notification-card__calendar-items {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 4rem;
}
.notification-card__line-calendar {
  margin-left: 0.6rem;
}
.notification-card__month-info-container {
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  align-items: center;
}
.notification-card__month-info-item {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.7rem;
  color: #EC6316;
  text-transform: uppercase;
}
.notification-card__date {
  font-size: 2.5rem;
  font-weight: 600;
}
.notification-card__year {
  font-size: 1.2rem;
  margin-top: -0.2em;
  color: #b0b0b0;
}
.notification-card__info-notification {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  width: 1.3rem;
  align-items: center;
  margin-right: 1rem;
}
.notification-card__info-notification svg {
  width: 1.6rem;
  height: 2rem;
  margin-right: 0.5rem;
}

.location-map-card {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 60%;
  top: 43%;
  background-color: #fff;
  width: 16rem;
  height: 15rem;
  box-shadow: 0.4rem 0.2rem 0.6rem 0.2rem rgba(0, 45, 72, 0.168627451);
  padding: 1rem;
}
.location-map-card__logo {
  height: 7rem;
  width: 100%;
  padding: 1rem;
}
.location-map-card__name {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.location-map-card__name span {
  margin-left: 0.4rem;
}
.location-map-card-close {
  position: absolute;
  left: 84%;
  top: 0;
  border: none;
  background: transparent;
  outline: none;
}
.location-map-card-close span {
  font-size: 2rem;
}

.contribution-item-comment-list-container {
  min-height: 10em;
}
.contribution-item-comment-list-container-spinloading {
  text-align: center;
}

.contribution-add-form-button {
  width: 100%;
  height: 4.6rem;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  color: #535461;
  margin-top: 2.6rem;
  margin-bottom: 3rem;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1);
  border-radius: 0.9rem;
}
.contribution-add-form-button__action {
  width: 33.8rem;
  height: 4.3rem;
  border-radius: 2rem;
  background-color: #fff;
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  padding-left: 1.5rem;
  color: #535461;
  padding-top: 0.2rem;
}
.contribution-add-form-button__avatar {
  margin-top: 1.4rem;
}

.contribution-add-form {
  background: #FFFFFF;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 4em;
  padding: 0 1em 0 0;
  margin-bottom: 5rem;
  margin-top: 4rem;
}
.contribution-add-form__text {
  margin-left: 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding-left: 1.5rem;
  padding-top: 0.2rem;
  font-style: normal;
  font-weight: normal;
  display: flex;
  align-items: center;
  letter-spacing: 0.2px;
  color: #202020;
}
.contribution-add-form .user-avatar {
  margin: 0.6rem 1.5rem;
}
.contribution-add-form .user-avatar svg {
  width: 44px;
}

.contribution-add-form-expanded {
  background: #FFFFFF;
}
.contribution-add-form-expanded .community-avatar {
  margin: 1em 2em;
}
.contribution-add-form-expanded__avatar {
  margin-top: 0.8rem;
  margin-right: 1.8rem;
}
.contribution-add-form-expanded__title-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contribution-add-form-expanded__contribution-title {
  margin-top: 0;
  width: 100%;
  margin: 0 2rem;
}
.contribution-add-form-expanded__contribution-title-container {
  margin-left: 2rem;
  margin-right: 0.6rem;
}
.contribution-add-form-expanded__contribution-title-container .input-text {
  color: #373F41;
  padding: 0.8rem;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  height: auto;
}
.contribution-add-form-expanded__contribution-title .jodit-container {
  border: 0px solid #000 !important;
}
.contribution-add-form-expanded__contribution-title .label-text-redesign__input-container {
  margin: 0;
}
.contribution-add-form-expanded__contribution-title .jodit-placeholder {
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 18px;
  letter-spacing: 0.1px;
  color: #8B8B8B;
}
.contribution-add-form-expanded__contribution-title .jodit-wysiwyg {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.1px;
  color: #373F41;
}
.contribution-add-form-expanded__contribution-title-container, .contribution-add-form-expanded__outcome-title-container {
  display: flex;
}
.contribution-add-form-expanded__contribution-title-container span, .contribution-add-form-expanded__outcome-title-container span {
  margin-top: 0.4rem;
  margin-right: 1em;
  font-size: 1.6rem;
  font-weight: 600;
  color: #202020;
}
.contribution-add-form-expanded__contribution-title-container-input-container, .contribution-add-form-expanded__outcome-title-container-input-container {
  flex-grow: 1;
}
.contribution-add-form-expanded__separator {
  border: 1px solid #EADFD4;
  margin: 0 2rem;
  margin-bottom: 1rem;
}
.contribution-add-form-expanded__bottom {
  border: 1px solid rgb(227, 227, 227) !important;
  border-radius: 9px !important;
  padding: 1em 0;
}
.contribution-add-form-expanded__contribution-text {
  margin: 0 2rem;
}
.contribution-add-form-expanded__contribution-text .jodit-placeholder {
  font-size: 1.5rem !important;
  line-height: 1.7rem;
  letter-spacing: 0.1px;
  color: #8B8B8B;
}
.contribution-add-form-expanded__contribution-text .new-rich-editor .jodit-container, .contribution-add-form-expanded__contribution-text .new-rich-editor .jodit-toolbar__box {
  border: solid 0 !important;
}
.contribution-add-form-expanded__contribution-text .jodit-wysiwyg {
  font-family: Inter;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.7rem;
  letter-spacing: 0.1px;
  color: #373F41;
}
.contribution-add-form-expanded__footer-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1em 1em 0 0;
  max-height: 12rem;
}
.contribution-add-form-expanded__footer-left {
  margin-left: 1rem;
  align-items: center;
  display: flex;
  max-height: 14rem;
  max-width: 85%;
  overflow: hidden;
}
.contribution-add-form-expanded__footer-left .contribution-add-form-expanded__contribution-attachments {
  max-width: 70%;
}
.contribution-add-form-expanded__footer-left .attachments-scrollable__wrapper, .contribution-add-form-expanded__footer-left .attachments-scrollable__scrollable, .contribution-add-form-expanded__footer-left .attachments-scrollable__scroll-container {
  max-height: 14rem;
  height: auto;
}
.contribution-add-form-expanded__footer-left .attachments-scrollable__item.blank svg {
  height: 60%;
}
.contribution-add-form-expanded__contribution-attachments {
  display: flex;
  flex-direction: row;
  gap: 2em;
  align-items: center;
}
.contribution-add-form-expanded__contribution-attachments__scrollable {
  display: flex;
  flex-direction: row;
  gap: 2em;
  place-items: center;
  place-content: start;
  overflow: visible auto;
  padding: 1.4em 2em 8px 0;
}
.contribution-add-form-expanded__contribution-attachments__scrollable.expanded {
  min-width: 16em;
  max-width: 40em;
}
.contribution-add-form-expanded__contribution-attachments img {
  max-height: 7em;
  max-width: 10em !important;
  width: auto;
  object-fit: unset;
}
.contribution-add-form-expanded__contribution-attachments .attachment-item.link img {
  max-height: 2.4em;
  max-width: 20em;
}
.contribution-add-form-expanded__contribution-attachments_add-wrapper {
  display: flex;
  flex-direction: column;
}
.contribution-add-form-expanded__contribution-attachments_add-wrapper-limit {
  margin-left: 1rem;
}
.contribution-add-form-expanded__contribution-attachments_add-wrapper-buttons {
  display: flex;
  flex-direction: row;
}
.contribution-add-form-expanded__footer-middle {
  display: flex;
  justify-content: center;
  align-items: center;
}
.contribution-add-form-expanded add-attachment__label {
  height: 2em;
}
.contribution-add-form-expanded__save-btn {
  width: 14rem;
}
.contribution-add-form-expanded__add-themes {
  margin: 0 2rem;
  background: #F3F5F9;
  border-radius: 0.8rem;
  color: #5E617C;
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.1rem;
  width: 12.1rem;
  height: 3.1rem;
}
.contribution-add-form-expanded__theme-selected-container {
  flex-grow: 1;
  display: flex;
  flex-flow: row wrap;
  gap: 0.5em;
  margin: 0.4em 11em 0px 1em;
  padding-bottom: 0.4em;
}
.contribution-add-form-expanded__theme-selected-container .theme-item {
  display: inline-flex;
}
.contribution-add-form-expanded__add-themes-dropdown {
  display: inline-block;
  align-self: end;
}
.contribution-add-form-expanded__add-themes-dropdown .dropdown__trigger {
  display: flex;
  padding: 0;
}
.contribution-add-form-expanded__add-themes-dropdown-content {
  background: #FFFFFF;
  box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 1rem;
  min-width: 36em;
  max-width: 60em;
}
.contribution-add-form-expanded__add-themes-dropdown-content .label {
  white-space: nowrap;
}
.contribution-add-form-expanded .user-avatar {
  margin-top: 0.8rem;
  margin-right: 1.8rem;
  overflow: visible;
  align-self: center;
}
.contribution-add-form-expanded__toggle-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: max-content;
  margin-top: 0.5rem;
}
.contribution-add-form-expanded__toggle-label {
  font-size: 1.5rem;
  color: #94959D;
  font-weight: 400;
  margin-left: 2.5em;
  margin-right: 1em;
}
.contribution-add-form-expanded__save-btn {
  opacity: 1;
}
.contribution-add-form-expanded__save-btn.disabled {
  transition: 1s opacity;
  opacity: 0.4;
}

/*
.x-toggle:checked + label > .x-toggle-ios.x-toggle-btn{
  background: #F1E9E4;
}

.x-toggle:checked + label > .x-toggle-btn::after {
  background: orange;
}

.x-toggle-ios.x-toggle-btn::after {
  background: #AAAAAA;
}

.x-toggle-ios.x-toggle-btn{
  background: #EBEBEB;
  border-radius: 30px;
  width: 5.5rem;
  height: 3.3rem;
}
*/
.contribution-side-info {
  background: #FFFFFF;
  border: 1px solid #F3EFE6;
  box-sizing: border-box;
  border-radius: 7px;
  padding: 2rem;
  width: 100%;
}
.contribution-side-info__info-item {
  margin-bottom: 2rem;
}
.contribution-side-info__title {
  font-size: 18px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.contribution-side-info__icon-style {
  margin-left: 0.7rem;
}
.contribution-side-info__user-ideas {
  margin-right: 1.6rem;
}
.contribution-side-info__no-content {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  /* identical to box height, or 124% */
  display: flex;
  align-items: center;
  letter-spacing: 0.135354px;
  color: #6B6C76;
  margin-bottom: 2rem;
}
.contribution-side-info__add-ideas {
  border: 1px solid #353535;
  box-sizing: border-box;
  border-radius: 3px;
  padding-left: 4rem;
  padding-right: 4rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
  margin-bottom: 2rem;
}

.add-assertion-button {
  cursor: pointer;
  display: none;
  position: absolute;
  width: 120px;
  background-color: #2A6DE8;
  color: white;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 2;
}
.add-assertion-button svg path {
  fill: white;
}

.assertion-item {
  border: 1px solid #BEBEBE;
  border-radius: 0.5rem;
  background: #ffffff;
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.11);
  min-height: 11.3rem;
  display: flex;
  flex: 1;
}
@media screen and (max-width: 600px) {
  .assertion-item {
    min-width: 24rem;
  }
}
.assertion-item__assertion-text {
  padding: 1.2rem;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8rem;
  text-align: left;
}
.assertion-item__number-of-votes {
  color: #8A9193;
  font-style: normal;
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.8rem;
  padding-top: 0.6rem;
}
.assertion-item__delete-button svg path {
  fill: #E3E4E8;
}
.assertion-item__delete-button:hover svg path {
  fill: #373F41;
}
.assertion-item__link {
  width: 100%;
  height: 100%;
}
.assertion-item__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 1.6rem;
  padding-right: 1.1rem;
  padding-top: 2.2rem;
  padding-bottom: 1.5rem;
}
.assertion-item__idea-icon {
  width: 4rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.assertion-item__info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-style: normal;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #6B6C76;
}
.assertion-item__vote-ideas {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: flex-start;
  gap: 0.5rem;
}
.assertion-item__vote-ideas button {
  height: 1.4rem;
}
.assertion-item__vote-margin {
  margin-left: 1rem;
}
.assertion-item__vote-actions {
  width: 10rem;
  display: flex;
}
.assertion-item__vote-actions--inline {
  align-items: flex-start;
  justify-content: flex-end;
}
.assertion-item__vote-actions--column {
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}
.assertion-item__vote-actions--column .assertion-item__vote-margin {
  margin-left: 0;
  margin-top: 1rem;
}

.assertion-item-phone {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 19.6rem;
  flex-shrink: 0;
  margin-right: 1.1rem;
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 3.2rem 2.5rem 3.9rem 2.5rem;
  justify-content: space-between;
}
.assertion-item-phone__buttons-container {
  width: 100%;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.assertion-item-phone__upvote-button {
  width: 14.4rem;
  height: 4.5rem;
  border-radius: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
  color: #373F41;
  background: #F3F3F3;
}
.assertion-item-phone__upvote-button svg {
  margin-right: 0.85rem;
}
.assertion-item-phone__upvote-button--active-state {
  color: #fff;
  background: #2CA94E;
  box-shadow: 0 2px 10px rgba(46, 157, 70, 0.3);
}
.assertion-item-phone__downvote-button {
  width: 14.4rem;
  height: 4.5rem;
  border-radius: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
  background: #F3F3F3;
  color: #6B6C76;
}
.assertion-item-phone__downvote-button svg {
  margin-right: 0.85rem;
}
.assertion-item-phone__downvote-button--active-state {
  background: #E64B1A;
  color: #fff;
  box-shadow: 0 2px 10px rgba(187, 66, 27, 0.3);
}
.assertion-item-phone__votes {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #373F41;
}
.assertion-item-phone__votes--upvoted-state {
  color: #61D838;
}
.assertion-item-phone__votes--downvoted-state {
  color: #E54B1A;
}
.assertion-item-phone__info {
  background: #fff;
  box-shadow: 0 1px 9px rgba(0, 0, 0, 0.11);
  border-radius: 5px;
  width: 100%;
  padding: 1.2rem;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #6B6C76;
  position: relative;
  max-height: 5.6rem;
  overflow: hidden;
}
.assertion-item-phone__info::before {
  position: absolute;
  content: "...";
  inset-inline-end: 0; /* "right" */
  top: 4.2rem;
}
.assertion-item-phone__info::after {
  content: "";
  position: absolute;
  inset-inline-end: 0; /* "right" */
  width: 1rem;
  height: 1rem;
  background: transparent;
}

.attachment-item {
  display: flex;
}
.attachment-item a {
  text-decoration: none;
  color: black;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #353535;
  width: 100%;
}
.attachment-item a video, .attachment-item a iframe {
  width: 100%;
}
.attachment-item__item-container {
  display: flex;
  flex-direction: column;
  place-items: center;
  place-content: center;
}
.attachment-item__thumbnail-container {
  flex-shrink: 0;
}
.attachment-item__thumbnail-container .nocookie-provided {
  display: none;
}
.attachment-item__thumbnail-container.large {
  width: 12.2rem;
}
.attachment-item__thumbnail-container.free-size {
  height: 100%;
}
.attachment-item__thumbnail-container.free-size img {
  min-width: 16rem;
}
.attachment-item__text-container {
  margin-left: 1rem;
}
.attachment-item__preview-image {
  border-radius: 0.6rem;
  object-fit: scale-down;
  min-width: 4rem;
  width: 100%;
  height: 100%;
}
@media (min-width: 600px) {
  .attachment-item__preview-image {
    max-width: 31.7rem;
  }
}
@media (max-width: 600px) {
  .attachment-item__preview-image {
    max-width: 20rem;
  }
}
.attachment-item__preview-raw {
  border-radius: 0.6rem;
  object-fit: cover;
  min-width: 16rem;
  height: auto;
}
.attachment-item__delete-icon {
  position: absolute;
  right: -2.2rem;
  top: -1.8rem;
}
.attachment-item__delete-icon:hover svg circle {
  fill: #555555;
}
.attachment-item__title {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.1268022209px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachment-item__description {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.1268022209px;
  text-align: left;
  overflow-wrap: anywhere;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachment-item__video-container {
  background: #E3E3E3;
}
.attachment-item__info-container {
  padding-left: 17px;
  padding-right: 17px;
  padding-top: 7px;
  padding-bottom: 10px;
}
.attachment-item__info-container-right {
  width: 100%;
  padding: 0.4em;
  background: #E3E3E3;
  color: #353535;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachment-item.video {
  font-size: 1rem;
  height: auto;
}
.attachment-item.video .attachment-item__info-container-right {
  min-height: 2.6em;
}
.attachment-item.video .attachment-item__image-container {
  display: contents;
  height: 70%;
}
.attachment-item.video .attachment-item__image-container iframe {
  height: inherit;
}
.attachment-item.video.thirdparty .attachment-item__info-container-right {
  min-height: 4.4em;
}
.attachment-item.link .attachment-item__thumbnail-container.free-size {
  max-height: 74%;
}
.attachment-item.link.pending .attachment-item__thumbnail-container.free-size {
  max-height: 84%;
}
.attachment-item__image {
  width: 100%;
  height: auto;
}
.attachment-item.delete .attachment-item__item-container {
  position: relative;
  align-items: center;
}

.attachment-item.attachment-item-box {
  border: 1px solid #BEBEBE;
  border-radius: 6px;
  align-content: center;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1.2rem;
  gap: 1.3rem;
  height: 4rem;
}
@media (min-width: 600px) {
  .attachment-item.attachment-item-box {
    max-width: 23rem;
  }
}

@media (min-width: 600px) {
  .attachment-item-preview .attachment-item__thumbnail-container {
    max-width: 31.7rem;
  }
}
@media (max-width: 600px) {
  .attachment-item-preview .attachment-item__thumbnail-container {
    max-width: 20rem;
  }
}
.attachment-item-preview .attachment-item__preview-image {
  border-radius: 0.8rem;
  overflow: hidden;
  width: 100%;
  height: auto;
  min-width: 0;
}
@media (min-width: 600px) {
  .attachment-item-preview .attachment-item__preview-image {
    max-width: 31.7rem;
  }
}
@media (max-width: 600px) {
  .attachment-item-preview .attachment-item__preview-image {
    max-width: 20rem;
  }
}
.attachment-item-preview .attachment-item__file-icon {
  height: 1.8rem;
  width: 1.8rem;
}
.attachment-item-preview .attachment-item__file-icon svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  transform: scale(0.9);
}
.attachment-item-preview .attachment-item__file-icon-download {
  display: flex;
  align-content: center;
}
.attachment-item-preview .attachment-item__preview-raw {
  border-radius: 0.6rem;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.attachment-item-preview .attachment-item__info-container-right {
  background: none;
  padding: 0;
}
.attachment-item-preview .attachment-item__title {
  font-style: normal;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 2rem;
  color: black;
}

.map-location-picker {
  z-index: 0;
  position: relative;
  overflow: hidden;
}
.map-location-picker__address-search-container {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
  align-items: center;
  height: 3.8rem;
  z-index: 9999;
  background: #FFFFFF;
  border: 1px solid #EBE9E8;
  box-sizing: border-box;
  border-radius: 1.6rem;
  padding: 0.8rem;
}
.map-location-picker__address-search-container .map-location-picker__location-button.on-input {
  border: none;
  box-shadow: none;
  position: relative;
  bottom: unset;
  right: unset;
}
.map-location-picker__address-search-button {
  margin-left: 1rem;
  align-self: flex-start;
}
.map-location-picker__address-search-input {
  margin-left: 1rem;
}
.map-location-picker__address-search-input input {
  width: 20rem;
  border: 0px !important;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  color: #5E617C;
}
.map-location-picker__address-search-result-container {
  padding: 0 0 0 1em;
  overflow-y: scroll;
  max-height: 8em;
  margin: 0.4em 0 0 0;
}
.map-location-picker__address-search-result-container li {
  list-style: circle;
  margin: 0.4em 0;
  padding: 0;
  font-size: 0.8em;
  cursor: pointer;
}
.map-location-picker__address-search-result-container li:hover {
  text-decoration: underline;
}
.map-location-picker__location-button {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 9999;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 4px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 5px;
  text-align: center;
  width: 3.8rem;
}
.map-location-picker__location-button:hover {
  background-color: #f4f4f4;
}
.map-location-picker__attribution {
  color: #337ab7;
  font-size: 8px;
  text-align: right;
}
.map-location-picker .leaflet-bar {
  border: 2px solid #FFFFFF !important;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.map-location-picker .leaflet-container {
  height: 280px !important;
  margin-bottom: 0 !important;
  z-index: 0;
  border-radius: 7px;
}

/*Imports :*/
/*
@use "abstracts/colors";
@use "abstracts/functions";
@use "abstracts/breakpoint-mixin";
*/
.pagination-component {
  padding-top: 2rem;
  padding-bottom: 3rem;
}
.pagination-component .pagination {
  list-style-type: none;
}
.pagination-component .pagination li {
  display: inline-block;
}
.pagination-component .pagination .arrow.disabled {
  visibility: hidden;
}
.pagination-component .pagination-centered {
  text-align: center;
}
.pagination-component .pagination a, .pagination-component .pagination li.dots span {
  font-size: var(--font-normal-font-size);
  line-height: var(--font-normal-line-height);
  font-weight: var(--font-normal-font-weight);
  color: #373F41;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}
body.layout-phone .pagination-component .pagination a, body.layout-phone .pagination-component .pagination li.dots span {
  font-size: var(--font-normal-font-size_phone);
  line-height: var(--font-normal-line-height_phone);
  font-weight: var(--font-normal-font-weight_phone);
}
.pagination-component .pagination li.active {
  background: #F9FAFB;
  border-radius: 0;
  border: solid 1px #52bad2;
  padding: 0 0.2em;
  opacity: 1;
  transition: opacity 0.4s;
}
.pagination-component .pagination li.active a {
  color: #000;
}
.pagination-component .pagination li.active a:hover {
  background: unset;
  border: unset;
}
.pagination-component .pagination:hover li.active {
  opacity: 0.5;
}
.pagination-component .pagination:hover li.active:hover {
  opacity: 1;
}
.pagination-component .pagination a:hover:not(.active) {
  background: #E8E8E8;
  border-radius: 1px;
  border: solid 1px #26b2d2;
}

.phone-filter-toolbar__toolbar-navigation {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.phone-filter-toolbar__open-filters-button {
  height: 4.5rem;
  border-radius: 3px;
  border: 1px solid #EAEAEA;
  box-sizing: border-box;
  background: transparent;
  align-items: center;
  width: 100%;
  margin-right: 2rem;
}
.phone-filter-toolbar__open-filters-title {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: center;
  color: #353535;
  align-items: center;
}
.phone-filter-toolbar__toolbar-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1rem;
}
.phone-filter-toolbar__toolbar-btn--bordered {
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.phone-filter-toolbar__filters {
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  color: #535461;
  padding-top: 0.5rem;
}
.phone-filter-toolbar__filters {
  padding-top: 0.5rem;
}

.filter-toolbar {
  display: flex;
  padding-bottom: 1.3rem;
  padding-top: 2.7rem;
  font-size: 1.4rem;
  justify-content: space-between;
}
.filter-toolbar .dropdown__content {
  border-radius: 1rem;
}
.filter-toolbar__left-container {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  gap: 1rem;
}
@media only screen and (max-width: 900px) {
  .filter-toolbar__left-container {
    flex-direction: column;
  }
}
.filter-toolbar__right-container {
  display: flex;
  align-self: center;
  justify-content: flex-end;
  flex-grow: 1;
  gap: 1rem;
}
.filter-toolbar__right-wrapper {
  align-self: center;
}
.filter-toolbar__more-button {
  width: auto;
}
.filter-toolbar__filters-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  border-top: none;
  padding: 0.5rem 1rem;
  background: none !important;
  justify-content: flex-start;
  z-index: 1001 !important;
}
.filter-toolbar__trigger {
  display: flex;
  padding: 1rem;
}
@media only screen and (max-width: 900px) {
  .filter-toolbar__trigger {
    padding: 1rem 1rem 1rem 0;
  }
}
.filter-toolbar__sort-trigger {
  display: flex;
  padding: 1rem 1rem 1rem 0;
}
.filter-toolbar__sorting {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 29.9rem;
  border-radius: 0.5rem;
  max-height: 22rem;
  min-height: 10rem;
}
.filter-toolbar__sorting--large {
  width: 43.4rem;
}
.filter-toolbar__label-container {
  height: 4rem;
  padding-left: 1.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0.8rem;
}
.filter-toolbar__label-info {
  margin-left: 1rem;
}
.filter-toolbar__radio-style {
  width: 1.6em;
  height: 1.6em;
}
.filter-toolbar__more-filters {
  width: 10.9rem;
  height: 4.4rem;
  border: 1px solid #EBE9E8;
  box-sizing: border-box;
  border-radius: 16px;
}
.filter-toolbar__newest-button-apply-section {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #eaeaea;
  height: 4.5rem;
  margin: 1rem 2rem 1rem 0;
}
.filter-toolbar__applyButton {
  font-weight: 700;
  font-size: 1.6rem;
  color: black;
  line-height: 2.4rem;
}
.filter-toolbar__clearButton {
  color: #76797B;
  background: none;
  font-weight: 700;
}
.filter-toolbar__themes-list {
  max-height: 21rem;
  overflow-y: scroll;
}
.filter-toolbar__themes-apply-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem 2.5rem;
  border-top: 1px solid #eaeaea;
}
.filter-toolbar__checkbox-style {
  width: 2rem;
  height: 2rem;
  border-radius: 1px;
}
.filter-toolbar__toggle-row {
  height: 4rem;
  margin: 1rem 2.5rem;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.filter-toolbar__show-map {
  display: flex;
  align-items: center;
}
.filter-toolbar__text-showmap {
  white-space: nowrap;
}
.filter-toolbar__search-bar {
  position: relative;
}
.filter-toolbar__icon-search {
  position: absolute;
  top: 1.25rem;
  left: 0.9rem;
}
.filter-toolbar__margin-style {
  margin-right: 0.8rem;
}
.filter-toolbar__button-text-sorted {
  width: 16.2rem;
  height: 4.4rem;
  box-sizing: border-box;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 2.1rem;
  color: #5E617C;
}
.filter-toolbar__button-text-sorted svg path {
  fill: #5B5D6C;
  height: 1.25rem;
  width: 0.7718749523rem;
  border-radius: 0;
}
.filter-toolbar__button-text-filters {
  width: 1.9rem;
  height: 4.4rem;
  box-sizing: border-box;
  border-radius: 16px;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 2.1rem;
  color: #5E617C;
}
.filter-toolbar__share-button {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.filter-toolbar__share-button span {
  line-height: normal;
}
.filter-toolbar__share-button svg {
  margin: 0;
}
.filter-toolbar__share-text-button {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 160.2%;
  color: #2A6DE8;
  display: flex;
  align-items: center;
}
.filter-toolbar__search-input {
  background-color: transparent;
  width: 13.8rem;
  height: 4.4rem;
  border: 1px solid #EBE9E8;
  box-sizing: border-box;
  border-radius: 1.6rem;
  padding-left: 3.2rem;
  color: #5E617C;
  transition: 0.3s;
}
.filter-toolbar__search-input:focus {
  border-color: #707172;
  width: 25rem;
}
.filter-toolbar .dropdown__trigger {
  padding: 0;
}

.footer {
  width: 100%;
  background-color: #353535;
  font-size: 1.4rem;
  color: #fff;
}
.footer__content {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media only screen and (max-width: 900px) {
  .footer__content {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.footer__separator {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
.footer__top-community-logo {
  max-width: 24rem;
  max-height: 5rem;
}
.footer__top-community-logo img {
  width: 100%;
  height: 100%;
  max-width: 24rem;
  max-height: 5rem;
  object-fit: contain;
  object-position: left;
}
.footer__language-select {
  flex-grow: 1;
  display: flex;
  justify-content: end;
}
.footer__languages-container {
  display: flex;
  flex-direction: column;
  margin: 0 0 0.5em 0.6em;
}
.footer__languages {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.footer__translation-item {
  display: flex;
  font-size: 1em;
  color: #76797B;
  margin-right: 1.5em;
  margin-top: 0.8em;
}
.footer__translation-item:hover {
  font-weight: bold;
}
.footer__translation-item svg path {
  fill: #fff;
}
.footer__translation-item svg {
  padding-top: 2px;
}
.footer__section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.footer__section:first-child {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 900px) {
  .footer__section:first-child {
    margin-bottom: 2rem;
  }
}
.footer__major-links {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.footer__major-links a {
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  line-height: 150%;
  color: #fff;
  white-space: nowrap;
}
.footer__help-btn {
  border: 1px solid #F8F145;
  color: #FFF;
  font-size: 1.6rem;
  font-family: Roboto, sans-serif;
  line-height: 150%;
  padding-left: 3rem;
  padding-right: 3rem;
}
.footer__social .social-bar svg path {
  fill: #fff;
}
.footer__email-info {
  font-size: 0.85em;
  color: #76797B;
  margin-top: 0.6em;
}
.footer__bottom {
  display: flex;
  color: #76797B;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: space-between;
}
.footer__bottom-links {
  display: inline-flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.footer__bottom-links a {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  line-height: 150%;
  text-decoration-line: underline;
  color: #fff;
  white-space: nowrap;
}
.footer__logo-container {
  width: 100%;
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
.footer__logo-tagline {
  color: #C4C4C4;
  font-size: 1.4rem;
  font-family: Roboto, sans-serif;
  line-height: 150%;
  white-space: nowrap;
}
@media only screen and (max-width: 900px) {
  .footer__logo-tagline {
    display: none;
  }
}

#modal-popup .modal-dialog .scrollable,
#login-popup .register-step-terms .scrollable {
  overflow-y: scroll;
  padding: 0px 10px;
  margin-bottom: 20px;
  margin-top: 10px;
  max-height: 400px;
}
#modal-popup .modal-dialog .scrollable h3,
#login-popup .register-step-terms .scrollable h3 {
  font-size: 18px;
  margin-top: 10px;
}
#modal-popup .modal-dialog .scrollable p,
#login-popup .register-step-terms .scrollable p {
  font-size: 15px;
  text-align: left;
}

.rich-editor__maxlength-container {
  text-align: right;
  margin-right: 0;
}
.rich-editor__maxlength-container.red-highlight, .rich-editor__maxlength-container.orange-highlight {
  font-weight: bold;
}

/*.fr-image-progress-bar-layer.fr-layer.fr-active,
.fr-image-progress-bar-layer.fr-layer.fr-active:after,
.fr-image-progress-bar-layer.fr-layer.fr-active:before,
.fr-quick-insert.fr-visible{
  display: none!important;
}*/
.fr-box.fr-fullscreen {
  top: 65px;
}

/*.fr-image-upload-layer .fr-form input{
  pointer-events: none;
}*/
.fr-element.fr-view {
  min-height: 100px;
  height: auto !important;
  overflow: auto;
}

.jodit-edit {
  display: inline;
  height: auto;
}

.jodit-container {
  color: #000;
  border: 1px solid #f5f5f5 !important;
}

.jodit-popup { /*The popup that is used to display emojis choice*/
  max-width: 600px !important;
}
.jodit-popup .jodit-civ-emoji-container {
  width: auto;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
}
.jodit-popup .jodit-civ-emoji-container button {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  border: solid 1px #fff;
  background-color: #fff;
  /*font-family: "Lato", Arial, sans-serif;*/
  font-family: initial;
  font-size: 20px;
}
.jodit-popup .jodit-civ-emoji-container button:hover {
  border: outset 1px #ded;
  background-color: #e8e8e8;
}
.jodit-popup .jodit-civ-emoji-category {
  margin-bottom: 6px;
}

.jodit-wysiwyg { /*That's the jodit editor content container (the textarea value)*/
  word-wrap: anywhere;
  width: 100%;
}
.jodit-wysiwyg span.emoji { /*The emojis are not well displayed in Lato or Arial etc. We set here a font family compliant with how we want the emojis to be like*/
  font-family: "Times New Roman", Times, serif;
  font-size: 18px;
}
.jodit-wysiwyg [data-jodit_iframe_wrapper]:after {
  display: block !important;
}

.jodit-dialog__box { /*The jodit popup/dialog box shown when editing image advanced properties etc*/
  z-index: 9010 !important;
}

.jodit-popup, .jodit-popup_strategy_leftbottom {
  z-index: 9011 !important;
}

[data-jodit_iframe_wrapper]:after {
  /*  position:absolute;
    content:"";
    z-index:1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    cursor:pointer;
    display:block;
    background:transparent;
  */
  display: none !important;
}

.fr-view .fr-file::after {
  content: "";
}

.richeditor-filelink::before, .fr-view .fr-file::before {
  content: url("https://res.cloudinary.com/civocracy/image/upload/v1600258702/UI/Icons/icon-paperclip.png");
  padding-right: 3px;
}

.new-rich-editor .jodit-container {
  border: 1px solid #E3E3E3 !important;
  border-radius: 9px !important;
}
.new-rich-editor .jodit-container:hover, .new-rich-editor .jodit-container:focus {
  box-shadow: 0px 3px 14px rgba(142, 142, 142, 0.15) !important;
  border-radius: 7px !important;
}
.new-rich-editor .jodit-toolbar__box:not(:empty) {
  border-radius: 9px 9px 0 0 !important;
}

.theme-item {
  position: relative;
  background: #F3F8FE;
  border-radius: 6px;
  padding: 0.6rem 1rem;
  white-space: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: inline-flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.03rem;
  color: #2A6DE8;
  justify-content: center;
  word-break: break-all;
}
.theme-item.standard, .theme-item.list {
  overflow: hidden;
  text-overflow: ellipsis;
}
.theme-item__container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.theme-item.theme-item-active {
  color: #0852DB;
  font-weight: 600;
}
.theme-item__icon {
  margin-left: 0.7rem;
}
.theme-item__icon svg {
  display: flex;
}
.theme-item:hover .remove-icon {
  display: flex;
}
.theme-item .fixed-height {
  height: 2.8rem;
}
.theme-item .remove-icon {
  z-index: 2;
  display: none;
  justify-content: center;
  align-items: center;
  width: 29px;
  height: 28px;
  border-radius: 10px;
  background: transparent;
  position: absolute;
  top: -7px;
  right: -7px;
}

.social-share {
  margin-left: 4.5rem;
  margin-right: 4.5rem;
  /*margin-bottom: 4.2rem;*/
}
.social-share__preview {
  margin-top: 1.7rem;
  margin-bottom: 3.4rem;
}
.social-share__preview-image {
  width: 385px;
  height: 191px;
  background-color: #C4C4C4;
}
.social-share__preview-title {
  margin-top: 1rem;
  font-family: Inter;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.2rem;
  letter-spacing: 0px;
  text-align: left;
}
.social-share__preview-description {
  font-family: Inter;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.2rem;
  letter-spacing: 0px;
  text-align: left;
}
.social-share__middle-container {
  margin-top: 2.7rem;
  margin-bottom: 2.1rem;
}
.social-share__text {
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  color: #76797B;
}
.social-share__navigatorShare-container {
  border-top: 1px solid #EFEFEF;
}
.social-share__bottom-container {
  margin-top: 1rem;
  padding-top: 1.9rem;
  border-top: 1px solid #EFEFEF;
  text-align: center;
}
.social-share__social-item-container {
  margin-top: 1.7rem;
  display: flex;
  justify-content: center;
}
.social-share__social-item {
  border: none;
  background: none;
  margin-left: 0.7rem;
  margin-right: 0.7rem;
}
.social-share svg:hover {
  transform: scale(1.03);
}
.social-share__social-item:hover {
  text-decoration: underline #373F41;
}
.social-share__copy-url-text {
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 9px;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2.8rem;
  letter-spacing: 0.2px;
  color: #A9A9A9;
  height: 4.6rem;
  width: 100%;
  padding: 1rem;
  overflow: hidden;
}
.social-share__copy-url-button {
  margin-top: 1rem;
  width: 100%;
}

.page-loading-spinner {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30rem;
}
.page-loading-spinner .spinner {
  margin: 0 auto;
}

.spinner {
  animation: rotate 2s linear infinite;
  height: 2rem;
}
.spinner .path {
  stroke: #ffffff;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
.spinner.grey .path {
  stroke: #6B6C76;
}
.spinner.black .path {
  stroke: #000;
}
.spinner.white .path {
  stroke: #fff;
}
.spinner.link .path {
  stroke: #337ab7;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.top-header-container-query {
  width: auto;
  height: 9.8rem;
}

#topHeader.shown {
  top: 0;
}
#topHeader.hidden {
  top: -9.8rem;
}
#topHeader.forced-hide {
  top: -9.8rem !important;
}
#topHeader.full-hidden {
  top: -14.3rem !important;
}

.top-header__primary-navbar {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #ffffff;
  height: 9.8rem;
  transition: top 0.3s;
  gap: 1rem;
  padding-top: 1.2rem;
}
.top-header__left {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.1rem;
}
.top-header__left a {
  flex-shrink: 0;
}
.top-header__center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
  flex-grow: 1;
  padding-top: 1.1rem;
}
.top-header__right {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 1.1rem;
}
.top-header__right.auth {
  padding-top: 0.3rem;
}
.top-header__community-logo {
  max-width: 24rem;
  height: 5rem;
  flex-shrink: 0;
}
.top-header__community-logo img {
  width: 100%;
  height: 100%;
  max-width: 24rem;
  max-height: 5rem;
  object-fit: contain;
  object-position: center;
}
.top-header__logo-civocracy-line {
  font-size: 1.38rem;
  font-weight: 600;
  max-width: 16rem;
  white-space: nowrap;
  overflow: visible;
}
.top-header__logo-civocracy-line .icon-logo {
  height: 1.2rem;
  margin: 0.1rem 0.4rem;
}
.top-header__secondary-navbar {
  display: flex;
  height: 4.5rem;
  gap: 6rem;
  justify-content: center;
  padding-top: 1.4rem;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  background: #FAFAFA;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
}
.top-header__secondary-nav-link {
  position: relative;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.7rem;
  color: #3D3D3D;
}
.top-header__secondary-nav-link.active-item {
  font-weight: 700;
  padding-bottom: 1rem;
}
.top-header__secondary-nav-link.active-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0rem; /* Negative height */
  height: 0;
  width: 100%;
  border-top: 0.4rem solid #FF7C43;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}
.top-header__dropdown-button {
  display: flex;
  gap: 1rem;
  border: 1px solid #C4C4C4;
  border-radius: 0.8rem;
  font-family: Sora;
  font-weight: 700;
  font-size: 1.3rem;
  color: #373F41;
  padding: 1rem;
  height: 3.6rem;
  justify-content: space-between;
  align-items: center;
}
.top-header__dropdown-button:focus-visible {
  outline: none;
}
.top-header__dropdown-menu {
  border: 1px solid #F0F0F0;
  box-sizing: border-box;
  box-shadow: 0px 2px 19px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.top-header__projects-button-text {
  width: 25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.top-header__dashboard-button {
  width: 20rem;
}
.top-header__dashboard-menu {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  min-width: 20rem;
  width: auto;
  padding: 2rem 1rem;
}
.top-header__dashboard-menu a {
  font-size: 1.6rem;
  color: black;
  white-space: nowrap;
}
.top-header__projects-menu {
  width: 29rem !important;
  background-color: red;
  padding-top: 2rem;
  padding-left: 2.3rem;
  padding-right: 2.3rem;
  padding-bottom: 1.6rem;
}
.top-header__menu-separator {
  border-top: 1px solid #E2E5E6;
  width: 100%;
}
.top-header__btn-container {
  display: flex;
  gap: 1rem;
}
.top-header__btn-container button {
  width: 10rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.top-header__btn-translator-icon-button.unactive {
  opacity: 0.4;
}
.top-header__btn-translator-icon-button svg {
  margin: 0 2rem;
}
.top-header__btn-translation {
  margin-right: 2rem;
}
.top-header__btn-translation-text {
  flex-grow: 1;
  text-align: left;
}
.top-header__translation-trigger {
  padding: 0;
}
.top-header__translator-content {
  /*		top: 5rem !important;
  		left: 0 !important;*/
  display: flex;
  flex-direction: column;
  border: 1px solid #76797B;
  width: 23.3rem !important;
  padding: 2rem;
}
.top-header__translation-content {
  top: 4.3rem !important;
  left: -2rem !important;
  display: flex;
  flex-direction: column;
  border: 1px solid #76797B;
  width: 23.3rem !important;
  padding: 2rem;
}
.top-header__translation-item {
  margin: 0 0 1rem 0;
  display: flex;
  align-content: center;
  gap: 1rem;
}
.top-header__translation-item:last-child {
  margin: 0;
}
.top-header__translation-item:hover {
  font-weight: bold;
}
.top-header__translation-item:focus {
  font-weight: bold;
}
.top-header__translation-item--active {
  font-weight: bold;
}
.top-header__avatar-trigger {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.top-header__avatar-info {
  display: flex;
  align-self: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.top-header__avatar-name {
  display: flex;
  gap: 1rem;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 200%;
  color: #000000;
  white-space: nowrap;
}
.top-header__avatar-status {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 1.4rem;
  gap: 0.5rem;
  margin-right: 2.1rem;
}
.top-header__translations-menu {
  padding-top: 1rem;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  padding-bottom: 1rem;
  width: 20rem;
}

.top-header-desktop {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1002;
  transition: top 0.3s;
  background-color: white;
}
.top-header-desktop.shown {
  top: 0;
}
.top-header-desktop.hidden {
  top: -9.8rem;
}
.top-header-desktop__container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 1440px;
  margin: 0 auto;
}
.top-header-desktop .top-header__left-container {
  flex-shrink: 1;
  width: 75%;
}
.top-header-desktop .top-header__center {
  flex: 1;
}

.top-header-phone {
  background-color: #ffffff;
  /* position: fixed; */
}
.top-header-phone__left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.8rem;
}
.top-header-phone__right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3rem;
}
.top-header-phone__btn-hamburger {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
.top-header-phone__primary-navbar {
  display: flex;
  flex-direction: row;
  height: 6.3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.top-header-phone__secondary-navbar {
  display: flex;
  height: 5.3rem;
  gap: 6rem;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: #FFF;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.top-header-phone__secondary-nav-link {
  background: transparent;
  /*
  &:hover {
    svg path {
  	fill: $light-orange;
    }
  }
   */
}
.top-header-phone__secondary-nav-link svg path {
  fill: #C6C6C6;
}
.top-header-phone__secondary-nav-link.active-item svg path {
  fill: #FF7C43;
}
.top-header-phone__community-logo {
  max-width: 12rem;
  max-height: 4.5rem;
  flex-shrink: 0;
}
.top-header-phone__community-logo img {
  width: 100%;
  height: 100%;
  max-width: 12rem;
  max-height: 4.5rem;
  object-fit: contain;
  object-position: center;
}

.user-menu {
  background-color: #fff;
  width: 34.3rem;
  padding-top: 0.6rem;
  padding-bottom: 2rem;
}
.user-menu__entry-padding {
  padding-left: 2rem;
  padding-right: 0;
}
.user-menu__separator {
  border: 1px solid #E3E3E3;
  margin-top: 1.2rem;
  margin-bottom: 1.8rem;
}
.user-menu__title {
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: black;
}
.user-menu__explanation {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  font-size: 1.3rem;
  letter-spacing: 0.2px;
  color: #A8A8A8;
}
.user-menu__item {
  padding: 0 1rem 0 2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: #303036;
  width: 100%;
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  /*
     &:hover, &:focus {
       color: #5E617C;
       background: #F7F7F7;
     }
   */
}
.user-menu__item span {
  margin-right: 2.1rem;
}
.user-menu__top-container .user-menu__item {
  min-height: 5.22rem;
  padding: 1rem 1rem 1rem 2rem;
  color: #171725;
  font-weight: 500;
  transition: 1s background;
}
.user-menu__top-container .user-menu__item span svg.icon {
  height: auto;
  width: auto;
}
.user-menu__top-container .user-menu__item span.user-menu__item-icon {
  flex-grow: 0;
}
.user-menu__top-container .user-menu__item span.user-menu__item-label {
  flex-grow: 1;
}
.user-menu__top-container .user-menu__item span.user-menu__item-status {
  flex-grow: 0;
  transform: rotate(0);
  transition: 1s transform;
}
.user-menu__top-container .user-menu__item.opened {
  background: #F7F7F7;
}
.user-menu__top-container .user-menu__item.opened span.user-menu__item-status {
  transform: rotate(180deg);
}
.user-menu__top-container .user-menu__item.opened span.user-menu__item-status.vertical {
  transform: rotate(90deg);
}
.user-menu__projects {
  margin: 0.2rem 0 2rem;
}
.user-menu__projects.vertical {
  transition: 1s max-height;
  max-height: 0;
  overflow: hidden;
}
.user-menu__projects.vertical.opened {
  max-height: 80rem;
}
.user-menu__projects.vertical .user-menu__projects-category-scroller {
  max-height: 10rem;
  overflow-y: auto;
}
.user-menu__projects.vertical .user-menu__projects-category-scroller.long-height {
  max-height: 28rem;
}
.user-menu__projects-container.horizontal {
  position: absolute;
  z-index: -1;
  height: 0;
  width: 0;
  overflow: visible;
  background-color: #fff;
}
.user-menu__projects.horizontal {
  position: relative;
  background-color: #fff;
  width: 34.3rem;
  height: 34.6rem;
  padding-top: 0.6rem;
  padding-bottom: 2rem;
  transition: 1s left;
  box-shadow: 0 0 2rem rgba(102, 102, 102, 0.3);
  border-radius: 2px;
  left: 0;
}
.user-menu__projects.horizontal.opened {
  left: -34.3rem;
  border-right: solid 1px #E3E3E3;
  top: -2px;
}
.user-menu__projects.horizontal .user-menu__projects-category-scroller {
  max-height: 11rem;
  overflow-y: auto;
}
.user-menu__projects.horizontal .user-menu__projects-category-scroller.long-height {
  max-height: 24rem;
}
.user-menu__projects-category-title {
  color: #C0BFBE;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 1rem 1rem 0 2rem;
}
.user-menu__projects .user-menu__item {
  padding: 0 1rem 1rem 2rem;
  display: block;
}
.user-menu__item-truncate {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.user-menu .active {
  background: #F7F7F7;
  border-radius: 5px;
}
.user-menu__item--grey:hover, .user-menu__item--grey:focus {
  background: white;
}
.user-menu__projects.blank {
  padding-bottom: 1rem;
}
.user-menu__projects__subscroll {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 1rem;
  margin-top: 1rem;
}
.user-menu__communities__subscroll {
  padding-bottom: 1rem;
  max-height: 10rem;
  overflow-y: auto;
}

.projects-menu {
  width: 100%;
}
.projects-menu__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
  min-width: 0;
}
.translator-menu {
  top: 4rem !important;
  left: -2rem !important;
  display: flex;
  flex-direction: column;
  border: 1px solid #76797B;
  width: 30.4rem !important;
}
.translator-menu__options {
  /*padding: 2rem 0 1rem 2rem;*/
}
.translator-menu__translator-item {
  margin: 0 0 0.4rem 0;
  display: flex;
  justify-content: space-between;
}
.translator-menu__translator-item:last-child {
  margin: 0;
}
.translator-menu__translator-item:hover {
  font-weight: bold;
}
.translator-menu__translator-item:focus {
  font-weight: bold;
}
.translator-menu__translator-item--active {
  font-weight: bold;
}
.translator-menu__translator-item.uneditable {
  font-style: italic;
  color: #BEBEBE;
}
.translator-menu__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.3rem 0;
  font-size: 1.4rem;
}
.translator-menu__item svg {
  margin-right: 1rem;
}
.translator-menu__item:first-child {
  padding-top: 0;
}
.translator-menu__item:last-child {
  border: none;
  padding-bottom: 0;
}
.translator-menu__item--disable {
  opacity: 0.5;
  margin-top: 1rem;
}
.translator-menu__item--disable.first-item {
  margin-top: 0;
}
.translator-menu__item--border-none {
  border: none;
}
.translator-menu__languages {
  border-bottom: 1px solid #BEBEBE;
  margin-top: 1rem;
}
.translator-menu__languages.blank {
  padding-top: 1rem;
}
.translator-menu__languages__subscroll {
  margin: 0.6rem 0.4rem 1.2rem 0;
  max-height: 10rem;
  overflow-y: auto;
}

.swiper {
  position: relative;
}
.swiper .swiper-container {
  width: calc(100% - 160px);
}
.swiper .swiper-container .swiper-slide {
  display: flex;
}
.swiper .swiper-button-next {
  background-image: url("/images/ic_arrow_large.svg");
  width: 100px;
  height: 100px;
  background-size: cover;
  transform: rotate(180deg);
  right: 0;
}
.swiper .swiper-button-prev {
  background-image: url("/images/ic_arrow_large.svg");
  width: 100px;
  height: 100px;
  background-size: cover;
  top: 65px;
  left: 0;
}

.user-avatar {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.user-avatar span {
  display: none;
  position: absolute;
  right: 0;
  bottom: 4px;
  border: 1px solid white;
  width: 20px;
  height: 20px;
  border-radius: 10px;
}
.user-avatar .general-admin {
  display: block;
  color: white;
  background-color: #337ab7;
  line-height: 20px;
  padding-left: 4px;
  padding-top: 0px;
  font-size: 9px;
  overflow: hidden;
  font-family: "fontAwesome";
}
.user-avatar .general-admin:before {
  content: "";
}
.user-avatar .community-admin {
  display: block;
  top: auto;
  background-color: #337ab7;
  color: white;
  font-size: 10px;
  padding-top: 3px;
}
.user-avatar .community-admin:before {
  padding-left: 4px;
}
.user-avatar .issue-admin {
  display: block;
  top: auto;
  background-color: #337ab7;
  color: white;
  font-size: 10px;
  padding-top: 4px;
}
.user-avatar .issue-admin:before {
  padding-left: 4px;
}

.user-avatar-upload {
  position: relative;
  width: 130px;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.user-avatar-upload__label-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -15px;
  background-color: white;
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.user-avatar-upload label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #353535;
}

.user-profile-menu__nav-section-title {
  font-size: 1.2rem;
  font-weight: 400;
  color: #898989;
  text-transform: uppercase;
  margin-top: 3rem;
  margin-bottom: 0.7rem;
}
.user-profile-menu__nav-item {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  align-items: center;
  align-content: center;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 0.5rem;
  color: #171725;
  width: 100%;
  padding-left: 2.4rem;
  padding-right: 1.3rem;
  height: 4.5rem;
}
.user-profile-menu__nav-item .user-profile-menu__nav-icon {
  display: block;
  width: 22px;
  text-align: center;
}
.user-profile-menu__nav-item .user-profile-menu__nav-text {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  color: #171725;
  font-weight: 500;
  text-align: left;
}
.user-profile-menu__nav-item .user-profile-menu__nav-text2 {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #92929D;
}
.user-profile-menu__nav-item .user-profile-menu__right-arrow {
  height: 24px;
}
.user-profile-menu__nav-item:hover {
  background-color: white;
}
.user-profile-menu__nav-item:hover .user-profile-menu__nav-icon svg path {
  fill: #FF7F47;
}
.user-profile-menu__nav-item:hover .user-profile-menu__nav-icon svg path.colored-using-stroke {
  fill: none;
  stroke: #FF7F47;
}
.user-profile-menu__nav-item--selected {
  background-color: white;
}
.user-profile-menu__nav-item--selected .user-profile-menu__nav-text {
  font-weight: 700;
}
.user-profile-menu__nav-item--selected .user-profile-menu__nav-icon svg path {
  fill: #FF7F47;
}
.user-profile-menu__nav-item--selected .user-profile-menu__nav-icon svg path.colored-using-stroke {
  fill: none;
  stroke: #FF7F47;
}
.user-profile-menu__nav-community-link {
  display: flex;
  gap: 1.1rem;
  align-items: center;
  margin-bottom: 2rem;
  padding-left: 2.4rem;
  padding-right: 1.3rem;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #171725;
}
.user-profile-menu__nav-community-link-image {
  width: 3.2rem;
  height: 3.2rem;
}
.user-profile-menu__nav-community-link-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.profile-info {
  text-align: center;
}
.profile-info__full-name {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 3.6rem;
  margin-top: 1.5rem;
}
.profile-info__register-date {
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.profile-info__stats-container {
  display: flex;
  justify-content: space-around;
  background: #FBFAF9;
  border: 1px solid #F0F0F0;
  box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.1);
  border-radius: 9px;
  height: 10.3rem;
  margin-top: 5.6rem;
  padding: 2.1rem 3rem 2.8rem 3.4rem;
  text-align: left;
}
.profile-info__stats-name {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.9rem;
  color: #9A9A9A;
}
.profile-info__stats-contents {
  display: flex;
  gap: 0.4rem;
  margin-top: 1.2rem;
  align-content: center;
  align-items: center;
}
.profile-info__stats-value {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 3.2rem;
  color: #353535;
}
.profile-info__stats-separator {
  width: 1px;
  height: 4.8rem;
  border-left: 1px solid #E0E0E0;
}
.profile-info__stats-separator:last-child {
  display: none;
}
.profile-info__about-me-title {
  margin-top: 3.4rem;
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 3.8rem;
}
.profile-info__about-me {
  font-size: 1.4rem;
}
.profile-info__affiliation-container {
  display: inline-flex;
  border-radius: 9px;
  max-width: 70rem;
  height: 3.4rem;
  margin: 0 auto;
  font-size: 1.3rem;
  align-items: center;
  overflow: hidden;
  margin-top: 1rem;
}
@media only screen and (max-width: 600px) {
  .profile-info__affiliation-container {
    max-width: none;
    margin-top: 1.3rem;
    margin-left: 0.8rem;
    margin-right: 0.8rem;
  }
}
.profile-info__affiliation--association {
  background: rgba(83, 195, 114, 0.25);
}
.profile-info__affiliation--association .profile-info__affiliation-icon {
  background: rgba(83, 195, 114, 0.25);
}
.profile-info__affiliation--organization {
  background: #DED8F0;
}
.profile-info__affiliation--organization .profile-info__affiliation-icon {
  background: #D1C5F2;
}
.profile-info__affiliation-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.4rem;
  width: 3.9rem;
}
.profile-info__affiliation-label {
  text-transform: capitalize;
}
.profile-info__affiliation-name {
  font-weight: 700;
}
.profile-info__affiliation-text {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (max-width: 600px) {
  .profile-info__affiliation-text {
    text-align: left;
    padding-left: 1.5rem;
  }
}

.profile-info-phone__avatar-container {
  margin-top: 2.2rem;
  text-align: center;
}
.profile-info-phone__full-name {
  font-size: 1.9rem;
  font-weight: 600;
  line-height: 3.6rem;
  text-align: center;
}
.profile-info-phone__register-date {
  font-size: 1.3rem;
  line-height: 2.6rem;
  text-align: center;
}

.profile-stats-phone {
  margin-top: 2.7rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.5rem;
}
.profile-stats-phone__stats-item {
  background: white;
  border: 1px solid #F0F0F0;
  box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.1);
  border-radius: 9px;
  padding-left: 1.5rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.profile-stats-phone__stats-name {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.9rem;
  color: #9A9A9A;
}
.profile-stats-phone__stats-contents {
  display: flex;
  gap: 0.4rem;
  margin-top: 0.6rem;
  align-content: center;
  align-items: center;
}
.profile-stats-phone__stats-value {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 3.2rem;
  color: #353535;
}

.user-says {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.user-says__author {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #5E617C;
  font-style: normal;
  font-weight: normal;
}
.user-says__affiliation-icon {
  display: flex;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.user-says__affiliation--association {
  background: rgba(83, 195, 114, 0.24);
}
.user-says__affiliation--organization {
  background: rgba(140, 110, 224, 0.44);
}

.user-settings-saved {
  margin-top: 9rem;
  max-width: 63rem;
  min-height: 63rem;
  padding: 2rem;
}
.user-settings-saved__title {
  font-style: normal;
  font-weight: bold;
  font-size: 3rem;
}
.user-settings-saved__tabs-container {
  margin-top: 5.5rem;
  border-bottom: 1px solid #C4C4C4;
  padding-bottom: 1.5rem;
}
.user-settings-saved__tabs-item {
  font-family: Inter;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
  /* identical to box height */
  letter-spacing: 0.02rem;
  /* Light / Black */
  color: #373F41;
  margin-right: 2.2rem;
  padding-bottom: 1.2rem;
}
.user-settings-saved__tabs-item--active {
  font-weight: bold;
  border-bottom: 4px solid #FF7F47;
}
.user-settings-saved__content-container {
  margin-top: 5.5rem;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.8rem;
  /* or 133% */
  letter-spacing: 0.02rem;
  color: #A8A8A8;
}

.like-button {
  display: inline-block;
}
.like-button__reactions-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  align-content: flex-end;
  gap: 0.6rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
}
.like-button__reactions-item {
  cursor: pointer;
  height: 3rem;
  width: 3rem;
}
.like-button__reactions-item:hover, .like-button__reactions-item:focus {
  transform: scale(1.2);
}
.like-button__reactions-item:focus {
  box-shadow: none;
}
.like-button__reactions-item-liked {
  color: #2A78CD !important;
}
.like-button__reactions-item-tooltip {
  border-radius: 3rem;
}
.like-button__reactions-item-tooltip-arrow {
  display: none;
}
.like-button__like-reaction {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.like-button__like-text {
  padding-top: 0.6rem;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.1rem;
  letter-spacing: 0;
  color: #5E617C;
}
.like-button__main-button {
  display: flex;
  align-items: center;
  align-content: center;
  height: 3rem;
  gap: 0.5rem;
  padding-right: 1.2rem;
  padding-left: 1.2rem;
  border-radius: 4px;
  font-size: 1.4rem;
  background-color: #F4F3F5;
  color: #9D9BA7;
}
.like-button__main-button span {
  display: inline-flex;
}
.like-button__main-button:focus {
  box-shadow: none;
}
.like-button__main-button-icon {
  width: 2.5rem;
  height: 2.5rem;
}

.reactions-summary {
  cursor: pointer;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
}
.reactions-summary__reaction-detailed-item-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 1.5rem;
  gap: 0.5rem;
}
.reactions-summary__reaction-detailed-item {
  width: 2.5rem;
  height: 2.5rem;
}
.reactions-summary__type {
  max-width: 8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reactions-summary__reaction-item {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #fff;
  overflow: hidden;
  border-radius: 2.5rem;
  border: 0.5px solid white;
}
.reactions-summary__reaction-item:first-child {
  z-index: 3;
}
.reactions-summary__reaction-item:nth-child(2) {
  z-index: 2;
  margin-left: -1rem;
}
.reactions-summary__reaction-item:nth-child(3) {
  z-index: 1;
  margin-left: -1rem;
}
.reactions-summary__count {
  align-self: center;
  font-size: 1.2rem;
  display: flex;
  justify-content: flex-end;
  margin-left: 0.4rem;
  color: #5E617C;
}

.outcome-card {
  width: 100%;
  margin-top: 2rem;
  background: #fff;
  border: 1px solid #F3EFE6;
  box-sizing: border-box;
  border-radius: 7px;
  padding: 0 3.4rem 0 3.4rem;
  margin-bottom: 4.8rem;
}
.outcome-card__read-all {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2.1rem;
  text-decoration-line: underline;
  color: #2A6DE8;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 1.8rem;
}
.outcome-card__top-section {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.outcome-card__icon-circle {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 2.2rem;
  background-color: #5E617C;
}
.outcome-card__image-content {
  width: 100%;
  height: 30.5rem;
  background-color: #5E617C;
  border-radius: 4px;
  margin-top: 1.2rem;
}
.outcome-card__badge {
  width: 9.4rem;
  height: 2rem;
  background: #2A78CD;
  border-radius: 3px;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.3px;
  color: #fff;
  margin-left: 3em;
}
.outcome-card__content-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 2.4em;
}
.outcome-card__content-description {
  position: relative;
  width: 70%;
  flex-grow: 1;
  font-size: 1.4em;
  white-space: normal;
}
.outcome-card__content-description-title {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  overflow-wrap: anywhere;
}
.outcome-card__content-description-text {
  width: 100%;
  height: 100%;
}
.outcome-card__content-attachment-container {
  width: 30%;
  margin-right: 2.4em;
  margin-top: 1.4em;
}
.outcome-card__reactions-container {
  display: flex;
  justify-content: space-between;
  margin-top: 2.6rem;
  margin-bottom: 2.6rem;
  align-items: center;
  font-size: 1.3rem;
  line-height: 2.1rem;
  color: #5E617C;
}
.outcome-card__footer {
  padding-bottom: 2em;
}
.outcome-card__edit-btn-icon path {
  stroke: #2A6DE8;
}
.outcome-card__edit-btn-text {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 160.2%;
  letter-spacing: 0.0126802rem;
  color: #2A6DE8;
  margin-left: 1rem;
}

.act-page-phone .outcome-card__content-container {
  flex-direction: column;
  align-content: flex-start;
  align-items: baseline;
}
.act-page-phone .outcome-card__content-attachment-container {
  width: 100%;
}
.act-page-phone .outcome-card__content-description {
  width: 100%;
}

.no-result {
  position: absolute;
  width: 318px;
  height: 54px;
  left: 24px;
  top: 10px;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 140%;
  /* or 18px */
  letter-spacing: 0.126802px;
  color: #FF7F47;
}
.no-result__space {
  height: 20px;
}

.translations-editor .btn-secondary {
  height: auto;
}
.translations-editor__table {
  border-spacing: 0;
  border-collapse: collapse;
}
.translations-editor__table td {
  border: 1px solid gray;
  vertical-align: top;
  overflow: auto;
  height: 10em;
}
.translations-editor__table td textarea {
  vertical-align: top;
  overflow: auto;
  height: 8em;
}
.translations-editor__table td .content {
  height: 8em;
}
.translations-editor__table td .btn-secondary {
  font-size: 0.9em;
  white-space: nowrap;
  padding: 0.2em 0.2em;
}

.generic-toggle__publish-container {
  display: inline-flex;
}
.generic-toggle__publish-button {
  margin-right: 1em;
}

/* moved in the  component
.project-publish-toggle{
	font-size: 1.4rem;
	box-shadow: 0 2px 24px rgba(165, 157, 143, 0.3);
	border-radius: 4px;
	width: 36em;
	height: 4.4em;
	padding: 1.4em 1.6em;
	.setting-item{
		margin-bottom: 0;
		&__label{
			font-weight: 600;
			font-size:1.3em;
		}
		&__item-content{
			margin: -2.6em 4em 0 18em;
			padding: 0;
			height: 2em;
			max-width: 30em;
			text-align: right;
			width: auto;
		}
	}
	&__publish-container{
		height: 2em;
		display: flex;
		flex-direction: row;
		font-size: 1.1em;
		color: $medium-dark-gray;
	}
}
*/
.nocookie-provided {
  font-style: italic;
  font-size: 0.8em;
  white-space: normal;
  color: #76706F;
}

.section-link {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0.6em 1rem;
  margin-bottom: 1rem;
}
.section-link.raw .section-link__icons {
  max-width: 8em;
}
.section-link.raw .section-link__icons img {
  min-width: unset;
}
.section-link.link:hover {
  text-decoration: none;
  cursor: default;
}
.section-link.edit-mode {
  width: 90%;
  flex-direction: row;
  margin-top: 1rem;
  padding: 0.6em 1rem;
  background: #F7F4F2;
}
.section-link.edit-mode .section-link__icons {
  width: 10rem;
}
.section-link.edit-mode .section-link__icons-container {
  transform: translate(40%, 30%);
  left: unset;
  width: auto;
}
.section-link.edit-mode img, .section-link.edit-mode iframe, .section-link.edit-mode video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.section-link.edit-mode iframe {
  height: 4em !important;
}
.section-link__icons-container {
  transform: translate(-50%, 80%);
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
}
.section-link__icons img, .section-link__icons iframe, .section-link__icons video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.section-link__data {
  flex-grow: 1;
  margin: 0 1em;
  color: #76797B;
  font-style: italic;
  width: 100%;
  text-align: center;
}
.section-link__data-title.edit .label-text-field {
  margin-bottom: -1.4em;
}
.section-link__data-title.edit .label-text-field .label-text__input-container {
  margin-bottom: 0;
}
.section-link__data-title.edit .label-text-field .label-text__input-container .input-text {
  height: auto;
  padding: 0.2em 0.4em;
  color: #6B6C76;
  font-style: italic;
  border-color: #fff;
}

.dashboard-label {
  width: 100%;
  min-width: 0;
}
.dashboard-label__label {
  font-size: 1.4rem;
  line-height: 1.9rem;
  color: #9A9A9A;
}
.dashboard-label__label.dashboard-label--small {
  font-size: 1rem;
}
.dashboard-label__content {
  font-size: 2.2rem;
  font-weight: 600;
  color: #353535;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dashboard-label__content.dashboard-label--small {
  font-size: 1.5rem;
}

.attachments-scrollable__wrapper {
  width: 99%;
  display: grid;
  padding: 1em 1.6em 0 1.6em;
}
.attachments-scrollable__scrollable {
  width: 100%;
  height: 22.5rem;
  overflow: hidden;
  margin-bottom: 0;
}
.attachments-scrollable__scroll-container {
  display: block;
  height: 21rem;
  width: auto;
  white-space: nowrap;
}
.attachments-scrollable__scroll-container .add-attachment__label {
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  font-weight: 600;
}
.attachments-scrollable__scroll-container .add-attachment__label:hover {
  border-radius: none;
  background: transparent;
}
.attachments-scrollable__scrollers {
  text-align: right;
  margin-bottom: 2.4em;
}
.attachments-scrollable__item {
  vertical-align: top;
  margin-right: 1em;
  display: inline-block;
  overflow: hidden;
}
.attachments-scrollable__item.blank {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 23.8rem;
  height: 100%;
  border: dashed 1px #ABB1B9;
  color: #B6B6B6;
  font-size: 1.1em;
  font-weight: 600;
}
.attachments-scrollable__item .attachment-item {
  height: 17rem;
  margin-bottom: 1em;
}
.attachments-scrollable__item .attachment-item.pending {
  width: 23.8rem;
  max-height: 17rem;
}
.attachments-scrollable__item .attachment-item.pending .attachment-item__item-container {
  justify-content: center;
  height: 100%;
}
.attachments-scrollable__item .attachment-item.pending .attachment-item__thumbnail-container {
  flex-grow: 1;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.attachments-scrollable__item .attachment-item.video .attachment-item__thumbnail-container, .attachments-scrollable__item .attachment-item.raw .attachment-item__thumbnail-container, .attachments-scrollable__item .attachment-item.file .attachment-item__thumbnail-container {
  max-height: 14.4rem;
}
.attachments-scrollable__item .attachment-item.video .attachment-item__thumbnail-container video, .attachments-scrollable__item .attachment-item.video .attachment-item__thumbnail-container iframe, .attachments-scrollable__item .attachment-item.raw .attachment-item__thumbnail-container video, .attachments-scrollable__item .attachment-item.raw .attachment-item__thumbnail-container iframe, .attachments-scrollable__item .attachment-item.file .attachment-item__thumbnail-container video, .attachments-scrollable__item .attachment-item.file .attachment-item__thumbnail-container iframe {
  max-height: 14.4rem;
  width: unset;
}
.attachments-scrollable__item .attachment-item.video.thirdparty {
  max-width: 30rem;
}
.attachments-scrollable__item .attachment-item.video.thirdparty .attachment-item__thumbnail-container {
  height: 12.4rem;
}
.attachments-scrollable__item .attachment-item.video.thirdparty .attachment-item__thumbnail-container video, .attachments-scrollable__item .attachment-item.video.thirdparty .attachment-item__thumbnail-container iframe {
  max-height: 12.4rem;
  width: unset;
}
.attachments-scrollable__item .attachment-item video, .attachments-scrollable__item .attachment-item iframe {
  max-height: 14.4rem;
  width: unset;
}
.attachments-scrollable__item .attachment-item .attachment-item__info-container-right {
  overflow: unset;
  text-overflow: unset;
}
.attachments-scrollable__item .attachment-item__delete-icon {
  position: absolute;
  right: 0.3rem;
  top: 0.8rem;
  opacity: 0.7;
}
.attachments-scrollable__item .attachment-item__item-container {
  width: 100%;
  height: 100%;
}
.attachments-scrollable__item .attachment-item__preview-image {
  max-height: 17rem;
  width: unset;
  max-width: 100%;
}
.attachments-scrollable__item-coverrad {
  font-size: 1.4rem;
}

.activity-card__header {
  display: flex;
  justify-content: space-between;
}
.activity-card__action-description {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #373F41;
}
@media only screen and (max-width: 600px) {
  .activity-card__action-description {
    font-size: 1.6rem;
    line-height: 1.9rem;
  }
}
.activity-card__date {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #5E617C;
}
.activity-card__type-container {
  display: inline-block;
  margin-top: 2rem;
}
@media only screen and (max-width: 600px) {
  .activity-card__type-container {
    display: none;
  }
}
.activity-card__type {
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 3.9rem;
  width: auto;
  background-color: #353535;
  border-radius: 8px;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 30px;
  color: white;
}
.activity-card__type-idea {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3rem;
  color: #FF7F47;
}
.activity-card__main-container {
  margin-top: 1.9rem;
  background: white;
  border-radius: 10px;
  padding: 3rem 2rem 3.4rem 3.7rem;
  box-shadow: 0px 2px 24px rgba(165, 157, 143, 0.3);
}
@media only screen and (max-width: 600px) {
  .activity-card__main-container {
    box-shadow: 0px 2px 24px rgba(165, 157, 143, 0.3);
    border-radius: 10px;
    padding: 1.9rem 1.2rem 1.6rem 1.1rem;
  }
}
.activity-card__avatar {
  display: flex;
  gap: 1.3rem;
  align-items: center;
  margin-bottom: 1.3rem;
}
.activity-card__avatar-name {
  flex-grow: 1;
  flex-shrink: 0;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #797C98;
}
.activity-card__private-content {
  display: flex;
  gap: 1.1rem;
  font-size: 1.2rem;
  color: #5E617C;
}
.activity-card__private-content-phone {
  display: flex;
  height: 3.9rem;
  gap: 1.5rem;
  font-size: 1.2rem;
  align-items: center;
  padding-left: 1rem;
  color: #5E617C;
  background: rgba(239, 239, 239, 0.65);
  border-radius: 6px;
  margin-top: -1rem;
  margin-bottom: 1rem;
}
.activity-card__title {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 2.4rem;
  color: black;
  margin-bottom: 1.6rem;
}
@media only screen and (max-width: 600px) {
  .activity-card__title {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3rem;
    margin-bottom: 0.8rem;
  }
}
.activity-card__description {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: #5E617C;
  margin-bottom: 1.6rem;
}
@media only screen and (max-width: 600px) {
  .activity-card__description {
    font-size: 1.3rem;
  }
}
.activity-card__description .lt-line-clamp__more {
  font-weight: 600;
  color: black;
}
.activity-card__reply-container {
  margin-bottom: 4rem;
}
.activity-card__button-container {
  display: flex;
  gap: 1.6rem;
}
@media screen and (max-width: 600px) {
  .activity-card__button-container > * {
    flex: 1;
  }
}
.activity-card__button-share {
  width: 15rem;
}
@media screen and (max-width: 600px) {
  .activity-card__button-share {
    width: 100%;
  }
}
.activity-card__button-view {
  width: 22.4rem;
}
@media screen and (max-width: 600px) {
  .activity-card__button-view {
    width: 100%;
  }
}

.video-player {
  width: 100%;
  margin-bottom: 1rem;
}
.video-player__container {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%; /* creates a 16:9 aspect ratio */
}
.video-player__container iframe, .video-player__container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.video-player.thumbnail {
  font-size: 1.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.video-player.thumbnail .manage-cookies {
  font-size: 1.6rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 600px) {
  .video-player.thumbnail .manage-cookies {
    font-size: 2.2rem;
    line-height: 125%;
  }
}
@media (max-width: 600px) {
  .video-player.thumbnail .manage-cookies {
    font-size: 1.6rem;
    line-height: 2.1rem;
  }
}
.video-player.thumbnail .manage-cookies:hover {
  text-decoration: underline;
}
.video-player.thumbnail .video-player__thumbnail-container {
  position: relative;
}
.video-player.thumbnail .video-player__thumbnail-container img {
  max-width: 40rem;
}
.video-player.thumbnail .video-player__thumbnail-container .play-button__container {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  inset: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.video-player.thumbnail .video-player__thumbnail-container .play-button {
  position: relative;
  margin-left: 38%;
  margin-top: 20%;
  width: 6rem;
  height: 6rem;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #fff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
/*@ sourceMappingURL=civ.css.map*/