/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./scss/main.scss ***!
  \*****************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap);
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./scss/main.scss (1) ***!
  \*********************************************************************************************************************************************************************/
@font-face {
  font-family: "Helvetica Neue";
  src: url(./builded-fonts/HelveticaNeue-CondensedObl.eot);
  src: url(./builded-fonts/HelveticaNeue-CondensedObl.eot?#iefix) format("embedded-opentype"), url(./builded-fonts/HelveticaNeue-CondensedObl.woff2) format("woff2"), url(./builded-fonts/HelveticaNeue-CondensedObl.woff) format("woff"), url(./builded-fonts/HelveticaNeue-CondensedObl.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(./builded-fonts/HelveticaNeue-LightCondObl.eot);
  src: url(./builded-fonts/HelveticaNeue-LightCondObl.eot?#iefix) format("embedded-opentype"), url(./builded-fonts/HelveticaNeue-LightCondObl.woff2) format("woff2"), url(./builded-fonts/HelveticaNeue-LightCondObl.woff) format("woff"), url(./builded-fonts/HelveticaNeue-LightCondObl.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(./builded-fonts/HelveticaNeue-Condensed.eot);
  src: url(./builded-fonts/HelveticaNeue-Condensed.eot?#iefix) format("embedded-opentype"), url(./builded-fonts/HelveticaNeue-Condensed.woff2) format("woff2"), url(./builded-fonts/HelveticaNeue-Condensed.woff) format("woff"), url(./builded-fonts/HelveticaNeue-Condensed.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(./builded-fonts/HelveticaNeue-Bold.eot);
  src: url(./builded-fonts/HelveticaNeue-Bold.eot?#iefix) format("embedded-opentype"), url(./builded-fonts/HelveticaNeue-Bold.woff2) format("woff2"), url(./builded-fonts/HelveticaNeue-Bold.woff) format("woff"), url(./builded-fonts/HelveticaNeue-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue Condensed";
  src: url(./builded-fonts/HelveticaNeue-CondensedBold.eot);
  src: url(./builded-fonts/HelveticaNeue-CondensedBold.eot?#iefix) format("embedded-opentype"), url(./builded-fonts/HelveticaNeue-CondensedBold.woff2) format("woff2"), url(./builded-fonts/HelveticaNeue-CondensedBold.woff) format("woff"), url(./builded-fonts/HelveticaNeue-CondensedBold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(./builded-fonts/HelveticaNeue-UltraLigCond.eot);
  src: url(./builded-fonts/HelveticaNeue-UltraLigCond.eot?#iefix) format("embedded-opentype"), url(./builded-fonts/HelveticaNeue-UltraLigCond.woff2) format("woff2"), url(./builded-fonts/HelveticaNeue-UltraLigCond.woff) format("woff"), url(./builded-fonts/HelveticaNeue-UltraLigCond.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(./builded-fonts/HelveticaNeue-BlackCondObl.eot);
  src: url(./builded-fonts/HelveticaNeue-BlackCondObl.eot?#iefix) format("embedded-opentype"), url(./builded-fonts/HelveticaNeue-BlackCondObl.woff2) format("woff2"), url(./builded-fonts/HelveticaNeue-BlackCondObl.woff) format("woff"), url(./builded-fonts/HelveticaNeue-BlackCondObl.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(./builded-fonts/HelveticaNeue-UltraLigCondObl.eot);
  src: url(./builded-fonts/HelveticaNeue-UltraLigCondObl.eot?#iefix) format("embedded-opentype"), url(./builded-fonts/HelveticaNeue-UltraLigCondObl.woff2) format("woff2"), url(./builded-fonts/HelveticaNeue-UltraLigCondObl.woff) format("woff"), url(./builded-fonts/HelveticaNeue-UltraLigCondObl.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(./builded-fonts/HelveticaNeue-BlackCond.eot);
  src: url(./builded-fonts/HelveticaNeue-BlackCond.eot?#iefix) format("embedded-opentype"), url(./builded-fonts/HelveticaNeue-BlackCond.woff2) format("woff2"), url(./builded-fonts/HelveticaNeue-BlackCond.woff) format("woff"), url(./builded-fonts/HelveticaNeue-BlackCond.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(./builded-fonts/HelveticaNeue-CondensedBlack.eot);
  src: url(./builded-fonts/HelveticaNeue-CondensedBlack.eot?#iefix) format("embedded-opentype"), url(./builded-fonts/HelveticaNeue-CondensedBlack.woff2) format("woff2"), url(./builded-fonts/HelveticaNeue-CondensedBlack.woff) format("woff"), url(./builded-fonts/HelveticaNeue-CondensedBlack.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(./builded-fonts/HelveticaNeue-Light.eot);
  src: url(./builded-fonts/HelveticaNeue-Light.eot?#iefix) format("embedded-opentype"), url(./builded-fonts/HelveticaNeue-Light.woff2) format("woff2"), url(./builded-fonts/HelveticaNeue-Light.woff) format("woff"), url(./builded-fonts/HelveticaNeue-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(./builded-fonts/HelveticaNeue-Medium.eot);
  src: url(./builded-fonts/HelveticaNeue-Medium.eot?#iefix) format("embedded-opentype"), url(./builded-fonts/HelveticaNeue-Medium.woff2) format("woff2"), url(./builded-fonts/HelveticaNeue-Medium.woff) format("woff"), url(./builded-fonts/HelveticaNeue-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* Colors */
/* Font-size */
/* Font family */
/* Containers */
/* breakpoints */
.tippy-box[data-theme~=csl-plugin-theme] {
  padding: 15px;
  font-size: 13px;
  font-family: "Raleway", sans-serif;
  background-color: #ffffff;
  color: #141b4d;
  font-weight: 500;
  border: 1px solid #6982bb;
  line-height: 1.4;
}

.csl-plugin-main-container {
  background-color: #141b4d;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: calc(-50vw + 50%);
  padding: 2rem 1rem;
  box-sizing: border-box;
  overflow: hidden;
  padding-bottom: 0;
  scroll-behavior: smooth;
  padding-top: 160px;
}
.csl-plugin-main-container .csl-plugin-hidden {
  transition: 0.3s !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}
.csl-plugin-main-container .hour-question,
.csl-plugin-main-container .salaire-brut-annuel,
.csl-plugin-main-container .resident-frontalier,
.csl-plugin-main-container .gender {
  transition: 0.3s;
}
@media screen and (max-width: 1000px) {
  .csl-plugin-main-container {
    padding-top: 100px;
  }
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container {
    padding-top: 50px;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container {
    padding-inline: 0;
    padding-top: 38px;
  }
}
.csl-plugin-main-container .csl-plugin-tooltip-element {
  cursor: pointer;
}
.csl-plugin-main-container * {
  color: #ffffff;
  font-family: "Helvetica Neue", sans-serif;
  box-sizing: border-box;
  outline: none;
}
.csl-plugin-main-container section {
  width: 970px;
  overflow: visible;
}
@media screen and (max-width: 1000px) {
  .csl-plugin-main-container section {
    width: 100%;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container section {
    margin-inline: 15px;
    width: auto;
    max-width: 100%;
  }
}
.csl-plugin-main-container section.full-csl-section {
  width: 1544px;
}
@media screen and (max-width: 1543.98px) {
  .csl-plugin-main-container section.full-csl-section {
    width: 100%;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container section.full-csl-section {
    width: auto;
    max-width: 100%;
  }
}
.csl-plugin-main-container .btn {
  height: 46px;
  background-color: #82cff5;
  color: #141b4d;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 21px;
  padding-right: 50px;
  transition: 0.3s;
  border: 1px solid #82cff5;
  position: relative;
  width: fit-content;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  font-size: 18px;
  user-select: none;
}
.csl-plugin-main-container .btn::after {
  content: "";
  width: 9px;
  height: 9px;
  border: 3px solid #ffffff;
  border-right: none;
  border-top: none;
  position: absolute;
  top: 41%;
  right: 21px;
  transform: translateY(-50%) rotate(315deg);
}
.csl-plugin-main-container .btn:hover {
  cursor: pointer;
  background-color: #141b4d;
  color: #ffffff;
  border-color: #ffffff;
  text-decoration: none;
}
.csl-plugin-main-container .btn.arrow-up-version::after {
  top: 54%;
  right: 21px;
  transform: translateY(-50%) rotate(135deg);
  border-color: #141b4d;
}
.csl-plugin-main-container .btn.arrow-up-version:hover::after {
  border-color: #ffffff;
}
.csl-plugin-main-container .csl-plugin-intro {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 100px;
  padding-right: 50px;
  gap: 10px;
}
@media screen and (max-width: 1000px) {
  .csl-plugin-main-container .csl-plugin-intro {
    padding-left: 50px;
  }
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-intro {
    flex-direction: column-reverse;
    align-items: center;
    gap: 0;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-intro {
    padding-inline: 35px;
  }
}
.csl-plugin-main-container .csl-plugin-intro img {
  width: 317px;
}
@media screen and (max-width: 1000px) {
  .csl-plugin-main-container .csl-plugin-intro img {
    width: 250px;
  }
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-intro img {
    width: 200px;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-intro img {
    width: 160px;
  }
}
.csl-plugin-main-container .csl-plugin-intro h1 {
  font-size: 86px;
  font-weight: 900;
  line-height: 0.9;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .csl-plugin-main-container .csl-plugin-intro h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-intro h1 {
    font-size: 60px;
    line-height: 1.1;
    text-align: center;
    margin-top: 0;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-intro h1 {
    font-size: 46px;
    text-align: right;
    max-width: 300px;
    margin-inline: auto;
  }
}
.csl-plugin-main-container .csl-plugin-intro .subtitle {
  font-weight: 300;
  font-size: 32px;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .csl-plugin-main-container .csl-plugin-intro .subtitle {
    font-size: 28px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-intro .subtitle {
    text-align: center;
  }
}
.csl-plugin-main-container .csl-plugin-intro .subtitle span {
  color: #82cff5;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-intro .btn {
    margin-inline: auto;
  }
}
.csl-plugin-main-container .csl-plugin-form {
  margin-top: 150px;
  border: 1px solid #6982bb;
  border-radius: 60px;
  padding: 60px 200px 30px 100px;
  position: relative;
  overflow: visible;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-form .btn {
    padding-left: 30px;
    padding-right: 53px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1000px) {
  .csl-plugin-main-container .csl-plugin-form {
    padding: 60px 80px 30px 80px;
    margin-top: 120px;
  }
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-form {
    padding: 40px 50px 30px 50px;
    margin-top: 100px;
    border-radius: 30px;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-form {
    padding: 30px 18px 30px 18px;
    margin-top: 60px;
    border-radius: 20px;
  }
}
.csl-plugin-main-container .csl-plugin-form .abso-bottom-btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.csl-plugin-main-container .csl-plugin-form h2 {
  font-weight: 900;
  font-size: 32px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 40px;
  margin-left: 20px;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-form h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-form h2 {
    font-size: 26px;
    margin-bottom: 15px;
    margin-left: 0;
  }
}
.csl-plugin-main-container .csl-plugin-form input[type=radio] {
  display: none;
}
.csl-plugin-main-container .csl-plugin-form input[type=text],
.csl-plugin-main-container .csl-plugin-form input[type=text]:focus,
.csl-plugin-main-container .csl-plugin-form input[type=number],
.csl-plugin-main-container .csl-plugin-form input[type=number]:focus {
  height: 60px;
  color: #141b4d;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 26px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  min-width: 100%;
  border-radius: 8px;
  -moz-appearance: textfield;
}
.csl-plugin-main-container .csl-plugin-form input[type=text].csl-plugin-non-editable,
.csl-plugin-main-container .csl-plugin-form input[type=text]:focus.csl-plugin-non-editable,
.csl-plugin-main-container .csl-plugin-form input[type=number].csl-plugin-non-editable,
.csl-plugin-main-container .csl-plugin-form input[type=number]:focus.csl-plugin-non-editable {
  pointer-events: none;
  opacity: 0.5;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-form input[type=text],
  .csl-plugin-main-container .csl-plugin-form input[type=text]:focus,
  .csl-plugin-main-container .csl-plugin-form input[type=number],
  .csl-plugin-main-container .csl-plugin-form input[type=number]:focus {
    font-size: 22px;
  }
}
.csl-plugin-main-container .csl-plugin-form input[type=text]::-webkit-inner-spin-button, .csl-plugin-main-container .csl-plugin-form input[type=text]::-webkit-outer-spin-button,
.csl-plugin-main-container .csl-plugin-form input[type=text]:focus::-webkit-inner-spin-button,
.csl-plugin-main-container .csl-plugin-form input[type=text]:focus::-webkit-outer-spin-button,
.csl-plugin-main-container .csl-plugin-form input[type=number]::-webkit-inner-spin-button,
.csl-plugin-main-container .csl-plugin-form input[type=number]::-webkit-outer-spin-button,
.csl-plugin-main-container .csl-plugin-form input[type=number]:focus::-webkit-inner-spin-button,
.csl-plugin-main-container .csl-plugin-form input[type=number]:focus::-webkit-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.csl-plugin-main-container .csl-plugin-form .left-icon img {
  width: 60px;
  object-fit: contain;
}
.csl-plugin-main-container .csl-plugin-form .right-fields {
  flex: 1;
}
.csl-plugin-main-container .csl-plugin-form .right-fields > div {
  margin-bottom: 30px;
}
.csl-plugin-main-container .csl-plugin-form .right-fields label {
  display: flex;
  align-items: center;
  gap: 15px;
  cursor: pointer;
  transition: 0.3s;
}
.csl-plugin-main-container .csl-plugin-form .right-fields label .circle-back {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ffffff;
  transition: 0.3s;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-form .right-fields label .circle-back {
    width: 30px;
    height: 30px;
  }
}
.csl-plugin-main-container .csl-plugin-form .right-fields label .circle-back .circle {
  transition: 0.3s;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 13px;
  height: 13px;
  border-radius: 50%;
  position: absolute;
  background-color: #ffffff;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-form .right-fields label .circle-back .circle {
    width: 20px;
    height: 20px;
  }
}
.csl-plugin-main-container .csl-plugin-form .right-fields label input:checked + .circle-back .circle {
  background-color: #82cff5;
}
.csl-plugin-main-container .csl-plugin-form .right-fields .label-txt {
  font-weight: 500;
  font-size: 23px;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-form .right-fields .label-txt {
    font-size: 18px;
  }
}
.csl-plugin-main-container .csl-plugin-form .right-fields .label-txt span {
  color: #82cff5;
}
.csl-plugin-main-container .csl-plugin-form .right-fields .wrapper-input {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.csl-plugin-main-container .csl-plugin-form .right-fields .wrapper-input .suffix {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Raleway", sans-serif;
  font-size: 26px;
  color: #141b4d;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-form .right-fields .wrapper-input .suffix {
    font-size: 22px;
  }
}
.csl-plugin-main-container .csl-plugin-form .right-fields .text-field {
  display: flex;
  flex-direction: column;
}
.csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset {
    gap: 18px;
  }
}
.csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset .question {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset .question {
    margin-bottom: 20px;
  }
}
.csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset label {
  flex: 1;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #ffffff;
  border-radius: 8px;
  aspect-ratio: 1/1;
  transition: 0.3s;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset label {
    padding-block: 15px;
  }
  .csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset label .circle-back {
    height: 24px !important;
    width: 24px !important;
    max-width: 24px !important;
    min-width: 24px !important;
  }
  .csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset label .circle-back .circle {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset label img {
    height: 60px;
  }
}
.csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset label .label-txt {
  font-weight: 700;
  font-size: 25px;
}
@media screen and (max-width: 1000px) {
  .csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset label .label-txt {
    font-size: 22px;
  }
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset label .label-txt {
    font-size: 18px;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset label .label-txt {
    font-size: 16px;
  }
}
.csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset label .selected_state {
  display: none;
}
.csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset label:has(input:checked) {
  background-color: #82cff5;
}
.csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset label:has(input:checked) .label-txt {
  color: #141b4d;
}
.csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset label:has(input:checked) .base_state {
  display: none;
}
.csl-plugin-main-container .csl-plugin-form .gender .right-fields fieldset label:has(input:checked) .selected_state {
  display: flex;
}
.csl-plugin-main-container .csl-plugin-form .elem-form {
  display: flex;
  flex-direction: row;
  gap: 40px;
  margin-bottom: 10px;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-form .elem-form {
    flex-direction: column;
    gap: 5px;
  }
}
.csl-plugin-main-container .csl-plugin-form .elem-form.gender {
  margin-top: 40px;
  margin-bottom: 45px;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-form .elem-form.gender {
    margin-top: 20px;
    margin-bottom: 25px;
  }
}
.csl-plugin-main-container .csl-plugin-form .elem-form fieldset {
  margin-bottom: 15px;
}
.csl-plugin-main-container .csl-plugin-form .elem-form .question {
  font-weight: 700;
  font-size: 26px;
  line-height: 1;
  margin-bottom: 15px;
  font-family: "Helvetica Neue Condensed", sans-serif;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-form .elem-form .question {
    font-size: 22px;
    line-height: 1.2;
  }
}
.csl-plugin-main-container .csl-plugin-form .elem-form fieldset {
  all: unset;
  appearance: none;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-form .elem-form fieldset label {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-form .elem-form.salaire-brut-annuel .right-fields .salary-question {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .csl-plugin-main-container .csl-plugin-form .elem-form.salaire-brut-annuel .right-fields .salary-question label {
    width: 80%;
  }
}
.csl-plugin-main-container .csl-plugin-form .elem-form.salaire-brut-annuel .right-fields .text-field {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.csl-plugin-main-container .csl-plugin-form .elem-form.salaire-brut-annuel .right-fields .text-field img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  margin-bottom: 15px;
  cursor: pointer;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-form .elem-form.salaire-brut-annuel .right-fields .text-field img {
    margin-bottom: 0;
  }
}
.csl-plugin-main-container .csl-plugin-form .elem-form.salaire-brut-annuel .right-fields .text-field .wrapper-input {
  width: 100%;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-form .elem-form.resident-frontalier .right-fields {
    margin-top: 10px;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-form .elem-form.salaire-brut-annuel .right-fields .wrapper-input {
    margin-top: 15px;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-form .elem-form.salaire-brut-annuel .right-fields .question {
    margin-bottom: 0;
  }
}
.csl-plugin-main-container .csl-plugin-form .mention {
  margin-left: 100px;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #6982bb;
  font-style: italic;
  margin-bottom: 20px;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-form .mention {
    margin-left: 0;
  }
}
.csl-plugin-main-container .csl-plugin-graph {
  margin-top: 125px;
  background-color: #6982bb;
  border-radius: 60px;
  padding: 60px 188px 40px 188px;
  margin-bottom: 40px;
  position: initial;
}
@media screen and (max-width: 1299.98px) {
  .csl-plugin-main-container .csl-plugin-graph {
    padding: 60px 70px 40px 70px;
  }
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph {
    padding: 40px 30px 40px 30px;
    border-radius: 30px;
    margin-top: 100px;
    position: relative;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph {
    padding: 30px 0 40px 0;
    margin-top: 80px;
    border-radius: 20px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset {
  border-color: #82cff5;
  border-radius: 20px;
  padding: 0;
  margin: 0;
  position: relative;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .csl-plugin-left-arrow,
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .csl-plugin-right-arrow {
  all: unset;
  display: none;
  width: 35px;
  height: 35px;
  background-color: #6982bb;
  position: absolute;
  top: 0;
  transform: translateY(-90%);
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .csl-plugin-left-arrow .arrow,
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .csl-plugin-right-arrow .arrow {
  border: 2px solid #141b4d;
  border-left: none;
  border-top: none;
  width: 15px;
  height: 15px;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .csl-plugin-left-arrow,
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .csl-plugin-right-arrow {
    display: flex;
  }
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .csl-plugin-left-arrow {
  left: 0;
  padding-left: 10px;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .csl-plugin-left-arrow .arrow {
  transform: rotate(135deg);
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .csl-plugin-right-arrow {
  right: 0;
  padding-right: 10px;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .csl-plugin-right-arrow .arrow {
  transform: rotate(315deg);
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset legend {
  font-size: 18px;
  font-weight: 700;
  padding-inline: 15px;
  text-align: center;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding-block: 15px;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper {
    gap: 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding-inline: 0;
    min-width: max-content;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    white-space: nowrap;
    min-width: 0;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper > div {
    scroll-snap-align: start;
    flex-shrink: 0;
  }
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .csl-plugin-graph-separator {
  height: auto;
  width: 1px;
  background-color: #82cff5;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .csl-plugin-graph-separator {
    margin-inline: 12px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .gender-choice label[for=graph_gender_female] img {
  height: 49px;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .gender-choice label[for=graph_gender_female] img {
    height: 37px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .gender-choice label[for=graph_gender_male] img {
  height: 36px;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .gender-choice label[for=graph_gender_male] img {
    height: 27px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .resident-choice .resident-disable,
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .resident-choice .resident-enable,
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .resident-choice .non-resident-disable,
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .resident-choice .non-resident-enable {
  width: 100%;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem {
    gap: 15px;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem {
    gap: 30px;
    padding-inline: 20px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  user-select: none;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label .label-content {
  font-weight: 500;
  font-size: 15px;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label .label-content {
    font-size: 13px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label input {
  display: none;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label .resident-enable,
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label .non-resident-enable {
  display: none;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label .circle-choice-elem {
  width: 80px;
  height: 80px;
  transition: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: transparent;
  border: 1px solid #82cff5;
  border-radius: 100%;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label .circle-choice-elem {
    width: 60px;
    height: 60px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label .checkbox-check-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 3%;
  top: 3%;
  opacity: 0;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label .checkbox-check-icon {
    width: 15px;
    height: 15px !important;
  }
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label:has(input:checked) .circle-choice-elem {
  background-color: #82cff5;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label:has(input:checked) .circle-choice-elem.keep-bk-transparent {
  background-color: transparent;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label:has(input:checked) .circle-choice-elem .checkbox-check-icon {
  opacity: 1;
  height: 20px;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label:has(input:checked) .circle-choice-elem .resident-enable,
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label:has(input:checked) .circle-choice-elem .non-resident-enable {
  display: flex;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label:has(input:checked) .circle-choice-elem .resident-disable,
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .choice-elem label:has(input:checked) .circle-choice-elem .non-resident-disable {
  display: none;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .enable-temps-plein-comparaison {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .enable-temps-plein-comparaison .indication-txt {
  max-width: 180px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .enable-temps-plein-comparaison .indication-txt {
    font-size: 14px;
    white-space: normal;
  }
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .enable-temps-plein-comparaison .enable-comparaison-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .enable-temps-plein-comparaison .button-container-box {
  width: 80px;
  height: 40px;
  cursor: pointer;
  border: 3px solid #82cff5;
  position: relative;
  border-radius: 50px;
  transition: 0.3s;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .enable-temps-plein-comparaison .button-container-box:has(input:checked) {
  background-color: #82cff5;
  border-color: #ffffff;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .enable-temps-plein-comparaison .button-container-box {
    height: 30px;
    width: 60px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .enable-temps-plein-comparaison .button-container-box input {
  display: none;
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .enable-temps-plein-comparaison .button-container-box .button-moving-circle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border-radius: 100%;
  top: 50%;
  left: 10%;
  transition: 0.3s;
  transform: translateY(-50%);
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .enable-temps-plein-comparaison .button-container-box .button-moving-circle {
    height: 15px;
    width: 15px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .compare-part fieldset .choice-wrapper .enable-temps-plein-comparaison .button-container-box input:checked + .button-moving-circle {
  left: 65%;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts {
    padding-inline: 10px;
    margin-top: 25px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl {
  margin-top: 90px;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl {
    margin-top: 50px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph {
  margin-bottom: 20px;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 65px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 40px;
}
@keyframes barGrow {
  from {
    height: 0;
  }
  to {
    height: 40px;
  }
}
@keyframes barGrowSpe {
  from {
    height: 0;
  }
  to {
    height: 80px;
  }
}
@keyframes barGrowSpeMobile {
  from {
    height: 0;
  }
  to {
    height: 66px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar {
  height: 0px;
  background-color: rgba(130, 207, 245, 0.5568627451);
  width: 3px;
  transition: height 0.3s ease;
  cursor: pointer;
  position: relative;
  animation: barGrow 0.4s ease forwards;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar {
    pointer-events: none;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar .elem-indicator {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  top: -65px;
  position: relative;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar .elem-indicator {
    flex-direction: column-reverse;
    top: 45px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar .elem-indicator .content-pourcent {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 13px;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar .elem-indicator .bar-indic {
  background-color: rgba(20, 27, 77, 0.3607843137);
  height: 30px;
  width: 1px;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar .elem-indicator .bar-indic {
    height: 10px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar:first-child {
  position: relative;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar:first-child .content-pourcent {
    transform: translateX(7px);
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar:last-child {
  position: relative;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar:last-child .content-pourcent {
    transform: translateX(-12px);
  }
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar {
    width: 2px;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar {
    width: 1px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.selected-base-compare {
  animation: barGrowSpe 0.4s ease forwards;
  background-color: #ffffff;
  transform: translateY(-50%);
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.selected-base-compare .elem-indicator {
  top: -25px;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.selected-base-compare {
    width: 2px;
    transform: translateY(-40%);
    animation: barGrowSpeMobile 0.4s ease forwards;
  }
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.selected-base-compare .elem-indicator {
    top: 45px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.selected-all-compare {
  animation: barGrowSpe 0.4s ease forwards;
  background-color: #141b4d;
  transform: translateY(-50%);
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.selected-all-compare .elem-indicator {
  top: -25px;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.selected-all-compare {
    width: 2px;
    transform: translateY(-40%);
    animation: barGrowSpeMobile 0.4s ease forwards;
  }
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.selected-all-compare .elem-indicator {
    top: 71px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-1 {
  animation-delay: 0.005s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-2 {
  animation-delay: 0.01s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-3 {
  animation-delay: 0.015s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-4 {
  animation-delay: 0.02s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-5 {
  animation-delay: 0.025s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-6 {
  animation-delay: 0.03s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-7 {
  animation-delay: 0.035s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-8 {
  animation-delay: 0.04s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-9 {
  animation-delay: 0.045s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-10 {
  animation-delay: 0.05s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-11 {
  animation-delay: 0.055s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-12 {
  animation-delay: 0.06s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-13 {
  animation-delay: 0.065s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-14 {
  animation-delay: 0.07s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-15 {
  animation-delay: 0.075s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-16 {
  animation-delay: 0.08s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-17 {
  animation-delay: 0.085s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-18 {
  animation-delay: 0.09s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-19 {
  animation-delay: 0.095s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-20 {
  animation-delay: 0.1s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-21 {
  animation-delay: 0.105s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-22 {
  animation-delay: 0.11s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-23 {
  animation-delay: 0.115s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-24 {
  animation-delay: 0.12s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-25 {
  animation-delay: 0.125s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-26 {
  animation-delay: 0.13s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-27 {
  animation-delay: 0.135s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-28 {
  animation-delay: 0.14s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-29 {
  animation-delay: 0.145s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-30 {
  animation-delay: 0.15s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-31 {
  animation-delay: 0.155s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-32 {
  animation-delay: 0.16s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-33 {
  animation-delay: 0.165s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-34 {
  animation-delay: 0.17s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-35 {
  animation-delay: 0.175s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-36 {
  animation-delay: 0.18s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-37 {
  animation-delay: 0.185s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-38 {
  animation-delay: 0.19s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-39 {
  animation-delay: 0.195s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-40 {
  animation-delay: 0.2s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-41 {
  animation-delay: 0.205s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-42 {
  animation-delay: 0.21s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-43 {
  animation-delay: 0.215s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-44 {
  animation-delay: 0.22s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-45 {
  animation-delay: 0.225s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-46 {
  animation-delay: 0.23s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-47 {
  animation-delay: 0.235s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-48 {
  animation-delay: 0.24s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-49 {
  animation-delay: 0.245s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-50 {
  animation-delay: 0.25s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-51 {
  animation-delay: 0.255s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-52 {
  animation-delay: 0.26s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-53 {
  animation-delay: 0.265s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-54 {
  animation-delay: 0.27s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-55 {
  animation-delay: 0.275s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-56 {
  animation-delay: 0.28s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-57 {
  animation-delay: 0.285s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-58 {
  animation-delay: 0.29s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-59 {
  animation-delay: 0.295s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-60 {
  animation-delay: 0.3s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-61 {
  animation-delay: 0.305s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-62 {
  animation-delay: 0.31s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-63 {
  animation-delay: 0.315s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-64 {
  animation-delay: 0.32s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-65 {
  animation-delay: 0.325s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-66 {
  animation-delay: 0.33s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-67 {
  animation-delay: 0.335s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-68 {
  animation-delay: 0.34s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-69 {
  animation-delay: 0.345s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-70 {
  animation-delay: 0.35s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-71 {
  animation-delay: 0.355s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-72 {
  animation-delay: 0.36s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-73 {
  animation-delay: 0.365s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-74 {
  animation-delay: 0.37s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-75 {
  animation-delay: 0.375s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-76 {
  animation-delay: 0.38s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-77 {
  animation-delay: 0.385s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-78 {
  animation-delay: 0.39s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-79 {
  animation-delay: 0.395s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-80 {
  animation-delay: 0.4s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-81 {
  animation-delay: 0.405s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-82 {
  animation-delay: 0.41s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-83 {
  animation-delay: 0.415s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-84 {
  animation-delay: 0.42s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-85 {
  animation-delay: 0.425s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-86 {
  animation-delay: 0.43s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-87 {
  animation-delay: 0.435s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-88 {
  animation-delay: 0.44s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-89 {
  animation-delay: 0.445s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-90 {
  animation-delay: 0.45s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-91 {
  animation-delay: 0.455s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-92 {
  animation-delay: 0.46s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-93 {
  animation-delay: 0.465s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-94 {
  animation-delay: 0.47s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-95 {
  animation-delay: 0.475s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-96 {
  animation-delay: 0.48s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-97 {
  animation-delay: 0.485s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-98 {
  animation-delay: 0.49s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-99 {
  animation-delay: 0.495s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar.bar-nb-100 {
  animation-delay: 0.5s;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar .bar-info {
  display: none;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar .bar-info {
    display: none !important;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar:hover {
  background-color: #ffffff;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar:hover .bar-info {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding: 15px;
  position: absolute;
  width: max-content;
  bottom: 0;
  transform: translateY(120%);
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar:hover .bar-info > * {
  color: #141b4d;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar:hover .bar-info .title-modal-first-graph {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 15px;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar:hover .bar-info .line-salary-comparaison {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 13px;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar:hover .bar-info .line-salary-comparaison span {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #141b4d;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .first-graph-csl .first-graph .content-graph-bar .bar:nth-child(n+80) .bar-info {
  transform: translateY(120%) translateX(-100%);
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts #csl-plugin-custom-tooltip {
  position: absolute;
  background: #ffffff;
  color: #141b4d;
  border-radius: 4px;
  padding: 10px;
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  font-weight: 500;
  pointer-events: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 10;
  flex-wrap: wrap;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts #csl-plugin-custom-tooltip > div {
  font-family: inherit;
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts #csl-plugin-custom-tooltip.title-modal-second-graph {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 15px;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts #csl-plugin-custom-tooltip .content-salary-second-graph {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #141b4d;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts #csl-plugin-custom-tooltip .display-inline-second-graph-salary-modal {
  display: flex;
  flex-direction: column;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts #csl-plugin-custom-tooltip .content-salary-second-graph {
  width: 100%;
  display: flex;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .second-graph-csl {
  margin-bottom: 15px;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .second-graph-csl {
    margin-top: 30px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .second-graph-csl canvas {
  max-height: 350px;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .second-graph-csl canvas {
    max-width: 100%;
    max-height: 250px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .second-graph-csl .second-graph-indicator {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  margin-top: -35px;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .second-graph-csl .second-graph-indicator {
    margin-top: 0;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .second-graph-csl .second-graph-indicator > div {
  color: #141b4d;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 13px;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .dynamic-comparaison-sentence {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 23px;
  font-weight: 700;
  margin-top: 15px;
  align-items: baseline;
  gap: 8px;
  font-family: "Helvetica Neue Condensed", sans-serif;
  white-space: nowrap;
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .dynamic-comparaison-sentence {
    white-space: normal;
  }
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .dynamic-comparaison-sentence .second-part-dynamic-pourcent-sentence {
    text-align: center;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .dynamic-comparaison-sentence .second-part-dynamic-pourcent-sentence {
    max-width: 300px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .dynamic-comparaison-sentence #pourcentage-comparaison-csl-plugin {
  font-size: 78px;
  font-weight: 900;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .dynamic-comparaison-sentence #pourcentage-comparaison-csl-plugin {
    font-size: 63px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .dynamic-comparaison-sentence #csl-plugin-second-sentence-part {
  font-family: "Helvetica Neue Condensed", sans-serif;
  font-size: inherit;
  font-weight: inherit;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .dynamic-comparaison-sentence span,
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .dynamic-comparaison-sentence div {
  font-family: "Helvetica Neue Condensed", sans-serif;
}
@media screen and (max-width: 1000px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .dynamic-comparaison-sentence {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1000px) {
  .csl-plugin-main-container .csl-plugin-graph .graphs-parts .dynamic-comparaison-sentence #pourcentage-comparaison-csl-plugin {
    line-height: 1;
    width: 100%;
    text-align: center;
  }
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .legend {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .legend .legend-indicator {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .legend .legend-indicator .color-left-bar {
  height: 30px;
  width: 3px;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .legend .legend-indicator .color-left-bar.white-bar {
  background-color: #ffffff;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .legend .legend-indicator .color-left-bar.blue-bar {
  background-color: #141b4d;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .legend .legend-indicator .legend-content-txt {
  color: #141b4d;
  font-size: 13px;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
}
.csl-plugin-main-container .csl-plugin-graph .graphs-parts .legend .legend-indicator .legend-content-txt span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
}
.csl-plugin-main-container .csl-plugin-graph .bottom-cta-side {
  margin-top: 20px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 25px;
  justify-content: flex-end;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph .bottom-cta-side {
    margin-top: 0px;
  }
}
.csl-plugin-main-container .csl-plugin-graph .bottom-cta-side .left-link-white-indication {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 14px;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph .bottom-cta-side .left-link-white-indication {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-graph .bottom-cta-side .left-link-white-indication {
    margin-top: 25px;
  }
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-graph .bottom-cta-side .arrow-up-version {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    font-size: 15px;
  }
}
.csl-plugin-main-container .csl-plugin-socials {
  background-color: #82cff5;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 35px;
  padding: 50px 0;
  margin-top: 100px;
  border-radius: 60px 60px 0 0;
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-socials {
    margin-top: 50px;
  }
}
@media screen and (max-width: 800px) {
  .csl-plugin-main-container .csl-plugin-socials.full-csl-section {
    margin-inline: 0;
    width: 100%;
    border-radius: 30px 30px 0 0;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-socials.full-csl-section {
    border-radius: 20px 20px 0 0;
  }
}
.csl-plugin-main-container .csl-plugin-socials h2 {
  color: #141b4d;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  margin: 0;
  text-align: center;
}
.csl-plugin-main-container .csl-plugin-socials .social-links {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 1000px) {
  .csl-plugin-main-container .csl-plugin-socials .social-links {
    flex-direction: column;
  }
}
.csl-plugin-main-container .csl-plugin-socials .social-links .social-wrappers,
.csl-plugin-main-container .csl-plugin-socials .social-links .cta-wrappers {
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
}
.csl-plugin-main-container .csl-plugin-socials .social-links .social-wrappers a,
.csl-plugin-main-container .csl-plugin-socials .social-links .cta-wrappers a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: 0.3s;
  border-radius: 50px;
  border: 8px solid #ffffff;
  color: #141b4d;
  height: 60px;
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  font-weight: 800;
}
.csl-plugin-main-container .csl-plugin-socials .social-links .social-wrappers a:hover,
.csl-plugin-main-container .csl-plugin-socials .social-links .cta-wrappers a:hover {
  transform: scale(1.05);
}
.csl-plugin-main-container .csl-plugin-socials .social-links .social-wrappers a img,
.csl-plugin-main-container .csl-plugin-socials .social-links .cta-wrappers a img {
  height: 30px;
  object-fit: contain;
}
@media screen and (max-width: 1000px) {
  .csl-plugin-main-container .csl-plugin-socials .social-links .social-wrappers {
    flex-wrap: wrap;
    width: 100%;
    padding-inline: 50px;
    justify-content: center;
  }
}
@media screen and (max-width: 599.98px) {
  .csl-plugin-main-container .csl-plugin-socials .social-links .social-wrappers {
    padding-inline: 20px;
  }
}
.csl-plugin-main-container .csl-plugin-socials .social-links .social-wrappers a {
  width: 70px;
  height: 70px;
}
@media screen and (max-width: 1000px) {
  .csl-plugin-main-container .csl-plugin-socials .social-links .cta-wrappers {
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    padding-inline: 50px;
  }
}
.csl-plugin-main-container .csl-plugin-socials .social-links .cta-wrappers a {
  padding: 0 28px;
  text-transform: uppercase;
}

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