body {
  min-height: 100vh;
}
#root {
  height: 100vh;
}
body #modal-root {
  position: fixed !important;
  box-sizing: border-box;
  bottom: 0;
}

body .bodyWrapper,
body .bodyWrapper .App {
  width: 100%;
  background-color: #f9f9f9;
  min-height: 100vh;
}
body .bodyWrapper .App {
  background-color: #f9f9f9;
}

#root .app-modal + .App {
  display: none;
}
.HomeScreen,
.App {
  max-width: 1200px;
  margin: 0 auto;
}

.card_absolute_text_container div {
  font-size: 22px !important;
}
.card_absolute_text_container .absolute_title {
  font-size: 14px !important;
  word-break: keep-all;
}

/* Hide navigation inside PositionningPlayer screen */
.App:has(.PositionningPlayer) {
  height: 100vh;
  max-height: 100vh;
  max-width: 100vw;
}
.HomeScreen:has(.PositionningPlayer) {
  max-width: 100vw;
  padding: 0;
}

.PositionningPlayer .TrailNavigation {
  display: none;
}
.PositionningResult .TrailNavigation + div[class*='domWidth100'] {
  margin-top: 160px;
}
*:has(.correctionScreen)::-webkit-scrollbar {
  display: none;
}
*:has(.fullscreenIframe)::-webkit-scrollbar {
  display: none;
}
/* ConfettiCanva */
@keyframes bang {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.confettiCanva {
  position: relative;
}
.confettiCanva i {
  position: absolute;
  display: block;
  left: 50%;
  top: 0;
  width: 3px;
  height: 8px;
  background: red;
  opacity: 0;
}

.animatedActionCardWrapper .noneOverlay .actionCard {
  border: none;
}
.tourContainer {
  min-height: auto !important;
}

.Question .skillNameSelfPoz {
  margin-top: 40px;
  margin-bottom: 10px;
}

.HomeScreen {
  padding: 10px 40px;
}

a {
  text-decoration: none;
}
a[role='button'] {
  transition: 0.1s;
  opacity: 0.85;
}
a[role='button']:hover {
  opacity: 1;
}

.App-header {
  background-color: white;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: black;
}

.App-link {
  color: #61dafb;
}

@media screen and (max-width: 640px) {
  .HomeScreen {
    padding: 10px 20px;
  }
}

.HomeScreen {
  box-sizing: border-box;
  transition: 0s;
  animation: showMe 1s 0.2s forwards;
  opacity: 0;
}

@keyframes showMe {
  to {
    opacity: 1;
  }
}
.Question .Matching .fixedDnd::after {
  background-color: #f9f9f9 !important;
}
pre {
  font-family: Consolas, 'DejaVu Sans Mono', Courier, monospace;
  color: #6b6b6b;
  padding: 12px;
  background: rgba(0, 0, 0, 0.04);
  font-family: monospace, monospace !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

.divider {
  width: 100px;
  max-width: 100%;
  border-top: 1px solid #ccc;
  margin: 30px 0;
}

/*
 * Errors
 */

/* shared */
.errorContainer {
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  box-sizing: border-box;
}
.errorBackground {
  position: fixed;
  width: 2500px;
  bottom: -60%;
  left: calc(50% - 1250px);
  z-index: -1;
  font-size: 1250px;
  font-weight: bold;
  color: rgba(218, 218, 218, 0.22);
}
.errorContent {
  margin: 0 auto;
  margin-top: auto;
  padding-bottom: 50px;
}
/* not found */
.notFoundContent {
  margin-bottom: -80px;
}
.notFoundContent button {
  z-index: 2;
}
.notFoundContainer {
  height: 670px;
  width: 800px;
  overflow: hidden;
  position: relative;
}
.notFoundTitle {
  font-size: 48px;
  font-weight: bold;
  position: absolute;
  width: 200px;
  transform: rotate(17.5deg);
  top: 211px;
  left: 192px;
}
/* access denied */
.accessDeniedContainer {
  height: 625px;
  width: 1000px;
  overflow: hidden;
}
.accessDeniedTitle {
  margin-bottom: -50px;
  font-size: 48px;
  font-weight: bold;
}
/* internal error */
.internalErrorContainer {
  height: 750px;
  width: 800px;
  overflow: hidden;
  margin-bottom: -20px;
}
.internalErrorTitle {
  margin-bottom: -175px;
  font-size: 48px;
  font-weight: bold;
}
/* Error */
.crashErrorBackground {
  position: fixed;
  width: 2500px;
  bottom: -35%;
  left: calc(50% - 1250px);
  z-index: -1;
  font-size: 800px;
  font-weight: bold;
  color: rgba(218, 218, 218, 0.22);
}
.crashErrorContainer {
  height: 700px;
  width: 700px;
  overflow: hidden;
  margin-bottom: -20px;
}
.crashErrorTitle {
  margin-bottom: -210px;
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  padding-right: 170px;
}
.logoDomoscio {
  width: 800px;
}
.fallbackContainer {
  position: absolute;
  top: calc(50% - 200px);
  left: calc(50% - 400px);
}

.HomeNav{display:flex;justify-content:space-between;align-items:center;margin-left:20px}.HomeNav>div{display:flex;align-items:center;justify-content:center;max-height:30px}.HomeNav .navIcon{width:40px;height:40px;margin-left:20px;box-sizing:border-box;border-radius:12px;background:#fff;border:1.5px solid #f2f2f2;display:flex;align-items:center;justify-content:center;transition:50ms linear}.HomeNav .navIcon:hover{scale:1.05}.HomeNav .navIcon svg{font-size:24px;color:#598299;cursor:pointer}.HomeNav .navIcon.settings svg{font-size:20px}.adaptiveNav{margin-top:60px}.adaptiveNav nav{align-items:center}.adaptiveNav nav>div{z-index:1000}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}.LearningProgramIndex{min-height:calc(100vh - 70px);position:relative}.LearningProgramIndex .supportLine{position:absolute;bottom:0;margin-bottom:-15px}.LearningProgramIndex .nav{display:flex;justify-content:flex-end;width:100%}.LearningProgramIndex .nav .settingsIcon{font-size:20px;cursor:pointer}.LearningProgramIndex .heading{display:flex;align-items:center;margin:20px 0 70px;padding-bottom:24px;border-bottom:2px solid #e5e5e5}.LearningProgramIndex .heading .title{font-weight:500;font-size:24px;height:26.04px;color:#505050}.LearningProgramShow{margin-top:-10px}.LearningProgramShow .darkBg{padding-bottom:20px;width:100%}.LearningProgramShow .headerTitle{display:flex;justify-content:space-between}@media(max-width: 600px){.LearningProgramShow .headerTitle{flex-direction:column-reverse}.LearningProgramShow .headerTitle .HomeNav{justify-content:flex-end;margin-top:-10px;margin-bottom:10px}.LearningProgramShow .headerTitle .HomeNav .navIcon{width:30px;height:30px;margin-left:10px}}.LearningProgramShow .heading{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.LearningProgramShow .title{margin:20px 0;color:#fff;font-size:25px;display:flex;align-items:center}.LearningProgramShow .title>span:last-child{margin-left:20px;font-weight:700;font-size:14px;line-height:18px;color:#898aa0}.LearningProgramShow .title .homeIconWrapper{border-radius:50%;display:flex;align-items:center;justify-content:center;padding:5px}.LearningProgramShow .nextActionTitle{font-weight:700;font-size:24px;line-height:70px;color:#505050;border-bottom:2px solid #e5e5e5;margin:0px 0px 20px}.LearningProgramShow .listingThemeTitle{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #e5e5e5;margin:30px 0px 20px}.LearningProgramShow .listingThemeTitle .titleThemeList{font-weight:700;font-size:24px;line-height:70px;color:#505050}.LearningProgramShow .objectives{padding:2px 20px 50px}.expList,.themeList{display:flex;flex-wrap:wrap;margin-top:10px;width:100%;gap:5%}.expList a,.themeList a{width:30%;max-width:323px;height:250px;margin-bottom:66px;transition-duration:200ms}.expList .themeCardWrapper .tagWrapperList .tagWrapperThemeCard .tagIcon svg{font-size:20px;margin-right:5px}@keyframes fadeIn{0%{opacity:0;transform:translateX(20%)}75%{opacity:.5}100%{opacity:1;transform:translateX(0%)}}@media(max-width: 900px){.heading{flex-direction:column}.heading>div{justify-content:flex-start;width:100%;margin:10px 0}.listingThemeContainer .title{margin-bottom:20px}.expList,.themeList{gap:8%}.expList a,.themeList a{width:46%;margin:0 0 30px}}@media(max-width: 700px){.filtersAndIcon{flex-direction:column-reverse}.filtersAndIcon .HomeNav{justify-content:flex-end;margin-top:-45px;margin-bottom:10px}.filtersAndIcon .HomeNav .navIcon{width:30px;height:30px;margin-left:10px}}@media(max-width: 500px){.listingThemeContainer,.listingExpContainer{padding:20px 10px}.expList a,.themeList a{width:90%;margin-right:0}.expList .expCardWrapper .imageWrapper,.themeList .expCardWrapper .imageWrapper{width:100%}.themeList a{width:100%}.themeList a .expCardWrapper .cardChild .bottomInfos{width:100%;display:flex}.themeList a .expCardWrapper .cardChild .bottomInfos .simpleProgressBarWrapper{margin:0 auto}}
.supportLine{display:flex;align-items:center;justify-content:center;width:100%;height:30px;line-height:30px;text-align:center;font-weight:500;font-size:12px;color:#999;z-index:10000}.supportLine>div{width:100%;padding-top:10px;border-top:1px solid hsla(0,0%,60%,.6);display:flex;align-items:center;justify-content:center}.supportLine>div a{text-decoration:none;color:inherit;margin-right:5px;margin-left:5px}.supportLine>div svg{font-size:16px}
.heroSection{background:linear-gradient(199deg, #00feda -18.41%, #c04de9 95.14%);border-radius:25px;width:100%;display:flex;color:#f9f9f9;padding:21px;height:330px;padding-top:35px;box-sizing:border-box;display:flex;flex-direction:column;position:relative;overflow:hidden;margin-bottom:40px}.heroSection .backBtn{min-width:50px}.heroSection .backBtn .arrowWrapper{width:38px;height:38px;border:2px solid #fff;border-radius:50%;background-color:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer}.heroSection .upper{display:flex;width:100%}.heroSection .upper .colRight{margin-left:35px;width:70%}.heroSection .upper .colRight>div{display:flex;align-items:center}.heroSection .upper .colRight .line1{font-weight:700;color:#fff;align-items:flex-start;font-weight:700;font-size:32px;line-height:39px;margin-bottom:20px}.heroSection .upper .colRight .expName{height:80px;max-height:80px;line-height:39px;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.heroSection .upper .colRight .line2{display:flex}.heroSection .upper .colRight .line2>div:not(:last-child)::after{border-right:1px solid rgba(199,199,199,.5);content:"";position:absolute;width:1px;height:66%;right:0;top:17%}.heroSection .upper .colRight .line2 .statAndTitle{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:150px}.heroSection .upper .colRight .line2 .statAndTitle .line1{display:flex;font-weight:700;font-size:20px;margin-bottom:13px;display:flex;align-items:center;justify-content:center}.heroSection .upper .colRight .line2 .statAndTitle .line1 .col1{margin-right:8px;display:flex;align-items:center;justify-content:center}.heroSection .upper .colRight .line2 .statAndTitle .line1 svg{font-size:20px;max-height:20px;overflow:hidden;margin-bottom:1px}.heroSection .upper .colRight .line2 .statAndTitle .line2{font-style:normal;font-weight:400;font-size:14px}.heroSection .bottom{margin-top:10px;box-sizing:border-box;margin-left:86px}.heroSection .bottom .line3{display:flex;align-items:center;justify-content:flex-start}.heroSection .bottom .line3 .percentageLabel{font-size:32px;font-weight:400}.heroSection .bottom .otsBarValue .percentageLabel{color:#f9f9f9 !important;margin-bottom:-10px}.heroSection .bottom .line3 .percentageLabel{margin-bottom:-8px}.heroSection .bottom .line4{margin-top:15px;display:flex;align-items:center;justify-content:center;margin-right:90px}.heroSection .bottom .line4 .introIconwrapper{display:flex;flex-direction:column;cursor:pointer}.heroSection .bottom .line4 .introIconwrapper svg{color:#f7f7fb;font-size:18px}.heroSection .bottom .line4 .introIconwrapper>span:last-child{opacity:.5;margin-top:8px;font-weight:700;font-size:10px;line-height:13px}.heroSection .bottom .line4 .introIconwrapper span{display:flex;align-items:center;justify-content:center}.heroSection .topRightImg{position:absolute;right:-20px;top:-41px;width:200px;height:200px;border-radius:50%}.heroSection .topRightImg img{width:220px;height:220px;border-radius:50%;object-fit:cover}.heroSection .lineHorizontal{position:absolute;top:0;left:0;right:0;height:12px}
.nextAction{display:flex;align-items:center;justify-content:space-between;width:100%;height:236px;background-color:#fff;padding:40px 70px 40px 20px;margin:30px 0;box-sizing:border-box;border-radius:0px 25px 25px 0px;position:relative;box-shadow:0px 27px 40px rgba(63,64,90,.04);cursor:pointer}.nextAction:hover{transition-duration:200ms;transform:scale(1.01);box-shadow:1px 5px 10px #dedede}.nextAction .col1{width:120px;position:relative;display:flex;align-items:center;flex-direction:column}.nextAction .col1 .capitalizeTagValue{text-transform:capitalize}.nextAction .col1>div .separate{position:absolute;width:25px;height:1px;background-color:#7f7f7f;top:50%;left:47px}.nextAction .col1>div{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 0px}.nextAction .col1 .tagIconWrapper{font-size:32px}.nextAction .col1 .tagValue{color:#7f7f7f;font-weight:400;font-size:14px}.nextAction .col2{width:70%;height:100%;margin-left:11px;box-sizing:border-box}.nextAction .col2>div{height:50%;display:flex;align-items:flex-start;flex-direction:column}.nextAction .col2 .nextActionHead>div:first-child{max-width:100%;color:#505050;font-weight:700;font-size:24px;line-height:31px;max-height:31px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.nextAction .col2 .nextActionHead>div:last-child{max-width:100%;font-weight:700;font-size:16px;line-height:21px;max-height:21px;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;color:#7f7f7f}.nextAction .col2 .subInfos{justify-content:flex-end}.nextAction .col2 .subInfos>div:first-child{margin-bottom:10px}.nextAction .col2 .subInfos .subInfo{display:flex;align-items:center;width:100%}.nextAction .col2 .subInfos .subInfo .subInfoText{font-weight:400;font-size:16px;line-height:21px;color:#7f7f7f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.nextAction .col2 .subInfos .subInfo .subInfoIcon{font-size:22px;margin-right:20px;line-height:21px}.nextAction .col3{font-size:80px;display:flex;align-items:center;justify-content:center}.nextAction .col3 .arrowWrapper{width:100px;height:100px;border:4px solid;display:flex;align-items:center;justify-content:center;border-radius:50%}.nextAction .col3 .arrowWrapper svg{font-size:62px;margin-left:5px}.nextAction .leftBar{position:absolute;height:100%;width:4px;left:0;top:0;bottom:0}
.endOfExpCard{display:flex;align-items:center;justify-content:space-between;width:100%;height:276px;background-color:#fff;padding:50px 70px;box-sizing:border-box;border-radius:25px;box-shadow:0px 27px 40px rgba(63,64,90,.04)}.endOfExpCard .colLeft .text1{font-weight:700;font-size:28px;line-height:36px;margin-bottom:10px}.endOfExpCard .colLeft .text2{font-weight:700;font-size:24px;line-height:27px;color:#474747}.endOfExpCard .colLeft .buttons{width:252px}.endOfExpCard .colLeft .buttons>div:first-child{margin-bottom:20px;margin-top:40px}@media(max-width: 750px){.endOfExpCard{padding:20px}.endOfExpCard .colRight{width:50%;margin-left:10px}.endOfExpCard .colRight img{width:100%}}
.buttonOts{cursor:pointer;border-radius:10px;padding:8px 17px;display:flex;align-items:center;justify-content:center;border:1px solid;font-weight:700;font-size:12px;line-height:16px}.buttonOts .buttonOstContainer{display:flex;align-items:center;justify-content:center}.buttonOts_first{border:none;padding:9px 17px}.buttonOts_first_otsColor:hover{background:linear-gradient(267.59deg, #6951e0 3.94%, #bf4de8 99.48%)}.buttonOts_first_primaryColor:hover{opacity:.8}.buttonOts_second_otsColor:hover{color:#211075 !important;border-color:#211075 !important}.buttonOts_second_primaryColor:hover{opacity:.8}
.dwnloadModal{z-index:1000;background-color:rgba(0,0,0,.5);position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;color:#373737}.dwnloadModal .modalMain{background-color:#fff;padding:70px 105px;position:relative;width:710px;height:520px;border-radius:30px;box-sizing:border-box}.dwnloadModal .modalMain .modalCloseIcon{position:absolute;top:20px;right:20px;font-size:30px;cursor:pointer}.dwnloadModal .modalMain .modalCloseIcon svg:hover{opacity:.8}.dwnloadModal .modalMain .header{font-size:30px;font-weight:700;text-align:center;margin-bottom:50px}.dwnloadModal .modalMain .inputGroup{width:100%;margin-bottom:30px}.dwnloadModal .modalMain .inputGroup>div{display:flex;align-items:flex-end;margin-bottom:10px;width:100%}.dwnloadModal .modalMain .inputGroup>div .inputTitle{font-size:20px;font-weight:500}.dwnloadModal .modalMain .inputGroup input{outline:none;background-color:#efeff4;height:51px;width:100%;padding:5px 10px;box-sizing:border-box;border:none;border-radius:4px}.dwnloadModal .modalMain .inputGroup .redBorder{border:1px solid red}.dwnloadModal .modalMain .bottomElem{width:35%;margin:auto;margin-top:55px}.dwnloadModal .modalMain .bottomElem .nonClicable{cursor:not-allowed}
.introVideo{background-color:#fff;border-radius:24px;display:flex;justify-content:center;flex-direction:column;overflow:hidden;max-height:0;box-sizing:border-box;text-align:left}.introVideo>*{line-height:150%;text-align:left}.introVideo .ql-video{height:360px;width:640px;margin:20px auto;border-radius:10px}.fullDisplayIntro{max-height:100vh;padding:20px;box-sizing:border-box;box-shadow:0px 27px 40px rgba(63,64,90,.04);margin-bottom:27px}

.HomeScreen:has(.positionningStartFrame){max-width:100vw;padding:24px;padding-top:9px}.App:has(.positionningStartFrame){max-width:100vw}.HomeScreen.frameLayout>div{position:relative}@media(min-width: 1250px){.HomeScreen.frameLayout .playerIntro .skillEvaluated .skillList .skillCard{width:368px}}.HomeScreen.frameLayout .positionningStartFrame{height:100%}.HomeScreen.frameLayout .positionningStartFrame .closeBtn{position:absolute;top:0;right:0;color:#103f4b;cursor:pointer}.HomeScreen.frameLayout .positionningStartFrame .closeBtn:hover{opacity:.5}.HomeScreen.frameLayout .PositionningPlayer .quizHeader{padding:24px}.HomeScreen.frameLayout .positionningResultFrame .closeBtn{position:fixed;top:24px;right:24px;color:#103f4b;cursor:pointer}.HomeScreen.frameLayout .positionningResultFrame .closeBtn:hover{opacity:.5}

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