/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(https://design.penpot.app/internal/gfonts/font/dmsans/v15/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwARZtRR232VGM.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(https://design.penpot.app/internal/gfonts/font/dmsans/v15/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwARZtRSW32.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


html, body {
  margin: 0;
  min-height: 100%;
  min-width: 100%;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
}

* {
  box-sizing: border-box;
}

.text-node { background-clip: text !important; -webkit-background-clip: text !important; }

/* Step 1 - Connexion */
.step-1-c-d27dd4bcdd33 {
  position: relative;
  width: 1280px;
  height: 800px;
  background: #FFFFFF;
  overflow: hidden;
  z-index: 0;
}

/* Component 1 */
.component-d27dd4bd3eda {
  position: absolute;
  left: 62px;
  top: 45px;
  width: 1156px;
  height: 70px;
}

/* Avatar / Circle / Duck-1 */
.avatar-c-d6052fbe718d {
  position: absolute;
  left: 974px;
  top: 6px;
  width: 34px;
  height: 34px;
  display: none;
}

/* Duck-1 */
.duck1-d6052fbe718f > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.duck1-d6052fbe718f {
  position: absolute;
  left: 7px;
  top: 6.36px;
  width: 23.42px;
  height: 27.33px;
}

/* Frame-2 */
.frame2-d6052fbe718e > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.frame2-d6052fbe718e {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 34px;
  height: 34px;
  border-radius: 17px;
}

/* Buttons / Primary / Text / Rest */
.buttons-d60467aa81fa {
  position: absolute;
  left: 937px;
  top: 45px;
  width: 109px;
  height: 20px;
  border-radius: 0px;
  display: none;
}

/* Déconnexion */
.dconnexio-d60467aa81fc > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.dconnexio-d60467aa81fc {
  position: absolute;
  left: 3px;
  top: 0px;
  width: 103px;
  height: 20px;
}
.dconnexio-d60467aa81fc .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.dconnexio-d60467aa81fc .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  
  margin-right: 1px;
  vertical-align: top;
}
.dconnexio-d60467aa81fc .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: center;
}
.dconnexio-d60467aa81fc .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(255, 255, 255, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: pre;
  font-size: 16px;
  text-rendering: geometricPrecision;
  caret-color: rgba(255, 255, 255, 1);
  
  letter-spacing: 0px;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
}

/* Bg */
.bg-d60467aa81fb > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.bg-d60467aa81fb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 109px;
  height: 20px;
  border-radius: 10px;
}

/* Forms / Search */
.forms-se-d27dd4bd7717 {
  position: absolute;
  left: 378px;
  top: 14px;
  width: 400px;
  height: 40px;
  border-radius: 0px;
  display: none;
}

/* Search-1 */
.search1-d27dd4bd7720 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.search1-d27dd4bd7720 {
  position: absolute;
  left: 14.26px;
  top: 9.73px;
  width: 346px;
  height: 22px;
}
.search1-d27dd4bd7720 .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.search1-d27dd4bd7720 .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.search1-d27dd4bd7720 .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: start;
}
.search1-d27dd4bd7720 .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(42, 66, 82, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 18px;
  text-rendering: geometricPrecision;
  caret-color: rgba(42, 66, 82, 1);
  
  letter-spacing: 0px;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
}

/* Search icon */
.search-ico-d27dd4bd771f {
  position: absolute;
  left: 360px;
  top: 0px;
  width: 40px;
  height: 40px;
}

/* Search */
.search-d27dd4bd7722 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.search-d27dd4bd7722 {
  position: absolute;
  left: 9.84px;
  top: 10.15px;
  width: 20.31px;
  height: 20.31px;
}

/* Bg */
.bg-d27dd4bd7721 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.bg-d27dd4bd7721 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  border-radius: 0px;
  opacity: 0;
}

/* Rect-30 */
.rect30-d27dd4bd771e > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.rect30-d27dd4bd771e {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 400px;
  height: 40.37px;
  border-radius: 10px;
}

/* Headers / Menu */
.headers-d27dd4bd7716 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1156px;
  height: 70px;
  border-radius: 0px;
}

/* BEI+ */
.bei-d27dd4bd771a > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.bei-d27dd4bd771a {
  position: absolute;
  left: 544.5px;
  top: 19px;
  width: 67px;
  height: 31px;
  opacity: 0.97;
}
.bei-d27dd4bd771a .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.bei-d27dd4bd771a .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.bei-d27dd4bd771a .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: start;
}
.bei-d27dd4bd771a .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(42, 66, 82, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 24px;
  text-rendering: geometricPrecision;
  caret-color: rgba(42, 66, 82, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
}

/* Hamburger */
.hamburger-d27dd4bd7719 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.hamburger-d27dd4bd7719 {
  position: absolute;
  left: 1096px;
  top: 24px;
  width: 38px;
  height: 22px;
  display: none;
}

/* Rect-93 */
.rect93-d27dd4bd771d > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.rect93-d27dd4bd771d {
  position: absolute;
  left: 0px;
  top: 22px;
  width: 38px;
  height: 0.01px;
}

/* Rect-51 */
.rect51-d27dd4bd771c > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.rect51-d27dd4bd771c {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 38px;
  height: 0.01px;
}

/* Rect-50 */
.rect50-d27dd4bd771b > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.rect50-d27dd4bd771b {
  position: absolute;
  left: 0px;
  top: 11px;
  width: 38px;
  height: 0.01px;
}

/* Bg */
.bg-d27dd4bd7718 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.bg-d27dd4bd7718 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1156px;
  height: 70px;
}

/* Buttons / Primary / Text / Rest */
.buttons-d27dd4bd3ed9 {
  position: absolute;
  left: 491px;
  top: 635px;
  width: 187px;
  height: 40px;
  border-radius: 0px;
}

/* Mot de passe oublié */
.mot-de-pas-d27dd4bd7715 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.mot-de-pas-d27dd4bd7715 {
  position: absolute;
  left: 15px;
  top: 10px;
  width: 157px;
  height: 20px;
}
.mot-de-pas-d27dd4bd7715 .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.mot-de-pas-d27dd4bd7715 .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  
  margin-right: 1px;
  vertical-align: top;
}
.mot-de-pas-d27dd4bd7715 .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: center;
}
.mot-de-pas-d27dd4bd7715 .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(42, 66, 82, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: pre;
  font-size: 16px;
  text-rendering: geometricPrecision;
  caret-color: rgba(42, 66, 82, 1);
  text-decoration: underline;
  letter-spacing: 0px;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
}

/* Bg */
.bg-d27dd4bd3eed > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.bg-d27dd4bd3eed {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 187px;
  height: 40px;
  border-radius: 10px;
  display: none;
}

/* Forms / Icon / Empty */
.forms-ic-d27dd4bcdd36 {
  position: absolute;
  left: 402px;
  top: 444px;
  width: 400px;
  height: 49px;
  border-radius: 0px;
}

/* Label */
.label-d27dd4bd3ee8 {
  position: absolute;
  left: 11px;
  top: 0px;
  width: 91px;
  height: 18px;
}

/* Label-1 */
.label1-d27dd4bd3eec > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.label1-d27dd4bd3eec {
  position: absolute;
  left: 5.25px;
  top: 0.68px;
  width: 79px;
  height: 15px;
}
.label1-d27dd4bd3eec .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.label1-d27dd4bd3eec .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  
  margin-right: 1px;
  vertical-align: top;
}
.label1-d27dd4bd3eec .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: start;
}
.label1-d27dd4bd3eec .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(42, 66, 82, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: pre;
  font-size: 12px;
  text-rendering: geometricPrecision;
  caret-color: rgba(42, 66, 82, 1);
  
  letter-spacing: 0px;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
}

/* Rectangle */
.rectangle-d27dd4bd3eeb > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.rectangle-d27dd4bd3eeb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 91px;
  height: 18px;
  border-radius: 0px;
}

/* Icon */
.icon-d27dd4bd3ee7 {
  position: absolute;
  left: 360px;
  top: 9.21px;
  width: 40px;
  height: 40px;
}

/* info */
.info-d27dd4bd3eea > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.info-d27dd4bd3eea {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
}

/* Box */
.box-d27dd4bd3ee9 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.box-d27dd4bd3ee9 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  border-radius: 0px;
  opacity: 0;
}

/* Input text */
.input-text-d27dd4bd3ee6 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.input-text-d27dd4bd3ee6 {
  position: absolute;
  left: 14px;
  top: 18px;
  width: 147px;
  height: 22px;
  opacity: 0.3;
}
.input-text-d27dd4bd3ee6 .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.input-text-d27dd4bd3ee6 .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.input-text-d27dd4bd3ee6 .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: start;
}
.input-text-d27dd4bd3ee6 .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(42, 66, 82, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 18px;
  text-rendering: geometricPrecision;
  caret-color: rgba(42, 66, 82, 1);
  
  letter-spacing: 0px;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
}

/* Input box */
.input-box-d27dd4bd3ee5 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.input-box-d27dd4bd3ee5 {
  position: absolute;
  left: 0px;
  top: 9px;
  width: 400px;
  height: 40.37px;
  border-radius: 10px;
}

/* Forms / Icon / Empty */
.forms-ic-d27dd4bcdd35 {
  position: absolute;
  left: 402px;
  top: 344px;
  width: 399.55px;
  height: 49.37px;
  border-radius: 0px;
}

/* Label */
.label-d27dd4bd3ee0 {
  position: absolute;
  left: 11px;
  top: 0px;
  width: 78px;
  height: 18px;
}

/* Label-1 */
.label1-d27dd4bd3ee4 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.label1-d27dd4bd3ee4 {
  position: absolute;
  left: 10.04px;
  top: 0.68px;
  width: 64.35px;
  height: 15px;
}
.label1-d27dd4bd3ee4 .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.label1-d27dd4bd3ee4 .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.label1-d27dd4bd3ee4 .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: start;
}
.label1-d27dd4bd3ee4 .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(42, 66, 82, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 12px;
  text-rendering: geometricPrecision;
  caret-color: rgba(42, 66, 82, 1);
  
  letter-spacing: 0px;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
}

/* Rectangle */
.rectangle-d27dd4bd3ee3 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.rectangle-d27dd4bd3ee3 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 78px;
  height: 18px;
  border-radius: 0px;
}

/* Icon */
.icon-d27dd4bd3edf {
  position: absolute;
  left: 359.55px;
  top: 9.21px;
  width: 40px;
  height: 40px;
}

/* info */
.info-d27dd4bd3ee2 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.info-d27dd4bd3ee2 {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
}

/* Box */
.box-d27dd4bd3ee1 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.box-d27dd4bd3ee1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  border-radius: 0px;
  opacity: 0;
}

/* Input text */
.input-text-d27dd4bd3ede > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.input-text-d27dd4bd3ede {
  position: absolute;
  left: 14.12px;
  top: 18px;
  width: 92px;
  height: 22px;
  opacity: 0.3;
}
.input-text-d27dd4bd3ede .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.input-text-d27dd4bd3ede .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  
  margin-right: 1px;
  vertical-align: top;
}
.input-text-d27dd4bd3ede .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: start;
}
.input-text-d27dd4bd3ede .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(42, 66, 82, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: pre;
  font-size: 18px;
  text-rendering: geometricPrecision;
  caret-color: rgba(42, 66, 82, 1);
  
  letter-spacing: 0px;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
}

/* Input box */
.input-box-d27dd4bd3edd > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.input-box-d27dd4bd3edd {
  position: absolute;
  left: 0px;
  top: 8px;
  width: 400px;
  height: 41px;
  border-radius: 10px;
}

/* Buttons / Primary / Text / Rest */
.buttons-d27dd4bcdd34 {
  position: absolute;
  left: 491px;
  top: 557px;
  width: 190px;
  height: 40px;
  border-radius: 0px;
}

/* Connexion */
.connexion-d27dd4bd3edc > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.connexion-d27dd4bd3edc {
  position: absolute;
  left: 54px;
  top: 10px;
  width: 84px;
  height: 20px;
}
.connexion-d27dd4bd3edc .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.connexion-d27dd4bd3edc .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  
  margin-right: 1px;
  vertical-align: top;
}
.connexion-d27dd4bd3edc .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: center;
}
.connexion-d27dd4bd3edc .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(255, 255, 255, 1);
  text-transform: none;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: pre;
  font-size: 16px;
  text-rendering: geometricPrecision;
  caret-color: rgba(255, 255, 255, 1);
  
  letter-spacing: 0px;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
}

/* Bg */
.bg-d27dd4bd3edb > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0px,0px);
}
.bg-d27dd4bd3edb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 190px;
  height: 40px;
  border-radius: 10px;
}