@import url("https://rsms.me/inter/inter.css");@import url("https://rsms.me/inter/inter.css");/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._pressContainer_z6mej_14 {
  background: #fff;
}
._pressContainer_z6mej_14 a {
  color: #4584C8;
}
._pressContainer_z6mej_14 h2 {
  color: #589FCC;
  margin: 0 auto;
  font-size: 2.38em;
  font-weight: 800;
  text-align: center;
  font-family: "HK Grotesk", sans-serif;
}
@media only screen and (max-width: 768px) {
  ._pressContainer_z6mej_14 h2 {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 1200px) {
  ._pressContainer_z6mej_14 h2 {
    padding: 0 25px;
  }
}
._pressContainer_z6mej_14 h3 {
  font-size: 1.5em;
  margin: 12px 0 20px;
  letter-spacing: 0.06em;
  font-family: "San Francisco Text", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  ._pressContainer_z6mej_14 h3 {
    padding: 0 20px;
    font-size: 1.2em;
  }
}
._pressContainer_z6mej_14 h4 {
  font-weight: 800;
  font-size: 1.1em;
  letter-spacing: 0.015em;
  line-height: 36px;
}
._pressContainer_z6mej_14 header {
  padding: 160px 0 120px;
  position: relative;
  overflow: hidden;
  text-align: center;
  background: url("/assets/press-BzWCUpuT.png") no-repeat center;
  background-size: cover;
}
._pressContainer_z6mej_14 header a {
  color: #fff;
}
._pressContainer_z6mej_14 header p {
  font-size: 1.2em;
  margin: 12px 0 20px;
  line-height: 1.8em;
  letter-spacing: 0.06em;
  color: #FFF;
  font-family: "HK Grotesk", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  ._pressContainer_z6mej_14 header p {
    padding: 0 20px;
    font-size: 1em;
  }
}
._pressContainer_z6mej_14 header h1 {
  color: #fff;
  margin: 0 auto;
  font-size: 2.38em;
  font-weight: 800;
  font-family: "HK Grotesk", sans-serif;
}
@media only screen and (max-width: 768px) {
  ._pressContainer_z6mej_14 header h1 {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 1200px) {
  ._pressContainer_z6mej_14 header h1 {
    padding: 0 25px;
  }
}
@media only screen and (max-width: 768px) {
  ._pressContainer_z6mej_14 header ._pressDownloadButton_z6mej_101 {
    display: block;
    margin: auto;
    width: 90%;
  }
}
._pressContainer_z6mej_14 section {
  padding: 50px 0;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  ._pressContainer_z6mej_14 section {
    padding: 40px 0;
  }
}
._pressContainer_z6mej_14 ._references_z6mej_117 {
  background: #589FCC;
}
._pressContainer_z6mej_14 ._references_z6mej_117 h2,
._pressContainer_z6mej_14 ._references_z6mej_117 h3 {
  color: #fff;
}
._pressContainer_z6mej_14 ._story_z6mej_124 {
  max-width: 865px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  ._pressContainer_z6mej_14 ._story_z6mej_124 {
    padding: 20px;
  }
}
._pressContainer_z6mej_14 ._story_z6mej_124 h2 {
  font-size: 1.3em;
  text-align: left;
  margin-bottom: 20px;
}
._pressContainer_z6mej_14 ._story_z6mej_124 p {
  font-size: 0.9em;
  line-height: 1.6em;
  margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  ._pressContainer_z6mej_14 ._story_z6mej_124 img {
    margin-bottom: 20px;
  }
}
._pressContainer_z6mej_14 ._story_z6mej_124 > div {
  width: 48%;
  margin: 0 4% 0 0;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  ._pressContainer_z6mej_14 ._story_z6mej_124 > div {
    display: block;
    margin: 0;
    width: 100%;
  }
}
._pressContainer_z6mej_14 ._story_z6mej_124 > div:nth-of-type(2n) {
  margin-right: 0;
}
._pressContainer_z6mej_14 ._referencesList_z6mej_165 {
  margin: 0 auto 46px;
  max-width: 865px;
}
._pressContainer_z6mej_14 ._referencesListItem_z6mej_169 {
  width: 48%;
  margin: 40px 4% 20px 0;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  overflow: hidden;
  padding: 25px;
  background: #fff 50%;
  border-radius: 5px;
  box-shadow: 8px 14px 38px rgba(39, 44, 49, 0.06), 1px 3px 8px rgba(39, 44, 49, 0.03);
}
._pressContainer_z6mej_14 ._referencesListItem_z6mej_169:nth-child(2n) {
  margin-right: 0;
}
@media only screen and (min-width: 769px) and (max-width: 1199px) {
  ._pressContainer_z6mej_14 ._referencesListItem_z6mej_169 {
    width: 46%;
  }
}
@media only screen and (max-width: 768px) {
  ._pressContainer_z6mej_14 ._referencesListItem_z6mej_169 {
    width: 90%;
    margin: 40px auto 0 !important;
    padding: 15px;
    display: block;
    text-align: center;
  }
}
._pressContainer_z6mej_14 ._pressSocial_z6mej_198 {
  margin-top: 25px;
}
._pressContainer_z6mej_14 ._pressSocialIcon_z6mej_201 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0 0 0 20px;
  text-align: center;
  line-height: 50px;
  font-family: "FontAwesome";
  color: #FFFFFF;
  font-size: 24px;
  display: inline-block;
}
._pressContainer_z6mej_14 ._pressSocialIcon_z6mej_201._facebook_z6mej_213 {
  background: #3B5998;
  margin-left: 0;
}
._pressContainer_z6mej_14 ._pressSocialIcon_z6mej_201._twitter_z6mej_217 {
  background: #1DCAFF;
}
#_contenu_z6mej_1 {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
#_contenu_z6mej_1::before {
  content: "";
  position: absolute;
  top: -25vw;
  left: -50vw;
  z-index: -1;
  display: block;
  height: 100vw;
  width: 100vw;
  background: #F3F3F3;
  border-radius: 100%;
  opacity: 0.3;
}
._contentTypes_z6mej_240 {
  font-size: 0;
}
._contentTypesList_z6mej_243 {
  margin: 0 auto 46px;
  max-width: 865px;
}
._contentTypesItem_z6mej_247 {
  width: 48%;
  margin: 40px 4% 20px 0;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
._contentTypesItem_z6mej_247:nth-child(2n) {
  margin-right: 0;
}
@media only screen and (min-width: 769px) and (max-width: 1199px) {
  ._contentTypesItem_z6mej_247 {
    width: 46%;
  }
}
@media only screen and (max-width: 768px) {
  ._contentTypesItem_z6mej_247 {
    width: 100%;
    margin: 40px auto 0;
    padding: 0 20px;
    display: block;
    text-align: center;
  }
}
._contentTypesItemNumber_z6mej_271, ._contentTypesItemContent_z6mej_271 {
  display: inline-block;
  vertical-align: top;
}
._contentTypesItemNumber_z6mej_271 {
  width: 55px;
  display: inline-block;
}
._contentTypesItemNumber_z6mej_271 span {
  line-height: 36px;
  height: 36px;
  width: 36px;
  background: #7FB5D8;
  border-radius: 50px;
  display: block;
  text-align: center;
  color: #fff;
}
._contentTypesItemContent_z6mej_271 {
  width: 360px;
}
@media only screen and (max-width: 768px) {
  ._contentTypesItemContent_z6mej_271 {
    width: 100%;
  }
}
._contentTypesItem_z6mej_247 h4 {
  color: #433E40;
}
._contentTypesItemDescription_z6mej_300 {
  color: #433E40;
  font-size: 0.95em;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}
._contentTypesItemDescription_z6mej_300 a,
._contentTypesItemDescription_z6mej_300 b {
  font-weight: 600;
}
._contentTypesItemDescription_z6mej_300 a {
  color: #4584C8;
}
._footer_z6mej_314 {
  color: #fff !important;
}
._footer_z6mej_314 a {
  color: #fff !important;
}
._footerBanner_z6mej_320 {
  text-align: center;
  display: block !important;
  padding: 4rem 32px !important;
}
@media only screen and (min-width: 1280px) {
  ._footerBanner_z6mej_320 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  ._footerBanner_z6mej_320 {
    padding: 2rem 32px !important;
  }
}
._footerBannerTitle_z6mej_336 {
  font-family: "HK Grotesk", sans-serif;
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 30px 0;
}
@media only screen and (max-width: 768px) {
  ._footerBannerTitle_z6mej_336 {
    font-size: 20px;
    margin: 0 0 20px 0;
  }
}
._footerBannerTitle_z6mej_336 b {
  font-size: 42px;
  font-weight: 900;
}
@media only screen and (max-width: 768px) {
  ._footerBannerTitle_z6mej_336 b {
    font-size: 25px;
  }
}
._footerBannerSubtitle_z6mej_358 {
  color: #fff;
  font-size: 0.7rem;
  margin: 0.5rem 0;
  display: block;
}
._footerBannerStartNowButton_z6mej_364 {
  width: 100%;
  max-width: 385px;
  height: 50px;
  outline: none;
  color: #fff;
  font-size: 1rem;
  line-height: 50px;
  font-weight: 700;
  text-align: center;
  background: #F47475;
  border-radius: 50px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.16);
  display: inline-block;
  font-family: "Inter", sans-serif;
  letter-spacing: 0.075rem;
  transition: all 0.5s ease;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  ._footerBannerStartNowButton_z6mej_364 {
    width: 90%;
  }
}
._footerBannerStartNowButton_z6mej_364 a {
  color: white;
  text-decoration: none;
  padding: 0 20px;
  display: inline-block;
  width: 100%;
}
._footerBannerStartNowButton_z6mej_364:hover {
  box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07);
  transform: translate3D(0, -1px, 0);
}
._footerContainer_z6mej_399 {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1280px;
  padding: 10px 32px 10px 32px;
  margin: auto;
}
@media only screen and (min-width: 1280px) {
  ._footerContainer_z6mej_399 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  ._footerContainer_z6mej_399 {
    padding: 10px 20px;
    flex-direction: column;
  }
}
._footer-links__list_z6mej_419 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  ._footer-links__list_z6mej_419 {
    flex-direction: column;
    margin: 0 0 25px;
  }
}
._footer-links__list_z6mej_419 > span {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.075em;
}
._footer-links__listTwoColumns_z6mej_436 ._footerLinksItem_z6mej_436 {
  width: 60%;
  display: inline-block;
}
._footer-links__listTwoColumns_z6mej_436 ._footerLinksItem_z6mej_436:nth-child(2n) {
  width: 40%;
}
._footer-linksItem_z6mej_443 {
  margin: 10px 0 0;
}
._footer-linksItemLink_z6mej_446 {
  text-decoration: none;
  cursor: pointer;
}
._footer-linksItemLink_z6mej_446 span {
  color: #fcfcfc;
  font-size: 12px;
}
._footer-linksItemLink_z6mej_446:hover > span {
  color: #239fe3;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._heading_6d1rx_8 {
  font-family: "HK Grotesk", sans-serif;
  color: #5895BC;
}
._headinglarge_6d1rx_12 {
  font-size: 30px;
}
._headingmedium_6d1rx_15 {
  font-size: 22px;
}
._headingsmall_6d1rx_18 {
  font-size: 16px;
}
._headingalignleft_6d1rx_21 {
  text-align: left;
}
._headingaligncenter_6d1rx_24 {
  text-align: center;
}
._headingalignright_6d1rx_27 {
  text-align: right;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._button_vf4j6_8 {
  display: inline-block;
  width: 100%;
  height: 36px;
  position: relative;
  cursor: pointer;
  border-style: none;
  border-radius: 50px;
  font-family: "HK Grotesk", sans-serif;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  transition: 0.3s;
  outline: none;
  white-space: nowrap;
}
._buttonfontSmall_vf4j6_33 {
  font-size: 10px;
}
._buttonfontMedium_vf4j6_36 {
  font-size: 14px;
}
._buttonfontLarge_vf4j6_39 {
  font-size: 18px;
}
._button_vf4j6_8._default_vf4j6_42, ._button_vf4j6_8._primary_vf4j6_42 {
  padding: 0 20px;
}
._button_vf4j6_8._default_vf4j6_42._loading_vf4j6_45 {
  color: #ff6734;
  cursor: initial;
}
._button_vf4j6_8._default_vf4j6_42._loading_vf4j6_45:after {
  opacity: 1;
}
._button_vf4j6_8._default_vf4j6_42:not(._loading_vf4j6_45) {
  background-color: #ff6734;
  color: rgb(255, 255, 255);
}
._button_vf4j6_8._default_vf4j6_42:not(._loading_vf4j6_45):hover:not(._disabled_vf4j6_56) {
  color: #ffffff;
  background: #A5A5A5;
}
._button_vf4j6_8._primary_vf4j6_42._loading_vf4j6_45 {
  color: #239fe3;
  cursor: initial;
}
._button_vf4j6_8._primary_vf4j6_42._loading_vf4j6_45:after {
  opacity: 1;
}
._button_vf4j6_8._primary_vf4j6_42:not(._loading_vf4j6_45) {
  background-color: #239fe3;
  color: rgb(255, 255, 255);
}
._button_vf4j6_8._primary_vf4j6_42:not(._loading_vf4j6_45):hover:not(._disabled_vf4j6_56) {
  color: #ffffff;
  background: #DBF1FF;
}
._button_vf4j6_8._primaryV2_vf4j6_75._loading_vf4j6_45 {
  color: transparent;
  cursor: initial;
}
._button_vf4j6_8._primaryV2_vf4j6_75._loading_vf4j6_45:after {
  opacity: 1;
}
._button_vf4j6_8._loading_vf4j6_45 ._content_vf4j6_82 {
  visibility: hidden;
}
._button_vf4j6_8 ._loader_vf4j6_85 {
  position: relative;
  top: 4px;
}
._button_vf4j6_8 ._loader_vf4j6_85 > div {
  overflow: initial !important;
}
._button_vf4j6_8._primaryV2_vf4j6_75 {
  font-family: "HK Grotesk", sans-serif;
  background-color: #239fe3;
  color: rgb(255, 255, 255);
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
  border-radius: 5px;
  display: inline-block;
  width: auto;
  padding: 0 40px;
  text-transform: initial;
  font-size: 16px;
  line-height: 42px;
  font-weight: 400;
  height: 42px;
  letter-spacing: initial;
}
._button_vf4j6_8._primaryV2_vf4j6_75:hover:not(._disabled_vf4j6_56):not(._loading_vf4j6_45) {
  color: #ffffff;
  background: #DBF1FF;
  box-shadow: none;
}
._button_vf4j6_8._primaryV2_vf4j6_75._disabled_vf4j6_56 {
  background-color: #CACACA;
  box-shadow: none;
}
._button_vf4j6_8._secondaryV2_vf4j6_117._loading_vf4j6_45 {
  color: #239fe3;
  cursor: initial;
}
._button_vf4j6_8._secondaryV2_vf4j6_117._loading_vf4j6_45:after {
  opacity: 1;
}
._button_vf4j6_8._secondaryV2_vf4j6_117:not(._loading_vf4j6_45) {
  position: relative;
  font-family: "HK Grotesk", sans-serif;
  text-transform: initial;
  color: #239fe3;
  font-size: 16px;
  line-height: 19px;
  height: auto;
  letter-spacing: initial;
  width: auto;
  padding: 0 32px 0 0;
}
._button_vf4j6_8._secondaryV2_vf4j6_117:not(._loading_vf4j6_45)::after {
  position: absolute;
  content: "";
  right: 0;
  width: 24px;
  height: 24px;
  top: -1px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
  background-color: #239fe3;
  transition: all 0.2s ease-in-out;
}
._button_vf4j6_8._secondaryV2_vf4j6_117:not(._loading_vf4j6_45):hover {
  color: #DBF1FF;
}
._button_vf4j6_8._secondaryV2_vf4j6_117:not(._loading_vf4j6_45):hover::after {
  background-color: #DBF1FF;
}
._buttontext_vf4j6_153 {
  background-color: transparent;
  color: #ececec;
}
._buttontext_vf4j6_153:hover:not(._disabled_vf4j6_56) {
  color: #f4efe1;
}
._buttondisabled_vf4j6_160 {
  background-color: #CACACA;
  box-shadow: none;
}
._primary_vf4j6_42._loading_vf4j6_45 {
  color: #239fe3;
  cursor: initial;
}
._primary_vf4j6_42._loading_vf4j6_45:after {
  opacity: 1;
}
._primary_vf4j6_42:not(._loading_vf4j6_45) {
  background-color: #239fe3;
  color: rgb(255, 255, 255);
}
._primary_vf4j6_42:not(._loading_vf4j6_45):hover:not(._disabled_vf4j6_56) {
  color: #ffffff;
  background: #DBF1FF;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._label_1hswe_8 {
  position: absolute;
  font-size: 15px;
  line-height: 17px;
  top: 20px;
  left: 12px;
  color: #737E85;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
}
._indicator_1hswe_19 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 17px;
  color: #737E85;
  text-align: left;
  margin-top: 5px;
}
._wrapper_1hswe_28 {
  width: 100%;
  background-color: #FFF;
  max-width: 100%;
  text-align: left;
  outline: none;
  box-sizing: border-box;
  font: 12px sans-serif;
  color: rgb(85, 85, 85);
  transition: border-color 0.2s;
  position: relative;
}
._wrapper_1hswe_28._filled_1hswe_40 ._label_1hswe_8 {
  top: 8px;
  font-size: 13px;
  opacity: 0.8;
}
._wrapper_1hswe_28._filled_1hswe_40 input {
  padding-top: 16px;
}
._wrapper_1hswe_28 input {
  outline: 0;
  background: transparent;
  padding: 0 12px;
  height: 56px;
  width: 100%;
  font-size: 15px;
  line-height: 18px;
  color: #434343;
  border: 1px solid #CACACA;
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
}
._wrapper_1hswe_28 input:focus {
  border-color: #5db6e8;
}
._wrapper_1hswe_28._error_1hswe_64 input {
  border-color: #E53A40;
}
._error_1hswe_64 {
  margin-top: 3px;
  color: red;
}
._error_1hswe_64 > span {
  color: red;
}
._togglePasswordButton_1hswe_76 {
  position: absolute;
  top: 0;
  right: 20px;
  width: 30px;
  height: 100%;
  transition: 0.3s ease;
}
._togglePasswordButton_1hswe_76._hide_1hswe_84 {
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20class='st0'%20d='M12.1,5C7.5,5,3.6,7.9,2,11.9c1.6,4,5.5,6.9,10.1,6.9c4.6,0,8.5-2.9,10.1-6.9C20.6,7.9,16.7,5,12.1,5z%20M12.1,16.5c-2.5,0-4.6-2.1-4.6-4.6s2.1-4.6,4.6-4.6c2.5,0,4.6,2.1,4.6,4.6S14.6,16.5,12.1,16.5z%20M12.1,9.1c-1.5,0-2.7,1.2-2.7,2.8%20s1.2,2.8,2.7,2.8c1.5,0,2.8-1.2,2.8-2.8S13.6,9.1,12.1,9.1z'%20fill='%239C9C9C'/%3e%3cpath%20class='st1'%20d='M12,5.1C7.4,5.1,3.5,8,1.9,12c1.6,4,5.5,6.9,10.1,6.9c4.6,0,8.5-2.9,10.1-6.9C20.5,8,16.6,5.1,12,5.1z%20M12,16.6%20c-2.5,0-4.6-2.1-4.6-4.6S9.5,7.4,12,7.4c2.5,0,4.6,2.1,4.6,4.6S14.5,16.6,12,16.6z%20M12,9.2c-1.5,0-2.7,1.2-2.7,2.8s1.2,2.8,2.7,2.8%20c1.5,0,2.8-1.2,2.8-2.8S13.5,9.2,12,9.2z'%20/%3e%3cg%3e%3cline%20class='st2'%20x1='18.9'%20y1='5.1'%20x2='5.1'%20y2='18.9'/%3e%3cg%3e%3cpath%20class='st1'%20fill='%239C9C9C'%20d='M5.1,20.2c-0.3,0-0.6-0.1-0.9-0.4s-0.4-0.5-0.4-0.9s0.1-0.6,0.4-0.9L18.1,4.2c0.2-0.2,0.5-0.4,0.9-0.4%20s0.6,0.1,0.9,0.4s0.4,0.5,0.4,0.9s-0.1,0.6-0.4,0.9L5.9,19.8C5.7,20.1,5.4,20.2,5.1,20.2z'/%3e%3cpath%20class='st3'%20fill='%23F2F2F2'%20d='M18.9,4.1c0.3,0,0.5,0.1,0.7,0.3c0.4,0.4,0.4,1,0,1.4L5.8,19.7c-0.2,0.2-0.5,0.3-0.7,0.3%20c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4L18.2,4.3C18.4,4.2,18.7,4.1,18.9,4.1%20M18.9,3.6c-0.4,0-0.8,0.2-1.1,0.4L4,17.9%20c-0.3,0.3-0.4,0.7-0.4,1.1S3.7,19.7,4,20c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.2,1.1-0.4L20,6.1c0.6-0.6,0.6-1.5,0-2.1%20C19.7,3.7,19.3,3.6,18.9,3.6L18.9,3.6z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
}
._togglePasswordButton_1hswe_76._show_1hswe_87 {
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.0833%205C7.5%205%203.58583%207.85083%202%2011.875C3.58583%2015.8992%207.5%2018.75%2012.0833%2018.75C16.6667%2018.75%2020.5808%2015.8992%2022.1667%2011.875C20.5808%207.85083%2016.6667%205%2012.0833%205ZM12.0833%2016.4583C9.55333%2016.4583%207.5%2014.405%207.5%2011.875C7.5%209.345%209.55333%207.29167%2012.0833%207.29167C14.6133%207.29167%2016.6667%209.345%2016.6667%2011.875C16.6667%2014.405%2014.6133%2016.4583%2012.0833%2016.4583ZM12.0833%209.125C10.5617%209.125%209.33333%2010.3533%209.33333%2011.875C9.33333%2013.3967%2010.5617%2014.625%2012.0833%2014.625C13.605%2014.625%2014.8333%2013.3967%2014.8333%2011.875C14.8333%2010.3533%2013.605%209.125%2012.0833%209.125Z'%20fill='%239C9C9C'/%3e%3c/svg%3e") no-repeat center;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._text_1k6ft_8 {
  font-family: "Inter", sans-serif;
  color: rgb(85, 85, 85);
  letter-spacing: 1px;
}
._textlarge_1k6ft_13 {
  font-size: 24px;
}
._textmedium_1k6ft_16 {
  font-size: 16px;
}
._textsmall_1k6ft_19 {
  font-size: 12px;
}
._textlowercase_1k6ft_22 {
  text-transform: lowercase;
}
._textuppercase_1k6ft_25 {
  text-transform: uppercase;
}
._textcapitalize_1k6ft_28 {
  text-transform: capitalize;
}
._textnormal_1k6ft_31 {
  font-weight: normal;
}
._textnormal_1k6ft_31 span {
  font-weight: normal;
}
._textbold_1k6ft_37 {
  font-weight: 700;
}
._textbold_1k6ft_37 span {
  font-weight: 700;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._formError_6xzss_8 {
  margin: 0 0 5px 0;
  color: red;
  text-align: center;
}
._formError_6xzss_8 > span {
  color: red;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._login_ap0pn_14 {
  padding: 30px 0 40px 0;
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 82px - 41px);
}
@media only screen and (max-width: 768px) {
  ._login_ap0pn_14 {
    padding: 0;
    min-height: initial;
  }
}
._container_ap0pn_27 {
  width: 100%;
  max-width: 400px;
  padding: 40px;
  background: white;
  border-radius: 4px;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  ._container_ap0pn_27 {
    min-height: calc(100vh - 75px - 113px);
    max-width: inherit;
  }
}
._container_ap0pn_27 a {
  text-decoration: none;
  color: #b3b3b3;
  font-size: 12px;
  transition: color 0.2s ease-in;
}
._container_ap0pn_27 a:hover {
  color: #239fe3;
}
._header_ap0pn_51 {
  text-align: center;
}
._form_ap0pn_55 {
  margin-top: 30px;
}
._formItem_ap0pn_59 {
  text-align: left;
}
._formItemRegister_ap0pn_62 a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #37A5E8;
}
._formItemForgottenPassword_ap0pn_70 {
  margin-top: 10px;
}
._formItemForgottenPassword_ap0pn_70 a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #989898;
}
._formItem_ap0pn_59:not(:first-child) {
  margin-top: 15px;
}
._buttonsContainer_ap0pn_85 {
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._login_1672w_14 {
  padding: 30px 0 40px 0;
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 82px - 41px);
}
@media only screen and (max-width: 768px) {
  ._login_1672w_14 {
    padding: 0;
    min-height: initial;
  }
}
._container_1672w_27 {
  width: 100%;
  max-width: 400px;
  padding: 40px;
  background: white;
  border-radius: 4px;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  ._container_1672w_27 {
    min-height: calc(100vh - 75px - 113px);
    max-width: inherit;
  }
}
._container_1672w_27 a {
  text-decoration: none;
  color: #b3b3b3;
  font-size: 12px;
  transition: color 0.2s ease-in;
}
._container_1672w_27 a:hover {
  color: #239fe3;
}
._header_1672w_51 {
  text-align: center;
}
._form_1672w_55 {
  margin-top: 30px;
}
._formItem_1672w_59:not(:first-child) {
  margin-top: 15px;
}
._formActions_1672w_63 {
  margin-top: 30px;
}

/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* DayPicker styles */
._DayPicker_1vpzl_1 {
  display: inline-block;
  font-size: 1rem;
}
._DayPicker-wrapper_1vpzl_1 {
  position: relative;

  flex-direction: row;
  padding-bottom: 1em;

  -webkit-user-select: none;

  user-select: none;
}
._DayPicker-Months_1vpzl_1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
._DayPicker-Month_1vpzl_1 {
  display: table;
  margin: 0 1em;
  margin-top: 1em;
  border-spacing: 0;
  border-collapse: collapse;

  -webkit-user-select: none;

  user-select: none;
}
._DayPicker-NavBar_1vpzl_1,
._DayPicker-NavBar_1vpzl_1 span {
  font-family: Helvetica Neue, sans-serif;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 24px;
  text-align: center;

  color: #737E85;
}
._DayPicker-NavBar_1vpzl_1 > span {
  min-width: 110px;
  display: inline-block;
}
._DayPicker-NavButton_1vpzl_1 {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  border: 0;
  background: transparent;
  opacity: .54;
  transition: all .1s ease-in;
}
._DayPicker-NavButton_1vpzl_1:hover {
  opacity: 1;
}
._DayPicker-NavButton--prev_1vpzl_1 {
  margin-right: 15px;
  /*background-image: url("../../static/illustrations/component/sidebar/icon/22px/leftarrow.svg");*/
}
._DayPicker-NavButton--next_1vpzl_1 {
  margin-left: 14px;
  /* background-image: url("../../static/illustrations/component/sidebar/icon/22px/rightarrow.svg"); */
}
._DayPicker-NavButton--interactionDisabled_1vpzl_1 {
  display: none;
}
._DayPicker-Caption_1vpzl_1 {
  display: none
}
._DayPicker-Caption_1vpzl_1 > div {
  font-weight: 500;
  font-size: 1.15em;
}
._DayPicker-Weekdays_1vpzl_1 {
  display: table-header-group;
  margin-top: 1em;
}
._DayPicker-WeekdaysRow_1vpzl_1 {
  display: table-row;
}
._DayPicker-Weekday_1vpzl_1 {
  display: table-cell;
  padding: 0.5em;
  font-family: Helvetica Neue, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;

  /* grey/textalt */

  color: #737E85;
  text-align: center;
}
._DayPicker-Weekday_1vpzl_1 abbr[title] {
  border-bottom: none;
  text-decoration: none;
}
._DayPicker-Body_1vpzl_1 {
  display: table-row-group;
}
._DayPicker-Week_1vpzl_1 {
  display: table-row;
}
._DayPicker-Day_1vpzl_1 {
  display: table-cell;
  padding: 0.5em;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;

  font-family: Helvetica Neue;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  color: #A4A4A4;
}
._DayPicker-WeekNumber_1vpzl_1 {
  display: table-cell;
  padding: 0.5em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}
._DayPicker--interactionDisabled_1vpzl_1 ._DayPicker-Day_1vpzl_1 {
  cursor: default;
}
._DayPicker-Footer_1vpzl_1 {
  padding-top: 0.5em;
}
._DayPicker-TodayButton_1vpzl_1 {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4A90E2;
  font-size: 0.875em;
  cursor: pointer;
}
/* Default modifiers */
._DayPicker-Day--today_1vpzl_1,
._DayPicker-Day--testDay_1vpzl_1 {
  color: #FF6422 !important;
}
._DayPicker-Day--testDay_1vpzl_1 {
  font-weight: bold;
}
._DayPicker-Day--disabled_1vpzl_1 {
  color: #EAEAEA;
  cursor: default;
}
._DayPicker-Day--outside_1vpzl_1 {
  color: #E5E5E5;
}
._DayPicker-Day--selected_1vpzl_1:not(._DayPicker-Day--disabled_1vpzl_1):not(._DayPicker-Day--outside_1vpzl_1) {
  position: relative;
  background-color: #FF6422;
  color: #FFFFFF !important;
}
._DayPicker-Day--selected_1vpzl_1:not(._DayPicker-Day--disabled_1vpzl_1):not(._DayPicker-Day--outside_1vpzl_1):hover {
  background-color: #FF6422;
}
._DayPicker_1vpzl_1:not(._DayPicker--interactionDisabled_1vpzl_1)
._DayPicker-Day_1vpzl_1:not(._DayPicker-Day--disabled_1vpzl_1):not(._DayPicker-Day--selected_1vpzl_1):hover {
  background-color: #F8F8F8;
}
*:focus {
  outline: none;
}
input {
  -webkit-appearance: none;
}
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
/*
    HTML5 Reset :: style.css
    ----------------------------------------------------------
    We have learned much from/been inspired by/taken code where offered from:
    Eric Meyer                  :: http://meyerweb.com
    HTML5 Doctor                :: http://html5doctor.com
    and the HTML5 Boilerplate   :: http://html5boilerplate.com
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}
article, aside, figure, footer, header, nav, section, details, summary {
  display: block;
}
/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects
*/
img,
object,
embed {
  max-width: 100%;
}
/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
     In fact, it *will* cause problems with Google Maps' controls at small size.
    If this is the case for you, try uncommenting the following:
#map img {
        max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
/* html {overflow-y: scroll;}*/
/* we use a lot of ULs that aren't bulleted.
    don't forget to restore the bullets within content. */
ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
}
pre {
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
input[type=radio] {
  vertical-align: text-bottom;
}
input[type=checkbox] {
  vertical-align: bottom;
}
._ie7_1vpzl_166 input[type=checkbox] {
  vertical-align: baseline;
}
._ie6_1vpzl_170 input {
  vertical-align: text-bottom;
}
select, input, textarea {
  font: 99% sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
td, td img {
  vertical-align: top;
}
/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}
/* hand cursor on clickable elements */
._clickable_1vpzl_216,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0;
}
/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}
/* scale images in IE7 more attractively */
._ie7_1vpzl_166 img {
  -ms-interpolation-mode: bicubic;
}
/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
._clearfix_1vpzl_247:before, ._clearfix_1vpzl_247:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
._clearfix_1vpzl_247:after {
  clear: both;
}
._clearfix_1vpzl_247 {
  zoom: 1;
}
._application_1vpzl_262 {
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  color: rgb(85, 85, 85);
  background: #F9F9F9;
}
/*
 * Container
 */
._applicationAdminWarning_1vpzl_272 {
  padding: 20px;
  background-color: yellow;
  text-align: center;
}
._container_1vpzl_278 {
  box-sizing: border-box;
  transition: 0.25s ease-in-out;
  display: flex;
  flex-direction: column;
}
._containerlefDrawerOpen_1vpzl_284 {
  overflow: auto;
  transform: translateX(300px);
}
@media only screen and (max-width: 400px) {
  ._containerlefDrawerOpen_1vpzl_284 {
    transform: translateX(240px);
  }
}
._containerrightDrawerOpen_1vpzl_293 {
  overflow: auto;
  transform: translateX(-300px);
}
@media only screen and (max-width: 400px) {
  ._containerrightDrawerOpen_1vpzl_293 {
    transform: translateX(-240px);
  }
}
._containerWrapper_1vpzl_303 {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 100%;
}
._containerContent_1vpzl_310 {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  ._containerContent_1vpzl_310 {
    padding-left: 0;
    padding-right: 0;
  }
}
/*
 * Overlay
 */
._overlay_1vpzl_323 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  cursor: pointer;
  z-index: 999;
}
._overlayleftDrawerOpen_1vpzl_333 {
  visibility: visible;
  transform: translateX(300px);
}
@media only screen and (max-width: 400px) {
  ._overlayleftDrawerOpen_1vpzl_333 {
    transform: translateX(240px);
  }
}
._overlayleftDrawerOpen_1vpzl_333 {
  visibility: visible;
  transform: translateX(-300px);
}
@media only screen and (max-width: 400px) {
  ._overlayleftDrawerOpen_1vpzl_333 {
    transform: translateX(-240px);
  }
}
._content_1vpzl_352 {
  width: 100%;
  height: 100%;
}
._header_1vpzl_357 {
  display: flex;
  flex-direction: column;
}
._card_1vpzl_362 {
  overflow: hidden;
  margin: 15px 0 0;
  padding: 25px;
  background: #fff 50%;
  background-size: cover;
  border-radius: 5px;
  box-shadow: 8px 14px 38px rgba(39, 44, 49, 0.06), 1px 3px 8px rgba(39, 44, 49, 0.03);
  transition: all 0.5s ease;
  vertical-align: top;
}
._card_1vpzl_362:hover {
  box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07);
  transition: all 0.3s ease;
  transform: translate3D(0, -1px, 0);
}
._card_1vpzl_362 p {
  color: #433E40;
  margin: 0.5em 0 0;
}
._card_1vpzl_362 h2 {
  font-weight: 700;
  color: #444;
  margin: 0;
  display: block;
}
._section_1vpzl_389 {
  margin: 40px 0 10px 0;
}
@media only screen and (max-width: 768px) {
  ._section_1vpzl_389 {
    margin: 25px 0 10px 0;
    padding: 0 20px;
  }
}
._section_1vpzl_389 li {
  display: block;
  vertical-align: top;
}
._section_1vpzl_389 li a {
  display: inline-block;
  width: 100%;
  color: #000;
}
._section_1vpzl_389 li a span {
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
._sectiontitle_1vpzl_415 {
  display: block;
  margin-bottom: 4px;
  color: #7FB5D8;
  font-size: 0.75rem;
  line-height: 1.15em;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
._katexDisplay_1vpzl_426 {
  color: #555555;
  display: inline-block !important;
  margin: 0;
  font-size: 100%;
}
._katexDisplay_1vpzl_426 ._text_1vpzl_432 {
  font-size: 100%;
}
._appLayout_1vpzl_436 {
  flex-direction: row;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._background_wzzx6_8 {
  background-color: rgba(255, 255, 255, 0.5);
  position: fixed;
  z-index: 998;
  height: 100%;
  top: 0;
  width: 100%;
}
._drawer_wzzx6_17 {
  position: fixed;
  visibility: hidden;
  width: 300px;
  height: 100%;
  box-sizing: border-box;
  transition: 0.25s ease-in-out;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 999;
  background: #37A5E8;
  color: rgba(0, 0, 0, 0.6);
  transform: translateZ(0);
}
@media only screen and (max-width: 400px) {
  ._drawer_wzzx6_17 {
    width: 240px;
  }
}
._drawerleft_wzzx6_36 {
  transform: translateX(-300px);
}
@media only screen and (max-width: 400px) {
  ._drawerleft_wzzx6_36 {
    transform: translateX(-240px);
  }
}
._drawerleftopen_wzzx6_44 {
  transform: translateX(0);
}
._drawerright_wzzx6_47 {
  top: 0;
  transform: translateX(300px);
}
@media only screen and (max-width: 400px) {
  ._drawerright_wzzx6_47 {
    transform: translateX(400px);
  }
}
._drawerright_wzzx6_47:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 10px;
  height: 100%;
  box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.4);
}
._open_wzzx6_66 {
  visibility: visible;
  transform: translateX(150px);
}
._open_wzzx6_66 body {
  overflow: hidden;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._sideMenuItem_knrhu_8 {
  padding: 15px 30px;
  margin-bottom: 2px;
  background-color: #61A5D0;
}
._sideMenuItem_knrhu_8 ._button_knrhu_13 {
  display: block;
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 1px;
  text-decoration: none;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  color: #ffffff;
}
/*
 * Homepage
 */
._homepage_knrhu_33 {
  margin-top: 50px;
}
/*
 * Account
 */
._account_knrhu_40 {
  margin-top: 50px;
  box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.4);
}
._accountname_knrhu_45, ._accountsubscription_knrhu_45 {
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 1px;
  text-decoration: none;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  color: #ffffff;
}
._accountname_knrhu_45 {
  margin: 0 0 5px 0;
}
._accountsubscription_knrhu_45 {
  color: #2198E1;
}
._accountsubscriptionicon_knrhu_66 {
  margin: 0 8px 0 0;
  position: relative;
  top: 1px;
  display: inline-block;
  color: #2198E1;
}
._accountitemregister_knrhu_73, ._accountitemsubscribe_knrhu_73 {
  background: #2198E1;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._wrapper_1l7j1_8 {
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(147, 147, 147, 0.15);
  margin-right: 24px;
  padding: 0 14px;
  position: relative;
}
._wrapper_1l7j1_8 ._count_1l7j1_16 {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #239fe3;
  color: #FFF;
  right: -10px;
  bottom: -10px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
}
._wrapper_1l7j1_8 ._title_1l7j1_29 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #A4A4A4;
  line-height: 42px;
  position: relative;
}
._wrapper_1l7j1_8:hover ._title_1l7j1_29 {
  color: #777;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._menu_1x54d_8 {
  position: relative;
  padding-left: 31px;
  font-family: "Inter", sans-serif;
  display: flex;
  z-index: 999;
}
._menu_1x54d_8 ._wrapper_1x54d_15 {
  z-index: 1;
  display: flex;
  height: 42px;
  padding: 0 20px 0 31px;
  position: relative;
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(147, 147, 147, 0.15);
  line-height: 100%;
  align-items: center;
}
._menu_1x54d_8 ._workPoints_1x54d_27 {
  position: relative;
  padding-left: 28px;
  margin: 0 5px 0 15px;
  line-height: 42px;
}
._menu_1x54d_8 ._workPoints_1x54d_27 span {
  font-weight: 800;
  font-size: 15px;
  /* grey/lightblue */
  color: #737E85;
}
._menu_1x54d_8 ._workPoints_1x54d_27:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.91383%209.35862C3.74759%209.954%202.89595%2011.2469%202.20569%2012.8593C0.715993%2016.3391%202.94152%2019.2193%206.26673%2020.3562C7.30638%2020.7116%2010.2096%2021.1926%2017.2239%2019.0141C22.0933%2017.5018%2019.5611%2013.0491%2016.7201%208.05332C15.8229%206.47576%2014.895%204.84404%2014.1596%203.23364C14.1596%203.23364%2010.5567%200.00979016%209.54086%202.22397e-05V0H9.5363C9.53627%200%209.53624%200%209.53621%200H7.71481V0.593468H8.61266C7.87049%201.17987%207.27668%201.82041%207.24173%202.3081C7.20857%202.77087%207.47387%203.00226%207.47387%203.00226C7.47387%203.00226%207.00451%203.30239%206.91673%203.74269C6.73502%204.65414%209.00602%204.25174%209.00602%204.25174C9.00602%204.25174%209.60958%204.52939%2010.5382%204.80705C11.1948%205.00339%2011.7456%204.9551%2012.0239%204.89962C12.4882%204.80705%2012.7667%206.65815%2012.7667%206.65815V13.5534H12.0239C12.0239%2013.5534%2011.0218%2010.7281%208.71643%209.60963C7.63454%209.08475%206.71029%208.92101%205.91152%209.03906H4.60956V9.35862H4.91383Z'%20fill='%23FF9900'/%3e%3cpath%20d='M0.471676%2012.8593C1.75533%209.86071%203.59713%207.96727%206.98242%209.60963C9.28781%2010.7281%2010.2899%2013.5534%2010.2899%2013.5534H11.0327V6.65815C11.0327%206.65815%2010.7541%204.80705%2010.2899%204.89962C10.0116%204.9551%209.46074%205.00339%208.80414%204.80705C7.87557%204.52939%207.27201%204.25174%207.27201%204.25174C7.27201%204.25174%205.00101%204.65414%205.18272%203.74269C5.2705%203.30239%205.73986%203.00226%205.73986%203.00226C5.73986%203.00226%205.47456%202.77087%205.50772%202.3081C5.55415%201.66022%206.58686%200.7426%207.64343%200.0405005C8.33986%20-0.422281%2012.4256%203.23364%2012.4256%203.23364C15.4899%209.94382%2021.897%2017.0242%2015.4899%2019.0141C8.47562%2021.1926%205.57237%2020.7116%204.53272%2020.3562C1.2075%2019.2193%20-1.01802%2016.3391%200.471676%2012.8593Z'%20fill='%23FFC32B'/%3e%3cmask%20id='mask0'%20mask-type='alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='19'%20height='21'%3e%3cpath%20d='M0.471041%2012.8593C1.73186%209.83789%203.5965%207.96727%206.98178%209.60963C9.28718%2010.7281%2010.2892%2013.5534%2010.2892%2013.5534H11.0321V6.65815C11.0321%206.65815%2010.7535%204.80705%2010.2892%204.89962C10.0109%204.9551%209.46011%205.00339%208.8035%204.80705C7.87494%204.52939%207.27137%204.25174%207.27137%204.25174C7.27137%204.25174%205.00037%204.65414%205.18208%203.74269C5.26986%203.30239%205.73922%203.00226%205.73922%203.00226C5.73922%203.00226%205.47392%202.77087%205.50708%202.3081C5.55351%201.66022%206.58622%200.7426%207.64279%200.0405005C8.33922%20-0.422281%2012.4249%203.23364%2012.4249%203.23364C15.4892%209.94382%2021.8963%2017.0242%2015.4892%2019.0141C8.47498%2021.1926%205.57173%2020.7116%204.53208%2020.3562C1.20687%2019.2193%20-0.986732%2016.3526%200.471041%2012.8593Z'%20fill='%23FFC32B'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0)'%3e%3cpath%20d='M11.9453%206.1511C12.6755%204.54176%2010.0977%204.73395%209.01869%205.27149L7.59973%206.1511C8.94478%206.98185%2011.4294%207.28811%2011.9453%206.1511Z'%20fill='%23FFA826'/%3e%3cpath%20d='M7.75663%202.38526C8.33071%201.67488%205.84699%202.36807%204.84543%202.80933L3.5427%203.44671C4.91619%203.39279%207.35104%202.88715%207.75663%202.38526Z'%20fill='%23FFA826'/%3e%3cpath%20d='M10.9655%2017.0672C11.2994%2016.2957%207.96444%2018.232%205.7333%2016.597C3.50217%2014.962%202.75975%2010.1168%202.78835%2011.2693C3.01688%2020.4771%2010.4102%2018.3502%2010.9655%2017.0672Z'%20fill='%23FFA826'/%3e%3cpath%20d='M26.8445%20-5.34108C23.2416%200.913162%2012.6012%206.02612%208.08174%201.64359C4.95933%20-1.38421%206.07308%20-13.7409%206.07308%20-13.7409C6.07308%20-13.7409%2010.614%20-28.7146%2012.6904%20-28.7146C14.7668%20-28.7146%2032.2478%20-14.7208%2026.8445%20-5.34108Z'%20fill='%23FFD93B'/%3e%3ccircle%20cx='-0.592366'%20cy='12.8739'%20r='8.99333'%20fill='%23FFD93B'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}
._menu_1x54d_8 ._firstName_1x54d_51 {
  position: relative;
  padding: 0 20px 0 10px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15) 0.1s;
  white-space: nowrap;
}
._menu_1x54d_8 ._firstName_1x54d_51 span {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #A4A4A4;
  line-height: 42px;
  position: relative;
  top: 2px;
}
._menu_1x54d_8 ._firstName_1x54d_51:hover span {
  color: #777;
}
._menu_1x54d_8 ._firstName_1x54d_51:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 12px;
  height: 100%;
  background-image: url("data:image/svg+xml,%3csvg%20width='13'%20height='12'%20viewBox='0%200%2013%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0)'%3e%3cpath%20d='M11.7051%205.65488L10.8381%204.80005L7.41094%208.17907L6.79734%208.83028L6.18404%208.17907L2.7569%204.80005L1.88989%205.65488L6.79749%2010.4936L11.7051%205.65488Z'%20fill='%23CACACA'%20stroke='%23CACACA'%20stroke-width='0.5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0'%3e%3crect%20x='12.8828'%20width='12'%20height='12.1709'%20transform='rotate(90%2012.8828%200)'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
._menu_1x54d_8._student_1x54d_82 ._grade_1x54d_82, ._menu_1x54d_8._student_1x54d_82:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
._menu_1x54d_8._student_1x54d_82:before {
  border-radius: 50%;
  content: "";
  width: 60px;
  height: 60px;
  box-shadow: 0 4px 20px rgba(147, 147, 147, 0.15);
}
._menu_1x54d_8 ._grade_1x54d_82 {
  z-index: 1;
  cursor: pointer;
}
._menu_1x54d_8 ._userLinks_1x54d_99,
._menu_1x54d_8 ._gradeDetails_1x54d_100 {
  position: absolute;
  z-index: 999;
  background: #FFFFFF;
  top: 100%;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(147, 147, 147, 0.15);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15) 0.1s;
}
._menu_1x54d_8 ._userLinks_1x54d_99:before,
._menu_1x54d_8 ._gradeDetails_1x54d_100:before {
  position: absolute;
  content: "";
  top: -8px;
  border: 8px solid transparent;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
._menu_1x54d_8 ._userLinks_1x54d_99 {
  padding: 0;
  right: 0;
}
._menu_1x54d_8 ._userLinks_1x54d_99 a {
  padding: 0 22px;
  font-size: 15px;
  line-height: 42px;
  color: #A4A4A4;
  font-family: "Inter", sans-serif;
  white-space: nowrap;
}
._menu_1x54d_8 ._userLinks_1x54d_99 ._logOut_1x54d_132 {
  padding: 0 22px;
  font-size: 15px;
  line-height: 42px;
  color: #A4A4A4;
  font-family: "Inter", sans-serif;
  white-space: nowrap;
  cursor: pointer;
}
._menu_1x54d_8 ._userLinks_1x54d_99 ._linkSeparator_1x54d_141 {
  height: 1px;
  background: #EFEFEF;
  margin: 0 12px;
}
._menu_1x54d_8 ._userLinks_1x54d_99:before {
  right: 16px;
}
._menu_1x54d_8 ._gradeDetails_1x54d_100 {
  left: 0;
  max-width: 100%;
  padding: 14px;
  font-size: 15px;
  color: #A4A4A4;
  line-height: 22px;
  font-family: "Inter", sans-serif;
}
._menu_1x54d_8 ._gradeDetails_1x54d_100:before {
  left: 23px;
}
._menu_1x54d_8 ._grade_1x54d_82:hover + ._gradeDetails_1x54d_100,
._menu_1x54d_8 ._gradeDetails_1x54d_100:hover {
  transform: translate(0, 24px);
  opacity: 1;
  visibility: visible;
}
._menu_1x54d_8 ._firstName_1x54d_51:hover + ._userLinks_1x54d_99,
._menu_1x54d_8 ._userLinks_1x54d_99:hover {
  transform: translateY(16px);
  opacity: 1;
  visibility: visible;
}@keyframes _slideUp_yw3x5_1 {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
._wrapper_yw3x5_11 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  z-index: 999999999;
  animation: _slideUp_yw3x5_1 0.4s;
}
._wrapper_yw3x5_11._enterDone_yw3x5_26 {
  opacity: 1;
  pointer-events: visible;
}
._wrapper_yw3x5_11._enterDone_yw3x5_26 ._modal_yw3x5_30 {
  transform: translateY(0);
}
._wrapper_yw3x5_11._exit_yw3x5_33 {
  opacity: 0;
}
._wrapper_yw3x5_11._exit_yw3x5_33 ._modal_yw3x5_30 {
  transform: translateY(-200px);
}
._modal_yw3x5_30 {
  background: linear-gradient(145deg, #ffffff, #f9f9f9);
  border-radius: 10px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1);
  width: 90%;
  max-width: 540px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  overflow: auto;
  max-height: 95vh;
}
@media screen and (max-width: 480px) {
  ._modal_yw3x5_30 {
    width: 100%;
    border-radius: 0;
    height: 100vh;
  }
}
._modal_yw3x5_30::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: #FFD31E;
}
._closeButton_yw3x5_67 {
  position: absolute;
  top: 24px;
  right: 24px;
  background: none;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  background-color: #f1f1f1;
}
._closeButton_yw3x5_67:hover {
  background-color: #e5e5e5;
}
._badge_yw3x5_87 {
  display: inline-block;
  background-color: #FFF0C1;
  color: #A05E03;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 16px;
}
._content_yw3x5_98 {
  padding: 40px;
}
._actions_yw3x5_102 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._actions_yw3x5_102 > a {
  background: #FFD31E;
  color: #333;
  border: none;
  padding: 16px 20px;
  border-radius: 14px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 8px 15px rgba(255, 211, 30, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
._actions_yw3x5_102 > a:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(255, 211, 30, 0.4);
}
._title_yw3x5_127 {
  margin: 0 0 8px 0;
  font-size: 28px;
  font-weight: 700;
  color: #292D32;
  line-height: 1.2;
}
._subtitle_yw3x5_135 {
  color: #64748B;
  font-size: 16px;
  margin-bottom: 32px;
  line-height: 1.5;
}
._features_yw3x5_142 {
  margin: 30px 0;
}
._featureItem_yw3x5_146 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
._featureItemIcon_yw3x5_151 {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #FFF0C1, #FFD31E);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  flex-shrink: 0;
  box-shadow: 0 4px 8px rgba(255, 211, 30, 0.3);
}
._featureItemText_yw3x5_163 {
  flex: 1;
}
._featureItemTitle_yw3x5_166 {
  font-weight: 600;
  margin-bottom: 4px;
}
._featureItemDesc_yw3x5_170 {
  color: #64748B;
  font-size: 14px;
  line-height: 1.4;
}
._illustration_yw3x5_176 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
  position: relative;
}
._illustrationBg_yw3x5_183 {
  width: 200px;
  height: 200px;
  background: linear-gradient(135deg, #FFF0C1, #FFD31E);
  border-radius: 24px;
  position: relative;
  transform: rotate(-5deg);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 15px 30px rgba(255, 211, 30, 0.2), 0 0 0 1px rgba(255, 211, 30, 0.1);
}
._illustrationTeacher_yw3x5_195 {
  font-size: 60px;
  position: relative;
}
._illustrationSymbols_yw3x5_199 {
  position: absolute;
  top: -15px;
  right: -15px;
  background: white;
  width: 80px;
  height: 80px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: bold;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  transform: rotate(10deg);
}._container_z38t5_1 {
  width: 100%;
}

._banner_z38t5_5 {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  height: 54px;
  position: relative;
}

._banner_z38t5_5:hover > ._wrapper_z38t5_12 {
  animation-play-state: paused;
}

@keyframes _rotateTextUp_z38t5_1 {
  0% {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    z-index: 0;
  }
  1.8%, 48.5% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 10;
  }
  50% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
    z-index: 0;
  }
}

._wrapper_z38t5_12 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  opacity: 0;
  color: rgb(48, 48, 48);
  font-size: 0.95rem;
  line-height: 1.5;
  font-family: sans-serif;
  align-items: stretch;
  background: #fff;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}

._wrapper_z38t5_12:nth-of-type(1) {
  animation: _rotateTextUp_z38t5_1 10s 0s ease-in-out infinite;
}

._wrapper_z38t5_12:nth-of-type(1) ._title_z38t5_57 {
  background-color: #ffd31e;
}

._wrapper_z38t5_12:nth-of-type(2) {
  animation: _rotateTextUp_z38t5_1 10s 5s ease-in-out infinite;
}

._title_z38t5_57 {
  background: #ffa24c;
  padding: 0.95rem 1.4rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
  color: #463a0a;
  font-weight: 600;
}

@keyframes _arrow-bounce_z38t5_1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}

._text_z38t5_85 {
  padding: 0.95rem 1.4rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

._text_z38t5_85 a {
  color: rgb(61, 61, 61);
  font-weight: 600;
  white-space: nowrap;
  display: flex;
  align-items: center;
  transition: color 0.3s ease;
  margin-left: 12px;
}

._text_z38t5_85 a:hover {
  color: #000;
}

._text_z38t5_85 span {
  animation: _arrow-bounce_z38t5_1 1.5s infinite;
}

._inHeader_z38t5_107 {
  padding: 12px;
}

._collapsed_z38t5_111 {
  display: none;
}

@media screen and (max-width: 768px) {
  ._wrapper_z38t5_12 {
    flex-direction: column;
  }
  ._banner_z38t5_5 {
    height: 160px;
  }
  ._inHeader_z38t5_107 {
    padding: 12px;
  }
  ._text_z38t5_85 {
    text-align: left;
    justify-content: flex-start;
    flex-direction: column;
  }
  ._text_z38t5_85 a {
    margin-top: 0.6em;
    margin-left: 0;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._newHeader_f3w6a_8 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 24px;
  padding: 24px 80px 24px 168px;
  background: #F8F9FB;
}
@media only screen and (max-width: 768px) {
  ._newHeader_f3w6a_8 {
    padding: 10px 20px;
  }
}
._userHeader_f3w6a_22 {
  display: flex;
}
._userHeader_f3w6a_22 > *:nth-child(n+2) {
  margin-left: 20px;
}
._desktopHeaderLinkButton_f3w6a_29 {
  background-color: #239fe3;
  border-radius: 5px;
  transition: 0.5s background ease;
}
._desktopHeaderLinkButton_f3w6a_29 a {
  padding: 0 30px;
  display: inline-block;
  transition: 0.5s color ease;
}
._desktopHeaderLinkButton_f3w6a_29:hover {
  background: #a5a5a5;
}
._desktopHeaderLinkButton_f3w6a_29:hover a {
  color: #ffffff !important;
}
._Button_f3w6a_46 {
  vertical-align: middle;
  cursor: pointer;
  min-width: 200px;
  text-align: center;
  height: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}
._ButtonLogin_f3w6a_56 {
  background: #239fe3;
}
._ButtonLogin_f3w6a_56 a {
  font-family: "HK Grotesk", sans-serif;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  letter-spacing: 1px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  color: #ffffff;
  opacity: 0.85;
  transition: opacity 0.2s linear;
  font-weight: 600;
}
._ButtonLogin_f3w6a_56 a span {
  font-weight: 600;
}
._ButtonLogin_f3w6a_56 a:hover {
  opacity: 1;
}
@media (max-width: 1170px) {
  ._newHeader_f3w6a_8 {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
@media (max-width: 768px) {
  ._userHeader_f3w6a_22 {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 10px;
  }
  ._subscriptionButton_f3w6a_98 {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._header_xk96d_8 {
  background: #239fe3;
  transition: top 0.4s linear;
  top: -73px;
}
._headerbackgroundVisible_xk96d_13 {
  background: #239fe3;
  position: fixed;
  z-index: 9999;
  width: 100%;
}
._headerfixed_xk96d_19 {
  position: fixed;
  z-index: 9999;
  width: 100%;
  box-shadow: 0 0 0 1px #ebf0f5;
}
._desktopHeader_xk96d_26 {
  display: flex;
  justify-content: center;
  flex: auto 1;
  height: 82px;
}
._desktopHeaderContainer_xk96d_32 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 14px 24px;
}
@media only screen and (min-width: 1240px) {
  ._desktopHeaderContainer_xk96d_32 {
    padding: 14px 0 14px 0;
  }
}
._desktopHeaderRow_xk96d_46 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
._desktopHeaderContainerLeftColumn_xk96d_53 {
  display: flex;
  align-self: center;
}
._desktopHeaderContainerRightColumn_xk96d_58 {
  flex: 1;
  text-align: right;
}
/*
 * Logo & Buttons
 */
._desktopHeaderAccount_xk96d_66 {
  display: flex;
  align-self: center;
}
._desktopHeaderLogo_xk96d_71 {
  width: 75px;
  height: 45px;
  background-size: contain;
  background: url("/assets/logo-jai20enmaths-BBjrZf0C.svg") no-repeat;
  display: inline-block;
}
._desktopHeaderLogoLink_xk96d_78 {
  height: 45px;
  display: inline-block;
  align-self: center;
  opacity: 1 !important;
}
/*
 * Account & Cart
 */
._desktopHeaderLinkButton_xk96d_88 {
  background-color: #239fe3;
  border-radius: 50px;
  transition: 0.5s background ease;
}
._desktopHeaderLinkButton_xk96d_88 a {
  padding: 0 30px;
  display: inline-block;
  transition: 0.5s color ease;
}
._desktopHeaderLinkButton_xk96d_88:hover {
  background: #a5a5a5;
}
._desktopHeaderLinkButton_xk96d_88:hover a {
  color: #ffffff !important;
}
._desktopHeaderCenteredContainer_xk96d_105 {
  text-align: center;
}
._desktopHeaderLink_xk96d_88 {
  margin: 0 0 0 20px;
}
._desktopHeaderSubscribeButton_xk96d_113, ._desktopHeaderRegisterButton_xk96d_113 {
  background-color: #239fe3;
  transition: 0.5s background ease;
  display: inline-block;
  margin: 40px auto 0;
}
._desktopHeaderSubscribeButton_xk96d_113 a, ._desktopHeaderRegisterButton_xk96d_113 a {
  font-family: "HK Grotesk", sans-serif;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  letter-spacing: 1px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  color: #ffffff;
  opacity: 0.85;
  transition: opacity 0.2s linear;
  font-weight: 600;
}
._desktopHeaderSubscribeButton_xk96d_113 a span, ._desktopHeaderRegisterButton_xk96d_113 a span {
  font-weight: 600;
}
._desktopHeaderSubscribeButton_xk96d_113 a:hover, ._desktopHeaderRegisterButton_xk96d_113 a:hover {
  opacity: 1;
}
._desktopHeaderButton_xk96d_145 {
  vertical-align: middle;
  margin: auto auto auto 30px;
  cursor: pointer;
  min-width: 200px;
  text-align: center;
}
._desktopHeaderButtonLogin_xk96d_152 {
  background: rgba(0, 0, 0, 0.1);
}
._desktopHeaderButtonLogin_xk96d_152 div {
  font-family: "HK Grotesk", sans-serif;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  letter-spacing: 1px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  color: #ffffff;
  opacity: 0.85;
  transition: opacity 0.2s linear;
  font-weight: 600;
}
._desktopHeaderButtonLogin_xk96d_152 div span {
  font-weight: 600;
}
._desktopHeaderButtonLogin_xk96d_152 div:hover {
  opacity: 1;
}
._desktopHeader_xk96d_26 a {
  font-family: "HK Grotesk", sans-serif;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  letter-spacing: 1px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  color: #ffffff;
  opacity: 0.85;
  transition: opacity 0.2s linear;
  font-weight: 600;
}
._desktopHeader_xk96d_26 a span {
  font-weight: 600;
}
._desktopHeader_xk96d_26 a:hover {
  opacity: 1;
}
._desktopHeaderAccountActions_xk96d_207 {
  position: relative;
  text-align: right;
}
._desktopHeaderAccountActions_xk96d_207:hover ._desktopHeaderAccountLinks_xk96d_211 {
  visibility: visible;
  opacity: 1;
}
._desktopHeaderAccountActions_xk96d_207:hover ._desktopHeaderAccountName_xk96d_215 {
  opacity: 1;
}
._desktopHeaderAccountName_xk96d_215 {
  font-size: 17px;
  color: #afe1ff;
  white-space: nowrap;
  cursor: pointer;
  font-family: "HK Grotesk", sans-serif;
  letter-spacing: 1px;
  display: flex;
  line-height: 42px;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-rendering: auto;
  text-shadow: none;
  opacity: 0.85;
  transition: opacity 0.2s linear;
  font-weight: 600;
}
._desktopHeaderAccountName_xk96d_215:hover {
  color: #ffffff;
}
._desktopHeaderAccountName_xk96d_215 span {
  font-weight: 600;
}
._desktopHeaderAccountArrow_xk96d_243 {
  margin: 0 0 0 10px;
}
._desktopHeaderAccountLinks_xk96d_211 {
  position: absolute;
  top: 42px;
  right: 4px;
  width: 190px;
  z-index: 999;
  overflow: hidden;
  padding: 10px 0;
  background: #ffffff;
  border-radius: 10px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
  text-align: right;
}
._desktopHeaderAccountLinks_xk96d_211 li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -webkit-user-select: none;
          user-select: none;
}
._desktopHeaderAccountLinks_xk96d_211 li:hover {
  color: #239fe3;
  background: #dbf1ff;
}
._desktopHeaderAccountLinks_xk96d_211 li ._dropdownLink_xk96d_271 {
  width: 100%;
  padding: 12px;
  white-space: nowrap;
  font-weight: 500;
  cursor: pointer;
  font-family: "HK Grotesk", sans-serif;
  font-size: 15px;
  line-height: 19px;
  color: #989898;
}
._desktopHeaderAccountLinks_xk96d_211 li ._dropdownLink_xk96d_271:hover {
  color: #239fe3;
}
._desktopHeaderAccountSubscription_xk96d_285 {
  color: #f47475;
}
._desktopHeaderAccountSubscription_xk96d_285._iconStar_xk96d_288, ._desktopHeaderAccountSubscription_xk96d_285._iconShield_xk96d_288 {
  font-size: 16px;
  margin: -3px 10px 0 0;
  display: inline-block;
  top: 4px;
  position: relative;
}
._desktopHeaderAccountSubscriptionTitle_xk96d_295 {
  color: #f47475;
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 600;
}
._desktopHeaderFreeChapterButton_xk96d_314 {
  background-color: #f47475;
  border-radius: 3px 3px 3px 3px;
  transition: 0.5s background ease;
  display: inline-block;
  position: relative;
  z-index: 9;
  cursor: pointer;
}
._desktopHeaderFreeChapterButton_xk96d_314 span, ._desktopHeaderFreeChapterButtonLevelsItem_xk96d_323 {
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 24px;
  color: #ffffff;
  transition: color 0.2s linear;
}
._desktopHeaderFreeChapterButton_xk96d_314 i._iconDown_xk96d_343 {
  margin: 0 0 0 15px;
}
._desktopHeaderFreeChapterButton_xk96d_314 span > span {
  padding: 0;
}
._desktopHeaderFreeChapterButton_xk96d_314:hover {
  background: #a5a5a5;
}
._desktopHeaderFreeChapterButton_xk96d_314:hover span {
  color: #ffffff;
}
._desktopHeaderFreeChapterButton_xk96d_314:hover > div {
  visibility: visible;
  opacity: 1;
}
._desktopHeaderFreeChapterButton_xk96d_314:hover + h3,
._desktopHeaderFreeChapterButton_xk96d_314:hover + h3 + ._schoolLevelsList_xk96d_360 {
  visibility: hidden;
}
._desktopHeaderFreeChapterButtonLevels_xk96d_323 {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  padding-top: 20px;
  transition: 1s opacity ease;
  z-index: 99;
  width: 100%;
}
._desktopHeaderFreeChapterButtonLevelsList_xk96d_372 {
  background-color: #ffffff;
  border-radius: 3px 3px 3px 3px;
  position: relative;
}
._desktopHeaderFreeChapterButtonLevelsList_xk96d_372:before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  position: absolute;
  content: "";
  right: 20px;
  top: -10px;
}
._desktopHeaderFreeChapterButtonLevelsItem_xk96d_323 {
  width: 100%;
  transition: 0.5s background ease;
  padding: 0;
}
._desktopHeaderFreeChapterButtonLevelsItem_xk96d_323:first-child {
  border-radius: 3px 3px 0 0;
}
._desktopHeaderFreeChapterButtonLevelsItem_xk96d_323:last-child {
  border-radius: 0 0 3px 3px;
}
._desktopHeaderFreeChapterButtonLevelsItem_xk96d_323 a {
  color: #239fe3;
  text-decoration: none;
  padding: 0 15px;
  display: block;
  width: 100%;
  font-size: 10px;
  transition: 0.5s color ease;
}
._desktopHeaderFreeChapterButtonLevelsItem_xk96d_323:hover {
  background: #239fe3;
}
._desktopHeaderFreeChapterButtonLevelsItem_xk96d_323:hover a {
  color: #ffffff;
}
@media only screen and (min-width: 1240px) {
  ._applicationLayoutApplication_xk96d_414 ._desktopHeader_xk96d_26,
  ._applicationLayoutAccount_xk96d_415 ._desktopHeader_xk96d_26 {
    padding: 14px 24;
  }
}
._applicationLayoutApplication_xk96d_414 ._desktopHeader_xk96d_26,
._applicationLayoutAccount_xk96d_415 ._desktopHeader_xk96d_26 {
  flex-direction: row;
}
._applicationLayoutApplication_xk96d_414 ._desktopHeaderContainer_xk96d_32,
._applicationLayoutAccount_xk96d_415 ._desktopHeaderContainer_xk96d_32 {
  flex-direction: row;
}
._applicationLayoutApplication_xk96d_414 ._desktopHeaderContainerRightColumn_xk96d_58, ._applicationLayoutApplication_xk96d_414 ._desktopHeaderContainerLeftColumn_xk96d_53,
._applicationLayoutAccount_xk96d_415 ._desktopHeaderContainerRightColumn_xk96d_58,
._applicationLayoutAccount_xk96d_415 ._desktopHeaderContainerLeftColumn_xk96d_53 {
  flex: 2;
}
._applicationLayoutApplication_xk96d_414 ._desktopHeaderContainerCenterColumn_xk96d_432,
._applicationLayoutAccount_xk96d_415 ._desktopHeaderContainerCenterColumn_xk96d_432 {
  align-self: center;
}
._registerButton_xk96d_437 {
  background: #ffffff;
  border: 2px solid #ffffff;
  box-sizing: border-box;
  font-weight: 500;
  box-shadow: 0 2px 12px rgba(9, 119, 186, 0.3);
  border-radius: 10px;
  padding: 12px 32px;
  line-height: 21px;
  color: #0188da !important;
}
._applicationLayoutAccount_xk96d_415 ._desktop-header_xk96d_449 {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
._applicationLayoutAccount_xk96d_415 ._desktopHeaderContainerLeftColumn_xk96d_53 {
  display: flex;
  justify-content: flex-start;
  min-width: 240px;
  align-self: center;
}
._applicationLayoutApplication_xk96d_414 ._desktopHeaderContainer_xk96d_32 {
  max-width: none;
}
._mobileMenu_xk96d_465 {
  display: none;
}
._sticky_xk96d_469 {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
}
._navigationLinks_xk96d_476 > li {
  display: inline-block;
  line-height: 22px;
  padding: 0 1rem;
  white-space: nowrap;
}
._navigationLinks_xk96d_476 > li > a {
  color: #f6f6f7;
  font-size: 16px;
  text-decoration: none;
}
._navigationLinks_xk96d_476 > li > a:hover {
  color: #ffffff;
}
@media (max-width: 768px) {
  ._desktopHeaderContainerRightColumn_xk96d_58 {
    display: none;
  }
  ._mobileMenu_xk96d_465 {
    max-width: 48px;
    height: 48px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2198e1;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
  }
  ._mobileMenu_xk96d_465 i {
    background: #0872b2;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    margin-right: 4px;
  }
  ._mobileMenu_xk96d_465 i:last-of-type {
    margin-right: 0;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
@keyframes _tips-diag-right_inghz_1 {
  to {
    opacity: 1;
    transform: translate(0, -50%);
  }
}
._header_inghz_14 {
  background: #37A5E8;
  transition: 0.5s background ease;
}
._headerbackgroundVisible_inghz_18 {
  background: #37A5E8;
  position: fixed;
  z-index: 9999;
  width: 100%;
}
._headerfixed_inghz_24 {
  position: fixed;
  z-index: 9999;
  width: 100%;
}
._leftMenu_inghz_30 {
  min-width: 88px;
  max-width: 88px;
  height: 100vh;
  text-align: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  padding: 24px 0;
  background: #00C2FF;
}
@media only screen and (max-width: 768px) {
  ._leftMenu_inghz_30 {
    bottom: 0;
    right: 0;
    padding: 0;
    height: 64px;
    top: initial;
    max-width: initial;
  }
}
._leftMenulogolink_inghz_52 {
  width: 70px;
  height: 44px;
  display: inline-block;
  opacity: 1 !important;
  background: #FFF;
  -webkit-mask-image: url("/assets/logo-jai20enmaths-BBjrZf0C.svg");
          mask-image: url("/assets/logo-jai20enmaths-BBjrZf0C.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  ._leftMenulogolink_inghz_52 {
    display: none;
  }
}
._leftMenunavigation_inghz_68 {
  margin-top: 100px;
}
@media only screen and (max-width: 768px) {
  ._leftMenunavigation_inghz_68 {
    margin: 0 auto;
  }
}
._leftMenunavigation_inghz_68 li {
  position: relative;
}
@media only screen and (max-width: 768px) {
  ._leftMenunavigation_inghz_68 li {
    display: inline-block;
  }
}
._leftMenunavigation_inghz_68 li::before, ._leftMenunavigation_inghz_68 li::after {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  top: 50%;
  transform: translate(-0.5em, -50%);
  z-index: 9999;
}
._leftMenunavigation_inghz_68 li::before {
  content: "";
  border: 5px solid transparent;
  border-left-width: 0;
  border-right-color: #404D60;
  right: -5px;
}
._leftMenunavigation_inghz_68 li::after {
  font-family: "HK Grotesk Regular", sans-serif;
  font-size: 14px;
  content: attr(data-tooltip);
  background: #404D60;
  color: #F9F9F9;
  left: calc(100% + 5px);
  line-height: 36px;
  padding: 0 12px;
  white-space: nowrap;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
._leftMenunavigation_inghz_68 li:hover::after, ._leftMenunavigation_inghz_68 li:hover::before {
  animation: _tips-diag-right_inghz_1 150ms cubic-bezier(0.5, 0, 0.6, 1.3) 1ms forwards;
}
._leftMenunavigation_inghz_68 a {
  height: 88px;
  width: 88px;
  transition: all 0.2s ease-in-out;
  display: block;
  background-color: transparent;
  border-left: 4px solid transparent;
}
@media only screen and (max-width: 768px) {
  ._leftMenunavigation_inghz_68 a {
    height: 64px;
    width: 64px;
    background-position: center;
    border: 0;
  }
}
._leftMenunavigation_inghz_68 a._dashboard_inghz_132 {
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M21.9055%200H1V1.8607H21.9055V0ZM20.3731%203.17412H2.53234V16.0895H10.7413V17.5152C9.82005%2017.8148%209.15419%2018.6804%209.15419%2019.7015C9.15419%2020.9709%2010.1833%2022%2011.4527%2022C12.7221%2022%2013.7512%2020.9709%2013.7512%2019.7015C13.7512%2018.6804%2013.0853%2017.8148%2012.1642%2017.5152V16.0895H20.3731V3.17412ZM12.4378%2019.7015C12.4378%2020.2455%2011.9967%2020.6866%2011.4527%2020.6866C10.9087%2020.6866%2010.4676%2020.2455%2010.4676%2019.7015C10.4676%2019.1574%2010.9087%2018.7164%2011.4527%2018.7164C11.9967%2018.7164%2012.4378%2019.1574%2012.4378%2019.7015Z'%20fill='white'/%3e%3c/svg%3e");
}
._leftMenunavigation_inghz_68 a._plannings_inghz_135 {
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='2.89476'%20width='20.8421'%20height='3.01053'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1%206.82762H21.8079V22H1V6.82762ZM3.38425%209.9704H6.41874V13.0049H3.38425V9.9704ZM12.9212%209.97041H9.77839V13.0049H12.9212V9.97041ZM16.2807%209.97041H19.4236V13.0049H16.2807V9.97041ZM6.41871%2015.8227H3.38423V18.8572H6.41871V15.8227ZM9.77839%2015.8227H12.9212V18.8572H9.77839V15.8227ZM19.4236%2015.8227H16.2807V18.8572H19.4236V15.8227Z'%20fill='white'/%3e%3crect%20x='4.79297'%20width='3.14286'%20height='3.46798'%20fill='white'/%3e%3crect%20x='14.8721'%20width='3.14286'%20height='3.46798'%20fill='white'/%3e%3c/svg%3e");
}
._leftMenunavigation_inghz_68 a._level_inghz_138 {
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.98488%200H3.22144C1.99457%200%201%200.987345%201%202.2053V16.7602V16.7603V17.3903C1.68328%2016.441%202.80044%2015.8225%204.06264%2015.8225H20.1044V0H8.96984V6.2118L6.97736%204.88808L4.98488%206.2118V0ZM20.1044%2017.1463H4.06264C2.71689%2017.1463%201.62595%2018.2328%201.62595%2019.5731C1.62595%2020.9134%202.71689%2021.9999%204.06264%2021.9999H20.1044V17.1463Z'%20fill='white'/%3e%3c/svg%3e");
}
._leftMenunavigation_inghz_68 a._account_inghz_141 {
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.8358%209.125C13.3556%209.125%2015.3983%207.0823%2015.3983%204.5625C15.3983%202.0427%2013.3556%200%2010.8358%200C8.31602%200%206.27332%202.0427%206.27332%204.5625C6.27332%207.0823%208.31602%209.125%2010.8358%209.125ZM19.5031%2017.125C19.5031%2014.4075%2017.7687%2012.095%2015.3465%2011.2342C15.1775%2014.0659%2016.8603%2016.6964%2019.5031%2017.7296V17.125ZM19.5031%2019.7098C15.6356%2018.5662%2013.1399%2014.8522%2013.4927%2010.8795C13.4132%2010.8765%2013.3333%2010.875%2013.2531%2010.875H8.25C8.17077%2010.875%208.09188%2010.8765%208.01336%2010.8794C8.3664%2014.8532%205.86926%2018.5681%202%2019.7107V22H19.5031V19.7098ZM2%2017.7308V17.125C2%2014.4064%203.7358%2012.0931%206.15958%2011.2331C6.32912%2014.0664%204.64482%2016.6983%202%2017.7308Z'%20fill='white'/%3e%3c/svg%3e");
}
._leftMenunavigation_inghz_68 a._exercisesSheet_inghz_144 {
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='27'%20viewBox='0%200%2021%2027'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.4%2020.9125V1.4H15.6625V3.9375H17.0625V1C17.0625%200.447715%2016.6148%200%2016.0625%200H1C0.447715%200%200%200.447715%200%201V21.3125C0%2021.8648%200.447715%2022.3125%201%2022.3125H3.9375V20.9125H1.4Z'%20fill='%23FFF'/%3e%3cmask%20id='path-2-inside-1_7169_58404'%20fill='white'%3e%3crect%20x='3.9375'%20y='3.9375'%20width='17.0625'%20height='22.3125'%20rx='1'/%3e%3c/mask%3e%3crect%20x='3.9375'%20y='3.9375'%20width='17.0625'%20height='22.3125'%20rx='1'%20stroke='%23FFF'%20stroke-width='2.8'%20stroke-linejoin='round'%20mask='url(%23path-2-inside-1_7169_58404)'/%3e%3cline%20x1='8.375'%20y1='10'%20x2='16.5625'%20y2='10'%20stroke='%23FFF'%20stroke-linecap='round'/%3e%3cline%20x1='8.375'%20y1='13.9375'%20x2='16.5625'%20y2='13.9375'%20stroke='%23FFF'%20stroke-linecap='round'/%3e%3cline%20x1='8.375'%20y1='17.875'%20x2='16.5625'%20y2='17.875'%20stroke='%23FFF'%20stroke-linecap='round'/%3e%3c/svg%3e");
}
._leftMenunavigation_inghz_68 a._notifications_inghz_147 {
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.5%200C10.8196%200%2010.2681%200.562842%2010.2681%201.25714V1.87843C7.25123%202.4663%204.97102%205.17283%204.97102%208.42286V15.0245C3.84236%2015.2867%203%2016.3171%203%2017.5482V18.6057L7.06522%2018.6057L8.05289%2018.6057H14.9471L18.029%2018.6057L20%2018.6057V17.5482C20%2016.3171%2019.1576%2015.2867%2018.029%2015.0245V8.42286C18.029%205.17282%2015.7488%202.46628%2012.7319%201.87842V1.25714C12.7319%200.562843%2012.1803%200%2011.5%200ZM11.5%2022C10.029%2022%208.77313%2021.0603%208.27721%2019.7371H14.7228C14.2269%2021.0603%2012.971%2022%2011.5%2022Z'%20fill='white'/%3e%3c/svg%3e");
}
._leftMenunavigation_inghz_68 a {
  background-repeat: no-repeat;
  background-position: center left 28px;
  opacity: 0.7;
}
._leftMenunavigation_inghz_68 a:hover, ._leftMenunavigation_inghz_68 a._active_inghz_155 {
  background-color: #40DAB9;
  opacity: 1;
}
._leftMenunavigation_inghz_68 a._active_inghz_155 {
  border-color: #F4F4F4;
}#crisp-chatbox > div > a[role=button] {
  display: none !important;
}

@keyframes _revealCloseIcon_1ox7k_1 {
  0% {
    opacity: 0;
    transform: rotate(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0);
  }
}

._unreadCount_1ox7k_15 {
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: red;
  color: white;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  z-index: 99999999;
}

._button_1ox7k_31 {
  position: fixed;
  bottom: 20px;
  right: 24px;
  width: 60px;
  height: 60px;
  border: none;
  background-color: #FFD31E;
  z-index: 99999999;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: scale 0.15s ease-in-out;
}

@media (max-width: 480px), (max-height: 600px) {
  ._button_1ox7k_31[data-opened=true] {
    display: none;
  }
}

._button_1ox7k_31[data-unread=true] {
  border: 1px solid red;
}

._button_1ox7k_31:hover {
  scale: 1.05;
}

._button_1ox7k_31::before {
  content: "";
  background-image: url("/assets/chat-button-4JfnMgRH.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 96px;
  height: 96px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: 0.15s ease-in-out;
}

._button_1ox7k_31[data-opened=true]::before {
  opacity: 0;
  visibility: hidden;
}

._closeIcon_1ox7k_77 {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjM5OSAyLjA0YTEuMzM0IDEuMzM0IDAgMDAtMi4yOS0uOTNsLTcuMDU2IDcuMDU3TDIuOTk1IDEuMTFBMS4zMzMgMS4zMzMgMCAxMDEuMTEgMi45OTVsNy4wNTcgNy4wNThMMS4xMSAxNy4xMWExLjMzNCAxLjMzNCAwIDEwMS44ODUgMS44ODVsNy4wNTgtNy4wNTcgNy4wNTcgNy4wNTdhMS4zMzQgMS4zMzQgMCAxMDEuODg1LTEuODg1bC03LjA1Ny03LjA1NyA3LjA1Ny03LjA1OGExLjMzMiAxLjMzMiAwIDAwLjQwNC0uOTU1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
}

._closeIcon_1ox7k_77[data-opened=true] {
  opacity: 1;
  animation: _revealCloseIcon_1ox7k_1 0.15s both;
  animation-delay: 0.2s;
}._container_1c2i9_1 {
  padding: 40px 80px 40px 168px;
  background: #F9F9F9;
}

@media (max-width: 768px) {
  ._container_1c2i9_1 {
    padding: 20px 20px 80px 20px;
  }
}

._footer_1c2i9_11 {
  margin-top: 48px;
  border-top: 1px solid #EFEFEF;
  padding: 12px 0;
}

._footer_1c2i9_11 a {
  color: #999;
  font-size: 12px;
  margin-right: 24px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._notfoundContainer_1r3ov_14 {
  padding: 40px;
  text-align: center;
  flex: 1;
}
._desktopHeaderLogo_1r3ov_20 {
  width: 86px;
  height: 54px;
  background: url("/assets/logo-jai20enmaths-BBjrZf0C.svg") no-repeat;
  background-size: contain;
  display: inline-block;
}
._desktopHeaderLogoLink_1r3ov_27 {
  height: 54px;
  display: inline-block;
  align-self: center;
  opacity: 1 !important;
}._breadcrumbs_ibbbw_1 {
  display: flex;
}
._breadcrumbs_ibbbw_1 a {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  color: #989898;
}
._breadcrumbs_ibbbw_1 a:hover {
  color: #37a5e8;
}
@media (max-width: 768px) {
  ._breadcrumbs_ibbbw_1 {
    flex-direction: column;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._container_if00t_14 {
  max-width: 1280px;
  margin: auto;
}
._container_if00t_14 ._name_if00t_18 {
  text-align: center;
  display: block;
  margin: 0 auto;
  color: #777;
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  letter-spacing: 0.02em;
}
._container_if00t_14 h1 {
  text-align: center;
  margin: 12px 0 48px;
  color: #bfbfbf;
}
._container_if00t_14 ._schoolLevelBaseFooter_if00t_33 {
  text-align: center;
  margin: 96px auto 0;
  color: #bfbfbf;
  font-size: 14px;
  line-height: 140%;
  max-width: 800px;
}
._container_if00t_14 ._schoolLevelBaseFooter_if00t_33 h2 {
  font-weight: bold;
  color: #9b9b9b;
  margin: 24px 0 12px;
  font-size: 18px;
}
._container_if00t_14 ._schoolLevelBaseFooter_if00t_33 p {
  line-height: 150%;
}
._container_if00t_14 ._card_if00t_50 {
  display: flex;
  align-items: center;
}
._schoolLevelMenuChapterNumber_if00t_55 {
  height: 36px;
  width: 36px;
  line-height: 34px;
  border: 2px solid #eee;
  text-align: center;
  border-radius: 50%;
  margin-right: 1em;
  flex: none;
}
._card_if00t_50 {
  display: flex;
  align-items: center;
  margin: 0 0 24px 0;
  background: #FFFFFF;
  box-shadow: 0 0 12px rgba(147, 147, 147, 0.16);
  border-radius: 20px;
  overflow: hidden;
  min-height: 96px;
  padding: 25px;
  transition: background 0.2s ease;
  vertical-align: top;
}
._card_if00t_50:hover {
  background: #f6f6f6;
}
._card_if00t_50 p {
  color: #433E40;
  margin: 0.5em 0 0;
}
._card_if00t_50 h3 {
  color: #444;
  margin: 0;
  font-size: 16px;
  display: block;
  font-family: "Inter", sans-serif;
}
@media (min-width: 1024px) {
  ._section_if00t_95 {
    column-count: 2;
    column-gap: 48px;
  }
}
._section_if00t_95 {
  margin: 40px 0 10px 0;
}
@media only screen and (max-width: 768px) {
  ._section_if00t_95 {
    margin: 25px 0 10px 0;
    padding: 0;
  }
}
._section_if00t_95 li {
  vertical-align: top;
}
._section_if00t_95 li a {
  display: inline-block;
  width: 100%;
  color: #000;
}
._section_if00t_95 li a span {
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
._section-title_if00t_125 {
  display: block;
  margin-bottom: 4px;
  color: #7FB5D8;
  font-size: 0.75rem;
  line-height: 1.15em;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
.mct-list {
  list-style-type: lower-alpha;
  padding-left: 20px;
}
.mct-list li {
  padding-left: 12px;
}
@media print {
  body {
    margin: 0;
    padding: 0;
  }
}
._page_df5ih_28 {
  width: 21cm;
  overflow: hidden;
  padding: 0.5cm;
  margin: 1cm auto;
  border: 1px #d3d3d3 solid;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  position: relative;
  background: #fff;
  font-size: 12pt;
}
@media print {
  ._page_df5ih_28 {
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    margin: 0;
  }
  ._page_df5ih_28 body {
    margin: 0;
    padding: 0;
  }
}
._page_df5ih_28 h1 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #434343;
  margin: 0 0 48px;
}
._exercisesSheetChapterTitle_df5ih_63 {
  display: block;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #989898;
  margin-bottom: 5px;
}
._exercisesSheetcontainer_df5ih_74 {
  height: 100%;
}
._exercisesSheetcontainer_df5ih_74:not(:last-of-type) {
  margin-bottom: 48px;
}
._exercisesSheetcontainerFooter_df5ih_80 {
  display: flex;
  margin-top: 30px;
  align-items: center;
  justify-content: flex-end;
}
._exercisesSheetcontainerblurred_df5ih_86 {
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}
._exercisesSheetcontainer_df5ih_74 h1 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 31px;
  color: #434343;
}
._exercisesSheetcontainer_df5ih_74 h2 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #434343;
}
._exercisesSheetcontainer_df5ih_74 h2 ._katexDisplay_df5ih_109 {
  color: rgb(101, 1, 26);
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetcontainer_df5ih_74 h2 {
    font-size: 16px;
  }
}
._exercisesSheetcontainer_df5ih_74 h2 > div,
._exercisesSheetcontainer_df5ih_74 h2 a {
  display: inline-block;
}
._exercisesSheetcontainer_df5ih_74 h2 a {
  text-decoration: none;
  color: #888;
  font-size: 16px;
  margin: 0 -21px 0 10px;
  top: 2px;
  position: relative;
  transition: 0.2s color ease-in;
}
._exercisesSheetcontainer_df5ih_74 h2 a:hover {
  color: #111;
}
._exercisesSheetcontainer_df5ih_74 ._katexDisplay_df5ih_109 {
  color: #555555;
  display: inline-block;
  margin: 1em 0 1em 0;
  font-size: 100%;
}
._exercisesSheetcontainer_df5ih_74 ._katexDisplay_df5ih_109 ._text_df5ih_139 {
  font-size: 100%;
}
._exercisesSheetContent_df5ih_142 {
  padding: 25px 50px;
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  border-radius: 20px;
  margin-bottom: 30px;
}
._exercisesSheetContentHeader_df5ih_149 {
  display: flex;
  justify-content: space-between;
}
._exercisesSheetContentHeader_df5ih_149 div {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetContent_df5ih_142 {
    padding: 20px 0 20px 0;
  }
}
._exercisesSheetContent_df5ih_142 b {
  font-weight: bold;
}
._exercisesSheetContent_df5ih_142 ul {
  padding: 0 0 0 40px;
  list-style: disc;
}
._exercisesSheetContent_df5ih_142 ._reminder_df5ih_169,
._exercisesSheetContent_df5ih_142 ._note_df5ih_170 {
  padding: 60px 20px 20px 20px;
  position: relative;
  font-size: 0.9rem;
  margin: 20px 0;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetContent_df5ih_142 ._reminder_df5ih_169,
  ._exercisesSheetContent_df5ih_142 ._note_df5ih_170 {
    font-size: 0.85em;
  }
}
._exercisesSheetContent_df5ih_142 ._reminder_df5ih_169:before,
._exercisesSheetContent_df5ih_142 ._note_df5ih_170:before {
  position: absolute;
  top: 20px;
  left: 20px;
}
._exercisesSheetContent_df5ih_142 ._mctList_df5ih_188 {
  list-style-type: lower-alpha;
}
._exercisesSheetContent_df5ih_142 ._reminder_df5ih_169 {
  background: #fff6ff;
}
._exercisesSheetContent_df5ih_142 ._reminder_df5ih_169:before {
  content: "Rappel";
  color: #c28297;
}
._exercisesSheetContent_df5ih_142 ._note_df5ih_170 {
  background: #eda478;
  margin-top: 20px;
}
._exercisesSheetContent_df5ih_142 ._note_df5ih_170:before {
  content: "Remarque";
  color: #895e45;
}
._exercisesSheetContent_df5ih_142 ._documentVideo_df5ih_206 {
  margin: 20px auto;
  cursor: pointer;
  position: relative;
}
._exercisesSheetContent_df5ih_142 ._documentImage_df5ih_211 {
  padding: 25px;
  background: white;
  margin: 20px 0;
  text-align: center;
  line-height: normal;
  border-radius: 2px;
  position: relative;
  border: 1px solid #555555;
}
._exercisesSheetContent_df5ih_142 ._documentImage_df5ih_211 img {
  max-width: 600px;
  width: 100%;
}
._exercisesSheetexercisecontainer_df5ih_225 {
  margin: 40px 0 0 0;
  padding: 10px 17px 0 15px;
  border-left: 2px solid #5895BC;
  font-size: 0.9rem;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetexercisecontainer_df5ih_225 {
    line-height: 0.7em;
    font-size: 100%;
    border: none;
    margin: 40px 0 0 0;
    padding: 10px 15px 0 15px;
  }
}
._exercisesSheetexercisecontainer_df5ih_225 h3 {
  display: block;
  margin: 0;
  font-size: 1rem;
  line-height: 1.15em;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  color: #5895BC;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetexercisecontainer_df5ih_225 h3 {
    text-align: center;
    font-size: 1em;
  }
}
._exercisesSheetexerciseheader_df5ih_256 {
  padding: 20px 20px 20px 20px;
  border-radius: 3px;
  margin: 0 0 10px 0;
  line-height: 2em;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetexerciseheader_df5ih_256 {
    line-height: 1.5em;
  }
}
._exercisesSheetexerciseheader_df5ih_256 {
  color: #666;
  background: #FFFFFF;
}
._exercisesSheetquestioncontainer_df5ih_271 {
  margin: 0 0 10px 0;
}
._exercisesSheetquestioncontainer_df5ih_271 ._frame_df5ih_274 {
  padding: 5px 15px;
  margin: 10px;
  border: 1px solid #555555;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}
._exercisesSheetquestionheader_df5ih_282 {
  padding: 20px;
  border-radius: 3px;
  line-height: 2em;
  color: #666;
  background: white;
  margin: 40px auto 10px;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetquestionheader_df5ih_282 {
    line-height: 1.5em;
  }
}
._exercisesSheetquestioncontent_df5ih_295, ._exercisesSheetquestionanswer_df5ih_295 {
  padding: 20px 20px 20px 20px;
  border-radius: 3px;
  line-height: 2em;
  overflow: auto;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetquestioncontent_df5ih_295, ._exercisesSheetquestionanswer_df5ih_295 {
    line-height: 1.5em;
    padding: 15px 15px 15px 15px;
  }
}
._exercisesSheetquestioncontent_df5ih_295, ._exercisesSheetquestionanswer_df5ih_295 {
  color: #666;
}
._exercisesSheetquestionanswer_df5ih_295 {
  background: #f5fbf7;
  border-radius: 0 0 3px 3px;
  padding-top: 60px;
  position: relative;
}
._exercisesSheetquestionanswer_df5ih_295._hidden_df5ih_316 {
  display: none;
}
._exercisesSheetquestionanswer_df5ih_295:before {
  content: "Correction";
  color: #629965;
  position: absolute;
  top: 20px;
  left: 20px;
}
._exercisesSheetquestioncontent_df5ih_295 {
  background: #ffffff;
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetquestioncontent_df5ih_295 {
    flex-direction: column;
  }
}
._exercisesSheetquestioncontent_df5ih_295 h4 {
  margin: 3px 10px 0 0;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetquestioncontent_df5ih_295 h4 {
    text-align: left;
    margin: 0 0 0 0;
  }
}
._exercisesSheetquestionnumber_df5ih_346 {
  display: inline-block;
  height: 26px;
  width: 26px;
  font-size: 0.9em;
  vertical-align: middle;
  font-style: normal;
  text-align: center;
  line-height: 24px;
  margin: 15px 20px 15px 0;
  color: #5895BC;
  border: 1px solid #5895BC;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetquestionnumber_df5ih_346 {
    margin: 0 auto 15px;
  }
}
._exercisesSheetquestionnumber_df5ih_346 + div {
  display: inline-block;
  vertical-align: middle;
}
._exercisesSheetquestiontoggle_df5ih_369 {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetquestiontoggle_df5ih_369 {
    margin: 10px auto 0;
  }
}
._exercisesSheetquestiontoggle_df5ih_369 span {
  font-size: 0.8em;
  color: #999;
  display: block;
  margin-bottom: 5px;
}
._exercisesSheetquestiontoggleswitch_df5ih_383 {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  border-radius: 22px;
}
._exercisesSheetquestiontoggleswitch_df5ih_383 input {
  display: none;
}
._exercisesSheetquestiontoggleslider_df5ih_393 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 22px;
}
._exercisesSheetquestiontoggleslider_df5ih_393:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
._exercisesSheetquestiontogglecheckbox_df5ih_417:checked + ._exercisesSheetquestiontoggleslider_df5ih_393 {
  background-color: #239fe3;
}
._exercisesSheetquestiontogglecheckbox_df5ih_417:checked + ._exercisesSheetquestiontoggleslider_df5ih_393:before {
  transform: translateX(18px);
}
._separator_df5ih_426 {
  border: 1px solid #EFEFEF;
  width: 100%;
  display: flex;
  margin: 20px 0 30px 0;
}
._questionContainer_df5ih_433 {
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  border-radius: 20px;
  padding: 25px 50px;
  margin-top: 16px;
  break-inside: avoid;
}
._questionContainerHeader_df5ih_441 {
  display: flex;
  justify-content: space-between;
}
._questionContainerNumber_df5ih_445 {
  background: #E1F4FF;
  border-radius: 4px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #37A5E8;
  padding: 3px 8px;
  display: inline-flex;
  margin-bottom: 24px;
}
._questionContainer_df5ih_433:first-child {
  margin-top: 0;
}
._validateQuestion_df5ih_463 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  text-align: right;
  color: #989898;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._validateQuestionIndex_df5ih_477 {
  color: #45C482;
}
._showAnswer_df5ih_481 {
  font-size: 16px;
  line-height: 21px;
  text-align: right;
  color: #37A5E8;
  margin-top: 12px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
._answer_df5ih_494 {
  visibility: hidden;
  display: none;
  transition: all 0.5s ease;
  background: #f5fbf7;
  padding: 24px;
  margin: 24px 0 0;
  border-radius: 10px;
  color: #607165;
}
._answer_df5ih_494 > * {
  color: #607165;
}
._answer_df5ih_494 .katex-display {
  color: #607165;
}
._answerShow_df5ih_510 {
  visibility: visible;
  display: block;
}
._arrow_df5ih_515 {
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='7'%20viewBox='0%200%2012%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.333%200.999961L10.3908%200.0577392L6.66634%203.78218L5.99951%204.49997L5.33301%203.78218L1.60857%200.0577388L0.666343%200.999961L5.99967%206.33329L11.333%200.999961Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
  width: 13px;
  height: 6px;
  background-size: cover;
  transition: all 0.3s ease-in-out;
  margin-left: 12px;
}
._arrowShow_df5ih_523 {
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
}
._checkValid_df5ih_528 {
  background: #f8f9fb;
  border: 1px solid #cacaca;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  margin-left: 12px;
}
._checkValidIndex_df5ih_536 {
  background: #EAF3EF;
  border: 1px solid #45C482;
  background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='9'%20viewBox='0%200%2011%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%203.88L4.9375%207L10%201'%20stroke='%2345C482'%20stroke-width='1.5'/%3e%3c/svg%3e");
  background-size: 66%;
  background-repeat: no-repeat;
  background-position: center;
}
._iconDuration_df5ih_545 {
  background-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='18'%20viewBox='0%200%2015%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.4602%202.9289C8.59974%202.70111%208.68018%202.43319%208.68018%202.14648C8.68018%201.31806%208.0086%200.646484%207.18018%200.646484C6.35175%200.646484%205.68018%201.31806%205.68018%202.14648C5.68018%202.4328%205.76039%202.70038%205.89958%202.92798C2.57601%203.53133%200.0551758%206.44076%200.0551758%209.93817C0.0551758%2013.8728%203.23768%2017.0632%207.18018%2017.0632C11.1227%2017.0632%2014.3052%2013.8728%2014.3052%209.93817C14.3052%208.25984%2013.7193%206.71609%2012.7456%205.49692L13.8698%204.37276C13.5293%203.969%2013.1573%203.589%2012.7535%203.25651L11.6293%204.38067C10.7217%203.65453%209.64072%203.14497%208.4602%202.9289ZM7.97184%205.97984V10.7298H6.38851V5.97984H7.97184ZM1.63851%209.93817C1.63851%2013.0019%204.11643%2015.4798%207.18018%2015.4798C10.2439%2015.4798%2012.7218%2013.0019%2012.7218%209.93817C12.7218%206.87442%2010.2439%204.39651%207.18018%204.39651C4.11643%204.39651%201.63851%206.87442%201.63851%209.93817Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
  background-size: contain;
  height: 18px;
  width: 15px;
  margin-right: 4px;
}
._duration_df5ih_553 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  text-transform: initial;
  color: #CACACA;
}
._workPoints_df5ih_563 {
  margin-left: 40px;
  position: relative;
  padding-right: 28px;
}
._workPoints_df5ih_563 span {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #737E85;
  opacity: 0.7;
  font-size: 15px;
  line-height: 18px;
}
._workPoints_df5ih_563:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.91383%209.35862C3.74759%209.954%202.89595%2011.2469%202.20569%2012.8593C0.715993%2016.3391%202.94152%2019.2193%206.26673%2020.3562C7.30638%2020.7116%2010.2096%2021.1926%2017.2239%2019.0141C22.0933%2017.5018%2019.5611%2013.0491%2016.7201%208.05332C15.8229%206.47576%2014.895%204.84404%2014.1596%203.23364C14.1596%203.23364%2010.5567%200.00979016%209.54086%202.22397e-05V0H9.5363C9.53627%200%209.53624%200%209.53621%200H7.71481V0.593468H8.61266C7.87049%201.17987%207.27668%201.82041%207.24173%202.3081C7.20857%202.77087%207.47387%203.00226%207.47387%203.00226C7.47387%203.00226%207.00451%203.30239%206.91673%203.74269C6.73502%204.65414%209.00602%204.25174%209.00602%204.25174C9.00602%204.25174%209.60958%204.52939%2010.5382%204.80705C11.1948%205.00339%2011.7456%204.9551%2012.0239%204.89962C12.4882%204.80705%2012.7667%206.65815%2012.7667%206.65815V13.5534H12.0239C12.0239%2013.5534%2011.0218%2010.7281%208.71643%209.60963C7.63454%209.08475%206.71029%208.92101%205.91152%209.03906H4.60956V9.35862H4.91383Z'%20fill='%23FF9900'/%3e%3cpath%20d='M0.471676%2012.8593C1.75533%209.86071%203.59713%207.96727%206.98242%209.60963C9.28781%2010.7281%2010.2899%2013.5534%2010.2899%2013.5534H11.0327V6.65815C11.0327%206.65815%2010.7541%204.80705%2010.2899%204.89962C10.0116%204.9551%209.46074%205.00339%208.80414%204.80705C7.87557%204.52939%207.27201%204.25174%207.27201%204.25174C7.27201%204.25174%205.00101%204.65414%205.18272%203.74269C5.2705%203.30239%205.73986%203.00226%205.73986%203.00226C5.73986%203.00226%205.47456%202.77087%205.50772%202.3081C5.55415%201.66022%206.58686%200.7426%207.64343%200.0405005C8.33986%20-0.422281%2012.4256%203.23364%2012.4256%203.23364C15.4899%209.94382%2021.897%2017.0242%2015.4899%2019.0141C8.47562%2021.1926%205.57237%2020.7116%204.53272%2020.3562C1.2075%2019.2193%20-1.01802%2016.3391%200.471676%2012.8593Z'%20fill='%23FFC32B'/%3e%3cmask%20id='mask0'%20mask-type='alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='19'%20height='21'%3e%3cpath%20d='M0.471041%2012.8593C1.73186%209.83789%203.5965%207.96727%206.98178%209.60963C9.28718%2010.7281%2010.2892%2013.5534%2010.2892%2013.5534H11.0321V6.65815C11.0321%206.65815%2010.7535%204.80705%2010.2892%204.89962C10.0109%204.9551%209.46011%205.00339%208.8035%204.80705C7.87494%204.52939%207.27137%204.25174%207.27137%204.25174C7.27137%204.25174%205.00037%204.65414%205.18208%203.74269C5.26986%203.30239%205.73922%203.00226%205.73922%203.00226C5.73922%203.00226%205.47392%202.77087%205.50708%202.3081C5.55351%201.66022%206.58622%200.7426%207.64279%200.0405005C8.33922%20-0.422281%2012.4249%203.23364%2012.4249%203.23364C15.4892%209.94382%2021.8963%2017.0242%2015.4892%2019.0141C8.47498%2021.1926%205.57173%2020.7116%204.53208%2020.3562C1.20687%2019.2193%20-0.986732%2016.3526%200.471041%2012.8593Z'%20fill='%23FFC32B'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0)'%3e%3cpath%20d='M11.9453%206.1511C12.6755%204.54176%2010.0977%204.73395%209.01869%205.27149L7.59973%206.1511C8.94478%206.98185%2011.4294%207.28811%2011.9453%206.1511Z'%20fill='%23FFA826'/%3e%3cpath%20d='M7.75663%202.38526C8.33071%201.67488%205.84699%202.36807%204.84543%202.80933L3.5427%203.44671C4.91619%203.39279%207.35104%202.88715%207.75663%202.38526Z'%20fill='%23FFA826'/%3e%3cpath%20d='M10.9655%2017.0672C11.2994%2016.2957%207.96444%2018.232%205.7333%2016.597C3.50217%2014.962%202.75975%2010.1168%202.78835%2011.2693C3.01688%2020.4771%2010.4102%2018.3502%2010.9655%2017.0672Z'%20fill='%23FFA826'/%3e%3cpath%20d='M26.8445%20-5.34108C23.2416%200.913162%2012.6012%206.02612%208.08174%201.64359C4.95933%20-1.38421%206.07308%20-13.7409%206.07308%20-13.7409C6.07308%20-13.7409%2010.614%20-28.7146%2012.6904%20-28.7146C14.7668%20-28.7146%2032.2478%20-14.7208%2026.8445%20-5.34108Z'%20fill='%23FFD93B'/%3e%3ccircle%20cx='-0.592366'%20cy='12.8739'%20r='8.99333'%20fill='%23FFD93B'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}
._katex-display_df5ih_507 {
  color: #555555;
  display: inline-block;
  margin: 1em 0 1em 0;
  font-size: 100%;
}
._katex-display_df5ih_507 ._text_df5ih_139 {
  font-size: 100%;
}
@media (max-width: 768px) {
  ._exercisesSheetChapterTitle_df5ih_63 {
    margin-left: 20px;
  }
  ._exercisesSheetContentHeader_df5ih_149 {
    flex-direction: column;
    padding: 0 20px;
  }
  ._questionContainer_df5ih_433 {
    padding: 25px 20px;
  }
}._tag_1bz20_1 {
  background: #E1F4FF;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #37A5E8;
  padding: 3px 8px;
  display: inline-flex;
  margin-bottom: 24px;
  -webkit-user-select: none;
          user-select: none;
}

._answerTag_1bz20_15 {
  margin: 12px 0 0 0;
  background: #F2F2F2;
  color: #9C9C9C;
  cursor: pointer;
}

._visibleAnswer_1bz20_22 {
  color: #25C571;
  background: #e6ffec;
}

._crossOut_1bz20_27 {
  width: 21px;
  height: 14px;
  margin-right: 8px;
  transition: all 0.3s ease-in-out;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.0833%205C7.5%205%203.58583%207.85083%202%2011.875C3.58583%2015.8992%207.5%2018.75%2012.0833%2018.75C16.6667%2018.75%2020.5808%2015.8992%2022.1667%2011.875C20.5808%207.85083%2016.6667%205%2012.0833%205ZM12.0833%2016.4583C9.55333%2016.4583%207.5%2014.405%207.5%2011.875C7.5%209.345%209.55333%207.29167%2012.0833%207.29167C14.6133%207.29167%2016.6667%209.345%2016.6667%2011.875C16.6667%2014.405%2014.6133%2016.4583%2012.0833%2016.4583ZM12.0833%209.125C10.5617%209.125%209.33333%2010.3533%209.33333%2011.875C9.33333%2013.3967%2010.5617%2014.625%2012.0833%2014.625C13.605%2014.625%2014.8333%2013.3967%2014.8333%2011.875C14.8333%2010.3533%2013.605%209.125%2012.0833%209.125Z'%20fill='%2325C571'/%3e%3c/svg%3e") no-repeat center;
}

._eye_1bz20_35 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20class='st0'%20d='M12.1,5C7.5,5,3.6,7.9,2,11.9c1.6,4,5.5,6.9,10.1,6.9c4.6,0,8.5-2.9,10.1-6.9C20.6,7.9,16.7,5,12.1,5z%20M12.1,16.5c-2.5,0-4.6-2.1-4.6-4.6s2.1-4.6,4.6-4.6c2.5,0,4.6,2.1,4.6,4.6S14.6,16.5,12.1,16.5z%20M12.1,9.1c-1.5,0-2.7,1.2-2.7,2.8%20s1.2,2.8,2.7,2.8c1.5,0,2.8-1.2,2.8-2.8S13.6,9.1,12.1,9.1z'%20fill='%239C9C9C'/%3e%3cpath%20class='st1'%20d='M12,5.1C7.4,5.1,3.5,8,1.9,12c1.6,4,5.5,6.9,10.1,6.9c4.6,0,8.5-2.9,10.1-6.9C20.5,8,16.6,5.1,12,5.1z%20M12,16.6%20c-2.5,0-4.6-2.1-4.6-4.6S9.5,7.4,12,7.4c2.5,0,4.6,2.1,4.6,4.6S14.5,16.6,12,16.6z%20M12,9.2c-1.5,0-2.7,1.2-2.7,2.8s1.2,2.8,2.7,2.8%20c1.5,0,2.8-1.2,2.8-2.8S13.5,9.2,12,9.2z'%20/%3e%3cg%3e%3cline%20class='st2'%20x1='18.9'%20y1='5.1'%20x2='5.1'%20y2='18.9'/%3e%3cg%3e%3cpath%20class='st1'%20fill='%239C9C9C'%20d='M5.1,20.2c-0.3,0-0.6-0.1-0.9-0.4s-0.4-0.5-0.4-0.9s0.1-0.6,0.4-0.9L18.1,4.2c0.2-0.2,0.5-0.4,0.9-0.4%20s0.6,0.1,0.9,0.4s0.4,0.5,0.4,0.9s-0.1,0.6-0.4,0.9L5.9,19.8C5.7,20.1,5.4,20.2,5.1,20.2z'/%3e%3cpath%20class='st3'%20fill='%23F2F2F2'%20d='M18.9,4.1c0.3,0,0.5,0.1,0.7,0.3c0.4,0.4,0.4,1,0,1.4L5.8,19.7c-0.2,0.2-0.5,0.3-0.7,0.3%20c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4L18.2,4.3C18.4,4.2,18.7,4.1,18.9,4.1%20M18.9,3.6c-0.4,0-0.8,0.2-1.1,0.4L4,17.9%20c-0.3,0.3-0.4,0.7-0.4,1.1S3.7,19.7,4,20c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.2,1.1-0.4L20,6.1c0.6-0.6,0.6-1.5,0-2.1%20C19.7,3.7,19.3,3.6,18.9,3.6L18.9,3.6z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._ssoLogin_1a9pt_14 {
  padding: 30px 0 40px 0;
  display: flex;
  justify-content: center;
  text-align: center;
  min-height: calc(100vh - 82px);
}
@media only screen and (max-width: 768px) {
  ._ssoLogin_1a9pt_14 {
    padding: 73px 0 0;
    height: auto;
  }
}
._ssoLogin_1a9pt_14 ._heading_1a9pt_27 {
  margin-top: 20px;
}
._ssoLogin_1a9pt_14 img {
  margin-bottom: 30px;
}
._errorMessage_1a9pt_34 {
  color: #d9534f;
  border: 1px solid #d9534f;
  background: #ffeded;
  padding: 16px;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 24px;
}
._container_1a9pt_44 {
  width: 100%;
  max-width: 400px;
  padding: 40px;
  background: white;
  border-radius: 4px;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  ._container_1a9pt_44 {
    min-height: calc(100vh - 75px);
    max-width: inherit;
  }
}
._header_1a9pt_59 {
  color: #555;
  font-size: 16px;
  line-height: 20px;
}
._name_1a9pt_65 {
  text-transform: capitalize;
}
._actions_1a9pt_69 {
  margin-top: 30px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._signupUserTypeForm_1du8h_8 {
  font-family: "Inter", sans-serif;
  text-align: center;
}
._signupUserTypeForm_1du8h_8 h1 {
  font-weight: 600;
  font-size: 22px;
  color: #434343;
  margin: 0 auto 40px;
}
._signupUserTypeForm_1du8h_8 p {
  font-weight: normal;
  font-size: 15px;
  margin: 120px auto 0;
}
._signupUserTypeForm_1du8h_8 p a {
  color: #37A5E8;
}
._signupUserTypeForm_1du8h_8 button {
  width: 165px;
  height: 165px;
  border-radius: 50%;
  outline: none;
  background-color: #FFF;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 20px;
  box-shadow: 0 0 12px rgba(147, 147, 147, 0.16);
  transition: 0.2s ease-in-out;
  border: 1px solid transparent;
}
._signupUserTypeForm_1du8h_8 button._student_1du8h_40 {
  background-image: url("/assets/student-Dyokb7yY.svg");
}
._signupUserTypeForm_1du8h_8 button._parent_1du8h_43 {
  background-image: url("/assets/parent-Ci1niyGZ.svg");
}
._signupUserTypeForm_1du8h_8 button:not(._selected_1du8h_46):hover {
  box-shadow: 0 0 0 rgba(147, 147, 147, 0.16);
}
._signupUserTypeForm_1du8h_8 button._selected_1du8h_46 {
  border: 1px solid #239fe3;
}
._signupUserTypeForm_1du8h_8 ._types_1du8h_52 {
  display: flex;
  justify-content: center;
}
._signupUserTypeForm_1du8h_8 ._types_1du8h_52 label {
  display: block;
  margin-top: 10px;
  text-align: center;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._schoollevelForm_1qfbz_8 {
  font-family: "Inter", sans-serif;
  margin-top: 100px;
  text-align: center;
}
._schoollevelForm_1qfbz_8 h1 {
  font-weight: 600;
  font-size: 22px;
  color: #434343;
  margin: 0 auto 40px;
}
._schoollevelForm_1qfbz_8 ._list_1qfbz_19 {
  max-width: 672px;
  margin: auto;
  text-align: center;
}
._schoollevelForm_1qfbz_8 button {
  height: 50px;
  width: 150px;
  margin: 0 8px 16px;
  display: inline-block;
  border: 1px solid transparent;
  outline: 0;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: 0 0 12px rgba(147, 147, 147, 0.16);
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  color: #666;
}
._schoollevelForm_1qfbz_8 button:not(._selected_1qfbz_38):hover {
  box-shadow: 0 0 0 rgba(147, 147, 147, 0.16);
}
._schoollevelForm_1qfbz_8 button._selected_1qfbz_38 {
  border-color: #239fe3;
}._schoolLevelPathForm_4o617_1 {
  text-align: center;
  font-family: "Inter", sans-serif;
  margin-top: 100px;
}
._schoolLevelPathForm_4o617_1 h1 {
  font-weight: 600;
  font-size: 22px;
  color: #434343;
  margin: 0 auto 40px;
}
._schoolLevelPathForm_4o617_1 ._list_4o617_12 {
  max-width: 672px;
  margin: auto;
  text-align: center;
}
._schoolLevelPathForm_4o617_1 button {
  height: 50px;
  width: 150px;
  margin: 0 8px 16px;
  display: inline-block;
  border: 1px solid transparent;
  outline: 0;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: 0 0 12px rgba(147, 147, 147, 0.16);
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  color: #666;
}
._schoolLevelPathForm_4o617_1 button:not(._selected_4o617_31):hover {
  box-shadow: 0 0 0 rgba(147, 147, 147, 0.16);
}
._schoolLevelPathForm_4o617_1 button._selected_4o617_31 {
  border-color: #37A5E8;
}._schoolLevelDetailsForm_131nx_1 {
  font-family: "Inter", sans-serif;
  margin-top: 100px;
  text-align: center;
}
._schoolLevelDetailsForm_131nx_1 h1 {
  font-weight: 600;
  font-size: 22px;
  color: #434343;
  margin: 0 auto 40px;
}
._schoolLevelDetailsForm_131nx_1 button {
  height: 80px;
  width: 248px;
  margin: auto 30px;
  display: block;
  border: 0;
  outline: 0;
  border-radius: 20px;
  background: #FFFFFF;
  box-shadow: 0 0 12px rgba(147, 147, 147, 0.16);
}
._schoolLevelDetailsForm_131nx_1 ._list_131nx_23 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._schoolLevelDetailsForm_131nx_1 ._option_131nx_28 {
  height: 60px;
  width: 300px;
  margin: 0 8px 16px;
  display: flex;
  border: 1px solid transparent;
  outline: 0;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: 0 0 12px rgba(147, 147, 147, 0.16);
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  color: #666;
  padding: 20px;
  max-width: 650px;
  cursor: pointer;
  text-align: left;
  align-items: center;
}
._schoolLevelDetailsForm_131nx_1 ._optionlabel_131nx_47 {
  margin-left: 14px;
  margin-bottom: 0;
  flex: 1;
}
._schoolLevelDetailsForm_131nx_1 ._option_131nx_28._selected_131nx_52 {
  border-color: #37A5E8;
}
._schoolLevelDetailsForm_131nx_1 ._option_131nx_28:not(._selected_131nx_52):hover input[type=checkbox] {
  background: #EEE;
}
._schoolLevelDetailsForm_131nx_1 input[type=checkbox] {
  border: 1px solid #CACACA;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  transition: 0.2s all ease-in-out;
  position: relative;
  cursor: pointer;
}
._schoolLevelDetailsForm_131nx_1 input[type=checkbox]:checked {
  background: #37A5E8;
  border-color: #37A5E8;
}
._schoolLevelDetailsForm_131nx_1 input[type=checkbox]:checked:hover {
  background: #3295D1;
}
._schoolLevelDetailsForm_131nx_1 input[type=checkbox]:checked::after {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='9'%20viewBox='0%200%2012%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.5%204L4.875%207.375L10.5%201.75'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  left: 50%;
  top: 50%;
  margin: -7px;
}
._schoolLevelDetailsForm_131nx_1 input[type=checkbox]:disabled {
  background: #cbcbcb;
  border-color: #cbcbcb;
  cursor: not-allowed;
}
._schoolLevelDetailsForm_131nx_1 input[type=checkbox]:disabled:hover {
  background: #cbcbcb;
}._googleButton_1efcg_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  padding: 8px 16px;
  color: #555555;
  border: 1px solid #CACACA;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s ease;
  background: #FFFFFF;
}
._googleButton_1efcg_1:hover {
  background-color: #fafafa;
}
._googleButton_1efcg_1:active {
  background-color: #fafafa;
}
._googleButton_1efcg_1:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
._googleButton_1efcg_1 svg {
  flex-shrink: 0;
}
._googleButton_1efcg_1 span {
  flex-grow: 1;
  text-align: center;
}._appleButton_124ci_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  padding: 8px 16px;
  color: #555555;
  border: 1px solid #CACACA;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s ease;
  background: #FFFFFF;
}
._appleButton_124ci_1:hover {
  background-color: #fafafa;
}
._appleButton_124ci_1:active {
  background-color: #fafafa;
}
._appleButton_124ci_1:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
._appleButton_124ci_1 svg {
  flex-shrink: 0;
}
._appleButton_124ci_1 span {
  flex-grow: 1;
  text-align: center;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._signupUserDetailsForm_b4hns_8 {
  font-family: "Inter", sans-serif;
  margin-top: 100px;
  text-align: center;
  visibility: hidden;
}
._signupUserDetailsForm_b4hns_8._invited_b4hns_14 {
  margin-top: 24px;
}
._signupUserDetailsForm_b4hns_8 h1 {
  max-width: 400px;
}
._signupUserDetailsForm_b4hns_8 h1,
._signupUserDetailsForm_b4hns_8 h1 span {
  font-weight: 600;
  font-size: 22px;
  color: #434343;
  margin: 0 auto;
  line-height: 140%;
}
._signupUserDetailsForm_b4hns_8._visible_b4hns_28 {
  visibility: visible;
}
._signupUserDetailsForm_b4hns_8 ._formItem_b4hns_31 {
  max-width: 300px;
  margin: auto;
  margin-top: 15px;
}
._signupUserDetailsForm_b4hns_8 ._formItem_b4hns_31:first-child {
  margin-top: 0;
}
._signupUserDetailsForm_b4hns_8 p {
  margin-bottom: 12px;
  color: #737E85;
  font-size: 14px;
  line-height: 140%;
}
._signupUserDetailsForm_b4hns_8 p a {
  color: #576169;
  transition: 0.2s ease-in-out;
  font-weight: 500;
}
._gdprMentionActions_b4hns_51 {
  text-align: left;
}
._gdprMentionActions_b4hns_51 button {
  background: transparent;
  color: #239fe3;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
._formActions_b4hns_63 {
  margin-top: 30px;
}
._signupUserDetailsForm_b4hns_8 input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
._signupUserDetailsForm_b4hns_8 input[type=checkbox]:checked ~ ._checkmark_b4hns_74 {
  background-color: #37A5E8;
  border-color: #37A5E8;
}
._signupUserDetailsForm_b4hns_8 input[type=checkbox]:checked ~ ._checkmark_b4hns_74:after {
  visibility: visible;
}
._checkboxRow_b4hns_82 {
  display: flex;
  margin-top: 36px;
  text-align: left;
}
._checkboxRow_b4hns_82 > span {
  flex: 1;
  color: #737E85;
  font-size: 14px;
  line-height: 140%;
}
._checkmark_b4hns_74 {
  position: relative;
  height: 20px;
  width: 20px;
  background-color: #FFFFFF;
  border: 1px solid #CACACA;
  border-radius: 6px;
  margin-right: 12px;
  display: block;
  transition: all 0.1s ease-in-out;
}
._checkmark_b4hns_74:hover {
  background-color: #EEE;
}
._checkmark_b4hns_74:after {
  position: absolute;
  visibility: hidden;
  content: "";
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  transition: all 0.1s ease-in-out;
}
._socialButtonsContainer_b4hns_124 {
  margin: 48px auto 20px;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._socialLegalMention_b4hns_132 {
  font-size: 12px;
  color: #737E85;
  line-height: 140%;
  margin: 12px 0 24px;
}
._divider_b4hns_139 {
  display: flex;
  align-items: center;
  margin: 24px auto;
  max-width: 300px;
}
._divider_b4hns_139::before, ._divider_b4hns_139::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #E0E0E0;
}
._divider_b4hns_139::before {
  margin-right: 16px;
}
._divider_b4hns_139::after {
  margin-left: 16px;
}
._dividerText_b4hns_157 {
  color: #737E85;
  font-size: 14px;
  font-weight: 500;
  text-transform: lowercase;
}
._error_b4hns_164 {
  color: #E74C3C;
  font-size: 12px;
  margin-top: 4px;
  text-align: left;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
._modal_1jstb_7 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  transition: visibility 1s 0s, opacity 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
._modal_1jstb_7._visible_1jstb_21 {
  visibility: visible;
  opacity: 1;
}
._modal_1jstb_7._visible_1jstb_21 ._modalContent_1jstb_25 {
  transform: scale(1);
}
._modalOverlay_1jstb_29 {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
._modalContainer_1jstb_38 {
  max-width: 85%;
}
@media only screen and (max-width: 768px) {
  ._modalContainer_1jstb_38 {
    max-width: 100%;
  }
}
._modalContent_1jstb_25 {
  position: relative;
  margin: auto;
  width: 1010px;
  max-width: 100%;
  background-color: #ffffff;
  border-radius: 20px;
  z-index: 10;
  transform: scale(0.9);
  transition: transform 0.15s ease-in-out;
}
@media only screen and (max-width: 768px) {
  ._modalContent_1jstb_25 {
    border-radius: 0;
    height: 100vh;
    width: 100vw;
    overflow: scroll;
  }
}
/*
 * Header
 */
._modalHeader_1jstb_70 {
  display: flex;
}
._modalTitle_1jstb_74 {
  width: 100%;
  align-self: center;
}
._modalCloseButton_1jstb_79 {
  z-index: 10;
  position: absolute;
  border: 0;
  right: 20px;
  top: 20px;
  content: "";
  width: 22px;
  height: 22px;
  font-size: 1.6em;
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.3333%204.64889L17.6844%203L11.1667%209.51778L4.64889%203L3%204.64889L9.51778%2011.1667L3%2017.6844L4.64889%2019.3333L11.1667%2012.8156L17.6844%2019.3333L19.3333%2017.6844L12.8156%2011.1667L19.3333%204.64889Z'%20fill='%23CECECE'/%3e%3c/svg%3e");
  background-color: transparent;
  opacity: 0.54;
  transition: all 0.1s ease-in;
}
._modalCloseButton_1jstb_79:hover {
  opacity: 1;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._register_7ilh3_14 {
  padding: 30px 0 40px 0;
  display: flex;
  justify-content: center;
  min-height: 100vh;
}
@media only screen and (max-width: 768px) {
  ._register_7ilh3_14 {
    padding: 0;
    height: auto;
  }
}
._container_7ilh3_27 {
  width: 100%;
  padding: 40px;
  border-radius: 4px;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  ._container_7ilh3_27 {
    max-width: inherit;
  }
}
._header_7ilh3_39 {
  text-align: center;
}
._formItem_7ilh3_43:not(:first-child) {
  margin-top: 15px;
}
._formActions_7ilh3_47 {
  margin-top: 30px;
}
._registerFacebook_7ilh3_51 {
  margin: 30px 0 0;
}
._registerFacebook_7ilh3_51 button {
  font-size: 14px;
  padding: 0px 20px;
  display: block;
  height: 36px;
  width: 100%;
  border-radius: 50px !important;
}
._registerDivider_7ilh3_64 {
  position: relative;
  text-align: center;
  margin: 30px 0 15px;
  color: #777;
}
._registerDivider_7ilh3_64 span {
  background: #fff;
  position: relative;
  line-height: 20px;
  padding: 0 10px;
  letter-spacing: 1px;
  font-size: 12px;
}
._registerDivider_7ilh3_64:before {
  height: 1px;
  width: 100%;
  position: absolute;
  content: "";
  background-color: #777;
  left: 0;
  top: 50%;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._mainMenuContainer_1wrcv_14 {
  display: block;
}
._mainMenuContainerHeader_1wrcv_17 h1 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 34px;
  line-height: 43px;
  color: #434343;
}
._mainMenuContainerHeader_1wrcv_17 p {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 132.9%;
  color: #737E85;
  max-width: 668px;
  margin-top: 8px;
}
._mainMenuContent_1wrcv_35 {
  display: flex;
  margin-top: 25px;
}
._mainMenuLink_1wrcv_39 {
  margin-right: 30px;
}
._mainMenuLinkContent_1wrcv_42 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #989898;
}
._mainMenuLinkContent_1wrcv_42:hover, ._mainMenuLinkContent_1wrcv_42._active_1wrcv_51 {
  font-weight: bold;
}
._separator_1wrcv_55 {
  width: 100%;
  display: flex;
  margin: 20px 0 30px 0;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  padding: 0 -80px 32px -168px;
}._checkoutAccount_1i67h_1 p {
  margin: 10px auto 20px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._subscribeStep_1atwb_14 {
  font-size: 14px;
  color: #888;
}
._subscribeStep_1atwb_14 b {
  font-weight: bold;
}
._subscribeContainer_1atwb_21 {
  padding: 0;
  flex: 1;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  ._subscribeContainer_1atwb_21 {
    padding: 0;
  }
}
._subscribeContainer_1atwb_21 h1 {
  color: #606060;
  font-family: "HK Grotesk", sans-serif;
  font-weight: 800;
  font-size: 1.5em;
  letter-spacing: 0.02em;
  margin: 10px auto 10px;
}
._subscribeIgnore_1atwb_40 {
  text-align: center;
  padding: 10px 32px 10px 32px;
  font-size: 14px;
  margin: 10px auto 0 auto;
}
._subscribeIgnore_1atwb_40 a {
  text-decoration: none;
  color: #666;
}
._subscribeIgnore_1atwb_40 a:hover {
  color: #239fe3;
}
._subscribeSuccessfulMessage_1atwb_54 {
  padding: 24px;
  background: white;
  width: 100%;
  position: relative;
  border-radius: 12px;
  text-align: center;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  ._subscribeSuccessfulMessage_1atwb_54 {
    width: 100%;
    padding: 20px;
  }
}
._subscribeSuccessfulMessageIcon_1atwb_69 {
  font-size: 35px;
  color: #239fe3;
  margin: 20px 0 30px 0;
}
._subscribeSuccessfulMessageTitle_1atwb_74 {
  font-size: 24px;
  margin: 0 0 20px 0;
}
._subscribeSuccessfulMessageButton_1atwb_78 {
  cursor: pointer;
  display: inline-block;
  background-color: #37A5E8;
  border-radius: 3px 3px 3px 3px;
  margin: 40px 0 0 0;
  transition: 0.5s background ease;
}
._subscribeSuccessfulMessageButton_1atwb_78 a {
  padding: 0 30px;
  display: inline-block;
  font-family: "HK Grotesk", sans-serif;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  color: #ffffff;
  transition: 0.5s color ease;
}
._subscribeSuccessfulMessageButton_1atwb_78:hover {
  background: #A5A5A5;
}
._subscribeSuccessfulMessageButton_1atwb_78:hover a {
  color: #ffffff !important;
}
._subscribeForm_1atwb_114 {
  padding: 0;
  background: transparent;
  width: 100%;
  position: relative;
  border-radius: 0;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  ._subscribeForm_1atwb_114 {
    width: 100%;
    padding: 0;
  }
}
._subscribeFormLoaderMask_1atwb_128 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: white;
  z-index: 1;
  display: flex;
}
._subscribeFormLoaderMask_1atwb_128 ._spinner_1atwb_138 {
  align-self: center;
  margin: auto;
}
._subscribeFormHeader_1atwb_142 {
  text-align: center;
}
._subscribeFormHeader_1atwb_142 img {
  height: 35px;
  margin: 5px auto 20px;
}
._subscribeTermsAndConditions_1atwb_150 {
  margin-top: 20px;
  font-size: 12px;
  color: #888;
}
._subscribeTermsAndConditions_1atwb_150 a {
  text-decoration: none;
  color: #666;
}
._subscribeTermsAndConditions_1atwb_150 a:hover {
  color: #239fe3;
}
._subscribeFormItem_1atwb_163 {
  position: relative;
}
._subscribeFormItem_1atwb_163:not(:first-child) {
  margin-top: 15px;
}
._subscribeFormActions_1atwb_170 {
  margin-top: 30px;
}
._subscribeFormActions_1atwb_170 ._iconLock_1atwb_173 {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
  line-height: 16px;
  font-size: 16px;
}
._subscribeErrorMessage_1atwb_181, ._subscribeErrorMessage_1atwb_181 span {
  text-align: center;
  color: #E53A40;
  margin: 0 0 20px 0;
  font-size: 14px;
}
._subscribeHeader_1atwb_187 {
  margin: 0 0 40px 0;
  text-align: center;
}
._subscribeHeader_1atwb_187 h1 {
  color: #666;
  font-size: 2em;
  font-family: "Montserrat", sans-serif;
}
@media only screen and (max-width: 768px) {
  ._subscribeHeader_1atwb_187 h1 {
    font-size: 1.5em;
  }
}
._subscribePricingDetails_1atwb_201 {
  display: flex;
}
._subscribePricingTitle_1atwb_204 {
  font-weight: 700;
  color: #3D3D3D;
  font-size: 20px;
  font-family: "Inter", sans-serif;
  margin: 0 0 10px 0;
  flex: 1;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  ._subscribePricingTitle_1atwb_204 {
    font-size: 1.1em;
    height: auto;
  }
}
._subscribePricingPriceValue_1atwb_219 {
  color: #777;
  font-size: 1em;
  position: relative;
}
._subscribePricingChange_1atwb_224 {
  text-align: left;
}
._subscribePricingChange_1atwb_224 a {
  color: #5db6e8;
}
._subscribePricingCycleDescription_1atwb_230 {
  font-size: 0.6em;
  padding-left: 5px;
}
._subscribePricingContainer_1atwb_234 {
  background: #f5f5f5;
  display: inline-block;
  padding: 20px;
  border-radius: 4px;
  margin: 0 auto 10px;
  width: 350px;
}
@media only screen and (max-width: 768px) {
  ._subscribePricingContainer_1atwb_234 {
    margin: 15px 0 0;
    padding: 20px;
    width: 100%;
  }
}
._subscribeFeaturesList_1atwb_249 {
  text-align: left;
  margin: 30px 0 0;
}
@media only screen and (max-width: 768px) {
  ._subscribeFeaturesList_1atwb_249 {
    margin: 30px 0;
  }
}
._subscribeFeaturesList_1atwb_249 li {
  padding-left: 35px;
  margin: 0 0 20px;
  color: #666;
  font-size: 0.8em;
  position: relative;
  font-family: "Montserrat";
}
@media only screen and (max-width: 768px) {
  ._subscribeFeaturesList_1atwb_249 li {
    font-size: 0.9em;
  }
}
._subscribeFeaturesList_1atwb_249 li:before {
  position: absolute;
  font-family: "jai20enmaths";
  font-size: 18px;
  content: "a";
  width: 18px;
  height: 18px;
  color: #999;
  left: 0;
}
._subscribeAutoRenewDescription_1atwb_281 {
  margin: 108px 0 0;
  font-size: 12px;
  color: #666;
}
@media only screen and (max-width: 768px) {
  ._subscribeAutoRenewDescription_1atwb_281 {
    margin: 30px 0 0;
  }
}
._voucherContent_1atwb_292 {
  text-align: left;
}
._paymentTabs_1atwb_296 {
  display: flex;
  gap: 12px;
  margin-bottom: 32px;
  overflow-x: auto;
}
@media (max-width: 768px) {
  ._paymentTabs_1atwb_296 {
    gap: 8px;
  }
}
._paymentTab_1atwb_296 {
  padding: 16px 20px;
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #434343;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s ease;
  white-space: nowrap;
}
._paymentTab_1atwb_296 svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
._paymentTab_1atwb_296:hover {
  border-color: #37A5E8;
}
._paymentTabActive_1atwb_332 {
  border-color: #37A5E8;
  background-color: #ECF8FF;
  color: #37A5E8;
}
@media (max-width: 768px) {
  ._paymentTab_1atwb_296 {
    padding: 12px 16px;
    font-size: 0.875rem;
  }
  ._paymentTab_1atwb_296 svg {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 640px) {
  ._paymentTab_1atwb_296 {
    padding: 10px 12px;
    font-size: 0.8rem;
    gap: 6px;
  }
  ._paymentTab_1atwb_296 svg {
    width: 16px;
    height: 16px;
  }
}
._paymentContent_1atwb_359 {
  min-height: 200px;
  text-align: left;
}.kr-embedded {
  max-width: 100% !important;
  width: 100% !important;
}

.kr-embedded .kr-payment-button {
  font-family: HK Grotesk, sans-serif !important;
  background-color: #37A5E8 !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(55, 165, 232, 0.3) !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 0 32px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  height: 48px !important;
  line-height: 48px !important;
  letter-spacing: normal !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
  cursor: pointer !important;
  border: none !important;
}

.kr-embedded .kr-payment-button:hover {
  background-color: #48B2F2 !important;
  transform: translateY(-1px) !important;
}

.kr-embedded .kr-payment-button:active {
  transform: translateY(0) !important;
}

.kr-embedded .kr-field-wrapper {
  margin-bottom: 12px !important;
}

.kr-field-element {
  border: 2px solid #e0e0e0 !important;
  border-radius: 8px !important;
  transition: border-color 0.2s ease !important;
  overflow: hidden !important;
  background: #fff !important;
}

.kr-field-element:focus-within {
  border-color: #37A5E8 !important;
}

.kr-field-element > span,
.kr-field-element > div {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.kr-embedded .kr-pan .kr-field-element,
.kr-embedded .kr-expiry .kr-field-element,
.kr-embedded .kr-security-code .kr-field-element {
  box-shadow: none !important;
}

.kr-embedded .kr-label {
  font-family: HK Grotesk, sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #3B3833 !important;
  margin-bottom: 4px !important;
}

._formWrapper_1lj67_71 {
  width: 100%;
}

._header_1lj67_75 {
  text-align: center;
  margin-bottom: 16px;
}

._header_1lj67_75 img {
  height: 20px;
  opacity: 0.6;
}

._errorMessage_1lj67_84 {
  background-color: #FFF0F0;
  border: 1px solid #FFD4D4;
  border-radius: 8px;
  color: #C62828;
  font-size: 0.875rem;
  padding: 12px 16px;
  margin-bottom: 16px;
  text-align: center;
}

._loadingWrapper_1lj67_95 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 32px 0;
}

._spinner_1lj67_103 {
  width: 32px;
  height: 32px;
  border: 3px solid #e0e0e0;
  border-top-color: #37A5E8;
  border-radius: 50%;
  animation: _spin_1lj67_103 0.8s linear infinite;
}

@keyframes _spin_1lj67_103 {
  to {
    transform: rotate(360deg);
  }
}

._loadingText_1lj67_117 {
  font-size: 0.875rem;
  color: #888;
}

._krHost_1lj67_122 {
  transition: opacity 0.2s ease;
}

._krHostHidden_1lj67_126 {
  opacity: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

._footer_1lj67_133 {
  margin-top: 16px;
  font-size: 0.8rem;
  color: #aaa;
  text-align: center;
}

._footer_1lj67_133 a {
  text-decoration: none;
  color: #888;
}

._footer_1lj67_133 a:hover {
  color: #37A5E8;
}._alternativePaymentMethods_1t35f_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}

._dropinContainer_1t35f_8 {
  width: 100%;
}

.braintree-sheet__container {
  background: white;
}

.braintree-sheet--has-error .braintree-sheet {
  border: 0;
}

.braintree-sheet__header {
  display: none;
}

.braintree-options, .braintree-heading, .braintree-placeholder {
  display: none !important;
}

.braintree-sheet__content {
  padding: 0;
  min-height: auto;
}

.braintree-sheet {
  border: 0;
  border-radius: 4px;
  overflow: hidden;
  max-height: 40px;
  min-height: 40px;
  margin-bottom: 12px;
}

.braintree-toggle, .braintree-methods {
  display: none !important;
}

.gpay-button, .apple-pay-button {
  width: 100% !important;
  height: 40px !important;
}

.apple-pay-button:hover {
  opacity: 0.7;
}

._processingOverlay_1t35f_55 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

._processingContent_1t35f_68 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

._processingText_1t35f_75 {
  color: white;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

._spinner_1t35f_82 {
  width: 50px;
  height: 50px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: _spin_1t35f_82 1s linear infinite;
}

@keyframes _spin_1t35f_82 {
  to {
    transform: rotate(360deg);
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._checkoutVoucher_18m99_8 {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  ._checkoutVoucher_18m99_8 {
    display: block;
  }
}
._checkoutVoucherDetails_18m99_17 button {
  position: relative;
  z-index: 10;
  height: 20px;
  width: 20px;
  background-color: #CBCBCB;
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.3333%204.64889L17.6844%203L11.1667%209.51778L4.64889%203L3%204.64889L9.51778%2011.1667L3%2017.6844L4.64889%2019.3333L11.1667%2012.8156L17.6844%2019.3333L19.3333%2017.6844L12.8156%2011.1667L19.3333%204.64889Z'%20fill='%23FFFFFF'/%3e%3c/svg%3e");
  background-size: 14px 14px;
  background-position: 2px 3px;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 0;
  transition: 0.1s all ease-in-out;
  margin-left: -10px;
}
._checkoutVoucherDetails_18m99_17 button:hover {
  background-color: #dd6761;
}
._checkoutVoucherDetails_18m99_17 > * {
  display: inline-block;
  vertical-align: middle;
}
._checkoutVoucherCoupon_18m99_39 {
  position: relative;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  padding: 6px 18px;
  color: #4D91BA;
  background: #BFE7FF;
  overflow: hidden;
}
._checkoutVoucherCoupon_18m99_39 ._couponCode_18m99_50 {
  border: 1px dashed #FFF;
  padding: 6px 12px;
  border-radius: 8px;
  display: inline-block;
  font-weight: 400;
  font-family: Inter, sans-serif;
}
._checkoutVoucherCoupon_18m99_39:before, ._checkoutVoucherCoupon_18m99_39:after {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  top: 50%;
  margin-top: -11px;
  background: #FFFFFF;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  ._checkoutVoucherCoupon_18m99_39:before {
    background-color: #F9F9F9;
  }
}
._checkoutVoucherCoupon_18m99_39:before {
  left: -11px;
}
._checkoutVoucherCoupon_18m99_39:after {
  right: -11px;
}
._checkoutVoucherTextButton_18m99_79 button {
  background: transparent;
  border: 0;
  outline: 0;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #434343;
  transition: all 0.2s ease;
  cursor: pointer;
}
._checkoutVoucherTextButton_18m99_79 button:hover {
  color: #37A5E8;
}
._checkoutVoucherForm_18m99_95 input {
  min-height: 32px;
  padding: 10px 5px;
  margin: 0px;
  outline: none;
  box-sizing: border-box;
  border-radius: 20px;
  border: 0;
  text-indent: 10px;
  background: #F1F1F1;
  transition: border-color 0.2s;
  width: 185px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #555555;
}
._checkoutVoucherForm_18m99_95 input:focus {
  border-color: #5db6e8;
}
._checkoutVoucherForm_18m99_95 inputError {
  border-color: #E53A40;
}
._checkoutVoucherForm_18m99_95 input::-webkit-input-placeholder {
  color: #A4A4A4;
}
._checkoutVoucherForm_18m99_95 input[type=submit] {
  cursor: pointer;
  height: 35px;
  width: 35px;
  border-radius: 20px;
  outline: 0;
  border: 0;
  transition: all 0.2s ease-in-out;
  margin: 0 0 0 10px;
  background-color: #F1F1F1;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='9'%20viewBox='0%200%2012%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.5%204L4.875%207.375L10.5%201.75'%20stroke='%23A4A4A4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px 13.5px;
}
._checkoutVoucherForm_18m99_95 input[type=submit]:hover {
  background-color: #d3d3d3;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._desktopHeader_1w62o_8 {
  display: flex;
  justify-content: center;
  flex: auto 1;
  height: 82px;
  background: #FFFFFF;
  box-shadow: 0px 2px 24px rgba(216, 216, 216, 0.25);
  position: fixed;
  width: 100%;
  z-index: 9999;
}
._desktopHeaderContainer_1w62o_19 {
  display: flex;
  width: 100%;
  max-width: 1280px;
  padding: 14px 32px 14px 32px;
}
@media only screen and (min-width: 1280px) {
  ._desktopHeaderContainer_1w62o_19 {
    padding: 14px 0 14px 0;
  }
}
._desktopHeaderContainerLeftColumn_1w62o_31 {
  display: flex;
  width: 100%;
  align-self: center;
}
._desktopHeaderContainerRightColumn_1w62o_37 {
  display: flex;
  justify-content: flex-end;
  min-width: 240px;
  width: 100%;
  align-self: center;
}
._desktopHeaderContainerCenterColumn_1w62o_45 {
  display: flex;
  width: 100%;
  justify-content: center;
  align-self: center;
}
/*
 * Logo & Buttons
 */
._desktopHeaderLogo_1w62o_55 {
  width: 86px;
  height: 42px;
  background: #FFFFFF;
  -webkit-mask-image: url("/assets/logo-jai20enmaths-BBjrZf0C.svg");
          mask-image: url("/assets/logo-jai20enmaths-BBjrZf0C.svg");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  display: inline-block;
}
._desktopHeaderLogoLink_1w62o_65 {
  height: 42px;
  display: inline-block;
  align-self: center;
  opacity: 1 !important;
}
._desktopHeaderLogoDark_1w62o_71 {
  background: #000351;
}
._desktopHeaderLink_1w62o_75 {
  margin: 0 0 0 30px;
}
._desktopHeaderNavigation_1w62o_79 {
  align-self: center;
  margin: 0 15px 0 0;
}
._desktopHeaderNavigation_1w62o_79 li {
  display: inline;
  margin: 0 0 0 50px;
}
._desktopHeaderButton_1w62o_87 {
  vertical-align: middle;
  margin: auto auto auto 30px;
  cursor: pointer;
  min-width: 200px;
  text-align: center;
}
._desktopHeaderButtonLogin_1w62o_94 {
  background: rgba(0, 0, 0, 0.1);
}
._desktopHeader_1w62o_8 a {
  font-family: "HK Grotesk", sans-serif;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  letter-spacing: 1px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  color: #FFFFFF;
  opacity: 0.85;
  transition: opacity 0.2s linear;
  font-weight: 600;
}
._desktopHeader_1w62o_8 a span {
  font-weight: 600;
}
._desktopHeader_1w62o_8 a:hover {
  opacity: 1;
}
._desktopHeaderAccountActions_1w62o_123 {
  position: relative;
  text-align: right;
  margin: 0 0 0 30px;
}
._desktopHeaderAccountActions_1w62o_123:hover ._desktopHeaderAccountLinks_1w62o_128 {
  visibility: visible;
  opacity: 1;
}
._desktopHeaderAccountActions_1w62o_123:hover ._desktopHeaderAccountName_1w62o_132 {
  opacity: 1;
}
._desktopHeaderAccountName_1w62o_132 {
  white-space: nowrap;
  cursor: pointer;
  height: 36px;
  font-family: "HK Grotesk", sans-serif;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  letter-spacing: 1px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  color: #FFFFFF;
  opacity: 0.85;
  transition: opacity 0.2s linear;
  font-weight: 600;
}
._desktopHeaderAccountName_1w62o_132 span {
  font-weight: 600;
}
._desktopHeaderAccountArrow_1w62o_160 {
  margin: 0 0 0 10px;
}
._desktopHeaderAccountLinks_1w62o_128 {
  position: absolute;
  top: 36px;
  right: -10px;
  padding: 15px 30px;
  z-index: 999;
  background: #FFFFFF;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
  text-align: right;
}
._desktopHeaderAccountLinks_1w62o_128 li a {
  white-space: nowrap;
  color: #5895BC;
  font-size: 10px;
  font-weight: 600;
  line-height: initial;
}
._desktopHeaderAccountLinks_1w62o_128 li a > span {
  font-weight: 600;
}
._desktopHeaderAccountSubscription_1w62o_186 {
  color: #239fe3;
}
._desktopHeaderAccountSubscription_1w62o_186._iconStar_1w62o_189, ._desktopHeaderAccountSubscription_1w62o_186._iconShield_1w62o_189 {
  font-size: 16px;
  margin: -3px 10px 0 0;
  display: inline-block;
  top: 4px;
  position: relative;
}
._desktopHeaderAccountSubscriptionTitle_1w62o_196 {
  color: #239fe3;
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 600;
}
._desktopHeaderFreeChapterButton_1w62o_215 {
  background-color: #239fe3;
  border-radius: 3px 3px 3px 3px;
  transition: 0.5s background ease;
  display: inline-block;
  position: relative;
  z-index: 9;
  cursor: pointer;
}
._desktopHeaderFreeChapterButton_1w62o_215 span, ._desktopHeaderFreeChapterButtonLevelsItem_1w62o_224 {
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 24px;
  color: #ffffff;
  transition: color 0.2s linear;
}
._desktopHeaderFreeChapterButton_1w62o_215 i._iconDown_1w62o_244 {
  margin: 0 0 0 15px;
}
._desktopHeaderFreeChapterButton_1w62o_215 span > span {
  padding: 0;
}
._desktopHeaderFreeChapterButton_1w62o_215:hover {
  background: #A5A5A5;
}
._desktopHeaderFreeChapterButton_1w62o_215:hover span {
  color: #ffffff;
}
._desktopHeaderFreeChapterButton_1w62o_215:hover > div {
  visibility: visible;
  opacity: 1;
}
._desktopHeaderFreeChapterButton_1w62o_215:hover + h3,
._desktopHeaderFreeChapterButton_1w62o_215:hover + h3 + ._school-levels__list_1w62o_261 {
  visibility: hidden;
}
._desktopHeaderFreeChapterButtonLevels_1w62o_224 {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  padding-top: 20px;
  transition: 1s opacity ease;
  z-index: 99;
  width: 100%;
}
._desktopHeaderFreeChapterButtonLevelsList_1w62o_273 {
  background-color: #FFFFFF;
  border-radius: 3px 3px 3px 3px;
  position: relative;
}
._desktopHeaderFreeChapterButtonLevelsList_1w62o_273:before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFFFF;
  position: absolute;
  content: "";
  right: 20px;
  top: -10px;
}
._desktopHeaderFreeChapterButtonLevelsItem_1w62o_224 {
  width: 100%;
  transition: 0.5s background ease;
  padding: 0;
}
._desktopHeaderFreeChapterButtonLevelsItem_1w62o_224:first-child {
  border-radius: 3px 3px 0 0;
}
._desktopHeaderFreeChapterButtonLevelsItem_1w62o_224:last-child {
  border-radius: 0 0 3px 3px;
}
._desktopHeaderFreeChapterButtonLevelsItem_1w62o_224 a {
  color: #239fe3;
  text-decoration: none;
  padding: 0 15px;
  display: block;
  width: 100%;
  font-size: 10px;
  transition: 0.5s color ease;
}
._desktopHeaderFreeChapterButtonLevelsItem_1w62o_224:hover {
  background: #239fe3;
}
._desktopHeaderFreeChapterButtonLevelsItem_1w62o_224:hover a {
  color: #ffffff;
}
@media (max-width: 768px) {
  ._desktopHeaderContainerLeftColumn_1w62o_31 {
    display: none;
  }
  ._desktopHeaderContainerRightColumn_1w62o_37 {
    display: none;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
@media only screen and (max-width: 768px) {
  ._planslist_1mkls_15 {
    padding: 0 20px;
  }
}
._plansmobileVoucherForm_1mkls_19 {
  display: none;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  ._plansmobileVoucherForm_1mkls_19 {
    display: initial;
  }
}
._plansaddon_1mkls_28 {
  margin: 0 auto 12px;
  padding: 20px;
  max-width: 650px;
  cursor: pointer;
  display: flex;
  background: #FFFFFF;
  box-shadow: 0px 0px 8px rgba(162, 162, 162, 0.12);
  border-radius: 10px;
  text-align: left;
  border: 1px solid transparent;
  align-items: center;
  transition: 0.2s all ease-in-out;
  font-family: Inter, sans-serif;
  position: relative;
}
@media only screen and (max-width: 768px) {
  ._plansaddonlist_1mkls_45 {
    padding: 0 20px;
  }
}
._plansaddondetails_1mkls_49 {
  display: flex;
  flex: 1;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  ._plansaddondetails_1mkls_49 {
    display: initial;
  }
}
._plansaddon_1mkls_28 ._chatLabel_1mkls_59 {
  position: absolute;
  background: #ffd31e;
  color: #463a0a;
  border-radius: 0 0 5px 5px;
  font-size: 12px;
  padding: 2px 10px;
  top: -1px;
  left: 60px;
  font-family: Inter, sans-serif;
  border-top: 1px solid #ffd31e;
  transition: 0.2s all ease-in-out;
}
._plansaddonpackage_1mkls_72 {
  padding: 30px 20px;
}
._plansaddonpackage_1mkls_72 ._packageLabel_1mkls_75 {
  position: absolute;
  background: #BFE7FF;
  border-radius: 0 0 5px 5px;
  font-size: 12px;
  padding: 2px 10px;
  top: -1px;
  left: 60px;
  color: #4D91BA;
  font-family: Inter, sans-serif;
  border-top: 1px solid #BFE7FF;
  transition: 0.2s all ease-in-out;
}
._plansaddon_1mkls_28:hover input[type=checkbox] {
  background: #EEE;
}
._plansaddonprice_1mkls_91 {
  position: relative;
}
@media only screen and (max-width: 768px) {
  ._plansaddonprice_1mkls_91 {
    margin-top: 20px;
    text-align: right;
  }
}
._plansaddonprice_1mkls_91 span:first-child {
  font-size: 13px;
  font-weight: 500;
}
._plansaddonpriceperiod_1mkls_104 {
  color: #A4A4A4;
  top: 4px;
  font-weight: 400;
  position: relative;
  font-size: 14px;
  left: 4px;
}
@media only screen and (max-width: 768px) {
  ._plansaddonpriceperiod_1mkls_104 {
    top: 0;
  }
}
._plansaddonpricestriked_1mkls_117 {
  position: absolute;
  font-size: 13px;
  color: #A4A4A4;
  top: -20px;
  left: 2px;
}
@media only screen and (max-width: 768px) {
  ._plansaddonpricestriked_1mkls_117 {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    top: 0;
    left: 0;
  }
}
._plansaddonpricestriked_1mkls_117:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid #A4A4A4;
  transform: rotate(-10deg);
}
._plansaddoninfos_1mkls_142 {
  flex: 1;
  font-size: 15px;
}
._plansaddoninfostitle_1mkls_146 {
  font-weight: 500;
}
._plansaddoninfosdescription_1mkls_149 {
  color: #A4A4A4;
  font-weight: 400;
  font-size: 14px;
}
._plansaddonselected_1mkls_154 {
  border-color: #239fe3;
}
._plansaddonselected_1mkls_154 ._packageLabel_1mkls_75 {
  border-color: #239fe3;
}
._plansaddoncheckbox_1mkls_160 {
  padding-right: 20px;
}
._plansstep_1mkls_163 {
  font-size: 14px;
  color: #888;
}
._plansstep_1mkls_163 b {
  font-weight: bold;
}
._planscontainer_1mkls_170 {
  text-align: center;
  flex: 1;
  padding-top: 82px;
  background-color: #F9F9F9;
  min-height: calc(100vh - 82px);
}
@media only screen and (max-width: 768px) {
  ._planscontainer_1mkls_170 {
    padding: 100px 0 0;
    height: auto;
  }
}
._planscontainer_1mkls_170 h1 {
  font-family: Helvetica Neue, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 34px;
  line-height: 42px;
  color: #434343;
  margin: 55px auto 0;
}
@media only screen and (max-width: 768px) {
  ._planscontainer_1mkls_170 h1 {
    font-size: 25px;
    margin: 30px auto 0;
  }
}
._planscontainer_1mkls_170 label {
  color: #239fe3;
  font-size: 14px;
  margin: 16px 0 8px;
  font-family: Inter, sans-serif;
  display: block;
}
._planscontainer_1mkls_170 input[type=radio] {
  border: 1px solid #CACACA;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background: transparent;
  position: relative;
  transition: 0.2s all ease-in-out;
  cursor: pointer;
}
._planscontainer_1mkls_170 input[type=radio]:checked {
  background: #239fe3;
  border-color: #239fe3;
}
._planscontainer_1mkls_170 input[type=radio]:checked:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  top: 50%;
  margin: -4px;
  border-radius: 50%;
}
._planscontainer_1mkls_170 input[type=checkbox] {
  border: 1px solid #CACACA;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  transition: 0.2s all ease-in-out;
  position: relative;
  cursor: pointer;
}
._planscontainer_1mkls_170 input[type=checkbox]:checked {
  background: #239fe3;
  border-color: #239fe3;
}
._planscontainer_1mkls_170 input[type=checkbox]:checked:hover {
  background: #3295D1;
}
._planscontainer_1mkls_170 input[type=checkbox]:checked::after {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='9'%20viewBox='0%200%2012%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.5%204L4.875%207.375L10.5%201.75'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  left: 50%;
  top: 50%;
  margin: -7px;
}
._planscontainer_1mkls_170 input[type=checkbox]:disabled {
  background: #cbcbcb;
  border-color: #cbcbcb;
  cursor: not-allowed;
}
._planscontainer_1mkls_170 input[type=checkbox]:disabled:hover {
  background: #cbcbcb;
}
._planscontainer_1mkls_170 ._questionsAnswers_1mkls_267 {
  margin-top: 60px;
  background: #E0E5E8;
  padding: 45px 0 4px;
}
._planscontainer_1mkls_170 ._questionsAnswers_1mkls_267 h2 {
  color: #4E4E59;
  font-family: "HK Grotesk", sans-serif;
  font-weight: 800;
  font-size: 1.5em;
  letter-spacing: 0.01em;
  margin: 0 auto 60px;
}
._planscontainer_1mkls_170 ._questionsAnswerslist_1mkls_280 {
  max-width: 1065px;
  margin: auto;
  text-align: left;
  column-count: 2;
  column-gap: 60px;
}
@media only screen and (max-width: 768px) {
  ._planscontainer_1mkls_170 ._questionsAnswerslist_1mkls_280 {
    column-count: 1;
    padding: 0 30px;
  }
}
._planscontainer_1mkls_170 ._questionsAnswerslistitem_1mkls_293 {
  vertical-align: top;
  margin-bottom: 41px;
  box-sizing: border-box;
  display: inline-block;
}
._planscontainer_1mkls_170 ._questionsAnswerslistitem_1mkls_293 h3 {
  font-family: Helvetica Neue, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 30px;
  color: #737E85;
  margin: 0 0 12px;
}
@media only screen and (max-width: 768px) {
  ._planscontainer_1mkls_170 ._questionsAnswerslistitem_1mkls_293 h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
._planscontainer_1mkls_170 ._questionsAnswerslistitem_1mkls_293 p {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #788B96;
}
._plansheaderInfo_1mkls_322 {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #A4A4A4;
  margin: 10px auto 40px;
}
@media only screen and (max-width: 768px) {
  ._plansheaderInfo_1mkls_322 {
    margin: 6px 30px 25px;
  }
}
._planslist_1mkls_15 {
  display: flex;
  width: max-content;
  margin: 40px auto 10px;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  ._planslist_1mkls_15 {
    flex-direction: column;
  }
}
._planslist_1mkls_15 > div {
  flex: 1 1 30%;
  flex-basis: 30%;
  margin: 0 8px;
  max-width: 290px;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
}
@media only screen and (max-width: 768px) {
  ._planslist_1mkls_15 > div {
    width: auto;
    margin: 0 0 30px 0;
  }
}
._planslist_1mkls_15 > div:nth-of-type(1) {
  margin-left: 0;
}
._planslist_1mkls_15 > div:last-child {
  margin-right: 0;
}
._planslist_1mkls_15 > div._featured_1mkls_368 {
  flex: 1 1 40%;
  flex-basis: 40%;
}
@media only screen and (max-width: 768px) {
  ._planslist_1mkls_15 > div._featured_1mkls_368 {
    order: -1;
  }
}
._planlabels_1mkls_378 {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 15px;
}
._planlabels_1mkls_378 span {
  padding: 0 5px;
  border-radius: 5px;
  font-weight: 400;
  font-size: 11px;
  line-height: 22px;
  color: #FFFFFF;
  text-transform: uppercase;
  display: inline-block;
}
._planlabels_1mkls_378 span._striked_1mkls_393 {
  text-decoration: line-through;
}
._planlabels_1mkls_378 > div:not(:first-child) {
  margin-top: 5px;
}
._planpricing_1mkls_399 {
  position: relative;
  cursor: pointer;
  background: #FFFFFF;
  box-shadow: 0px 0px 8px rgba(162, 162, 162, 0.12);
  border-radius: 15px;
  padding: 40px;
  border: 1px solid transparent;
  /* transition: .2s all ease-in-out; */
}
._planpricing_1mkls_399:hover input[type=radio]:not(:checked) {
  background: #EEE;
}
._planpricinglabel_1mkls_412 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #BFE7FF;
  border-radius: 0 0 18px 18px;
  font-size: 13px;
  padding: 4px 18px 6px;
  top: -1px;
  color: #4D91BA;
  font-family: Inter, sans-serif;
  border-top: 1px solid #BFE7FF;
  transition: 0.2s all ease-in-out;
  z-index: 9;
  white-space: nowrap;
}
._planpricingselected_1mkls_428 {
  border-color: #239fe3;
}
._planpricingselected_1mkls_428 ._planPricingLabel_1mkls_431 {
  border-color: #239fe3;
}
._planpricingbutton_1mkls_434 {
  cursor: pointer;
  line-height: 40px;
  width: 100%;
  outline: 0;
  border: 1px solid #F47475;
  color: #F47475;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: #FFF;
  border-radius: 50px;
  display: inline-block;
  font-family: "Inter", sans-serif;
  letter-spacing: 0.075rem;
  transition: all 0.5s ease;
  margin-top: 15px;
}
._planpricingbutton_1mkls_434:hover {
  color: #c05d5e;
  border-color: #c05d5e;
}
._planpricingbutton_1mkls_434._disabled_1mkls_456 {
  cursor: none;
  background: #CCC;
  box-shadow: none;
}
._planpricingpriceWrapper_1mkls_461 {
  min-height: 60px;
}
._planpricingdetails_1mkls_464 {
  line-height: 18px;
  text-align: center;
  min-height: 55px;
  margin: 10px 0 0;
  color: #777;
  font-family: Inter, sans-serif;
}
._planpricingdetails_1mkls_464 b > span {
  font-weight: bold;
}
._planpricingdetails_1mkls_464 p {
  margin: 10px auto 0 !important;
  max-width: 96%;
  font-size: 12px;
}
._planpricingdetails_1mkls_464 span {
  font-size: 12px;
  font-family: Inter, sans-serif;
  color: #7A7A7A;
}
._planpricing_1mkls_399._featured_1mkls_368 {
  position: relative;
  padding-top: 60px;
  background-image: url("data:image/svg+xml,%3csvg%20width='341'%20height='237'%20viewBox='0%200%20341%20237'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='8'%20cy='20'%20r='20'%20fill='%23FF6422'/%3e%3cpath%20d='M362%20237L357%2086.5L280.5%20237H362Z'%20fill='%23BFE7FF'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
._planpricing_1mkls_399._featured_1mkls_368 ._planpricingTitle_1mkls_493 {
  font-size: 26px;
}
._planpricing_1mkls_399._featured_1mkls_368 ._planPricingPriceValue_1mkls_496 span {
  font-size: 48px;
}
._planpricing_1mkls_399._featured_1mkls_368 ._planPricingStrikedPrice_1mkls_499 {
  line-height: 57px;
}
._planpricing_1mkls_399._featured_1mkls_368 ._planPricingHeader_1mkls_502 {
  position: absolute;
  top: 0;
  background: #F47475;
  left: 0;
  right: 0;
  color: #FFF;
  padding: 12px 20px;
  font-size: 18px;
  font-weight: 600;
}
._planpricing_1mkls_399._featured_1mkls_368 ._planPricingButton_1mkls_513 {
  margin-top: 40px;
  background: #F47475;
  border: 0;
  color: #FFF;
}
._planpricing_1mkls_399._featured_1mkls_368 ._planPricingButton_1mkls_513:hover {
  background: #c05d5e;
}
._planpricingTitle_1mkls_493 {
  font-weight: 700;
  color: #3D3D3D;
  font-size: 20px;
  font-family: "Inter", sans-serif;
  margin: 0 0 10px 0;
}
@media only screen and (max-width: 768px) {
  ._planpricingTitle_1mkls_493 {
    font-size: 1.3em;
    height: auto;
  }
}
._planpricingstrikedPrice_1mkls_535 {
  text-decoration: line-through;
  font-size: 12px;
  color: #9D9D9D;
  line-height: 50px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  left: -10px;
}
._planpricingpriceValue_1mkls_545 {
  color: #535353;
  font-size: 32px;
  font-weight: 700;
}
._planpricingcycleDescription_1mkls_550 {
  font-size: 14px;
  color: #777;
  margin-left: 5px;
  position: relative;
  top: 5px;
}
._planpricingfeatureslist_1mkls_557 {
  text-align: left;
  margin: 30px 0 20px;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  ._planpricingfeatureslist_1mkls_557 {
    margin: 30px 0;
  }
}
._planpricingfeatureslist_1mkls_557 li {
  padding-left: 20px;
  margin: 0 0 20px;
  color: #666;
  font-size: 1.05em;
  position: relative;
}
@media only screen and (max-width: 768px) {
  ._planpricingfeatureslist_1mkls_557 li {
    font-size: 1em;
  }
}
._planpricingfeatureslist_1mkls_557 li:before {
  position: absolute;
  font-family: "jai20enmaths";
  font-size: 12px;
  content: "a";
  width: 12px;
  height: 28px;
  color: #589FCC;
  left: 0;
  top: 3px;
}
._planautoRenewdescription_1mkls_590 {
  margin: 30px 0 0;
  font-size: 12px;
  color: #666;
}
._checkoutLogin_1mkls_596 ._loginContainer_1mkls_596 {
  margin: auto;
  width: 100%;
  max-width: 400px;
  padding: 40px;
  background: white;
  border-radius: 4px;
}
@media only screen and (max-width: 768px) {
  ._checkoutLogin_1mkls_596 ._loginContainer_1mkls_596 {
    min-height: calc(100vh - 75px - 113px);
    max-width: inherit;
  }
}
._checkoutLogin_1mkls_596 ._loginContainer_1mkls_596 a {
  text-decoration: none;
  color: #b3b3b3;
  font-size: 12px;
  transition: color 0.2s ease-in;
}
._checkoutLogin_1mkls_596 ._loginContainer_1mkls_596 a:hover {
  color: #239fe3;
}
._checkoutLogin_1mkls_596 ._loginHeader_1mkls_619 {
  text-align: center;
}
._checkoutLogin_1mkls_596 ._loginFormItem_1mkls_622:first-of-type ._formLabel_1mkls_622 {
  margin-top: 0;
}
._checkoutLogin_1mkls_596 ._loginFormItem_1mkls_622:not(:first-of-type) {
  margin-top: 15px;
}
._checkoutLogin_1mkls_596 ._loginFormActions_1mkls_628 {
  margin-top: 30px;
}
._checkoutRegister_1mkls_632 ._registerContainer_1mkls_632 {
  width: 100%;
  max-width: 400px;
  padding: 40px;
  background: white;
  border-radius: 4px;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  ._checkoutRegister_1mkls_632 ._registerContainer_1mkls_632 {
    min-height: calc(100vh - 75px);
    max-width: inherit;
  }
}
._checkoutRegister_1mkls_632 ._registerHeader_1mkls_646 {
  text-align: center;
}
._checkoutRegister_1mkls_632 ._registerFormItem_1mkls_649:first-of-type ._formLabel_1mkls_622 {
  margin-top: 0;
}
._checkoutRegister_1mkls_632 ._registerFormItem_1mkls_649:not(:first-of-type) {
  margin-top: 15px;
}
._checkoutRegister_1mkls_632 ._registerFormActions_1mkls_655 {
  margin-top: 30px;
}
._checkoutRegister_1mkls_632 ._registerFacebook_1mkls_658 {
  margin: 30px 0 0;
}
._checkoutRegister_1mkls_632 ._registerFacebook_1mkls_658 button {
  font-size: 14px;
  padding: 0px 20px;
  display: block;
  height: 36px;
  width: 100%;
  border-radius: 50px !important;
}
._checkoutRegister_1mkls_632 ._registerDivider_1mkls_669 {
  position: relative;
  text-align: center;
  margin: 30px 0 15px;
  color: #777;
}
._checkoutRegister_1mkls_632 ._registerDivider_1mkls_669 span {
  background: #fff;
  position: relative;
  line-height: 20px;
  padding: 0 10px;
  letter-spacing: 1px;
  font-size: 12px;
}
._checkoutRegister_1mkls_632 ._registerDivider_1mkls_669:before {
  height: 1px;
  width: 100%;
  position: absolute;
  content: "";
  background-color: #777;
  left: 0;
  top: 50%;
}
._checkoutAccount_1mkls_693 p {
  margin: 10px auto 20px;
}
@media (max-width: 768px) {
  ._plansmobileVoucherForm_1mkls_19 {
    display: block;
    margin: auto;
  }
}
._stageSwitch_1mkls_703 {
  display: block;
  text-align: center;
  border-radius: 4px;
  margin: 24px auto;
}
._stageSwitch_1mkls_703 button {
  padding: 12px;
  background: #FFF;
  border: 1px solid #a4a4a4;
  color: #777;
  box-shadow: 0px 0px 8px rgba(162, 162, 162, 0.12);
}
._stageSwitch_1mkls_703 button.active {
  color: #3b7ea6;
  background: #BFE7FF;
  border: 1px solid #4D91BA;
}
._stageSwitch_1mkls_703 button:first-of-type {
  border-radius: 8px 0 0 8px;
}
._stageSwitch_1mkls_703 button:last-of-type {
  border-radius: 0 8px 8px 0;
  border-left: 0;
}
._addOnDiscountLabel_1mkls_729 {
  position: absolute;
  background: #BFE7FF;
  border-radius: 0 0 5px 5px;
  font-size: 12px;
  padding: 2px 10px;
  top: -1px;
  left: 60px;
  color: #4D91BA;
  font-family: Inter, sans-serif;
  border-top: 1px solid #BFE7FF;
  transition: 0.2s all ease-in-out;
}
._addOnsCheckbox_1mkls_743 {
  border: 1px solid #CACACA;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  transition: 0.2s all ease-in-out;
  position: relative;
  cursor: pointer;
}
._addOnsCheckbox_1mkls_743:checked {
  background: #239fe3;
  border-color: #239fe3;
}
._addOnsCheckbox_1mkls_743:checked:hover {
  background: #3295D1;
}
._addOnsCheckbox_1mkls_743:checked::after {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='9'%20viewBox='0%200%2012%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.5%204L4.875%207.375L10.5%201.75'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  left: 50%;
  top: 50%;
  margin: -7px;
}
._addOnsCheckbox_1mkls_743:disabled {
  background: #cbcbcb;
  border-color: #cbcbcb;
  cursor: not-allowed;
}
._addOnsCheckbox_1mkls_743:disabled:hover {
  background: #cbcbcb;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._resetPassword_1jm4d_14 {
  padding: 30px 0 40px 0;
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 82px - 41px);
}
@media only screen and (max-width: 768px) {
  ._resetPassword_1jm4d_14 {
    padding: 0;
    min-height: initial;
  }
}
._resetPasswordSuccessfulMessage_1jm4d_26 {
  text-align: center;
  font-size: 14px;
}
._resetPasswordSuccessfulMessageIcon_1jm4d_30 {
  font-size: 40px;
  color: #239fe3;
}
._resetPasswordSuccessfulMessage_1jm4d_26 p:nth-of-type(1) {
  margin: 0 0 10px 0;
}
._resetPasswordContainer_1jm4d_38 {
  width: 100%;
  max-width: 400px;
  padding: 40px;
  background: white;
  border-radius: 4px;
  align-self: center;
}
._resetPasswordHeader_1jm4d_47 {
  text-align: center;
}
._resetPasswordForm_1jm4d_51 {
  margin-top: 30px;
}
._resetPasswordFormItem_1jm4d_55:not(:first-child) {
  margin-top: 15px;
}
._resetPasswordFormActions_1jm4d_59 {
  margin-top: 30px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._instagramLandingPage_agtec_14 {
  padding: 40px 24px;
  text-align: center;
  flex: 1;
  background: #F8F9FB;
}
._instagramLandingPage_agtec_14 li {
  background: #FFFFFF;
  box-shadow: 0 4px 8px rgba(162, 162, 162, 0.12);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 16px;
}
._instagramLandingPage_agtec_14 li._youtube_agtec_27 a {
  padding-top: 0;
}
._instagramLandingPage_agtec_14 li._youtube_agtec_27 a img {
  width: 100%;
  margin-bottom: 20px;
}
._instagramLandingPage_agtec_14 li a {
  display: block;
  padding: 30px 0;
  line-height: 20px;
}
._instagramLandingPage_agtec_14 li a,
._instagramLandingPage_agtec_14 li a span {
  font-family: HK Grotesk, sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: #434343;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._wrapperFooter_1n87k_8 {
  padding: 24px 24px;
  width: 100%;
  max-width: 1280px;
  margin: auto;
}
._footer_1n87k_15 {
  background: #239fe3;
  color: #fff !important;
}
._footer_1n87k_15 a {
  color: #cce5fa;
  margin-bottom: 4px;
  display: inline-block;
}
._footersocialIcon_1n87k_24 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0 0 0 20px;
  text-align: center;
  line-height: 30px;
  font-family: "FontAwesome";
  color: #FFFFFF;
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  ._footersocialIcon_1n87k_24 {
    margin-top: 10px;
    margin-left: 15px;
  }
}
._footersocialIcon_1n87k_24._instagram_1n87k_41 {
  background: #E34FB0;
}
@media only screen and (max-width: 768px) {
  ._footersocialIcon_1n87k_24._instagram_1n87k_41 {
    margin-left: 0;
  }
}
._footersocialIcon_1n87k_24._facebook_1n87k_49 {
  background: #3B5998;
}
._footersocialIcon_1n87k_24._twitter_1n87k_52 {
  background: #1DCAFF;
}
._footerlevel1container_1n87k_55 {
  padding: 2px 32px;
}
@media only screen and (min-width: 1280px) {
  ._footerlevel1container_1n87k_55 {
    padding-left: 0;
    padding-right: 0;
  }
}
._footerlevel1_1n87k_55._inverseColor_1n87k_64 {
  background: #fff;
}
._footerlevel1_1n87k_55._inverseColor_1n87k_64 ._footerBannerTitle_1n87k_67, ._footerlevel1_1n87k_55._inverseColor_1n87k_64 ._footerBannerSubtitle_1n87k_67 {
  color: #585858;
}
._footerlevel2_1n87k_70 {
  padding: 0.65rem 0;
}
._footerlevel2container_1n87k_73 {
  align-items: center;
  padding: 2px 32px;
}
@media only screen and (min-width: 1280px) {
  ._footerlevel2container_1n87k_73 {
    padding-left: 0;
    padding-right: 0;
  }
}
._footerlevel2container_1n87k_73 > div:first-child {
  flex: 1;
}
._footerlevel2container_1n87k_73 > div {
  display: flex;
}
._footerlevel2_1n87k_70 span {
  font-size: 16px;
  font-weight: 900;
  font-family: "HK Grotesk", sans-serif;
  letter-spacing: 0.02em;
}
._footerlevel3_1n87k_95 {
  padding: 15px 0;
}
._footerlevel5_1n87k_98 {
  padding: 0.75rem 0;
  color: #fcfcfc;
  font-size: 12px;
}
._footerlevel5container_1n87k_103 {
  display: block;
}
._footerlevel5_1n87k_98 a {
  float: right;
  margin-left: 30px;
}
@media only screen and (max-width: 768px) {
  ._footerlevel5_1n87k_98 a {
    float: none;
    display: block;
    margin: 8px 0 0 0;
  }
}
._footerbanner_1n87k_117 {
  text-align: center;
  display: block !important;
  padding: 4rem 32px !important;
}
@media only screen and (min-width: 1280px) {
  ._footerbanner_1n87k_117 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  ._footerbanner_1n87k_117 {
    padding: 2rem 32px !important;
  }
}
._footerbannertitle_1n87k_133 {
  font-family: "HK Grotesk", sans-serif;
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 30px 0;
}
@media only screen and (max-width: 768px) {
  ._footerbannertitle_1n87k_133 {
    font-size: 20px;
    margin: 0 0 20px 0;
  }
}
._footerbannertitle_1n87k_133 b {
  font-size: 42px;
  font-weight: 900;
}
@media only screen and (max-width: 768px) {
  ._footerbannertitle_1n87k_133 b {
    font-size: 25px;
  }
}
._footerbannersubtitle_1n87k_155 {
  color: #fff;
  font-size: 0.7rem;
  margin: 0.5rem 0;
  display: block;
}
._footerbannerstartNowButton_1n87k_161 {
  width: 100%;
  max-width: 385px;
  height: 50px;
  outline: none;
  color: #fff;
  font-size: 1rem;
  line-height: 50px;
  font-weight: 700;
  text-align: center;
  background: #F47475;
  border-radius: 50px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.16);
  display: inline-block;
  font-family: "Inter", sans-serif;
  letter-spacing: 0.075rem;
  transition: all 0.5s ease;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  ._footerbannerstartNowButton_1n87k_161 {
    width: 90%;
  }
}
._footerbannerstartNowButton_1n87k_161 a {
  color: white;
  text-decoration: none;
  padding: 0 20px;
  display: inline-block;
  width: 100%;
}
._footerbannerstartNowButton_1n87k_161:hover {
  box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07);
  transform: translate3D(0, -1px, 0);
}
._footercontainer_1n87k_196 {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1280px;
  margin: auto;
}
@media only screen and (min-width: 1280px) {
  ._footercontainer_1n87k_196 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  ._footercontainer_1n87k_196 {
    flex-direction: column;
  }
}
._footercontainerLink_1n87k_214 {
  justify-content: flex-end;
  display: flex;
  margin: auto;
  max-width: 1280px;
}
._footerlinkslist_1n87k_220 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  ._footerlinkslist_1n87k_220 {
    flex-direction: column;
    margin: 0 0 25px;
  }
}
._footerlinkslist_1n87k_220 > span {
  font-family: "HK Grotesk", sans-serif;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 21px;
  color: #FFFFFF;
}
._footerlinkslisttwoColumns_1n87k_239 ._linksItem_1n87k_239 {
  width: 60%;
  display: inline-block;
}
._footerlinkslisttwoColumns_1n87k_239 ._linksItem_1n87k_239:nth-child(2n) {
  width: 40%;
}
._footerlinksitem_1n87k_246 {
  margin: 10px 0 0;
}
._footerlinksitemlink_1n87k_249 {
  text-decoration: none;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 17px;
  color: #cce5fa;
}
._footerlinksitemlink_1n87k_249:hover {
  color: #FFFFFF;
}
._schoolLevelsList_1n87k_261 {
  column-count: 3;
}
@media only screen and (max-width: 768px) {
  ._schoolLevelsList_1n87k_261 {
    column-count: 2;
  }
}
._socialIcons_1n87k_270 a {
  margin-right: 12px;
}
._socialIcons_1n87k_270 a:last-of-type {
  margin-right: 0;
}
._footerlevel4_1n87k_277 {
  display: flex;
  justify-content: flex-end;
}
._footerlevel4_1n87k_277 ul {
  display: flex;
}
._footerlevel4_1n87k_277 ul li {
  margin-right: 10px;
}
._footerlevel4_1n87k_277 ul li:last-of-type {
  margin-right: 0;
}
._copyrightText_1n87k_291 {
  font-size: 13px;
  color: #cce5fa;
}

/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* DayPicker styles */
._DayPicker_1neqm_1 {
  display: inline-block;
  font-size: 1rem;
}
._DayPicker-wrapper_1neqm_1 {
  position: relative;

  flex-direction: row;
  padding-bottom: 1em;

  -webkit-user-select: none;

  user-select: none;
}
._DayPicker-Months_1neqm_1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
._DayPicker-Month_1neqm_1 {
  display: table;
  margin: 0 1em;
  margin-top: 1em;
  border-spacing: 0;
  border-collapse: collapse;

  -webkit-user-select: none;

  user-select: none;
}
._DayPicker-NavBar_1neqm_1,
._DayPicker-NavBar_1neqm_1 span {
  font-family: Helvetica Neue, sans-serif;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 24px;
  text-align: center;

  color: #737E85;
}
._DayPicker-NavBar_1neqm_1 > span {
  min-width: 110px;
  display: inline-block;
}
._DayPicker-NavButton_1neqm_1 {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  border: 0;
  background: transparent;
  opacity: .54;
  transition: all .1s ease-in;
}
._DayPicker-NavButton_1neqm_1:hover {
  opacity: 1;
}
._DayPicker-NavButton--prev_1neqm_1 {
  margin-right: 15px;
  /*background-image: url("../../static/illustrations/component/sidebar/icon/22px/leftarrow.svg");*/
}
._DayPicker-NavButton--next_1neqm_1 {
  margin-left: 14px;
  /* background-image: url("../../static/illustrations/component/sidebar/icon/22px/rightarrow.svg"); */
}
._DayPicker-NavButton--interactionDisabled_1neqm_1 {
  display: none;
}
._DayPicker-Caption_1neqm_1 {
  display: none
}
._DayPicker-Caption_1neqm_1 > div {
  font-weight: 500;
  font-size: 1.15em;
}
._DayPicker-Weekdays_1neqm_1 {
  display: table-header-group;
  margin-top: 1em;
}
._DayPicker-WeekdaysRow_1neqm_1 {
  display: table-row;
}
._DayPicker-Weekday_1neqm_1 {
  display: table-cell;
  padding: 0.5em;
  font-family: Helvetica Neue, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;

  /* grey/textalt */

  color: #737E85;
  text-align: center;
}
._DayPicker-Weekday_1neqm_1 abbr[title] {
  border-bottom: none;
  text-decoration: none;
}
._DayPicker-Body_1neqm_1 {
  display: table-row-group;
}
._DayPicker-Week_1neqm_1 {
  display: table-row;
}
._DayPicker-Day_1neqm_1 {
  display: table-cell;
  padding: 0.5em;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;

  font-family: Helvetica Neue;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  color: #A4A4A4;
}
._DayPicker-WeekNumber_1neqm_1 {
  display: table-cell;
  padding: 0.5em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}
._DayPicker--interactionDisabled_1neqm_1 ._DayPicker-Day_1neqm_1 {
  cursor: default;
}
._DayPicker-Footer_1neqm_1 {
  padding-top: 0.5em;
}
._DayPicker-TodayButton_1neqm_1 {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4A90E2;
  font-size: 0.875em;
  cursor: pointer;
}
/* Default modifiers */
._DayPicker-Day--today_1neqm_1,
._DayPicker-Day--testDay_1neqm_1 {
  color: #FF6422 !important;
}
._DayPicker-Day--testDay_1neqm_1 {
  font-weight: bold;
}
._DayPicker-Day--disabled_1neqm_1 {
  color: #EAEAEA;
  cursor: default;
}
._DayPicker-Day--outside_1neqm_1 {
  color: #E5E5E5;
}
._DayPicker-Day--selected_1neqm_1:not(._DayPicker-Day--disabled_1neqm_1):not(._DayPicker-Day--outside_1neqm_1) {
  position: relative;
  background-color: #FF6422;
  color: #FFFFFF !important;
}
._DayPicker-Day--selected_1neqm_1:not(._DayPicker-Day--disabled_1neqm_1):not(._DayPicker-Day--outside_1neqm_1):hover {
  background-color: #FF6422;
}
._DayPicker_1neqm_1:not(._DayPicker--interactionDisabled_1neqm_1)
._DayPicker-Day_1neqm_1:not(._DayPicker-Day--disabled_1neqm_1):not(._DayPicker-Day--selected_1neqm_1):hover {
  background-color: #F8F8F8;
}
*:focus {
  outline: none;
}
input {
  -webkit-appearance: none;
}
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._application_1neqm_31 {
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  color: rgb(85, 85, 85);
  overflow-x: hidden;
  background: #F9F9F9;
}
/*
 * Container
 */
._applicationAdminWarning_1neqm_42 {
  padding: 20px;
  background-color: yellow;
  text-align: center;
}
._container_1neqm_48 {
  box-sizing: border-box;
  transition: 0.25s ease-in-out;
  display: flex;
  flex-direction: column;
}
._containerlefDrawerOpen_1neqm_54 {
  overflow: auto;
  transform: translateX(300px);
}
@media only screen and (max-width: 400px) {
  ._containerlefDrawerOpen_1neqm_54 {
    transform: translateX(240px);
  }
}
._containerrightDrawerOpen_1neqm_63 {
  overflow: auto;
  transform: translateX(-300px);
}
@media only screen and (max-width: 400px) {
  ._containerrightDrawerOpen_1neqm_63 {
    transform: translateX(-240px);
  }
}
._containerWrapper_1neqm_73 {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 100%;
}
._containerContent_1neqm_80 {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  ._containerContent_1neqm_80 {
    padding-left: 0;
    padding-right: 0;
  }
}
/*
 * Overlay
 */
._overlay_1neqm_93 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  cursor: pointer;
  z-index: 999;
}
._overlayleftDrawerOpen_1neqm_103 {
  visibility: visible;
  transform: translateX(300px);
}
@media only screen and (max-width: 400px) {
  ._overlayleftDrawerOpen_1neqm_103 {
    transform: translateX(240px);
  }
}
._overlayleftDrawerOpen_1neqm_103 {
  visibility: visible;
  transform: translateX(-300px);
}
@media only screen and (max-width: 400px) {
  ._overlayleftDrawerOpen_1neqm_103 {
    transform: translateX(-240px);
  }
}
._content_1neqm_122 {
  width: 100%;
  height: 100%;
}
._header_1neqm_127 {
  display: flex;
  flex-direction: column;
}
._card_1neqm_132 {
  overflow: hidden;
  margin: 15px 0 0;
  padding: 25px;
  background: #fff 50%;
  background-size: cover;
  border-radius: 5px;
  box-shadow: 8px 14px 38px rgba(39, 44, 49, 0.06), 1px 3px 8px rgba(39, 44, 49, 0.03);
  transition: all 0.5s ease;
  vertical-align: top;
}
._card_1neqm_132:hover {
  box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07);
  transition: all 0.3s ease;
  transform: translate3D(0, -1px, 0);
}
._card_1neqm_132 p {
  color: #433E40;
  margin: 0.5em 0 0;
}
._card_1neqm_132 h2 {
  font-weight: 700;
  color: #444;
  margin: 0;
  display: block;
}
._section_1neqm_159 {
  margin: 40px 0 10px 0;
}
@media only screen and (max-width: 768px) {
  ._section_1neqm_159 {
    margin: 25px 0 10px 0;
    padding: 0 20px;
  }
}
._section_1neqm_159 li {
  display: block;
  vertical-align: top;
}
._section_1neqm_159 li a {
  display: inline-block;
  width: 100%;
  color: #000;
}
._section_1neqm_159 li a span {
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
._section-title_1neqm_185 {
  display: block;
  margin-bottom: 4px;
  color: #7FB5D8;
  font-size: 0.75rem;
  line-height: 1.15em;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.katex-display {
  color: #555555;
  display: inline-block !important;
  font-size: 100%;
}
.katex-display ._text_1neqm_201 {
  font-size: 100%;
}
.katex-display > .katex {
  white-space: normal !important;
  text-align: left !important;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._confirmResetPassword_1cvmg_14 {
  padding: 30px 0 40px 0;
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 82px - 41px);
}
@media only screen and (max-width: 768px) {
  ._confirmResetPassword_1cvmg_14 {
    padding: 0;
    min-height: initial;
  }
}
._confirmResetPasswordContainer_1cvmg_27 {
  width: 100%;
  max-width: 400px;
  padding: 40px;
  background: white;
  border-radius: 4px;
  align-self: center;
}
._confirmResetPasswordHeader_1cvmg_36 {
  text-align: center;
}
._confirmResetPasswordForm_1cvmg_40 {
  margin-top: 30px;
}
._confirmResetPasswordFormItem_1cvmg_44:not(:first-child) {
  margin-top: 15px;
}
._confirmResetPasswordFormActions_1cvmg_48 {
  margin-top: 30px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._login_3ipbv_14 {
  padding: 30px 0 40px 0;
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 82px - 41px);
}
@media only screen and (max-width: 768px) {
  ._login_3ipbv_14 {
    padding: 0;
    min-height: initial;
  }
}
._container_3ipbv_27 {
  width: 100%;
  max-width: 680px;
  padding: 40px;
  background: white;
  border-radius: 4px;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  ._container_3ipbv_27 {
    min-height: calc(100vh - 75px - 113px);
    max-width: inherit;
  }
}
._container_3ipbv_27 a {
  text-decoration: none;
  color: #b3b3b3;
  font-size: 14px;
  transition: color 0.2s ease-in;
  margin-top: 24px;
  display: block;
}
._container_3ipbv_27 a:hover {
  color: #239fe3;
}
._header_3ipbv_53 {
  text-align: center;
}
._form_3ipbv_57 {
  margin-top: 30px;
}
._formItem_3ipbv_61:not(:first-child) {
  margin-top: 15px;
}
._formActions_3ipbv_65 {
  margin-top: 30px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._planningIntro_1b07x_8 {
  position: relative;
  margin: 24px;
  max-width: 770px;
  background-image: url("data:image/svg+xml,%3csvg%20width='169'%20height='95'%20viewBox='0%200%20169%2095'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M99%200H169V93.8462H99V0Z'%20fill='%23F5F5F5'/%3e%3cpath%20d='M109%207.69231H124.385V10H109V7.69231Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M115.923%2080.7692L156.692%2026.9231V80.7692H115.923Z'%20fill='%23DDDEDF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M146.692%2070.7692H159V83.0769H146.692V70.7692ZM149.769%2073.8462V80H155.923V73.8462H149.769Z'%20fill='%23F5F5F5'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M90%2048.5183H55V51.9609H59.5902V56.5511C59.5902%2061.9287%2062.8067%2066.5551%2067.4209%2068.6112C69.0536%2069.8861%2069.0961%2072.365%2067.5402%2073.7008C62.8623%2075.7299%2059.5902%2080.3895%2059.5902%2085.8134V90.4036H55V93.8462H90V90.4036H85.9836V85.8134C85.9836%2080.4074%2082.733%2075.7606%2078.0798%2073.721C76.5196%2072.3531%2076.5805%2069.8483%2078.2505%2068.5672C82.8123%2066.4897%2085.9836%2061.8907%2085.9836%2056.5511V51.9609H90V48.5183ZM64.1803%2089.6037C64.1803%2089.6459%2064.181%2089.6881%2064.1824%2089.73H81.3914C81.3927%2089.6881%2081.3934%2089.6459%2081.3934%2089.6037C81.3934%2087.5104%2079.6965%2085.8134%2077.6032%2085.8134H67.9706C65.8773%2085.8134%2064.1803%2087.5104%2064.1803%2089.6037Z'%20fill='%23F5F5F5'/%3e%3cpath%20d='M77.0901%2084.6659L81.3934%2086.674V89.7222H63.0327V86.9609L67.9098%2084.6659L72.4999%2082.6577L77.0901%2084.6659Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M0%2094.0128H46V28.8462H0V94.0128Z'%20fill='%23F5F5F5'/%3e%3crect%20x='8'%20y='56'%20width='7'%20height='7'%20fill='%23DDDEDF'/%3e%3crect%20x='19'%20y='56.0128'%20width='8'%20height='7'%20fill='%23DDDEDF'/%3e%3crect%20x='31'%20y='56.0128'%20width='7'%20height='7'%20fill='%23DDDEDF'/%3e%3crect%20x='8'%20y='67.0128'%20width='7'%20height='8'%20fill='%23DDDEDF'/%3e%3crect%20x='19'%20y='67.0128'%20width='8'%20height='8'%20fill='%23DDDEDF'/%3e%3crect%20x='31'%20y='67.0128'%20width='7'%20height='8'%20fill='%23DDDEDF'/%3e%3crect%20x='8'%20y='79.0128'%20width='7'%20height='7'%20fill='%23DDDEDF'/%3e%3crect%20x='19'%20y='79.0128'%20width='8'%20height='7'%20fill='%23DDDEDF'/%3e%3crect%20x='31'%20y='79.0128'%20width='7'%20height='7'%20fill='%23DDDEDF'/%3e%3crect%20x='6'%20y='37.0128'%20width='34'%20height='11'%20fill='%23D1D1D1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: bottom 0 right 0;
}
._planningIntro_1b07x_8 h3 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 21px;
  line-height: 25px;
  color: #434343;
  margin: 0 0 15px;
}
._planningIntro_1b07x_8 p {
  margin: 0 0 22px;
  max-width: 535px !important;
}
._planningIntro_1b07x_8 p b {
  font-weight: bold;
  color: #7a7a7a;
}
._button_1b07x_34 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._button_1b07x_34._primary_1b07x_55 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._button_1b07x_34._primary_1b07x_55:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}
._button_1b07x_34._primary_1b07x_55:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}
._button_1b07x_34._primary_1b07x_55._next_1b07x_72 {
  padding-right: 60px;
}
._button_1b07x_34._primary_1b07x_55._next_1b07x_72::after {
  position: absolute;
  content: "";
  right: 29px;
  width: 24px;
  height: 24px;
  top: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
}
._button_1b07x_34._primary_1b07x_55._next_1b07x_72:disabled::after {
  background-color: #A4A4A4;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._card_1b79z_8 {
  background: #FFFFFF;
  display: inline-block;
  margin: 0 22px 0 0;
  height: 100%;
  vertical-align: top;
  white-space: initial;
  box-shadow: 0 0 0 1px #EFEFEF inset;
  border-radius: 20px;
}
@media only screen and (max-width: 768px) {
  ._card_1b79z_8 {
    margin-right: 15px;
    width: calc(100vw - 45px);
  }
}
._card_1b79z_8._withShadow_1b79z_24 {
  box-shadow: 0px 4px 8px rgba(162, 162, 162, 0.12);
  border-radius: 12px;
  border: 0;
  transition: box-shadow 0.2s, transform 0.2s;
}
._card_1b79z_8._withShadow_1b79z_24:hover {
  transform: translate(0, -4px);
  box-shadow: 0 12px 16px rgba(162, 162, 162, 0.12);
}
._card_1b79z_8._active_1b79z_34 {
  transform: translate(0, -4px);
  box-shadow: 0 12px 16px rgba(162, 162, 162, 0.12);
}
._card_1b79z_8._disabled_1b79z_38 {
  box-shadow: 0 0 0 1px #FAFAFA inset;
}
._card_1b79z_8._clickable_1b79z_41 {
  cursor: pointer;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
@keyframes _tips-diag-bottom_4e8hl_1 {
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
._planning_4e8hl_14 {
  display: flex;
  flex-direction: row;
  margin: 24px;
  text-align: left;
}
._planning_4e8hl_14 h3 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
  font-size: 21px;
  line-height: 25px;
  color: #434343;
  margin: 0 0 15px;
}
._planning_4e8hl_14 ._chaptersNames_4e8hl_28 {
  position: relative;
  font-size: 18px;
  font-family: "HK Grotesk", sans-serif;
}
._planning_4e8hl_14 ._chaptersNames_4e8hl_28 .katex-display {
  margin: 0 !important;
}
._planning_4e8hl_14 ._chaptersNames_4e8hl_28[data-tooltip]::before, ._planning_4e8hl_14 ._chaptersNames_4e8hl_28[data-tooltip]::after {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  left: 50%;
  z-index: 1001;
  transform: translate(-50%, -0.5em);
}
._planning_4e8hl_14 ._chaptersNames_4e8hl_28[data-tooltip]::before {
  content: "";
  border: 5px solid transparent;
  border-top-width: 0;
  border-bottom-color: #434343;
  bottom: -5px;
}
._planning_4e8hl_14 ._chaptersNames_4e8hl_28[data-tooltip]::after {
  font-size: 14px;
  content: attr(data-tooltip);
  background: #434343;
  color: #CACACA;
  top: calc(100% + 5px);
  line-height: 20px;
  padding: 6px 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  width: 100%;
  max-width: 100%;
}
._planning_4e8hl_14 ._chaptersNames_4e8hl_28[data-tooltip]:hover::after, ._planning_4e8hl_14 ._chaptersNames_4e8hl_28[data-tooltip]:hover::before {
  animation: _tips-diag-bottom_4e8hl_1 150ms cubic-bezier(0.5, 0, 0.6, 1.3) 1ms forwards;
}
._progressBar_4e8hl_69 {
  width: 13px;
  height: 159px;
  background: #DDF2FF;
  border-radius: 6px;
  margin-right: 34px;
  position: relative;
  overflow: hidden;
}
._progressBar_4e8hl_69 i {
  width: 100%;
  height: 100%;
  top: 100%;
  border-radius: 6px;
  position: absolute;
  bottom: 0;
  background: #37A5E8;
}
._infoWrapper_4e8hl_88 {
  flex: 1;
  width: 433px;
}
._infoWrapper_4e8hl_88 ._header_4e8hl_92 {
  padding-bottom: 23px;
  border-bottom: 1.4px solid #ECECEC;
  margin-bottom: 20px;
}
._infoWrapper_4e8hl_88 ._header_4e8hl_92 h3,
._infoWrapper_4e8hl_88 ._header_4e8hl_92 h3 span {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 21px;
  line-height: 25px;
  color: #434343;
}
._infoWrapper_4e8hl_88 ._footer_4e8hl_106 {
  margin-top: 40px;
  text-align: right;
}
._button_4e8hl_111 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._button_4e8hl_111._primary_4e8hl_132 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._button_4e8hl_111._primary_4e8hl_132:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}
@media (max-width: 768px) {
  ._infoWrapper_4e8hl_88 {
    flex: 1;
    width: 100%;
    max-width: 220px;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._placeholder_gg854_8 {
  border: 1px solid white;
  border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABWCAYAAABVVmH3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALlSURBVHgB7d3NcdpAFAfwJyExHJ0ORAfhwsdwcSoJrgBTAbgCmwqAClKCc2H4OpAOrHRAbowQIu9pJAaIYiGk9Vjw/814DBqMrT+r1S7C+zTKwGw262ma1uabdweb7Wq1Wj597GQyaRUKhUHE0zzw44enG+fz+Rt/s042q3ru1W6369dqtR59pOVyecd/vBW1Xb4o5/63H7zP91H7/R7tnAfJL3Ndt8uvZovvdqJe/WsWHJHf+ebP7Xb71Gg07Lif0eMewIdLe7PZvHme98c0zfKthSqka+BAv3HD+s1dzStn0qI0pKXyk7yOx+OvBD7pEiQTAgA4FjWSODp5SaeM/iM5Prn/mE6nj4fb9sEG47Qun/0eCBLhYDu6rncPW+4+WB5GyDh1dM4YDY41m81fMmNzHKcbbvODDVrrPY9VhwQXKRaLLzyJaIWtNmyxFlprOpVKZcXdaGe9Xud+ag8A8Nlpi8WiaxhGXzpfgtSCt1jbOo8GHgky5WfKU9gdQaYk09g3uuEyCFYRCdYmyJpNAAAAuZP6wwfwD8lUhlsDgqwNMEFQBMEqgmAVQbCK6PiARvaQKQAA5FPwv06QIclUxrEWQdYsTBAUQbCKIFhFcPlbDZsAAAByB5e/s4fL3+rg8rcqCFYRBKsIglUEl78VQKYAAJBPuPydPVz+VgeXv1VBsIpIsKtrWK34swiyXMkKG32CTCFTAIAPECzo3SJIRdYwk5oJctsfx5ZKJVnM7BnDrstJ4wzqRNhy3w82WCVu5DgOFje7kGEYfgGKcKnY/czLNE2/XgxqHiQXtlap6hFu2wcrrdbzvCcO+JkgkaBw0PulUtDPAkAEKTiRtJbVNZOTu2QS12UaFIPPdCMptcSD36Hruje78ny44K6sDSsn+biFjGPf6OYgh1LLip+sLAFL0TC6MTIrlZpmHOoXqWlWr9dfKEvSJYRTtkM3UNrPSrp/Z5X2i3NNxSj56OzzUdqjlP4CNkuibYuK5+4AAAAASUVORK5CYII=");
  border-image-repeat: round;
  border-image-slice: 17.4418604651%;
  border-image-width: 15px;
  border-radius: 20px;
  line-height: 216px;
  text-align: center;
  width: 530px;
  align-items: center;
  display: inline-block;
  justify-content: center;
}
._button_gg854_23 {
  display: inline-block;
}
._outlined_gg854_27 {
  padding: 14px 44px;
  background: transparent;
  border: 1px solid #CACACA;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #CACACA;
  transition: all 0.2s ease-in-out;
}
._outlined_gg854_27:hover {
  border-color: #b4b4b4;
  color: #B4B4B4;
}
@media (max-width: 768px) {
  ._placeholder_gg854_8 {
    max-width: 320px;
    width: 100%;
  }
}._contentWrapper_1ih96_1 {
  position: relative;
}
._contentWrapper_1ih96_1::after {
  position: absolute;
  top: -5px;
  right: 0;
  width: 169px;
  height: 94px;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='169'%20height='95'%20viewBox='0%200%20169%2095'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M99%200H169V93.8462H99V0Z'%20fill='%23F5F5F5'/%3e%3cpath%20d='M109%207.69231H124.385V10H109V7.69231Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M115.923%2080.7692L156.692%2026.9231V80.7692H115.923Z'%20fill='%23DDDEDF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M146.692%2070.7692H159V83.0769H146.692V70.7692ZM149.769%2073.8462V80H155.923V73.8462H149.769Z'%20fill='%23F5F5F5'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M90%2048.5183H55V51.9609H59.5902V56.5511C59.5902%2061.9287%2062.8067%2066.5551%2067.4209%2068.6112C69.0536%2069.8861%2069.0961%2072.365%2067.5402%2073.7008C62.8623%2075.7299%2059.5902%2080.3895%2059.5902%2085.8134V90.4036H55V93.8462H90V90.4036H85.9836V85.8134C85.9836%2080.4074%2082.733%2075.7606%2078.0798%2073.721C76.5196%2072.3531%2076.5805%2069.8483%2078.2505%2068.5672C82.8123%2066.4897%2085.9836%2061.8907%2085.9836%2056.5511V51.9609H90V48.5183ZM64.1803%2089.6037C64.1803%2089.6459%2064.181%2089.6881%2064.1824%2089.73H81.3914C81.3927%2089.6881%2081.3934%2089.6459%2081.3934%2089.6037C81.3934%2087.5104%2079.6965%2085.8134%2077.6032%2085.8134H67.9706C65.8773%2085.8134%2064.1803%2087.5104%2064.1803%2089.6037Z'%20fill='%23F5F5F5'/%3e%3cpath%20d='M77.0901%2084.6659L81.3934%2086.674V89.7222H63.0327V86.9609L67.9098%2084.6659L72.4999%2082.6577L77.0901%2084.6659Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M0%2094.0128H46V28.8462H0V94.0128Z'%20fill='%23F5F5F5'/%3e%3crect%20x='8'%20y='56'%20width='7'%20height='7'%20fill='%23DDDEDF'/%3e%3crect%20x='19'%20y='56.0128'%20width='8'%20height='7'%20fill='%23DDDEDF'/%3e%3crect%20x='31'%20y='56.0128'%20width='7'%20height='7'%20fill='%23DDDEDF'/%3e%3crect%20x='8'%20y='67.0128'%20width='7'%20height='8'%20fill='%23DDDEDF'/%3e%3crect%20x='19'%20y='67.0128'%20width='8'%20height='8'%20fill='%23DDDEDF'/%3e%3crect%20x='31'%20y='67.0128'%20width='7'%20height='8'%20fill='%23DDDEDF'/%3e%3crect%20x='8'%20y='79.0128'%20width='7'%20height='7'%20fill='%23DDDEDF'/%3e%3crect%20x='19'%20y='79.0128'%20width='8'%20height='7'%20fill='%23DDDEDF'/%3e%3crect%20x='31'%20y='79.0128'%20width='7'%20height='7'%20fill='%23DDDEDF'/%3e%3crect%20x='6'%20y='37.0128'%20width='34'%20height='11'%20fill='%23D1D1D1'/%3e%3c/svg%3e");
  background-size: contain;
}
._list_1ih96_15 {
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  overflow-y: scroll;
  margin-top: 31px;
  max-height: 296px;
}
._list_1ih96_15 ul {
  padding: 0;
  margin: 0;
}
._list_1ih96_15 ul li {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 36px;
  color: #434343;
  text-align: left;
  transition: all 0.2s ease-in-out;
}
._list_1ih96_15 ul li._schoolLevelSectionName_1ih96_36 {
  background: #ececec;
  color: #888;
  padding-left: 10px;
}
._list_1ih96_15 ul li:not(:last-of-type) {
  border-bottom: 1px solid #E5E5E5;
}
._list_1ih96_15 ul li:not(._schoolLevelSectionName_1ih96_36):hover {
  cursor: pointer;
  background-color: #F8F8F8;
}
._list_1ih96_15 ul li:not(._schoolLevelSectionName_1ih96_36):hover ._chapterOptionButton_1ih96_48 {
  border-color: #A4A4A4;
}
._list_1ih96_15 ul li:not(._schoolLevelSectionName_1ih96_36):hover ._chapterOptionButton_1ih96_48:after {
  background-color: #A4A4A4;
}
._list_1ih96_15 ul li._selected_1ih96_54 {
  background: #FFE6DB;
  color: #FF6422;
  border-color: #FFE6DB;
}
._list_1ih96_15 ul li._selected_1ih96_54 span {
  font-weight: 600;
}
._list_1ih96_15 ul li._selected_1ih96_54 ._chapterOptionButton_1ih96_48 {
  border-color: #FF6422;
}
._list_1ih96_15 ul li._selected_1ih96_54 ._chapterOptionButton_1ih96_48:after {
  transform: rotate(45deg);
  background-color: #FF6422;
}
._list_1ih96_15 ul li ._chapterOptionButton_1ih96_48 {
  display: inline-block;
  vertical-align: middle;
  background: transparent;
  position: relative;
  border: 1px solid #CACACA;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 0 25px 0 20px;
  transition: all 0.2s ease-in-out;
}
._list_1ih96_15 ul li ._chapterOptionButton_1ih96_48:after {
  position: absolute;
  content: "";
  color: #CACACA;
  height: 10px;
  width: 10px;
  left: 4px;
  top: 4px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%200V10'%20stroke='%23CACACA'/%3e%3cpath%20d='M0%205H10'%20stroke='%23CACACA'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%200V10'%20stroke='%23CACACA'/%3e%3cpath%20d='M0%205H10'%20stroke='%23CACACA'/%3e%3c/svg%3e");
  background-color: #CACACA;
  transition: all 0.2s ease-in-out;
}
._content-title_1ih96_94 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  text-transform: initial;
  margin: 0 0 8px;
  color: #434343;
}
._content-intro_1ih96_105 {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  max-width: initial;
  text-align: left;
  color: #A4A4A4;
}
._content-intro_1ih96_105._advice_1ih96_115 {
  margin-top: 15px;
}
._content-footer_1ih96_119 {
  margin: 50px 60px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._content-footer_1ih96_119 ._button_1ih96_125:last-child {
  margin: 0 0 0 auto;
}
._button_1ih96_125 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._button_1ih96_125._secondary_1ih96_150 {
  color: #434343;
  background: transparent;
}
._button_1ih96_125._secondary_1ih96_150._back_1ih96_154 {
  padding-left: 26px;
}
._button_1ih96_125._secondary_1ih96_150._back_1ih96_154::before {
  position: absolute;
  content: "";
  left: 0;
  width: 16px;
  height: 16px;
  top: 3px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
  background-color: #434343;
  transition: all 0.2s ease-in-out;
}
._button_1ih96_125._secondary_1ih96_150._back_1ih96_154:hover {
  color: #37A5E8;
}
._button_1ih96_125._secondary_1ih96_150._back_1ih96_154:hover::before {
  background-color: #37A5E8;
}
._button_1ih96_125._primary_1ih96_174 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._button_1ih96_125._primary_1ih96_174:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}
._button_1ih96_125._primary_1ih96_174:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}
._button_1ih96_125._primary_1ih96_174._next_1ih96_191 {
  padding-right: 60px;
}
._button_1ih96_125._primary_1ih96_174._next_1ih96_191::after {
  position: absolute;
  content: "";
  right: 29px;
  width: 24px;
  height: 24px;
  top: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
}
._button_1ih96_125._primary_1ih96_174._next_1ih96_191:disabled::after {
  background-color: #A4A4A4;
}._testDateForm_144k1_1 {
  position: relative;
}

._dayPickerWrapper_144k1_5 {
  margin: 50px 0 0 35px;
  text-align: left;
}

._contentWrapper_144k1_10 {
  position: relative;
}

._contentWrapper_144k1_10::after {
  position: absolute;
  top: 100px;
  right: 0;
  width: 320px;
  height: 220px;
  content: "";
  background-image: url("/assets/planning_test_date-CyxP4y_3.svg");
  background-size: contain;
}

._content-title_144k1_24 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  text-transform: initial;
  margin: 0 0 8px;
  color: #434343;
}

._content-intro_144k1_35 {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  max-width: initial;
  text-align: left;
  color: #A4A4A4;
}

._content-intro_144k1_35._advice_144k1_45 {
  margin-top: 15px;
}

._content-footer_144k1_49 {
  margin: 50px 60px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._content-footer_144k1_49 ._button_144k1_55:last-child {
  margin: 0 0 0 auto;
}

._button_144k1_55 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}

._button_144k1_55._primary_144k1_80 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}

._button_144k1_55._primary_144k1_80:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}

._button_144k1_55._primary_144k1_80:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}

._button_144k1_55._primary_144k1_80._next_144k1_97 {
  padding-right: 60px;
}

._button_144k1_55._primary_144k1_80._next_144k1_97::after {
  position: absolute;
  content: "";
  right: 29px;
  width: 24px;
  height: 24px;
  top: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
}

._button_144k1_55._primary_144k1_80._next_144k1_97:disabled::after {
  background-color: #A4A4A4;
}

.DayPicker {
  display: inline-block;
  font-size: 1rem;
}

.DayPicker-wrapper {
  position: relative;
  flex-direction: row;
  padding-bottom: 1em;
  -webkit-user-select: none;
  user-select: none;
}

.DayPicker-Months {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.DayPicker-Month {
  display: table;
  margin: 0 1em;
  margin-top: 1em;
  border-spacing: 0;
  border-collapse: collapse;
  -webkit-user-select: none;
  user-select: none;
}

.DayPicker-NavBar, .DayPicker-NavBar span {
  font-family: Helvetica Neue, sans-serif;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #737E85;
}

.DayPicker-NavBar > span {
  min-width: 110px;
  display: inline-block;
}

.DayPicker-NavButton {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  border: 0;
  background: transparent;
  opacity: 0.54;
  transition: all 0.1s ease-in;
}

.DayPicker-NavButton:hover {
  opacity: 1;
}

.DayPicker-NavButton--prev {
  margin-right: 15px;
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.8867%2017.1133L9.77339%2011L15.8867%204.88667L14.0001%203L6.00005%2011L14.0001%2019L15.8867%2017.1133Z'%20fill='%23CECECE'/%3e%3c/svg%3e");
}

.DayPicker-NavButton--next {
  margin-left: 14px;
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%2017.1133L12.1133%2011L6%204.88667L7.88667%203L15.8867%2011L7.88667%2019L6%2017.1133Z'%20fill='%23CECECE'/%3e%3c/svg%3e");
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Caption {
  display: none;
}

.DayPicker-Caption > div {
  font-weight: 500;
  font-size: 1.15em;
}

.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  font-family: Helvetica Neue, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  /* grey/textalt */
  color: #737E85;
  text-align: center;
}

.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  display: table-cell;
  padding: 0.5em;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  font-family: Helvetica Neue;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  color: #A4A4A4;
}

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  padding-top: 0.5em;
}

.DayPicker-TodayButton {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4A90E2;
  font-size: 0.875em;
  cursor: pointer;
}

 {
  /* Default modifiers */
}

.DayPicker-Day--today, .DayPicker-Day--testDay {
  color: #FF6422 !important;
}

.DayPicker-Day--testDay {
  font-weight: bold;
}

.DayPicker-Day--disabled {
  color: #EAEAEA;
  cursor: default;
}

.DayPicker-Day--outside {
  color: #E5E5E5;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;
  background-color: #FF6422;
  color: #FFFFFF !important;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #FF6422;
}

.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):hover {
  background-color: #F8F8F8;
}._availabilityForm_lvtr1_1 {
  position: relative;
}

._dayPickerWrapper_lvtr1_5 {
  margin: 50px 40px 0 0;
  text-align: center;
}

._contentWrapper_lvtr1_10 {
  position: relative;
}

._contentWrapper_lvtr1_10::before {
  position: absolute;
  z-index: -1;
  top: -10px;
  left: -50px;
  width: 34px;
  height: 64px;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='35'%20height='65'%20viewBox='0%200%2035%2065'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.7'%3e%3cpath%20d='M23.4297%2064.4639L23.4297%20-6.86646e-05L33.8431%20-6.85404e-05L33.8431%2064.4639L23.4297%2064.4639Z'%20fill='%23F5F5F5'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.1655%2032.1082C10.1655%2040.5729%2015.7468%2047.734%2023.4302%2050.112L23.4302%2060.5811C10.0781%2057.9802%201.71241e-07%2046.2211%203.39536e-07%2032.1082C5.0783e-07%2017.9953%2010.0781%206.23622%2023.4302%203.63532L23.4302%2014.1043C15.7468%2016.4824%2010.1655%2023.6435%2010.1655%2032.1082Z'%20fill='%23F5F5F5'/%3e%3cpath%20d='M28.6982%2056.3431L28.6984%2055.2752L34.216%2055.2744L34.2159%2056.3423L28.6982%2056.3431Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M31.1904%2052.7827L31.1906%2051.7148L34.2164%2051.7143L34.2162%2052.7823L31.1904%2052.7827Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M28.6992%2049.2235L28.6994%2048.1556L34.217%2048.1547L34.2169%2049.2227L28.6992%2049.2235Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M31.1924%2045.6637L31.1925%2044.5958L34.2183%2044.5953L34.2182%2045.6632L31.1924%2045.6637Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M28.7002%2042.1033L28.7004%2041.0353L34.218%2041.0345L34.2178%2042.1024L28.7002%2042.1033Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M31.1924%2038.5435L31.1925%2037.4755L34.2183%2037.4751L34.2182%2038.543L31.1924%2038.5435Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M28.7021%2034.9849L28.7023%2033.9169L34.22%2033.9161L34.2198%2034.984L28.7021%2034.9849Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M31.1943%2031.4244L31.1945%2030.3565L34.2203%2030.356L34.2201%2031.424L31.1943%2031.4244Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M28.7021%2027.8646L28.7023%2026.7967L34.22%2026.7959L34.2198%2027.8638L28.7021%2027.8646Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M31.1953%2024.3048L31.1955%2023.2369L34.2213%2023.2364L34.2211%2024.3043L31.1953%2024.3048Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M28.7031%2020.745L28.7033%2019.6771L34.2209%2019.6762L34.2208%2020.7442L28.7031%2020.745Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M31.1963%2017.1853L31.1965%2016.1174L34.2223%2016.1169L34.2221%2017.1848L31.1963%2017.1853Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M28.7041%2013.6254L28.7043%2012.5568L34.2219%2012.5559L34.2217%2013.6245L28.7041%2013.6254Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M31.1973%2010.0657L31.1974%208.99774L34.2232%208.99728L34.2231%2010.0652L31.1973%2010.0657Z'%20fill='%23DDDEDF'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  opacity: 1;
}

._contentWrapper_lvtr1_10::after {
  opacity: 0.7;
  position: absolute;
  z-index: -1;
  top: 15px;
  right: 65px;
  width: 75px;
  height: 118px;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='75'%20height='118'%20viewBox='0%200%2075%20118'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.5'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M74.9739%200V117.286H0L74.9739%200ZM34.2036%2098.5556H56.2435V64.0772L34.2036%2098.5556Z'%20fill='%23EEEEEE'/%3e%3cmask%20id='mask0'%20mask-type='alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='75'%20height='118'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M74.9993%200V117.286H0.0253906L74.9993%200ZM34.2289%2098.5556H56.2689V64.0772L34.2289%2098.5556Z'%20fill='%23EEEEEE'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0)'%3e%3cpath%20d='M71.8525%2020.0319H78.096V21.4727H71.8525V20.0319Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2024.8345H78.096V26.2753H71.8525V24.8345Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2029.6372H78.096V31.078H71.8525V29.6372Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2034.4398H78.096V35.8806H71.8525V34.4398Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2039.2426H78.096V40.6834H71.8525V39.2426Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2044.0452H78.096V45.486H71.8525V44.0452Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2048.8479H78.096V50.2887H71.8525V48.8479Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2053.6505H78.096V55.0913H71.8525V53.6505Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2058.4532H78.096V59.894H71.8525V58.4532Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2063.2559H78.096V64.6967H71.8525V63.2559Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2068.0586H78.096V69.4994H71.8525V68.0586Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2072.8612H78.096V74.302H71.8525V72.8612Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2077.6639H78.096V79.1047H71.8525V77.6639Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2082.4666H78.096V83.9074H71.8525V82.4666Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2087.2693H78.096V88.7101H71.8525V87.2693Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2092.0719H78.096V93.5127H71.8525V92.0719Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%2096.8745H78.096V98.3153H71.8525V96.8745Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%20101.677H78.096V103.118H71.8525V101.677Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M71.8525%20106.48H78.096V107.921H71.8525V106.48Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M66.4053%20112.701L66.4053%20118.944L64.9645%20118.944L64.9645%20112.701L66.4053%20112.701Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M61.6035%20112.701L61.6035%20118.944L60.1627%20118.944L60.1627%20112.701L61.6035%20112.701Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M56.7998%20112.701L56.7998%20118.944L55.359%20118.944L55.359%20112.701L56.7998%20112.701Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M51.998%20112.701L51.998%20118.944L50.5572%20118.944L50.5572%20112.701L51.998%20112.701Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M47.1953%20112.701L47.1953%20118.944L45.7545%20118.944L45.7545%20112.701L47.1953%20112.701Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M42.3926%20112.701L42.3926%20118.944L40.9518%20118.944L40.9518%20112.701L42.3926%20112.701Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M37.5898%20112.701L37.5898%20118.944L36.149%20118.944L36.149%20112.701L37.5898%20112.701Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M32.7861%20112.701L32.7861%20118.944L31.3453%20118.944L31.3453%20112.701L32.7861%20112.701Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M27.9844%20112.701L27.9844%20118.944L26.5436%20118.944L26.5436%20112.701L27.9844%20112.701Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M23.1816%20112.701L23.1816%20118.944L21.7408%20118.944L21.7408%20112.701L23.1816%20112.701Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M18.3799%20112.701L18.3799%20118.944L16.9391%20118.944L16.9391%20112.701L18.3799%20112.701Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M13.5762%20112.701L13.5762%20118.944L12.1354%20118.944L12.1354%20112.701L13.5762%20112.701Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M8.77344%20112.701L8.77344%20118.944L7.33264%20118.944L7.33264%20112.701L8.77344%20112.701Z'%20fill='%23DDDEDF'/%3e%3cpath%20d='M3.9707%20112.701L3.9707%20118.944L2.5299%20118.944L2.5299%20112.701L3.9707%20112.701Z'%20fill='%23DDDEDF'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
}

._contentLeft_lvtr1_38,
._contentRight_lvtr1_39 {
  z-index: 1;
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

._contentLeft_lvtr1_38 {
  position: relative;
}

._contentLeft_lvtr1_38::after {
  position: absolute;
  content: "";
  top: 120px;
  bottom: 20px;
  width: 1px;
  background: #E5E5E5;
  right: 0;
}

._contentRight_lvtr1_39 {
  padding-left: 40px;
}

._contentRight_lvtr1_39 h3 {
  margin: 100px auto 0;
  font-family: Helvetica Neue, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 21px;
  color: #434343;
}

._contentRight_lvtr1_39 ._timeSelector_lvtr1_71 {
  position: relative;
  width: 254px;
  margin: 18px auto;
  padding: 24px 0;
}

._contentRight_lvtr1_39 ._timeSelector_lvtr1_71 ._timeButton_lvtr1_77 {
  position: relative;
  width: 127px;
  height: 48px;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  background-color: #FBE5D3;
  transition: all 0.2s ease-in-out;
}

._contentRight_lvtr1_39 ._timeSelector_lvtr1_71 ._timeButton_lvtr1_77::after {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  background: #FF6422;
  top: 50%;
  margin-top: -9px;
  transition: all 0.2s ease-in-out;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

._contentRight_lvtr1_39 ._timeSelector_lvtr1_71 ._timeButton_lvtr1_77._less_lvtr1_99 {
  -webkit-mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20128.5%2048.4'%20style='enable-background:new%200%200%20128.5%2048.4;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FBE5D3;}%20%3c/style%3e%3cpath%20class='st0'%20d='M128.5,43.4V9.5c0,0-104.2-9.6-104.3-9.5C10.8,0,0,10.8,0,24.2s10.8,24.2,24.2,24.2c0.1,0,0.4,0,0.4,0%20C25.9,48.4,128.5,43.4,128.5,43.4z'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20128.5%2048.4'%20style='enable-background:new%200%200%20128.5%2048.4;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FBE5D3;}%20%3c/style%3e%3cpath%20class='st0'%20d='M128.5,43.4V9.5c0,0-104.2-9.6-104.3-9.5C10.8,0,0,10.8,0,24.2s10.8,24.2,24.2,24.2c0.1,0,0.4,0,0.4,0%20C25.9,48.4,128.5,43.4,128.5,43.4z'/%3e%3c/svg%3e");
}

._contentRight_lvtr1_39 ._timeSelector_lvtr1_71 ._timeButton_lvtr1_77._less_lvtr1_99::after {
  left: 24px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='19'%20height='4'%20viewBox='0%200%2019%204'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='19'%20height='3.8'%20fill='%23FF6422'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='19'%20height='4'%20viewBox='0%200%2019%204'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='19'%20height='3.8'%20fill='%23FF6422'/%3e%3c/svg%3e");
}

._contentRight_lvtr1_39 ._timeSelector_lvtr1_71 ._timeButton_lvtr1_77._more_lvtr1_106 {
  -webkit-mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20128.5%2048.4'%20style='enable-background:new%200%200%20128.5%2048.4;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FBE5D3;}%20%3c/style%3e%3cpath%20class='st0'%20d='M0,9.5v33.9c0,0,104.2,5.1,104.3,5c13.4,0,24.2-10.8,24.2-24.2S117.7,0,104.3,0c-0.1,0-0.4,0-0.4,0%20C102.7,0,0,9.5,0,9.5z'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20128.5%2048.4'%20style='enable-background:new%200%200%20128.5%2048.4;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FBE5D3;}%20%3c/style%3e%3cpath%20class='st0'%20d='M0,9.5v33.9c0,0,104.2,5.1,104.3,5c13.4,0,24.2-10.8,24.2-24.2S117.7,0,104.3,0c-0.1,0-0.4,0-0.4,0%20C102.7,0,0,9.5,0,9.5z'/%3e%3c/svg%3e");
}

._contentRight_lvtr1_39 ._timeSelector_lvtr1_71 ._timeButton_lvtr1_77._more_lvtr1_106::after {
  right: 24px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='19'%20height='19'%20viewBox='0%200%2019%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.4%200H7.6V7.6H0V11.4H7.6V19H11.4V11.4H19V7.6H11.4V0Z'%20fill='%23FF6422'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='19'%20height='19'%20viewBox='0%200%2019%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.4%200H7.6V7.6H0V11.4H7.6V19H11.4V11.4H19V7.6H11.4V0Z'%20fill='%23FF6422'/%3e%3c/svg%3e");
}

._contentRight_lvtr1_39 ._timeSelector_lvtr1_71 ._timeButton_lvtr1_77:hover {
  background-color: #f0dac7;
}

._contentRight_lvtr1_39 ._timeSelector_lvtr1_71 ._timeButton_lvtr1_77:hover::after {
  background-color: #c84f1a;
}

._contentRight_lvtr1_39 ._timeSelector_lvtr1_71 ._timeIndicator_lvtr1_119 {
  position: absolute;
  content: "";
  width: 92px;
  height: 96px;
  background-image: url("/assets/clock-CDv3X3SR.svg");
  background-size: contain;
  left: 50%;
  top: 0;
  margin-left: -46px;
  z-index: 1;
}

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

._contentRight_lvtr1_39 ._timeDisplay_lvtr1_131,
._contentRight_lvtr1_39 ._timeDisplay_lvtr1_131 span {
  font-family: Helvetica Neue, sans-serif;
  font-style: normal;
  font-size: 25px;
  line-height: 31px;
  /* identical to box height */
  /* grey/text */
  color: #434343;
}

._contentRight_lvtr1_39 ._timeDisplay_lvtr1_131 ._number_lvtr1_144,
._contentRight_lvtr1_39 ._timeDisplay_lvtr1_131 span ._number_lvtr1_144 {
  font-weight: bold;
  margin-right: 5px;
}

._content-title_lvtr1_150 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  text-transform: initial;
  margin: 0 0 8px;
  color: #434343;
}

._content-intro_lvtr1_161 {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  max-width: initial;
  text-align: left;
  color: #A4A4A4;
}

._content-intro_lvtr1_161._advice_lvtr1_171 {
  margin-top: 15px;
}

._content-footer_lvtr1_175 {
  margin: 50px 60px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._content-footer_lvtr1_175 ._button_lvtr1_181:last-child {
  margin: 0 0 0 auto;
}

._button_lvtr1_181 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}

._button_lvtr1_181._secondary_lvtr1_206 {
  color: #434343;
  background: transparent;
}

._button_lvtr1_181._secondary_lvtr1_206._back_lvtr1_210 {
  padding-left: 26px;
}

._button_lvtr1_181._secondary_lvtr1_206._back_lvtr1_210::before {
  position: absolute;
  content: "";
  left: 0;
  width: 16px;
  height: 16px;
  top: 3px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
  background-color: #434343;
  transition: all 0.2s ease-in-out;
}

._button_lvtr1_181._secondary_lvtr1_206._back_lvtr1_210:hover {
  color: #37A5E8;
}

._button_lvtr1_181._secondary_lvtr1_206._back_lvtr1_210:hover::before {
  background-color: #37A5E8;
}

._button_lvtr1_181._primary_lvtr1_230 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}

._button_lvtr1_181._primary_lvtr1_230:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}

._button_lvtr1_181._primary_lvtr1_230:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
._loading_1ls8c_14 {
  line-height: 673px;
  vertical-align: middle;
  padding: 48px;
  text-align: center;
}
._loader-wrapper_1ls8c_21 {
  text-align: center;
  line-height: initial;
  display: inline-block;
  vertical-align: middle;
}
._loader-wrapper_1ls8c_21 p {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  margin: 45px auto 0;
  text-align: center;
  /* grey/medium */
  color: #CACACA;
}
._loader_1ls8c_21 {
  width: 220px;
  height: 184px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20223%20186'%20style='enable-background:new%200%200%20223%20186;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%2337A5E8;}%20.st1{fill-rule:evenodd;clip-rule:evenodd;fill:%23EEEEEE;}%20.st2{fill:%23FFFFFF;}%20@keyframes%20spin%20{%20100%25%20{%20transform:%20rotate(360deg)%20scale(1);%20}%20}%20@keyframes%20spin-back%20{%20100%25%20{%20transform:%20rotate(-360deg)%20scale(1);%20}%20}%20%23main-wheel%20{%20animation:%20spin%201.5s%20ease-in-out%20infinite;%20transform-box:%20fill-box;%20transform-origin:%20center;%20}%20%23blue-wheel%20{%20animation:%20spin-back%201.5s%20ease-in-out%20infinite;%20transform-box:%20fill-box;%20transform-origin:%20center;%20}%20%3c/style%3e%3cpath%20id='blue-wheel'%20class='st0'%20d='M163.2,84.2h16v9.5c5.7,1.1,11,3.3,15.6,6.5l6.7-6.7l11.3,11.3l-6.7,6.7c3.1,4.6,5.4,9.9,6.5,15.6h9.5v16h-9.5%20c-1.1,5.7-3.3,11-6.5,15.6l6.7,6.7l-11.3,11.3l-6.7-6.7c-4.6,3.1-9.9,5.4-15.6,6.5v9.5h-16v-9.5c-5.7-1.1-11-3.3-15.6-6.5l-6.7,6.7%20l-11.3-11.3l6.7-6.7c-3.1-4.6-5.4-9.9-6.5-15.6h-9.5v-16h9.5c1.1-5.7,3.3-11,6.5-15.6l-6.7-6.7l11.3-11.3l6.7,6.7%20c4.6-3.1,9.9-5.4,15.6-6.5V84.2z'/%3e%3cg%20id='main-wheel'%3e%3cpath%20class='st1'%20d='M59.1,0h24.1v8.8c8.6,1.6,16.5,5,23.5,9.7l6.2-6.2l17,17l-6.2,6.2c4.7,7,8.1,14.9,9.7,23.5h8.8v24.1h-8.8%20c-1.6,8.6-5,16.5-9.7,23.5l6.2,6.2l-17,17l-6.2-6.2c-7,4.7-14.9,8.1-23.5,9.7v8.8H59.1v-8.8c-8.6-1.6-16.5-5-23.5-9.7l-6.2,6.2%20l-17-17l6.2-6.2c-4.7-7-8.1-14.9-9.7-23.5H0V59.1h8.8c1.6-8.6,5-16.5,9.7-23.5l-6.2-6.2l17-17l6.2,6.2c7-4.7,14.9-8.1,23.5-9.7V0z'%20/%3e%3cpath%20class='st2'%20d='M54.3,57.4l-3.7,31.4l-9.8-15.6l-1.2-2l-2.2,0.6l-6.3,1.3l1.3,6.3l4.1-0.9L49.9,100l4.5,7.6l1.4-8.9l4.6-38.2%20l45-9.3l-1.3-6.3l-47.3,9.8l-2.4,0.6L54.3,57.4z'/%3e%3cpath%20class='st2'%20d='M92,61.4L84,74l-12.4-8.4l-3.5,5.4l12.4,8.3L72.4,92l5.3,3.6l8-12.6l12.4,8.4l3.5-5.4l-12.4-8.3L97.3,65%20L92,61.4z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}
._content_1ls8c_48 {
  padding-bottom: 36px;
  width: 740px;
  margin: auto;
}
._content-title_1ls8c_54 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  text-transform: initial;
  margin: 0 0 8px;
  /* grey/text */
  color: #434343;
}
._content-intro_1ls8c_66 {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  max-width: initial;
  text-align: left;
  /* grey/lighttext */
  color: #A4A4A4;
}
._content-intro_1ls8c_66._advice_1ls8c_77 {
  margin-top: 15px;
}
._content-wrapper_1ls8c_81 {
  height: 410px;
  width: 740px;
  margin: auto;
}
._content-footer_1ls8c_87 {
  margin: 50px 60px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._content-footer_1ls8c_87 ._button_1ls8c_93:last-child {
  margin: 0 0 0 auto;
}
._created_1ls8c_97 {
  line-height: 673px;
  vertical-align: middle;
}
._created-wrapper_1ls8c_102 {
  position: relative;
  text-align: left;
  width: 740px;
  padding: 48px;
  line-height: initial;
  display: inline-block;
  vertical-align: middle;
}
._created-wrapper_1ls8c_102 h2 {
  font-family: Helvetica Neu, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 31px;
  text-transform: initial;
  /* identical to box height */
  margin: 0;
  color: #434343;
}
._created-wrapper_1ls8c_102 p {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  margin: 20px 0 80px;
  max-width: 370px;
  /* grey/medium */
  color: #CACACA;
}
._created-wrapper_1ls8c_102 a {
  display: inline-block;
}
._created-wrapper_1ls8c_102::after {
  position: absolute;
  right: 50px;
  bottom: 20px;
  content: "";
  width: 225px;
  height: 162px;
  background-image: url("data:image/svg+xml,%3csvg%20width='226'%20height='162'%20viewBox='0%200%20226%20162'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M225.626%2020.828L101.306%20161.988L0%2085.0832L20.937%2059.769L96.6213%20117.223L199.86%200L225.626%2020.828Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}
._progress_1ls8c_148 {
  margin: 36px auto 49px;
  padding: 5px 0 20px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
._step_1ls8c_156 {
  display: inline-block;
  position: relative;
  text-align: left;
}
._step_1ls8c_156:not(:last-of-type) {
  width: 150px;
}
._stepCircle_1ls8c_164 {
  position: relative;
  width: 17px;
  height: 17px;
  border: 1px solid #E8E8E8;
  display: inline-block;
  border-radius: 50%;
  z-index: 10;
}
._stepLine_1ls8c_173 {
  position: absolute;
  height: 1px;
  background: #E5E5E5;
  left: 17px;
  right: 0;
  top: 50%;
  margin-top: -2px;
}
._stepLabel_1ls8c_182 {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  /* grey/medium */
  color: #CACACA;
  position: absolute;
  top: 30px;
  text-align: center;
  width: 150px;
  margin-left: -75px;
  left: 8px;
}
._step_1ls8c_156._active_1ls8c_198 ._stepLabel_1ls8c_182 {
  color: #A4A4A4;
}
._step_1ls8c_156._active_1ls8c_198 ._stepCircle_1ls8c_164::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -13px;
  background: #FFFFFF;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-shadow: 0px 1px 14px rgba(95, 95, 95, 0.25);
}
._step_1ls8c_156._active_1ls8c_198 ._stepCircle_1ls8c_164::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -5px;
  background: #37A5E8;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
._step_1ls8c_156._completed_1ls8c_224 ._stepCircle_1ls8c_164,
._step_1ls8c_156._completed_1ls8c_224 ._stepLine_1ls8c_173 {
  background: #37A5E8;
  border-color: #37A5E8;
}
._button_1ls8c_93 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._button_1ls8c_93._primary_1ls8c_251 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._button_1ls8c_93._primary_1ls8c_251:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}
._button_1ls8c_93._primary_1ls8c_251:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}
._button_1ls8c_93._primary_1ls8c_251._next_1ls8c_268 {
  padding-right: 60px;
}
._button_1ls8c_93._primary_1ls8c_251._next_1ls8c_268::after {
  position: absolute;
  content: "";
  right: 29px;
  width: 24px;
  height: 24px;
  top: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
}
._button_1ls8c_93._primary_1ls8c_251._next_1ls8c_268:disabled::after {
  background-color: #A4A4A4;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._planningsListContainer_5jr2n_14 h1 {
  font-family: Helvetica Neue, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 34px;
  line-height: 42px;
  text-align: left;
  margin-bottom: 10px;
  /* grey/text */
  color: #434343;
}
._planningsListContainer_5jr2n_14 h1 b {
  font-weight: 600;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._secondary_5jr2n_49 {
  color: #434343;
  background: transparent;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._secondary_5jr2n_49._back_5jr2n_53 {
  padding-left: 26px;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._secondary_5jr2n_49._back_5jr2n_53::before {
  position: absolute;
  content: "";
  left: 0;
  width: 16px;
  height: 16px;
  top: 3px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
  background-color: #434343;
  transition: all 0.2s ease-in-out;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._secondary_5jr2n_49._back_5jr2n_53:hover {
  color: #37A5E8;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._secondary_5jr2n_49._back_5jr2n_53:hover::before {
  background-color: #37A5E8;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._primary_5jr2n_73 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._primary_5jr2n_73:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._primary_5jr2n_73:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._primary_5jr2n_73._next_5jr2n_90 {
  padding-right: 60px;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._primary_5jr2n_73._next_5jr2n_90::after {
  position: absolute;
  content: "";
  right: 29px;
  width: 24px;
  height: 24px;
  top: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._primary_5jr2n_73._next_5jr2n_90:disabled::after {
  background-color: #A4A4A4;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._outlined_5jr2n_107 {
  padding: 14px 44px;
  background: transparent;
  border: 1px solid #CACACA;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #CACACA;
  transition: all 0.2s ease-in-out;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._outlined_5jr2n_107:hover {
  border-color: #b4b4b4;
  color: #B4B4B4;
}
._planningsListWrapper_5jr2n_125 {
  margin-top: 60px;
  display: inline-block;
  text-align: left;
}
._planningsListWrapper_5jr2n_125 > div {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  ._planningsListContainer_5jr2n_14 {
    margin-bottom: 60px;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 *//*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
._container_1e4hq_7 {
  overflow: auto;
  height: 100vh;
}
._header_1e4hq_12 {
  flex: 0 0 auto;
  padding: 24px 70px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 0px 30px rgba(172, 172, 172, 0.25);
  z-index: -1;
  position: relative;
}
._header_1e4hq_12 ._title_1e4hq_21 {
  font-family: Helvetica Neue, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 30px;
  color: #434343;
}
._footer_1e4hq_30 {
  flex: 0 0 auto;
  text-align: right;
  padding: 24px 70px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 0px 30px rgba(172, 172, 172, 0.25);
  z-index: 2;
  position: relative;
  display: flex;
  justify-content: space-between;
}
._footer_1e4hq_30 ._exerciseDoneQuestionsCount_1e4hq_42 {
  margin-right: 35px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  /* grey/dark */
  color: #A4A4A4;
}
._content_1e4hq_51 {
  overflow: auto;
  flex: 0 1 auto;
  background: #F8F8F8;
}
._videoContainer_1e4hq_57 {
  padding: 0;
}
._videoContainer_1e4hq_57 h1 {
  display: none;
}
._exercisesSheetAnswer_1e4hq_64 {
  position: relative;
}
._exercisesSheetAnswer_1e4hq_64:before {
  position: absolute;
  height: 100%;
  top: 0;
  left: -10px;
  width: 10px;
  border-radius: 0 5px 5px 0;
  background: #5BB988;
}
._mctList_1e4hq_77 {
  list-style-type: lower-alpha;
}
._reminder_1e4hq_81 {
  background: #fff6ff;
}
._reminder_1e4hq_81:before {
  content: "Rappel";
  color: #c28297;
}
._note_1e4hq_89 {
  background: #eda478;
  margin-top: 20px;
}
._note_1e4hq_89:before {
  content: "Remarque";
  color: #895e45;
}
._documentImage_1e4hq_98 {
  margin: 20px 0 5px;
}
._documentImage_1e4hq_98 img {
  max-width: 700px;
}
._exercise_1e4hq_42 {
  border-radius: 5px;
  margin: 50px 110px;
  line-height: 2em;
  font-size: 15px;
}
._exercise_1e4hq_42 ._note_1e4hq_89, ._exercise_1e4hq_42 ._reminder_1e4hq_81 {
  padding: 60px 20px 20px;
  position: relative;
  font-size: 100%;
  margin: 20px 0;
}
._exercise_1e4hq_42 ._note_1e4hq_89:before, ._exercise_1e4hq_42 ._reminder_1e4hq_81:before {
  position: absolute;
  top: 20px;
  left: 20px;
}
._exercise_1e4hq_42 ._katex-display_1e4hq_122 {
  margin: 1em 0;
}
._exerciseHeader_1e4hq_125 {
  padding: 25px 40px;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  background: #FFF;
  margin-bottom: 50px;
}
._exerciseQuestionWrapper_1e4hq_132 {
  border: 1px solid #E5E5E5;
  padding: 34px 40px;
  border-radius: 5px;
  background: #FFF;
  margin-bottom: 30px;
}
._exerciseQuestion_1e4hq_132 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 15px;
}
._exerciseQuestionContent_1e4hq_145 {
  flex: 1;
}
._exerciseQuestionNumber_1e4hq_148 {
  background: #E1F4FF;
  border-radius: 4px;
  padding: 4px 8px;
  display: inline-block;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  /* blue */
  color: #37A5E8;
}
._exerciseQuestionActions_1e4hq_163 {
  text-align: right;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
._exerciseQuestionState_1e4hq_170 {
  position: relative;
  padding: 4px 28px 4px 0;
  font-size: 15px;
  line-height: 18px;
  text-align: right;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: all 0.3s ease-in-out;
  /* grey/medium */
  color: #A4A4A4;
}
._exerciseQuestionState_1e4hq_170:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 2px;
  right: 0;
  border-radius: 50%;
  border: 1px solid #A4A4A4;
  background-color: #F8F8F8;
  background-repeat: no-repeat;
  background-position: 3px 5px;
  background-size: 12px;
  transition: all 0.3s ease-in-out;
}
._exerciseQuestionState_1e4hq_170:hover {
  color: #707070;
}
._exerciseQuestionState_1e4hq_170:hover:after {
  border-color: #707070;
}
._exerciseQuestionState_1e4hq_170._done_1e4hq_203 {
  color: #45C382;
}
._exerciseQuestionState_1e4hq_170._done_1e4hq_203:after {
  border-color: #45C382;
  background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='9'%20viewBox='0%200%2011%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%203.88L4.9375%207L10%201'%20stroke='%2345C482'%20stroke-width='1.5'/%3e%3c/svg%3e");
}
._exerciseQuestionAnswerDisplayButton_1e4hq_210 {
  padding: 4px 24px 0 4px;
  font-size: 16px;
  line-height: 19px;
  text-align: right;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  margin-right: 3px;
  /* blue */
  color: #37A5E8;
}
._exerciseQuestionAnswerDisplayButton_1e4hq_210:after {
  position: absolute;
  content: "";
  right: 0;
  top: 2px;
  width: 14px;
  height: 100%;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2010.7%206.3'%20style='enable-background:new%200%200%2010.7%206.3;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%2337A5E8;}%20%3c/style%3e%3cpath%20class='st0'%20d='M10.7,0.9L9.7,0L6,3.7L5.3,4.4L4.7,3.7L0.9,0L0,0.9l5.3,5.3L10.7,0.9z'/%3e%3c/svg%3e");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
}
._exerciseQuestionAnswerDisplayButton_1e4hq_210._expanded_1e4hq_235:after {
  transform: rotate(-180deg);
}
._exerciseQuestionAnswer_1e4hq_210 {
  padding: 10px 40px;
  margin: 0 -40px;
  position: relative;
}
._exerciseQuestionAnswerLabel_1e4hq_243 {
  color: #8cceac;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: block;
}
._exerciseQuestionAnswer_1e4hq_210:before {
  position: absolute;
  content: "";
  height: 100%;
  top: 0;
  left: 0;
  width: 8px;
  border-radius: 0 10px 10px 0;
  background: #8cceac;
}
._button_1e4hq_265:not(._buttonPrimaryV2_1e4hq_265) {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._button_1e4hq_265:not(._buttonPrimaryV2_1e4hq_265)._secondary_1e4hq_286 {
  color: #434343;
  background: transparent;
}
._button_1e4hq_265:not(._buttonPrimaryV2_1e4hq_265)._secondary_1e4hq_286._back_1e4hq_290 {
  padding-left: 26px;
}
._button_1e4hq_265:not(._buttonPrimaryV2_1e4hq_265)._secondary_1e4hq_286._back_1e4hq_290::before {
  position: absolute;
  content: "";
  left: 0;
  width: 16px;
  height: 16px;
  top: 11px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
  background-color: #434343;
  transition: all 0.2s ease-in-out;
}
._button_1e4hq_265:not(._buttonPrimaryV2_1e4hq_265)._secondary_1e4hq_286._back_1e4hq_290:hover {
  color: #37A5E8;
}
._button_1e4hq_265:not(._buttonPrimaryV2_1e4hq_265)._secondary_1e4hq_286._back_1e4hq_290:hover::before {
  background-color: #37A5E8;
}
@media (max-width: 768px) {
  ._exercise_1e4hq_42 {
    margin: 0;
  }
  ._exerciseQuestion_1e4hq_132 {
    flex-direction: column;
  }
  ._footer_1e4hq_30 {
    padding: 24px 36px;
  }
  ._header_1e4hq_12 {
    padding: 24px 36px;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._contentRow_1mvkp_8 {
  position: relative;
  padding: 0 0 15px 60px;
}
._contentRow_1mvkp_8:last-child {
  padding-bottom: 0;
}
._contentRow_1mvkp_8:last-child ._statusLineAfter_1mvkp_15 {
  display: none;
}
._contentRow_1mvkp_8:first-child ._statusLineBefore_1mvkp_18 {
  display: none;
}
._contentRow_1mvkp_8 ._thumbnail_1mvkp_21 {
  border-radius: 10px;
  width: 150px;
  margin: 10px 0 0;
  border: 1px solid #EEEEEE;
}
._contentRow_1mvkp_8 ._status_1mvkp_15 {
  position: absolute;
  top: -15px;
  bottom: 0;
  left: 5px;
  width: 18px;
}
._contentRow_1mvkp_8 ._status_1mvkp_15 ._statusLineBefore_1mvkp_18, ._contentRow_1mvkp_8 ._status_1mvkp_15 ._statusLineAfter_1mvkp_15 {
  position: absolute;
  content: "";
  left: 50%;
  width: 1px;
  background-color: #CACACA;
}
._contentRow_1mvkp_8 ._status_1mvkp_15 ._statusLineBefore_1mvkp_18 {
  top: 0;
  bottom: 50%;
}
._contentRow_1mvkp_8 ._status_1mvkp_15 ._statusLineAfter_1mvkp_15 {
  bottom: 0;
  top: 50%;
}
._contentRow_1mvkp_8 ._statusCompleted_1mvkp_49::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin: -8px;
  border: 1px solid #37A5E8;
  border-radius: 50%;
  background: #37A5E8;
}
._contentRow_1mvkp_8 ._statusCompleted_1mvkp_49 ._statusLineBefore_1mvkp_18, ._contentRow_1mvkp_8 ._statusCompleted_1mvkp_49 ._statusLineAfter_1mvkp_15 {
  background-color: #37A5E8;
}
._contentRow_1mvkp_8 ._statusReady_1mvkp_64 ._statusLineBefore_1mvkp_18, ._contentRow_1mvkp_8 ._statusStarted_1mvkp_64 ._statusLineBefore_1mvkp_18 {
  background-color: #37A5E8;
}
._contentRow_1mvkp_8 ._statusReady_1mvkp_64::before, ._contentRow_1mvkp_8 ._statusStarted_1mvkp_64::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -13px;
  background: #FFFFFF;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-shadow: 0px 1px 14px rgba(95, 95, 95, 0.25);
  z-index: 2;
}
._contentRow_1mvkp_8 ._statusReady_1mvkp_64::after, ._contentRow_1mvkp_8 ._statusStarted_1mvkp_64::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -5px;
  background: #37A5E8;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  z-index: 3;
}
._contentRow_1mvkp_8 ._statusScheduled_1mvkp_92::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin: -8px;
  border: 1px solid #CACACA;
  border-radius: 50%;
  background: #F8F8F8;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 {
  align-items: center;
  padding: 20px 30px;
  display: flex;
  flex-direction: row;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  background: #ffffff;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._description_1mvkp_113 {
  flex: auto;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._description_1mvkp_113 ._type_1mvkp_116 {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  color: #A4A4A4;
  margin-bottom: 5px;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._description_1mvkp_113 ._title_1mvkp_126 {
  flex: auto;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #434343;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._description_1mvkp_113 ._title_1mvkp_126 .katex-display {
  color: #434343;
  margin: 0;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 {
  width: 220px;
  text-align: center;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 ._button_1mvkp_143 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 ._button_1mvkp_143._secondary_1mvkp_164 {
  color: #434343;
  background: transparent;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 ._button_1mvkp_143._secondary_1mvkp_164._back_1mvkp_168 {
  padding-left: 26px;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 ._button_1mvkp_143._secondary_1mvkp_164._back_1mvkp_168::before {
  position: absolute;
  content: "";
  left: 0;
  width: 16px;
  height: 16px;
  top: 3px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
  background-color: #434343;
  transition: all 0.2s ease-in-out;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 ._button_1mvkp_143._secondary_1mvkp_164._back_1mvkp_168:hover {
  color: #37A5E8;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 ._button_1mvkp_143._secondary_1mvkp_164._back_1mvkp_168:hover::before {
  background-color: #37A5E8;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 ._button_1mvkp_143._primary_1mvkp_188 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 ._button_1mvkp_143._primary_1mvkp_188:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 ._button_1mvkp_143._primary_1mvkp_188:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 ._button_1mvkp_143._primary_1mvkp_188._next_1mvkp_205 {
  padding-right: 60px;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 ._button_1mvkp_143._primary_1mvkp_188._next_1mvkp_205::after {
  position: absolute;
  content: "";
  right: 29px;
  width: 24px;
  height: 24px;
  top: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 ._button_1mvkp_143._primary_1mvkp_188._next_1mvkp_205:disabled::after {
  background-color: #A4A4A4;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 ._button_1mvkp_143._outlined_1mvkp_222 {
  padding: 14px 44px;
  background: transparent;
  border: 1px solid #CACACA;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #CACACA;
  transition: all 0.2s ease-in-out;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 ._button_1mvkp_143._outlined_1mvkp_222:hover {
  border-color: #b4b4b4;
  color: #B4B4B4;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._action_1mvkp_139 ._lockIcon_1mvkp_240 {
  display: inline-block;
  width: 13px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='17'%20viewBox='0%200%2014%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.144%205.6875V4.0625C11.144%202.98506%2010.716%201.95175%209.95416%201.18988C9.1923%200.428012%208.15899%200%207.08154%200C6.0041%200%204.97079%200.428012%204.20892%201.18988C3.44706%201.95175%203.01904%202.98506%203.01904%204.0625V5.6875H0.581543V8.125V13.8125V16.8913H13.5815V13.8125V8.125V5.6875H11.144ZM9.51904%205.6875H4.64404V4.0625C4.64404%203.41603%204.90085%202.79605%205.35797%202.33893C5.81509%201.88181%206.43508%201.625%207.08154%201.625C7.72801%201.625%208.348%201.88181%208.80512%202.33893C9.26224%202.79605%209.51904%203.41603%209.51904%204.0625V5.6875ZM7.08154%2013C7.90997%2013%208.58154%2012.3284%208.58154%2011.5C8.58154%2010.6716%207.90997%2010%207.08154%2010C6.25312%2010%205.58154%2010.6716%205.58154%2011.5C5.58154%2012.3284%206.25312%2013%207.08154%2013Z'%20fill='%23CACACA'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 30px;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._duration_1mvkp_249 {
  position: relative;
  width: 90px;
  padding: 0 0 0 20px;
  margin: 0 30px;
  text-align: left;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 30px;
  /* grey/light */
  color: #CACACA;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._duration_1mvkp_249:before {
  position: absolute;
  content: "";
  left: 0;
  top: 5px;
  width: 15px;
  height: 17px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='18'%20viewBox='0%200%2015%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.4602%202.9289C8.59974%202.70111%208.68018%202.43319%208.68018%202.14648C8.68018%201.31806%208.0086%200.646484%207.18018%200.646484C6.35175%200.646484%205.68018%201.31806%205.68018%202.14648C5.68018%202.4328%205.76039%202.70038%205.89958%202.92798C2.57601%203.53133%200.0551758%206.44076%200.0551758%209.93817C0.0551758%2013.8728%203.23768%2017.0632%207.18018%2017.0632C11.1227%2017.0632%2014.3052%2013.8728%2014.3052%209.93817C14.3052%208.25984%2013.7193%206.71609%2012.7456%205.49692L13.8698%204.37276C13.5293%203.969%2013.1573%203.589%2012.7535%203.25651L11.6293%204.38067C10.7217%203.65453%209.64072%203.14497%208.4602%202.9289ZM7.97184%205.97984V10.7298H6.38851V5.97984H7.97184ZM1.63851%209.93817C1.63851%2013.0019%204.11643%2015.4798%207.18018%2015.4798C10.2439%2015.4798%2012.7218%2013.0019%2012.7218%209.93817C12.7218%206.87442%2010.2439%204.39651%207.18018%204.39651C4.11643%204.39651%201.63851%206.87442%201.63851%209.93817Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='18'%20viewBox='0%200%2015%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.4602%202.9289C8.59974%202.70111%208.68018%202.43319%208.68018%202.14648C8.68018%201.31806%208.0086%200.646484%207.18018%200.646484C6.35175%200.646484%205.68018%201.31806%205.68018%202.14648C5.68018%202.4328%205.76039%202.70038%205.89958%202.92798C2.57601%203.53133%200.0551758%206.44076%200.0551758%209.93817C0.0551758%2013.8728%203.23768%2017.0632%207.18018%2017.0632C11.1227%2017.0632%2014.3052%2013.8728%2014.3052%209.93817C14.3052%208.25984%2013.7193%206.71609%2012.7456%205.49692L13.8698%204.37276C13.5293%203.969%2013.1573%203.589%2012.7535%203.25651L11.6293%204.38067C10.7217%203.65453%209.64072%203.14497%208.4602%202.9289ZM7.97184%205.97984V10.7298H6.38851V5.97984H7.97184ZM1.63851%209.93817C1.63851%2013.0019%204.11643%2015.4798%207.18018%2015.4798C10.2439%2015.4798%2012.7218%2013.0019%2012.7218%209.93817C12.7218%206.87442%2010.2439%204.39651%207.18018%204.39651C4.11643%204.39651%201.63851%206.87442%201.63851%209.93817Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
  background-color: #CACACA;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._workPoints_1mvkp_273 {
  width: 60px;
  margin: 0 20px 0 0;
  padding: 0 28px 0 0;
  position: relative;
  font-family: "HK Grotesk", sans-serif;
  font-weight: 900;
  font-size: 15px;
  line-height: 30px;
  text-align: right;
  /* grey/lightblue */
  color: #737E85;
}
._contentRow_1mvkp_8 ._main_1mvkp_104 ._workPoints_1mvkp_273:after {
  position: absolute;
  content: "";
  right: 0;
  width: 21px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.91383%209.35862C3.74759%209.954%202.89595%2011.2469%202.20569%2012.8593C0.715993%2016.3391%202.94152%2019.2193%206.26673%2020.3562C7.30638%2020.7116%2010.2096%2021.1926%2017.2239%2019.0141C22.0933%2017.5018%2019.5611%2013.0491%2016.7201%208.05332C15.8229%206.47576%2014.895%204.84404%2014.1596%203.23364C14.1596%203.23364%2010.5567%200.00979016%209.54086%202.22397e-05V0H9.5363C9.53627%200%209.53624%200%209.53621%200H7.71481V0.593468H8.61266C7.87049%201.17987%207.27668%201.82041%207.24173%202.3081C7.20857%202.77087%207.47387%203.00226%207.47387%203.00226C7.47387%203.00226%207.00451%203.30239%206.91673%203.74269C6.73502%204.65414%209.00602%204.25174%209.00602%204.25174C9.00602%204.25174%209.60958%204.52939%2010.5382%204.80705C11.1948%205.00339%2011.7456%204.9551%2012.0239%204.89962C12.4882%204.80705%2012.7667%206.65815%2012.7667%206.65815V13.5534H12.0239C12.0239%2013.5534%2011.0218%2010.7281%208.71643%209.60963C7.63454%209.08475%206.71029%208.92101%205.91152%209.03906H4.60956V9.35862H4.91383Z'%20fill='%23FF9900'/%3e%3cpath%20d='M0.471676%2012.8593C1.75533%209.86071%203.59713%207.96727%206.98242%209.60963C9.28781%2010.7281%2010.2899%2013.5534%2010.2899%2013.5534H11.0327V6.65815C11.0327%206.65815%2010.7541%204.80705%2010.2899%204.89962C10.0116%204.9551%209.46074%205.00339%208.80414%204.80705C7.87557%204.52939%207.27201%204.25174%207.27201%204.25174C7.27201%204.25174%205.00101%204.65414%205.18272%203.74269C5.2705%203.30239%205.73986%203.00226%205.73986%203.00226C5.73986%203.00226%205.47456%202.77087%205.50772%202.3081C5.55415%201.66022%206.58686%200.7426%207.64343%200.0405005C8.33986%20-0.422281%2012.4256%203.23364%2012.4256%203.23364C15.4899%209.94382%2021.897%2017.0242%2015.4899%2019.0141C8.47562%2021.1926%205.57237%2020.7116%204.53272%2020.3562C1.2075%2019.2193%20-1.01802%2016.3391%200.471676%2012.8593Z'%20fill='%23FFC32B'/%3e%3cmask%20id='mask0'%20mask-type='alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='19'%20height='21'%3e%3cpath%20d='M0.471041%2012.8593C1.73186%209.83789%203.5965%207.96727%206.98178%209.60963C9.28718%2010.7281%2010.2892%2013.5534%2010.2892%2013.5534H11.0321V6.65815C11.0321%206.65815%2010.7535%204.80705%2010.2892%204.89962C10.0109%204.9551%209.46011%205.00339%208.8035%204.80705C7.87494%204.52939%207.27137%204.25174%207.27137%204.25174C7.27137%204.25174%205.00037%204.65414%205.18208%203.74269C5.26986%203.30239%205.73922%203.00226%205.73922%203.00226C5.73922%203.00226%205.47392%202.77087%205.50708%202.3081C5.55351%201.66022%206.58622%200.7426%207.64279%200.0405005C8.33922%20-0.422281%2012.4249%203.23364%2012.4249%203.23364C15.4892%209.94382%2021.8963%2017.0242%2015.4892%2019.0141C8.47498%2021.1926%205.57173%2020.7116%204.53208%2020.3562C1.20687%2019.2193%20-0.986732%2016.3526%200.471041%2012.8593Z'%20fill='%23FFC32B'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0)'%3e%3cpath%20d='M11.9453%206.1511C12.6755%204.54176%2010.0977%204.73395%209.01869%205.27149L7.59973%206.1511C8.94478%206.98185%2011.4294%207.28811%2011.9453%206.1511Z'%20fill='%23FFA826'/%3e%3cpath%20d='M7.75663%202.38526C8.33071%201.67488%205.84699%202.36807%204.84543%202.80933L3.5427%203.44671C4.91619%203.39279%207.35104%202.88715%207.75663%202.38526Z'%20fill='%23FFA826'/%3e%3cpath%20d='M10.9655%2017.0672C11.2994%2016.2957%207.96444%2018.232%205.7333%2016.597C3.50217%2014.962%202.75975%2010.1168%202.78835%2011.2693C3.01688%2020.4771%2010.4102%2018.3502%2010.9655%2017.0672Z'%20fill='%23FFA826'/%3e%3cpath%20d='M26.8445%20-5.34108C23.2416%200.913162%2012.6012%206.02612%208.08174%201.64359C4.95933%20-1.38421%206.07308%20-13.7409%206.07308%20-13.7409C6.07308%20-13.7409%2010.614%20-28.7146%2012.6904%20-28.7146C14.7668%20-28.7146%2032.2478%20-14.7208%2026.8445%20-5.34108Z'%20fill='%23FFD93B'/%3e%3ccircle%20cx='-0.592366'%20cy='12.8739'%20r='8.99333'%20fill='%23FFD93B'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
._contentRow_1mvkp_8._rowReady_1mvkp_297 ._main_1mvkp_104, ._contentRow_1mvkp_8._rowStarted_1mvkp_297 ._main_1mvkp_104 {
  background: #ECF8FF;
  border-color: #37A5E8;
}
._contentRow_1mvkp_8._rowReady_1mvkp_297 ._main_1mvkp_104 ._type_1mvkp_116,
._contentRow_1mvkp_8._rowReady_1mvkp_297 ._main_1mvkp_104 ._title_1mvkp_126,
._contentRow_1mvkp_8._rowReady_1mvkp_297 ._main_1mvkp_104 ._duration_1mvkp_249,
._contentRow_1mvkp_8._rowReady_1mvkp_297 ._main_1mvkp_104 .katex-display, ._contentRow_1mvkp_8._rowStarted_1mvkp_297 ._main_1mvkp_104 ._type_1mvkp_116,
._contentRow_1mvkp_8._rowStarted_1mvkp_297 ._main_1mvkp_104 ._title_1mvkp_126,
._contentRow_1mvkp_8._rowStarted_1mvkp_297 ._main_1mvkp_104 ._duration_1mvkp_249,
._contentRow_1mvkp_8._rowStarted_1mvkp_297 ._main_1mvkp_104 .katex-display {
  color: #37A5E8 !important;
}
._contentRow_1mvkp_8._rowReady_1mvkp_297 ._main_1mvkp_104 ._duration_1mvkp_249:before, ._contentRow_1mvkp_8._rowStarted_1mvkp_297 ._main_1mvkp_104 ._duration_1mvkp_249:before {
  background-color: #37A5E8;
}
._contentRow_1mvkp_8._rowCompleted_1mvkp_313 ._title_1mvkp_126,
._contentRow_1mvkp_8._rowCompleted_1mvkp_313 .katex-display {
  color: #A4A4A4 !important;
}
._contentRow_1mvkp_8._rowCompleted_1mvkp_313 ._workPoints_1mvkp_273 {
  color: #c0c4c7;
}
._contentRow_1mvkp_8._rowCompleted_1mvkp_313 ._workPoints_1mvkp_273:after {
  filter: grayscale(100%);
  opacity: 0.5;
}
@media (max-width: 768px) {
  ._contentRow_1mvkp_8 ._main_1mvkp_104 {
    display: block;
  }
  ._contentRow_1mvkp_8 ._main_1mvkp_104 ._duration_1mvkp_249 {
    margin: 0;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._day_1cak8_8 {
  width: 95px;
  padding: 16px 0;
  color: #E5E5E5;
  text-align: center;
  text-transform: capitalize;
}
._day_1cak8_8, ._day_1cak8_8 > * {
  transition: all 0.2s ease-in-out;
}
._dayName_1cak8_19,
._monthName_1cak8_20 {
  line-height: 19px;
}
._dayName_1cak8_19 {
  font-size: 16px;
}
._monthName_1cak8_20 {
  font-size: 14px;
}
._dayDate_1cak8_32 {
  font-weight: 700;
  font-size: 39px;
  line-height: 48px;
}
._clickable_1cak8_38 {
  color: #A4A4A4;
}
._day_1cak8_8._selected_1cak8_42 {
  padding: 20px 0;
  color: #4E4E59;
}
._day_1cak8_8._selected_1cak8_42 ._dayDate_1cak8_32 {
  color: #FF6422;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._planningContainer_16gdp_14 {
  width: 100%;
  min-height: 100vh;
  flex: 1;
  background: #F8F9FB;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  ._planningContainer_16gdp_14 {
    padding: 0;
  }
}
._planningContainer_16gdp_14 h2 {
  margin: 60px 0 22px;
  text-align: left;
}
._planningContainer_16gdp_14 h2,
._planningContainer_16gdp_14 h2 span {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #a4a4a4;
}
._planningHeader_16gdp_41 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  ._planningHeader_16gdp_41 {
    flex-direction: column;
  }
}
._planningHeader_16gdp_41 h1 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  text-align: left;
  margin-bottom: 10px;
  color: #434343;
}
._planningHeader_16gdp_41 h1 b {
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  ._planningHeader_16gdp_41 h1 {
    font-size: 24px;
    line-height: 32px;
  }
}
._deleteButton_16gdp_71 {
  border: 0;
  background: #cacaca;
  outline: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
  position: relative;
}
._deleteButton_16gdp_71:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -7px;
  background-image: url("data:image/svg+xml,%3csvg%20width='13'%20height='15'%20viewBox='0%200%2013%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='13'%20height='1.5'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.5%202.5H1.5V14.5H11.5V2.5ZM8.16673%205.49998L8.16673%2011.7222H9.3334L9.3334%205.49998H8.16673ZM5.8334%2011.7222L5.8334%205.49998H7.00006V11.7222H5.8334ZM3.50007%205.49998L3.50006%2011.7222H4.66673L4.66673%205.49998H3.50007Z'%20fill='white'/%3e%3c/svg%3e");
  background-size: cover;
  background-position: center;
  width: 14px;
  height: 16px;
}
._deleteButton_16gdp_71:hover {
  background: #dd393b;
}
._planningProgress_16gdp_97 {
  margin-top: 10px;
}
._planningProgressBar_16gdp_100, ._planningProgressValue_16gdp_100 {
  display: inline-block;
  vertical-align: middle;
}
._planningProgressBar_16gdp_100 {
  position: relative;
  width: 250px;
  height: 8px;
  border-radius: 8px;
  background-color: #e9e9e9;
  overflow: hidden;
}
._planningProgressBarFill_16gdp_112 {
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  border-radius: 8px;
  height: 100%;
  background-color: #37A5E8;
}
._planningProgressValue_16gdp_100 {
  font-family: "HK Grotesk", sans-serif;
  font-size: 14px;
  color: #CACACA;
  margin-left: 8px;
}
._planningNavigation_16gdp_128 {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  align-items: flex-end;
}
._planningNavigation_16gdp_128 h2 {
  margin: 60px 0 22px;
  text-align: left;
}
._planningNavigation_16gdp_128 h2,
._planningNavigation_16gdp_128 h2 span {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #a4a4a4;
}
._daysBar_16gdp_147 {
  display: flex;
  align-items: center;
}
._daysList_16gdp_152 div:last-child {
  margin-right: 0;
}
._daysList_16gdp_152 > div {
  margin-right: 15px;
  margin-bottom: 10px;
}
._daysList_16gdp_152._noTransitionAnimation_16gdp_159 * {
  transition: none !important;
}
._daysListNavigation_16gdp_162 {
  margin-left: 20px;
}
._daysListNavigation_16gdp_162 button:first-child {
  margin-bottom: 15px;
  transform: rotate(180deg);
}
._daysListNavigation_16gdp_162 button {
  display: block;
  width: 28px;
  height: 28px;
  border: 0;
  outline: none;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.78895%2012.5856L10.4203%2011.9542L14.2085%2015.7424L17.9962%2011.9547L18.6275%2012.586L14.2082%2017.0054L13.5769%2016.374L13.5772%2016.3738L9.78895%2012.5856Z'%20fill='%23CACACA'/%3e%3ccircle%20r='13.5'%20transform='matrix(1%200%200%20-1%2014%2014)'%20stroke='%23CACACA'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}
._daysListNavigation_16gdp_162 button:disabled {
  visibility: hidden;
}
._modalContent_16gdp_187 {
  width: 1114px;
  max-height: 90vh;
  display: flex;
}
._modalContainer_16gdp_193 {
  max-height: 90vh;
}
._modalBody_16gdp_197 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._dayProgram_16gdp_203 {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #a4a4a4;
}
@media (min-width: 1024px) {
  ._dayProgram_16gdp_203 {
    margin: 60px 0 22px;
  }
}
@media (max-width: 768px) {
  ._daysList_16gdp_152 {
    height: auto;
  }
  ._daysList_16gdp_152 > div {
    width: auto !important;
  }
  ._daysList_16gdp_152 {
    display: flex;
    overflow: auto;
  }
  ._chapterTitle_16gdp_227 {
    display: none;
  }
  ._dayProgram_16gdp_203 {
    margin: 24px 0;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._userGroupHeader_s8adf_14 {
  display: flex;
  justify-content: space-between;
}
._userGroupHeaderIntro_s8adf_18 a {
  text-decoration: none;
  color: #A4A4A4;
}
._userGroupHeaderIntro_s8adf_18 a:hover {
  color: #404D60;
}
._userGroupHeaderIntro_s8adf_18 h1 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  text-align: left;
  max-width: 430px;
  margin-bottom: 10px;
  color: #404D60;
}
._userGroupHeaderIntro_s8adf_18 h1 b {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  ._userGroupHeaderIntro_s8adf_18 h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 6px;
  }
}
._userGroupHeaderIntro_s8adf_18 p {
  font-family: "HK Grotesk", sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  max-width: 500px;
  color: #737E85;
}
@media only screen and (max-width: 768px) {
  ._userGroupHeaderIntro_s8adf_18 p {
    font-size: 16px;
    line-height: 20px;
  }
}
._counter_s8adf_61 {
  padding: 24px;
  border-radius: 20px;
  background: #FFF;
  border: 1px solid #EEE;
  display: inline-block;
  margin-right: 24px;
}
._counter_s8adf_61 a {
  color: #239fe3;
}
._counter_s8adf_61 a, ._counter_s8adf_61 p {
  display: inline-block;
  margin-top: 8px;
}
._counter_s8adf_61 h2 {
  font-size: 24px;
  font-weight: bold;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._planningsListContainer_5jr2n_14 h1 {
  font-family: Helvetica Neue, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 34px;
  line-height: 42px;
  text-align: left;
  margin-bottom: 10px;
  /* grey/text */
  color: #434343;
}
._planningsListContainer_5jr2n_14 h1 b {
  font-weight: 600;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._secondary_5jr2n_49 {
  color: #434343;
  background: transparent;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._secondary_5jr2n_49._back_5jr2n_53 {
  padding-left: 26px;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._secondary_5jr2n_49._back_5jr2n_53::before {
  position: absolute;
  content: "";
  left: 0;
  width: 16px;
  height: 16px;
  top: 3px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
  background-color: #434343;
  transition: all 0.2s ease-in-out;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._secondary_5jr2n_49._back_5jr2n_53:hover {
  color: #37A5E8;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._secondary_5jr2n_49._back_5jr2n_53:hover::before {
  background-color: #37A5E8;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._primary_5jr2n_73 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._primary_5jr2n_73:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._primary_5jr2n_73:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._primary_5jr2n_73._next_5jr2n_90 {
  padding-right: 60px;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._primary_5jr2n_73._next_5jr2n_90::after {
  position: absolute;
  content: "";
  right: 29px;
  width: 24px;
  height: 24px;
  top: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._primary_5jr2n_73._next_5jr2n_90:disabled::after {
  background-color: #A4A4A4;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._outlined_5jr2n_107 {
  padding: 14px 44px;
  background: transparent;
  border: 1px solid #CACACA;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #CACACA;
  transition: all 0.2s ease-in-out;
}
._planningsListContainer_5jr2n_14 ._button_5jr2n_28._outlined_5jr2n_107:hover {
  border-color: #b4b4b4;
  color: #B4B4B4;
}
._planningsListWrapper_5jr2n_125 {
  margin-top: 60px;
  display: inline-block;
  text-align: left;
}
._planningsListWrapper_5jr2n_125 > div {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  ._planningsListContainer_5jr2n_14 {
    margin-bottom: 60px;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._iconDuration_zkmas_14 {
  background-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='18'%20viewBox='0%200%2015%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.4602%202.9289C8.59974%202.70111%208.68018%202.43319%208.68018%202.14648C8.68018%201.31806%208.0086%200.646484%207.18018%200.646484C6.35175%200.646484%205.68018%201.31806%205.68018%202.14648C5.68018%202.4328%205.76039%202.70038%205.89958%202.92798C2.57601%203.53133%200.0551758%206.44076%200.0551758%209.93817C0.0551758%2013.8728%203.23768%2017.0632%207.18018%2017.0632C11.1227%2017.0632%2014.3052%2013.8728%2014.3052%209.93817C14.3052%208.25984%2013.7193%206.71609%2012.7456%205.49692L13.8698%204.37276C13.5293%203.969%2013.1573%203.589%2012.7535%203.25651L11.6293%204.38067C10.7217%203.65453%209.64072%203.14497%208.4602%202.9289ZM7.97184%205.97984V10.7298H6.38851V5.97984H7.97184ZM1.63851%209.93817C1.63851%2013.0019%204.11643%2015.4798%207.18018%2015.4798C10.2439%2015.4798%2012.7218%2013.0019%2012.7218%209.93817C12.7218%206.87442%2010.2439%204.39651%207.18018%204.39651C4.11643%204.39651%201.63851%206.87442%201.63851%209.93817Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
  background-size: contain;
  height: 18px;
  width: 15px;
  margin-right: 4px;
}
._documentTitle_zkmas_22 .katex-display {
  margin: 0;
}
._dragHandle_zkmas_26 {
  background: transparent;
  transition: 0.2s ease-in-out;
  display: flex;
  align-items: center;
  padding: 12px 8px;
  flex: 0;
  height: 48px;
  align-self: center;
}
._dragHandle_zkmas_26 svg {
  fill: #919eab;
}
._dragHandle_zkmas_26:hover {
  background: rgba(0, 0, 0, 0.05);
}
._dragHandle_zkmas_26:hover svg {
  fill: #6f7b88;
}
._duration_zkmas_46 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  text-transform: initial;
}
._workPoints_zkmas_55 {
  position: relative;
  padding-left: 28px;
}
._workPoints_zkmas_55 span {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #737E85;
  opacity: 0.7;
  font-size: 14px;
  line-height: 17px;
}
._workPoints_zkmas_55:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.91383%209.35862C3.74759%209.954%202.89595%2011.2469%202.20569%2012.8593C0.715993%2016.3391%202.94152%2019.2193%206.26673%2020.3562C7.30638%2020.7116%2010.2096%2021.1926%2017.2239%2019.0141C22.0933%2017.5018%2019.5611%2013.0491%2016.7201%208.05332C15.8229%206.47576%2014.895%204.84404%2014.1596%203.23364C14.1596%203.23364%2010.5567%200.00979016%209.54086%202.22397e-05V0H9.5363C9.53627%200%209.53624%200%209.53621%200H7.71481V0.593468H8.61266C7.87049%201.17987%207.27668%201.82041%207.24173%202.3081C7.20857%202.77087%207.47387%203.00226%207.47387%203.00226C7.47387%203.00226%207.00451%203.30239%206.91673%203.74269C6.73502%204.65414%209.00602%204.25174%209.00602%204.25174C9.00602%204.25174%209.60958%204.52939%2010.5382%204.80705C11.1948%205.00339%2011.7456%204.9551%2012.0239%204.89962C12.4882%204.80705%2012.7667%206.65815%2012.7667%206.65815V13.5534H12.0239C12.0239%2013.5534%2011.0218%2010.7281%208.71643%209.60963C7.63454%209.08475%206.71029%208.92101%205.91152%209.03906H4.60956V9.35862H4.91383Z'%20fill='%23FF9900'/%3e%3cpath%20d='M0.471676%2012.8593C1.75533%209.86071%203.59713%207.96727%206.98242%209.60963C9.28781%2010.7281%2010.2899%2013.5534%2010.2899%2013.5534H11.0327V6.65815C11.0327%206.65815%2010.7541%204.80705%2010.2899%204.89962C10.0116%204.9551%209.46074%205.00339%208.80414%204.80705C7.87557%204.52939%207.27201%204.25174%207.27201%204.25174C7.27201%204.25174%205.00101%204.65414%205.18272%203.74269C5.2705%203.30239%205.73986%203.00226%205.73986%203.00226C5.73986%203.00226%205.47456%202.77087%205.50772%202.3081C5.55415%201.66022%206.58686%200.7426%207.64343%200.0405005C8.33986%20-0.422281%2012.4256%203.23364%2012.4256%203.23364C15.4899%209.94382%2021.897%2017.0242%2015.4899%2019.0141C8.47562%2021.1926%205.57237%2020.7116%204.53272%2020.3562C1.2075%2019.2193%20-1.01802%2016.3391%200.471676%2012.8593Z'%20fill='%23FFC32B'/%3e%3cmask%20id='mask0'%20mask-type='alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='19'%20height='21'%3e%3cpath%20d='M0.471041%2012.8593C1.73186%209.83789%203.5965%207.96727%206.98178%209.60963C9.28718%2010.7281%2010.2892%2013.5534%2010.2892%2013.5534H11.0321V6.65815C11.0321%206.65815%2010.7535%204.80705%2010.2892%204.89962C10.0109%204.9551%209.46011%205.00339%208.8035%204.80705C7.87494%204.52939%207.27137%204.25174%207.27137%204.25174C7.27137%204.25174%205.00037%204.65414%205.18208%203.74269C5.26986%203.30239%205.73922%203.00226%205.73922%203.00226C5.73922%203.00226%205.47392%202.77087%205.50708%202.3081C5.55351%201.66022%206.58622%200.7426%207.64279%200.0405005C8.33922%20-0.422281%2012.4249%203.23364%2012.4249%203.23364C15.4892%209.94382%2021.8963%2017.0242%2015.4892%2019.0141C8.47498%2021.1926%205.57173%2020.7116%204.53208%2020.3562C1.20687%2019.2193%20-0.986732%2016.3526%200.471041%2012.8593Z'%20fill='%23FFC32B'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0)'%3e%3cpath%20d='M11.9453%206.1511C12.6755%204.54176%2010.0977%204.73395%209.01869%205.27149L7.59973%206.1511C8.94478%206.98185%2011.4294%207.28811%2011.9453%206.1511Z'%20fill='%23FFA826'/%3e%3cpath%20d='M7.75663%202.38526C8.33071%201.67488%205.84699%202.36807%204.84543%202.80933L3.5427%203.44671C4.91619%203.39279%207.35104%202.88715%207.75663%202.38526Z'%20fill='%23FFA826'/%3e%3cpath%20d='M10.9655%2017.0672C11.2994%2016.2957%207.96444%2018.232%205.7333%2016.597C3.50217%2014.962%202.75975%2010.1168%202.78835%2011.2693C3.01688%2020.4771%2010.4102%2018.3502%2010.9655%2017.0672Z'%20fill='%23FFA826'/%3e%3cpath%20d='M26.8445%20-5.34108C23.2416%200.913162%2012.6012%206.02612%208.08174%201.64359C4.95933%20-1.38421%206.07308%20-13.7409%206.07308%20-13.7409C6.07308%20-13.7409%2010.614%20-28.7146%2012.6904%20-28.7146C14.7668%20-28.7146%2032.2478%20-14.7208%2026.8445%20-5.34108Z'%20fill='%23FFD93B'/%3e%3ccircle%20cx='-0.592366'%20cy='12.8739'%20r='8.99333'%20fill='%23FFD93B'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}
._editionModeSwitch_zkmas_81 {
  display: flex;
}
._editionModeSwitch_zkmas_81 span {
  color: #239fe3;
  margin-left: 12px;
  line-height: 30px;
}
._editionModeSwitch_zkmas_81 input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
._editionModeSwitch_zkmas_81 label {
  cursor: pointer;
  text-indent: -9999px;
  width: 50px;
  height: 30px;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
}
._editionModeSwitch_zkmas_81 label:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 22px;
  height: 22px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}
._editionModeSwitch_zkmas_81 input:checked + label {
  background: #239fe3;
}
._editionModeSwitch_zkmas_81 input:checked + label:after {
  left: calc(100% - 4px);
  transform: translateX(-100%);
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._userGroupHeader_fa10l_14 {
  display: flex;
  justify-content: space-between;
}
._userGroupHeaderIntro_fa10l_18 h1 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  text-align: left;
  max-width: 430px;
  margin-bottom: 10px;
  color: #404D60;
}
._userGroupHeaderIntro_fa10l_18 h1 b {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  ._userGroupHeaderIntro_fa10l_18 h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 6px;
  }
}
._userGroupHeaderIntro_fa10l_18 p {
  font-family: "HK Grotesk", sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  max-width: 500px;
  color: #737E85;
}
@media only screen and (max-width: 768px) {
  ._userGroupHeaderIntro_fa10l_18 p {
    font-size: 16px;
    line-height: 20px;
  }
}
._userGroupUsersTable_fa10l_53 {
  border-radius: 20px;
  border: 1px solid #EEE;
  overflow: hidden;
}
._userGroupUsersTable_fa10l_53 tr {
  cursor: pointer;
}
._userGroupUsersTable_fa10l_53 tr:hover td {
  background: #F9F9F9;
}
._userGroupContainer_fa10l_64 {
  min-height: calc(100vh - 90px);
  text-align: center;
  flex: 1;
  background: #F8F9FB;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  ._userGroupContainer_fa10l_64 {
    padding: 40px 20px 80px;
  }
}
._userGroupContainer_fa10l_64 h2 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  margin: 15px 0 8px;
  text-align: left;
  color: #404D60;
}
._userGroupContainer_fa10l_64 table {
  width: 100%;
  text-align: left;
}
._userGroupContainer_fa10l_64 table tbody tr:not(:last-child),
._userGroupContainer_fa10l_64 table thead tr {
  border-bottom: 1px solid #EEE;
}
._userGroupContainer_fa10l_64 table th {
  color: #A4A4A4;
  font-weight: normal;
}
._userGroupContainer_fa10l_64 table td {
  color: #777;
}
._userGroupContainer_fa10l_64 table td, ._userGroupContainer_fa10l_64 table th {
  padding: 14px 20px;
  background: #FFF;
}
._userGroupContainer_fa10l_64 table a {
  color: #777;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_fa10l_64 table a:hover {
  color: #333;
}
._userGroupContainer_fa10l_64 table a span {
  font-weight: bold;
}
._userGroupContainer_fa10l_64 ._scrollList_fa10l_115 {
  display: block;
  overflow-x: auto;
  position: relative;
  white-space: nowrap;
  padding: 15px 0 45px;
  margin: 0 0 -30px;
}
._userGroupContainer_fa10l_64 ._scrollList_fa10l_115::-webkit-scrollbar {
  display: none;
}
._userGroupContainer_fa10l_64 ._scrollListWrapper_fa10l_126 {
  display: inline-block;
  padding: 0 20px 0 80px;
}
._userGroupContainer_fa10l_64 ._scrollListWrapper_fa10l_126 > div:last-child {
  margin-right: 0 !important;
}
._userGroupContainer_fa10l_64 ._chaptersList_fa10l_133 {
  display: block;
  position: relative;
  margin: 0 -80px;
  transform-origin: top left;
  -webkit-user-select: none;
          user-select: none;
}
._userGroupContainer_fa10l_64 ._scrollArrow_fa10l_140 {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  border-radius: 50%;
  margin-top: -45px;
  z-index: 10;
  transition: visibility 1s 0s, opacity 0.2s ease-in-out;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2054%2054'%20style='enable-background:new%200%200%2054%2054;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23353535;fill-opacity:0.7;}%20%3c/style%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M54,27c0,14.9-12.1,27-27,27S0,41.9,0,27S12.1,0,27,0S54,12.1,54,27z%20M22,19.1l2.1-2.1l8.5,8.5l2.1,2.1l0,0%20L24.1,38.2L22,36.1l8.5-8.5L22,19.1z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
._userGroupContainer_fa10l_64 ._scrollArrow_fa10l_140._visible_fa10l_156 {
  visibility: visible;
  opacity: 0.9;
}
._userGroupContainer_fa10l_64 ._scrollArrow_fa10l_140._visible_fa10l_156:hover {
  opacity: 1;
}
._userGroupContainer_fa10l_64 ._scrollArrow_fa10l_140._left_fa10l_163 {
  left: 20px;
  transform: rotate(-180deg);
}
._userGroupContainer_fa10l_64 ._scrollArrow_fa10l_140._right_fa10l_167 {
  right: 20px;
}
._userGroupContainer_fa10l_64 ._planningsList_fa10l_170 {
  display: block;
  position: relative;
  margin: 0 -80px;
  transform-origin: top left;
  -webkit-user-select: none;
          user-select: none;
  text-align: left;
}
._userGroupContainer_fa10l_64 ._button_fa10l_178 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_fa10l_64 ._button_fa10l_178._secondary_fa10l_199 {
  color: #434343;
  background: transparent;
}
._userGroupContainer_fa10l_64 ._button_fa10l_178._secondary_fa10l_199._back_fa10l_203 {
  padding-left: 26px;
}
._userGroupContainer_fa10l_64 ._button_fa10l_178._secondary_fa10l_199._back_fa10l_203::before {
  position: absolute;
  content: "";
  left: 0;
  width: 16px;
  height: 16px;
  top: 3px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
  background-color: #434343;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_fa10l_64 ._button_fa10l_178._secondary_fa10l_199._back_fa10l_203:hover {
  color: #37A5E8;
}
._userGroupContainer_fa10l_64 ._button_fa10l_178._secondary_fa10l_199._back_fa10l_203:hover::before {
  background-color: #37A5E8;
}
._userGroupContainer_fa10l_64 ._button_fa10l_178._primary_fa10l_223 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._userGroupContainer_fa10l_64 ._button_fa10l_178._primary_fa10l_223:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}
._userGroupContainer_fa10l_64 ._button_fa10l_178._primary_fa10l_223:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}
._userGroupContainer_fa10l_64 ._button_fa10l_178._primary_fa10l_223._next_fa10l_240 {
  padding-right: 60px;
}
._userGroupContainer_fa10l_64 ._button_fa10l_178._primary_fa10l_223._next_fa10l_240::after {
  position: absolute;
  content: "";
  right: 29px;
  width: 24px;
  height: 24px;
  top: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_fa10l_64 ._button_fa10l_178._primary_fa10l_223._next_fa10l_240:disabled::after {
  background-color: #A4A4A4;
}
._userGroupContainer_fa10l_64 ._button_fa10l_178._outlined_fa10l_257 {
  padding: 14px 44px;
  background: transparent;
  border: 1px solid #CACACA;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #CACACA;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_fa10l_64 ._button_fa10l_178._outlined_fa10l_257:hover {
  border-color: #b4b4b4;
  color: #B4B4B4;
}
._userGroupContainer_fa10l_64 ._grade_fa10l_275 {
  width: 300px;
  height: 200px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  border-radius: 12px;
  margin-top: 25px;
}._modal_a1d30_1 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  /*pointer-events: none;*/
  z-index: 9999;
}
._modal_a1d30_1 ._table_a1d30_15 td {
  border-bottom: 1px solid #EEE;
}
._modal_a1d30_1 table {
  width: 100%;
  max-width: 1280px;
  table-layout: fixed;
}
._modal_a1d30_1 thead {
  background-color: rgb(242, 242, 242);
  border-radius: 10px;
}
._modal_a1d30_1 th {
  padding: 20px 15px;
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  color: #000000;
  text-transform: uppercase;
}
._modal_a1d30_1 td {
  padding: 15px;
  text-align: left;
  align-items: center;
  vertical-align: middle;
  font-weight: 300;
  font-size: 14px;
  color: #000000;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}
._modal_a1d30_1 tr {
  cursor: pointer;
}
._modalPlaceholder_a1d30_48 {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
._modalBody_a1d30_53 {
  padding: 20px;
  border-bottom: 1px solid #eee;
}
._modalBodyHeader_a1d30_57 {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 20px;
  font-weight: 600;
}
._modalHeader_a1d30_63 {
  padding: 20px 20px 0 20px;
}
._modalFooter_a1d30_66 {
  display: flex;
  justify-content: flex-end;
  padding: 20px;
}
._modalTitle_a1d30_71 {
  margin: 0;
  text-align: left;
  font-size: 20px;
  padding: 15px;
  font-weight: 700;
  color: #000000;
}
._modalContent_a1d30_79 {
  border-radius: 10px;
  width: 1280px;
  max-height: 85vh;
  display: inline-block;
  vertical-align: middle;
  overflow: auto;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
._close_a1d30_90 {
  opacity: 0;
  display: none;
}
._modal_a1d30_1._enterDone_a1d30_95 {
  opacity: 1;
  pointer-events: visible;
}
._modal_a1d30_1._exit_a1d30_100 {
  opacity: 0;
}
._modal_a1d30_1._enterDone_a1d30_95 ._modalContent_a1d30_79 {
  transform: translateY(0);
}
._modal_a1d30_1._exit_a1d30_100 ._modalContent_a1d30_79 {
  transform: translateY(-200px);
}
._modalBody_a1d30_53 ._tblContent_a1d30_112 tr {
  cursor: initial;
}
._true_a1d30_116 {
  color: #25C571 !important;
}
._true_a1d30_116 .katex {
  color: #25C571;
}
._false_a1d30_123 {
  color: red !important;
}
._false_a1d30_123 .katex {
  color: red;
}
._wrapper_a1d30_130 {
  background: #fff;
  border-radius: 20px;
  padding: 25px 50px;
  display: block;
  text-align: left;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  ._wrapper_a1d30_130 {
    padding: 24px;
  }
}
._wrapper_a1d30_130 p {
  margin-bottom: 8px;
}
div.frame {
  padding: 24px;
  margin: 24px 12px 24px 0;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  display: inline-block;
  position: relative;
}
div.frame > .katex-display {
  margin: 0 !important;
}
.document_image {
  padding: 24px;
  background: #FFF;
  border-radius: 10px;
  margin: 24px 0;
  text-align: center;
  line-height: normal;
  position: relative;
}
.document_image img {
  max-width: 600px;
  width: 100%;
}
.reminder,
.note {
  position: relative;
  padding: 48px 24px 24px;
  margin: 24px 0;
  border-radius: 10px;
}
.reminder:before,
.note:before {
  position: absolute;
  top: 24px;
  left: 24px;
}
.reminder {
  background: #FFF1F1;
  border-left: 2px solid #fd8b8b;
}
.reminder:before {
  content: "Rappel";
  color: #fd8b8b;
}
.note {
  background: #eda478;
  border-left: 2px solid #895e45;
}
.note:before {
  content: "Remarque";
  color: #895e45;
}
._questionIndex_a1d30_205 {
  background: #e1f4ff;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #37a5e8;
  padding: 3px 8px;
  display: inline-flex;
  margin-bottom: 24px;
}
._title_a1d30_218 {
  color: #434343;
  font-size: 16px;
  line-height: 19px;
}
._separator_a1d30_224 {
  display: flex;
  margin: 16px 0;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._containerPossibleAnswers_a1d30_231 {
  display: block;
}
._container_a1d30_231 {
  display: flex;
  margin-bottom: 18px;
  cursor: initial;
  font-size: 16px;
  -webkit-user-select: none;
          user-select: none;
  align-items: center;
}
._container_a1d30_231 input {
  position: absolute;
  opacity: 0;
  cursor: initial;
  height: 0;
  width: 0;
}
._container_a1d30_231 input:checked ~ ._checkmark_a1d30_251 {
  background-color: #30cf25;
}
._container_a1d30_231 input:checked ~ ._checkmark_a1d30_251:after {
  display: block;
}
._checkmark_a1d30_251 {
  position: relative;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 6px;
  margin-right: 12px;
}
._checkmark_a1d30_251:after {
  position: absolute;
  content: "";
  left: 8px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  display: none;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
._answer_a1d30_281 {
  visibility: hidden;
  display: none;
  transition: all 0.5s ease;
  background: #f5fbf7;
  padding: 24px;
  margin: 24px 0 0;
  border-radius: 10px;
  color: #607165;
}
._answer_a1d30_281 > * {
  color: #607165;
}
._answer_a1d30_281 .katex-display {
  color: #607165;
}
._answerShow_a1d30_297 {
  visibility: visible;
  display: block;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._allSchoolLevels_1x456_14 h1 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  ._allSchoolLevels_1x456_14 h1 {
    margin: 0 0 24px 24px;
  }
}
._allSchoolLevelslist_1x456_28 {
  margin: 24px -24px 24px 0;
  display: flex;
}
@media only screen and (max-width: 768px) {
  ._allSchoolLevelslist_1x456_28 {
    display: initial;
    margin: 24px auto;
  }
}
._allSchoolLevelslist_1x456_28 > div {
  flex: 1;
  padding-right: 24px;
}
@media only screen and (max-width: 768px) {
  ._allSchoolLevelslist_1x456_28 > div {
    padding: 0 24px;
  }
}
._allSchoolLevelslist_1x456_28 > div ul {
  padding: 0;
  margin: 0 0 24px 0;
  background: #FFFFFF;
  box-shadow: 0 0 12px rgba(147, 147, 147, 0.16);
  border-radius: 20px;
  overflow: hidden;
}
._allSchoolLevelslist_1x456_28 > div ul li {
  border-bottom: 1px solid #EFEFEF;
}
._allSchoolLevelslist_1x456_28 > div ul li a {
  display: block;
  line-height: 80px;
  text-align: center;
  font-weight: 300;
  font-size: 16px;
  text-decoration: none;
  color: #4E4E59;
  transition: background-color 0.2s ease-in-out;
}
._allSchoolLevelslist_1x456_28 > div ul li a:hover {
  background: #f6f6f6;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._progressCircle_1eq6j_8 {
  position: absolute;
  top: 14px;
  right: 12px;
}
._progressCircle_1eq6j_8 ._icon_1eq6j_13 {
  width: 38px;
  height: 38px;
  background-size: contain;
  content: "";
  position: absolute;
  left: 4px;
  z-index: 1;
  top: 2px;
}
._progressCircle_1eq6j_8._achieved_1eq6j_23 ._value_1eq6j_23 {
  color: #FFB800;
  text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff;
}
._progressCircle_1eq6j_8._achieved_1eq6j_23 .fill {
  border-color: #FFC328 !important;
}
._progressCircle_1eq6j_8 ._value_1eq6j_23 {
  font-weight: 900 !important;
  color: #737E85;
  font-size: 13px;
  margin: 0 auto;
  display: block;
  text-align: center;
}
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}
.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #778C99;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg);
}
.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  transform: rotate(180deg);
}
.c100 {
  position: relative;
  font-size: 40px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 auto 4px;
  background-color: #ADCFE3;
}
.c100 *, .c100 *:before, .c100 *:after {
  box-sizing: content-box;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #DDF2FF;
  width: 0.84em;
  height: 0.84em;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  transform: rotate(18deg);
}
.c100.p6 .bar {
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  transform: rotate(36deg);
}
.c100.p11 .bar {
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  transform: rotate(54deg);
}
.c100.p16 .bar {
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  transform: rotate(72deg);
}
.c100.p21 .bar {
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  transform: rotate(90deg);
}
.c100.p26 .bar {
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  transform: rotate(108deg);
}
.c100.p31 .bar {
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  transform: rotate(126deg);
}
.c100.p36 .bar {
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  transform: rotate(144deg);
}
.c100.p41 .bar {
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  transform: rotate(162deg);
}
.c100.p46 .bar {
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  transform: rotate(180deg);
}
.c100.p51 .bar {
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  transform: rotate(198deg);
}
.c100.p56 .bar {
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  transform: rotate(216deg);
}
.c100.p61 .bar {
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  transform: rotate(234deg);
}
.c100.p66 .bar {
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  transform: rotate(252deg);
}
.c100.p71 .bar {
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  transform: rotate(270deg);
}
.c100.p76 .bar {
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  transform: rotate(288deg);
}
.c100.p81 .bar {
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  transform: rotate(306deg);
}
.c100.p86 .bar {
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  transform: rotate(324deg);
}
.c100.p91 .bar {
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  transform: rotate(342deg);
}
.c100.p96 .bar {
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  border-color: #FFC328;
  transform: rotate(360deg);
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._chapter_1pdi2_8 {
  font-family: "HK Grotesk", sans-serif;
  background: #FFFFFF;
  border-radius: 12px;
  width: 330px;
  display: inline-block;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  text-align: left;
  white-space: normal;
}
._chapter_1pdi2_8:hover {
  box-shadow: none;
}
._chapter_1pdi2_8:hover h3 {
  color: #5C656A;
}
._chapter_1pdi2_8 ._thumbnail_1pdi2_25 {
  position: relative;
  background: #DDF2FF;
  height: 115px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
._chapter_1pdi2_8:nth-child(n) ._thumbnail_1pdi2_25 {
  background-image: url("data:image/svg+xml,%3csvg%20width='100'%20height='87'%20viewBox='0%200%20100%2087'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2045H42V87H0V45Z'%20fill='%238AA6B7'/%3e%3cpath%20d='M29%200H70V41H29V0Z'%20fill='%23FF6422'/%3e%3cpath%20d='M58%2045H100V87H58V45Z'%20fill='%238AA6B7'/%3e%3cpath%20d='M17%2063.3946V60H24V75H19.5944V63.3946H17Z'%20fill='%235D7483'/%3e%3cpath%20d='M51.6571%2027C51.0061%2027%2050.4693%2026.7086%2050.0468%2026.1258C49.5827%2025.4874%2049.2537%2024.5438%2049.0597%2023.2949L46.1299%2026.8751H44.5922L48.8935%2022.0147L48.5506%2019.6314C48.4398%2018.9445%2048.3221%2018.4692%2048.1974%2018.2056C48.0866%2017.9766%2047.9342%2017.8621%2047.7403%2017.8621C47.5255%2017.8621%2047.2935%2017.9696%2047.0442%2018.1847C46.8017%2018.3998%2046.5524%2018.719%2046.2961%2019.1422C45.7074%2020.1206%2045.2398%2021.425%2044.8935%2023.0555H44C44.2771%2021.8274%2044.6026%2020.7589%2044.9766%2019.85C45.4268%2018.7259%2045.9671%2017.8448%2046.5974%2017.2064C47.3247%2016.4779%2048.1316%2016.1136%2049.0182%2016.1136C49.7801%2016.1136%2050.3654%2016.3981%2050.774%2016.967C51.0719%2017.3903%2051.2554%2017.9488%2051.3247%2018.6427L51.5117%2020.2663C52.1143%2019.5932%2052.5645%2019.0139%2052.8623%2018.5282C53.1602%2018.0356%2053.3264%2017.5915%2053.361%2017.196C53.2225%2017.2238%2053.1013%2017.2376%2052.9974%2017.2376C52.6511%2017.2376%2052.3948%2017.1197%2052.2286%2016.8838C52.0762%2016.6895%2052%2016.412%2052%2016.0512C52%2015.7112%2052.1455%2015.4406%2052.4364%2015.2394C52.6857%2015.0798%2053.0216%2015%2053.4442%2015C53.6312%2015%2053.8009%2015.0555%2053.9532%2015.1665C54.1056%2015.2775%2054.2338%2015.4267%2054.3377%2015.6141C54.4346%2015.8014%2054.5074%2016.013%2054.5558%2016.2489C54.6113%2016.4779%2054.639%2016.7103%2054.639%2016.9462C54.639%2017.2723%2054.5801%2017.6019%2054.4623%2017.935C54.3446%2018.2611%2054.161%2018.6045%2053.9117%2018.9653C53.6831%2019.2984%2053.3957%2019.6626%2053.0494%2020.0581C52.71%2020.4536%2052.2528%2020.9636%2051.6779%2021.588L51.8753%2023.0763C51.9584%2023.7563%2052.1074%2024.242%2052.3221%2024.5334C52.516%2024.804%2052.8069%2024.9393%2053.1948%2024.9393C53.6035%2024.9393%2053.9844%2024.7624%2054.3377%2024.4085C54.6771%2024.0685%2054.9333%2023.6175%2055.1065%2023.0555H56C55.4874%2024.5403%2054.7775%2025.6123%2053.8701%2026.2715C53.1983%2026.7572%2052.4606%2027%2051.6571%2027Z'%20fill='%23BC3800'/%3e%3cpath%20d='M79.6405%2059C80.7066%2059%2081.6215%2059.1861%2082.3851%2059.5584C83.1487%2059.9163%2083.725%2060.4174%2084.1139%2061.0617C84.5174%2061.6917%2084.7191%2062.4076%2084.7191%2063.2094C84.7191%2064.1973%2084.4597%2064.9919%2083.9411%2065.5933C83.4368%2066.1946%2082.8029%2066.5741%2082.0393%2066.7315V66.8389C84.0131%2067.4689%2085%2068.6931%2085%2070.5114C85%2071.3848%2084.7983%2072.1651%2084.3949%2072.8524C83.9915%2073.5253%2083.4008%2074.055%2082.6228%2074.4416C81.8592%2074.8139%2080.9371%2075%2079.8566%2075C78.0989%2075%2076.7014%2074.5705%2075.664%2073.7114C74.6411%2072.8524%2074.0864%2071.5423%2074%2069.7812H77.609C77.6379%2070.4541%2077.8251%2070.9839%2078.1709%2071.3705C78.5167%2071.757%2079.021%2071.9503%2079.6837%2071.9503C80.2168%2071.9503%2080.6346%2071.7928%2080.9371%2071.4779C81.2541%2071.1629%2081.4126%2070.7548%2081.4126%2070.2537C81.4126%2069.0081%2080.5049%2068.3852%2078.6896%2068.3852H77.998V65.4H78.668C80.296%2065.4286%2081.11%2064.8488%2081.11%2063.6604C81.11%2063.145%2080.9659%2062.7512%2080.6778%2062.4792C80.4041%2062.1928%2080.0295%2062.0497%2079.554%2062.0497C79.0354%2062.0497%2078.6248%2062.2286%2078.3222%2062.5866C78.0196%2062.9302%2077.8468%2063.3955%2077.8035%2063.9826H74.1945C74.2665%2062.379%2074.7708%2061.1477%2075.7073%2060.2886C76.6437%2059.4295%2077.9548%2059%2079.6405%2059Z'%20fill='%235D7483'/%3e%3c/svg%3e");
  background-size: auto 85px;
}
._chapter_1pdi2_8:nth-child(2n) ._thumbnail_1pdi2_25 {
  background-image: url("data:image/svg+xml,%3csvg%20width='121'%20height='74'%20viewBox='0%200%20121%2074'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='20'%20cy='24'%20r='20'%20fill='%23FF6422'/%3e%3cpath%20d='M121%2074V0L45%2074H121Z'%20fill='%238AA6B7'/%3e%3c/svg%3e");
  background-size: auto 80px;
}
._chapter_1pdi2_8:nth-child(3n) ._thumbnail_1pdi2_25 {
  background-image: url("data:image/svg+xml,%3csvg%20width='116'%20height='101'%20viewBox='0%200%20116%20101'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M44.1538%2080.7647L61.6798%2016.0352L72.3203%2018.7357L54.7942%2083.4653L44.1538%2080.7647Z'%20fill='%23748F9F'/%3e%3cpath%20d='M48.3204%2073.995C50.3043%2080.3969%2046.5522%2087.1438%2039.9399%2089.0647C33.3275%2090.9855%2026.3589%2087.3528%2024.3749%2080.9508C22.391%2074.5489%2026.1431%2067.8019%2032.7554%2065.8811C39.3678%2063.9603%2046.3364%2067.593%2048.3204%2073.995Z'%20fill='%23748F9F'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M55.0252%2072.0473C58.1201%2082.0343%2052.2669%2092.5596%2041.9516%2095.556C31.6363%2098.5525%2020.7652%2092.8855%2017.6703%2082.8984C14.5753%2072.9114%2020.4286%2062.3862%2030.7438%2059.3897C41.0591%2056.3933%2051.9302%2062.0602%2055.0252%2072.0473ZM39.9399%2089.0646C46.5523%2087.1438%2050.3044%2080.3969%2048.3204%2073.9949C46.3365%2067.593%2039.3678%2063.9603%2032.7555%2065.8811C26.1431%2067.8019%2022.3911%2074.5488%2024.375%2080.9508C26.3589%2087.3528%2033.3276%2090.9854%2039.9399%2089.0646Z'%20fill='%23DDF2FF'/%3e%3cpath%20d='M91.1334%2020.1146C93.1173%2026.5165%2089.3652%2033.2635%2082.7529%2035.1843C76.1405%2037.1051%2069.1719%2033.4724%2067.1879%2027.0704C65.204%2020.6685%2068.9561%2013.9216%2075.5684%2012.0008C82.1808%2010.0799%2089.1494%2013.7126%2091.1334%2020.1146Z'%20fill='%23748F9F'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M97.8381%2018.1669C100.933%2028.154%2095.0798%2038.6792%2084.7646%2041.6757C74.4493%2044.6721%2063.5782%2039.0051%2060.4833%2029.0181C57.3883%2019.031%2063.2416%208.50582%2073.5568%205.50936C83.8721%202.5129%2094.7432%208.17989%2097.8381%2018.1669ZM82.7529%2035.1843C89.3653%2033.2635%2093.1174%2026.5165%2091.1334%2020.1146C89.1495%2013.7126%2082.1808%2010.0799%2075.5685%2012.0008C68.9561%2013.9216%2065.2041%2020.6685%2067.188%2027.0704C69.1719%2033.4724%2076.1406%2037.1051%2082.7529%2035.1843Z'%20fill='%23DDF2FF'/%3e%3c/svg%3e");
  background-size: auto 110px;
}
._chapter_1pdi2_8 h3 {
  font-size: 16px;
  line-height: 18px;
  color: #737E85;
  margin: 16px;
  height: 38px;
  transition: all 0.3s ease-in-out;
}
._chapter_1pdi2_8 h3 .katex-display {
  margin: 0 !important;
  color: #737E85;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._planning_lo9ly_8 {
  display: flex;
  flex-direction: row;
  margin: 24px;
  text-align: left;
}
._planning_lo9ly_8 h3 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 600;
  font-size: 21px;
  line-height: 25px;
  color: #434343;
  margin: 0 0 15px;
}
._planning_lo9ly_8 p {
  margin: 0 0 22px;
  max-width: 535px;
}
._planning_lo9ly_8 p b {
  color: #7A7A7A;
}
._progressBar_lo9ly_30 {
  width: 13px;
  height: 159px;
  background: #DDF2FF;
  border-radius: 6px;
  margin-right: 34px;
  position: relative;
  overflow: hidden;
}
._progressBar_lo9ly_30 i {
  width: 100%;
  border-radius: 6px;
  position: absolute;
  bottom: 0;
  background: #37A5E8;
}
._infoWrapper_lo9ly_47 {
  flex: 1;
  width: 435px;
}
._infoWrapper_lo9ly_47 ._header_lo9ly_51 {
  padding-bottom: 23px;
  border-bottom: 1.4px solid #ECECEC;
  margin-bottom: 20px;
}
._infoWrapper_lo9ly_47 ._header_lo9ly_51 h3,
._infoWrapper_lo9ly_47 ._header_lo9ly_51 h3 span {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 21px;
  line-height: 25px;
  color: #434343;
}
._infoWrapper_lo9ly_47 ._footer_lo9ly_65 {
  margin-top: 40px;
  text-align: right;
}
._scrollList_lo9ly_70 {
  display: block;
  overflow-x: auto;
  position: relative;
  white-space: nowrap;
  padding: 15px 0 45px;
  margin: 0 0 -30px;
}
._scrollList_lo9ly_70::-webkit-scrollbar {
  display: none;
}
._scrollListWrapper_lo9ly_82 {
  display: inline-flex;
  padding: 0 20px 0 80px;
}
._scrollListWrapper_lo9ly_82 > div:last-child {
  margin-right: 0 !important;
}
._scrollArrow_lo9ly_90 {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  border-radius: 50%;
  margin-top: -45px;
  z-index: 10;
  transition: visibility 1s 0s, opacity 0.2s ease-in-out;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2054%2054'%20style='enable-background:new%200%200%2054%2054;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23353535;fill-opacity:0.7;}%20%3c/style%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M54,27c0,14.9-12.1,27-27,27S0,41.9,0,27S12.1,0,27,0S54,12.1,54,27z%20M22,19.1l2.1-2.1l8.5,8.5l2.1,2.1l0,0%20L24.1,38.2L22,36.1l8.5-8.5L22,19.1z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
._scrollArrow_lo9ly_90._visible_lo9ly_106 {
  visibility: visible;
  opacity: 0.9;
}
._scrollArrow_lo9ly_90._visible_lo9ly_106:hover {
  opacity: 1;
}
._scrollArrow_lo9ly_90._left_lo9ly_113 {
  left: 20px;
  transform: rotate(-180deg);
}
._scrollArrow_lo9ly_90._right_lo9ly_117 {
  right: 20px;
}
._planningsList_lo9ly_121 {
  display: block;
  position: relative;
  margin: 0 -80px;
  transform-origin: top left;
  -webkit-user-select: none;
          user-select: none;
  text-align: left;
}
@media (max-width: 768px) {
  ._scrollArrow_lo9ly_90 {
    display: none;
  }
  ._scrollListWrapper_lo9ly_82 {
    padding: 0 20px 0 20px;
  }
  ._planningsList_lo9ly_121 {
    margin: 0 -20px;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._dashboardheader_j3x0h_14 {
  display: flex;
  justify-content: space-between;
}
._dashboardheaderintro_j3x0h_18 h1 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  text-align: left;
  max-width: 430px;
  margin-bottom: 10px;
  color: #404D60;
}
._dashboardheaderintro_j3x0h_18 h1 b {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  ._dashboardheaderintro_j3x0h_18 h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 6px;
  }
}
._dashboardheaderintro_j3x0h_18 p {
  font-family: "HK Grotesk", sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  max-width: 500px;
  color: #737E85;
}
@media only screen and (max-width: 768px) {
  ._dashboardheaderintro_j3x0h_18 p {
    font-size: 16px;
    line-height: 20px;
  }
  ._dashboardcontainer_j3x0h_54 {
    padding: 0;
  }
}
._dashboardcontainer_j3x0h_54 h2 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  margin: 60px 0 8px;
  text-align: left;
  color: #404D60;
}
._dashboardcontainer_j3x0h_54 ._scrollList_j3x0h_68 {
  display: block;
  overflow-x: auto;
  position: relative;
  white-space: nowrap;
  padding: 15px 0 45px;
  margin: 0 0 -30px;
}
._dashboardcontainer_j3x0h_54 ._scrollList_j3x0h_68::-webkit-scrollbar {
  display: none;
}
._dashboardcontainer_j3x0h_54 ._scrollListWrapper_j3x0h_79 {
  display: inline-block;
  padding: 0 20px 0 80px;
}
._dashboardcontainer_j3x0h_54 ._scrollListWrapper_j3x0h_79 > div:last-child {
  margin-right: 0 !important;
}
._dashboardcontainer_j3x0h_54 ._chaptersList_j3x0h_86 {
  display: block;
  position: relative;
  margin: 0 -80px;
  transform-origin: top left;
  -webkit-user-select: none;
          user-select: none;
}
._dashboardcontainer_j3x0h_54 ._scrollArrow_j3x0h_93 {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  border-radius: 50%;
  margin-top: -45px;
  z-index: 10;
  transition: visibility 1s 0s, opacity 0.2s ease-in-out;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2054%2054'%20style='enable-background:new%200%200%2054%2054;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23353535;fill-opacity:0.7;}%20%3c/style%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M54,27c0,14.9-12.1,27-27,27S0,41.9,0,27S12.1,0,27,0S54,12.1,54,27z%20M22,19.1l2.1-2.1l8.5,8.5l2.1,2.1l0,0%20L24.1,38.2L22,36.1l8.5-8.5L22,19.1z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
._dashboardcontainer_j3x0h_54 ._scrollArrow_j3x0h_93._visible_j3x0h_109 {
  visibility: visible;
  opacity: 0.9;
}
._dashboardcontainer_j3x0h_54 ._scrollArrow_j3x0h_93._visible_j3x0h_109:hover {
  opacity: 1;
}
._dashboardcontainer_j3x0h_54 ._scrollArrow_j3x0h_93._left_j3x0h_116 {
  left: 20px;
  transform: rotate(-180deg);
}
._dashboardcontainer_j3x0h_54 ._scrollArrow_j3x0h_93._right_j3x0h_120 {
  right: 20px;
}
._dashboardcontainer_j3x0h_54 ._planningsList_j3x0h_123 {
  display: block;
  position: relative;
  margin: 0 -80px;
  transform-origin: top left;
  -webkit-user-select: none;
          user-select: none;
  text-align: left;
}
._dashboardcontainer_j3x0h_54 ._userGroupsList_j3x0h_131 {
  margin-top: 15px;
}
._dashboardcontainer_j3x0h_54 ._userGroupsList_j3x0h_131 > div {
  margin-bottom: 15px;
  min-width: 200px;
}
._dashboardcontainer_j3x0h_54 ._button_j3x0h_138 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._dashboardcontainer_j3x0h_54 ._button_j3x0h_138._secondary_j3x0h_159 {
  color: #434343;
  background: transparent;
}
._dashboardcontainer_j3x0h_54 ._button_j3x0h_138._secondary_j3x0h_159._back_j3x0h_163 {
  padding-left: 26px;
}
._dashboardcontainer_j3x0h_54 ._button_j3x0h_138._secondary_j3x0h_159._back_j3x0h_163::before {
  position: absolute;
  content: "";
  left: 0;
  width: 16px;
  height: 16px;
  top: 3px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
  background-color: #434343;
  transition: all 0.2s ease-in-out;
}
._dashboardcontainer_j3x0h_54 ._button_j3x0h_138._secondary_j3x0h_159._back_j3x0h_163:hover {
  color: #37A5E8;
}
._dashboardcontainer_j3x0h_54 ._button_j3x0h_138._secondary_j3x0h_159._back_j3x0h_163:hover::before {
  background-color: #37A5E8;
}
._dashboardcontainer_j3x0h_54 ._button_j3x0h_138._primary_j3x0h_183 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._dashboardcontainer_j3x0h_54 ._button_j3x0h_138._primary_j3x0h_183:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}
._dashboardcontainer_j3x0h_54 ._button_j3x0h_138._primary_j3x0h_183:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}
._dashboardcontainer_j3x0h_54 ._button_j3x0h_138._primary_j3x0h_183._next_j3x0h_200 {
  padding-right: 60px;
}
._dashboardcontainer_j3x0h_54 ._button_j3x0h_138._primary_j3x0h_183._next_j3x0h_200::after {
  position: absolute;
  content: "";
  right: 29px;
  width: 24px;
  height: 24px;
  top: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
}
._dashboardcontainer_j3x0h_54 ._button_j3x0h_138._primary_j3x0h_183._next_j3x0h_200:disabled::after {
  background-color: #A4A4A4;
}
._dashboardcontainer_j3x0h_54 ._button_j3x0h_138._outlined_j3x0h_217 {
  padding: 14px 44px;
  background: transparent;
  border: 1px solid #CACACA;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #CACACA;
  transition: all 0.2s ease-in-out;
}
._dashboardcontainer_j3x0h_54 ._button_j3x0h_138._outlined_j3x0h_217:hover {
  border-color: #b4b4b4;
  color: #B4B4B4;
}
._dashboardcontainer_j3x0h_54 ._grade_j3x0h_235 {
  width: 300px;
  height: 200px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  border-radius: 12px;
  margin-top: 25px;
}
._userGroup_j3x0h_131 {
  font-family: "HK Grotesk", sans-serif;
  background: #FFFFFF;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  text-align: left;
  white-space: normal;
}
._userGroup_j3x0h_131 p > span {
  background-color: #f3f3f3;
  color: #999;
  border-radius: 5px;
  padding: 4px 6px;
  font-size: 14px;
}
._userGroup_j3x0h_131:hover {
  box-shadow: none;
}
._userGroup_j3x0h_131:hover h3 {
  color: #5C656A;
}
._userGroup_j3x0h_131 ._thumbnail_j3x0h_266 {
  position: relative;
  background: #DDF2FF;
  height: 115px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
._userGroup_j3x0h_131:nth-child(n) ._thumbnail_j3x0h_266 {
  background-image: url("data:image/svg+xml,%3csvg%20width='100'%20height='87'%20viewBox='0%200%20100%2087'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2045H42V87H0V45Z'%20fill='%238AA6B7'/%3e%3cpath%20d='M29%200H70V41H29V0Z'%20fill='%23FF6422'/%3e%3cpath%20d='M58%2045H100V87H58V45Z'%20fill='%238AA6B7'/%3e%3cpath%20d='M17%2063.3946V60H24V75H19.5944V63.3946H17Z'%20fill='%235D7483'/%3e%3cpath%20d='M51.6571%2027C51.0061%2027%2050.4693%2026.7086%2050.0468%2026.1258C49.5827%2025.4874%2049.2537%2024.5438%2049.0597%2023.2949L46.1299%2026.8751H44.5922L48.8935%2022.0147L48.5506%2019.6314C48.4398%2018.9445%2048.3221%2018.4692%2048.1974%2018.2056C48.0866%2017.9766%2047.9342%2017.8621%2047.7403%2017.8621C47.5255%2017.8621%2047.2935%2017.9696%2047.0442%2018.1847C46.8017%2018.3998%2046.5524%2018.719%2046.2961%2019.1422C45.7074%2020.1206%2045.2398%2021.425%2044.8935%2023.0555H44C44.2771%2021.8274%2044.6026%2020.7589%2044.9766%2019.85C45.4268%2018.7259%2045.9671%2017.8448%2046.5974%2017.2064C47.3247%2016.4779%2048.1316%2016.1136%2049.0182%2016.1136C49.7801%2016.1136%2050.3654%2016.3981%2050.774%2016.967C51.0719%2017.3903%2051.2554%2017.9488%2051.3247%2018.6427L51.5117%2020.2663C52.1143%2019.5932%2052.5645%2019.0139%2052.8623%2018.5282C53.1602%2018.0356%2053.3264%2017.5915%2053.361%2017.196C53.2225%2017.2238%2053.1013%2017.2376%2052.9974%2017.2376C52.6511%2017.2376%2052.3948%2017.1197%2052.2286%2016.8838C52.0762%2016.6895%2052%2016.412%2052%2016.0512C52%2015.7112%2052.1455%2015.4406%2052.4364%2015.2394C52.6857%2015.0798%2053.0216%2015%2053.4442%2015C53.6312%2015%2053.8009%2015.0555%2053.9532%2015.1665C54.1056%2015.2775%2054.2338%2015.4267%2054.3377%2015.6141C54.4346%2015.8014%2054.5074%2016.013%2054.5558%2016.2489C54.6113%2016.4779%2054.639%2016.7103%2054.639%2016.9462C54.639%2017.2723%2054.5801%2017.6019%2054.4623%2017.935C54.3446%2018.2611%2054.161%2018.6045%2053.9117%2018.9653C53.6831%2019.2984%2053.3957%2019.6626%2053.0494%2020.0581C52.71%2020.4536%2052.2528%2020.9636%2051.6779%2021.588L51.8753%2023.0763C51.9584%2023.7563%2052.1074%2024.242%2052.3221%2024.5334C52.516%2024.804%2052.8069%2024.9393%2053.1948%2024.9393C53.6035%2024.9393%2053.9844%2024.7624%2054.3377%2024.4085C54.6771%2024.0685%2054.9333%2023.6175%2055.1065%2023.0555H56C55.4874%2024.5403%2054.7775%2025.6123%2053.8701%2026.2715C53.1983%2026.7572%2052.4606%2027%2051.6571%2027Z'%20fill='%23BC3800'/%3e%3cpath%20d='M79.6405%2059C80.7066%2059%2081.6215%2059.1861%2082.3851%2059.5584C83.1487%2059.9163%2083.725%2060.4174%2084.1139%2061.0617C84.5174%2061.6917%2084.7191%2062.4076%2084.7191%2063.2094C84.7191%2064.1973%2084.4597%2064.9919%2083.9411%2065.5933C83.4368%2066.1946%2082.8029%2066.5741%2082.0393%2066.7315V66.8389C84.0131%2067.4689%2085%2068.6931%2085%2070.5114C85%2071.3848%2084.7983%2072.1651%2084.3949%2072.8524C83.9915%2073.5253%2083.4008%2074.055%2082.6228%2074.4416C81.8592%2074.8139%2080.9371%2075%2079.8566%2075C78.0989%2075%2076.7014%2074.5705%2075.664%2073.7114C74.6411%2072.8524%2074.0864%2071.5423%2074%2069.7812H77.609C77.6379%2070.4541%2077.8251%2070.9839%2078.1709%2071.3705C78.5167%2071.757%2079.021%2071.9503%2079.6837%2071.9503C80.2168%2071.9503%2080.6346%2071.7928%2080.9371%2071.4779C81.2541%2071.1629%2081.4126%2070.7548%2081.4126%2070.2537C81.4126%2069.0081%2080.5049%2068.3852%2078.6896%2068.3852H77.998V65.4H78.668C80.296%2065.4286%2081.11%2064.8488%2081.11%2063.6604C81.11%2063.145%2080.9659%2062.7512%2080.6778%2062.4792C80.4041%2062.1928%2080.0295%2062.0497%2079.554%2062.0497C79.0354%2062.0497%2078.6248%2062.2286%2078.3222%2062.5866C78.0196%2062.9302%2077.8468%2063.3955%2077.8035%2063.9826H74.1945C74.2665%2062.379%2074.7708%2061.1477%2075.7073%2060.2886C76.6437%2059.4295%2077.9548%2059%2079.6405%2059Z'%20fill='%235D7483'/%3e%3c/svg%3e");
  background-size: auto 85px;
}
._userGroup_j3x0h_131:nth-child(2n) ._thumbnail_j3x0h_266 {
  background-image: url("data:image/svg+xml,%3csvg%20width='121'%20height='74'%20viewBox='0%200%20121%2074'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='20'%20cy='24'%20r='20'%20fill='%23FF6422'/%3e%3cpath%20d='M121%2074V0L45%2074H121Z'%20fill='%238AA6B7'/%3e%3c/svg%3e");
  background-size: auto 80px;
}
._userGroup_j3x0h_131:nth-child(3n) ._thumbnail_j3x0h_266 {
  background-image: url("data:image/svg+xml,%3csvg%20width='116'%20height='101'%20viewBox='0%200%20116%20101'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M44.1538%2080.7647L61.6798%2016.0352L72.3203%2018.7357L54.7942%2083.4653L44.1538%2080.7647Z'%20fill='%23748F9F'/%3e%3cpath%20d='M48.3204%2073.995C50.3043%2080.3969%2046.5522%2087.1438%2039.9399%2089.0647C33.3275%2090.9855%2026.3589%2087.3528%2024.3749%2080.9508C22.391%2074.5489%2026.1431%2067.8019%2032.7554%2065.8811C39.3678%2063.9603%2046.3364%2067.593%2048.3204%2073.995Z'%20fill='%23748F9F'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M55.0252%2072.0473C58.1201%2082.0343%2052.2669%2092.5596%2041.9516%2095.556C31.6363%2098.5525%2020.7652%2092.8855%2017.6703%2082.8984C14.5753%2072.9114%2020.4286%2062.3862%2030.7438%2059.3897C41.0591%2056.3933%2051.9302%2062.0602%2055.0252%2072.0473ZM39.9399%2089.0646C46.5523%2087.1438%2050.3044%2080.3969%2048.3204%2073.9949C46.3365%2067.593%2039.3678%2063.9603%2032.7555%2065.8811C26.1431%2067.8019%2022.3911%2074.5488%2024.375%2080.9508C26.3589%2087.3528%2033.3276%2090.9854%2039.9399%2089.0646Z'%20fill='%23DDF2FF'/%3e%3cpath%20d='M91.1334%2020.1146C93.1173%2026.5165%2089.3652%2033.2635%2082.7529%2035.1843C76.1405%2037.1051%2069.1719%2033.4724%2067.1879%2027.0704C65.204%2020.6685%2068.9561%2013.9216%2075.5684%2012.0008C82.1808%2010.0799%2089.1494%2013.7126%2091.1334%2020.1146Z'%20fill='%23748F9F'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M97.8381%2018.1669C100.933%2028.154%2095.0798%2038.6792%2084.7646%2041.6757C74.4493%2044.6721%2063.5782%2039.0051%2060.4833%2029.0181C57.3883%2019.031%2063.2416%208.50582%2073.5568%205.50936C83.8721%202.5129%2094.7432%208.17989%2097.8381%2018.1669ZM82.7529%2035.1843C89.3653%2033.2635%2093.1174%2026.5165%2091.1334%2020.1146C89.1495%2013.7126%2082.1808%2010.0799%2075.5685%2012.0008C68.9561%2013.9216%2065.2041%2020.6685%2067.188%2027.0704C69.1719%2033.4724%2076.1406%2037.1051%2082.7529%2035.1843Z'%20fill='%23DDF2FF'/%3e%3c/svg%3e");
  background-size: auto 110px;
}
._userGroup_j3x0h_131 h3 {
  font-size: 16px;
  line-height: 18px;
  color: #737E85;
  margin: 16px;
  height: 38px;
  transition: all 0.3s ease-in-out;
}
._userGroup_j3x0h_131 p {
  margin: 0 16px 16px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._placeholder_fv734_8 {
  border: 1px solid white;
  border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABWCAYAAABVVmH3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALlSURBVHgB7d3NcdpAFAfwJyExHJ0ORAfhwsdwcSoJrgBTAbgCmwqAClKCc2H4OpAOrHRAbowQIu9pJAaIYiGk9Vjw/814DBqMrT+r1S7C+zTKwGw262ma1uabdweb7Wq1Wj597GQyaRUKhUHE0zzw44enG+fz+Rt/s042q3ru1W6369dqtR59pOVyecd/vBW1Xb4o5/63H7zP91H7/R7tnAfJL3Ndt8uvZovvdqJe/WsWHJHf+ebP7Xb71Gg07Lif0eMewIdLe7PZvHme98c0zfKthSqka+BAv3HD+s1dzStn0qI0pKXyk7yOx+OvBD7pEiQTAgA4FjWSODp5SaeM/iM5Prn/mE6nj4fb9sEG47Qun/0eCBLhYDu6rncPW+4+WB5GyDh1dM4YDY41m81fMmNzHKcbbvODDVrrPY9VhwQXKRaLLzyJaIWtNmyxFlprOpVKZcXdaGe9Xud+ag8A8Nlpi8WiaxhGXzpfgtSCt1jbOo8GHgky5WfKU9gdQaYk09g3uuEyCFYRCdYmyJpNAAAAuZP6wwfwD8lUhlsDgqwNMEFQBMEqgmAVQbCK6PiARvaQKQAA5FPwv06QIclUxrEWQdYsTBAUQbCKIFhFcPlbDZsAAAByB5e/s4fL3+rg8rcqCFYRBKsIglUEl78VQKYAAJBPuPydPVz+VgeXv1VBsIpIsKtrWK34swiyXMkKG32CTCFTAIAPECzo3SJIRdYwk5oJctsfx5ZKJVnM7BnDrstJ4wzqRNhy3w82WCVu5DgOFje7kGEYfgGKcKnY/czLNE2/XgxqHiQXtlap6hFu2wcrrdbzvCcO+JkgkaBw0PulUtDPAkAEKTiRtJbVNZOTu2QS12UaFIPPdCMptcSD36Hruje78ny44K6sDSsn+biFjGPf6OYgh1LLip+sLAFL0TC6MTIrlZpmHOoXqWlWr9dfKEvSJYRTtkM3UNrPSrp/Z5X2i3NNxSj56OzzUdqjlP4CNkuibYuK5+4AAAAASUVORK5CYII=");
  border-image-repeat: round;
  border-image-slice: 17.4418604651%;
  border-image-width: 15px;
  border-radius: 20px;
  line-height: 124px;
  text-align: center;
  width: 300px;
  align-items: center;
  display: inline-block;
  justify-content: center;
}
._button_fv734_23 {
  display: inline-block;
}
._outlined_fv734_27 {
  padding: 14px 44px;
  background: transparent;
  border: 1px solid #CACACA;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #CACACA;
  transition: all 0.2s ease-in-out;
}
._outlined_fv734_27:hover {
  border-color: #b4b4b4;
  color: #B4B4B4;
}
@media (max-width: 768px) {
  ._placeholder_fv734_8 {
    max-width: 320px;
    width: 100%;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
._changeSchoolLevelModal_1tg5d_14 .schoollevelForm {
  margin-top: 20px;
}
._changeSchoolLevelModal_1tg5d_14 ._button_1tg5d_17 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._changeSchoolLevelModal_1tg5d_14 ._button_1tg5d_17._secondary_1tg5d_38 {
  color: #434343;
  background: transparent;
}
._changeSchoolLevelModal_1tg5d_14 ._button_1tg5d_17._secondary_1tg5d_38._back_1tg5d_42 {
  padding-left: 26px;
}
._changeSchoolLevelModal_1tg5d_14 ._button_1tg5d_17._secondary_1tg5d_38._back_1tg5d_42::before {
  position: absolute;
  content: "";
  left: 0;
  width: 16px;
  height: 16px;
  top: 3px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
  background-color: #434343;
  transition: all 0.2s ease-in-out;
}
._changeSchoolLevelModal_1tg5d_14 ._button_1tg5d_17._secondary_1tg5d_38._back_1tg5d_42:hover {
  color: #37A5E8;
}
._changeSchoolLevelModal_1tg5d_14 ._button_1tg5d_17._secondary_1tg5d_38._back_1tg5d_42:hover::before {
  background-color: #37A5E8;
}
._changeSchoolLevelModal_1tg5d_14 ._button_1tg5d_17._primary_1tg5d_62 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._changeSchoolLevelModal_1tg5d_14 ._button_1tg5d_17._primary_1tg5d_62:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}
._changeSchoolLevelModal_1tg5d_14 ._button_1tg5d_17._primary_1tg5d_62:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}
._changeSchoolLevelModal_1tg5d_14 ._button_1tg5d_17._primary_1tg5d_62._next_1tg5d_79 {
  padding-right: 60px;
}
._changeSchoolLevelModal_1tg5d_14 ._button_1tg5d_17._primary_1tg5d_62._next_1tg5d_79::after {
  position: absolute;
  content: "";
  right: 29px;
  width: 24px;
  height: 24px;
  top: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
}
._changeSchoolLevelModal_1tg5d_14 ._button_1tg5d_17._primary_1tg5d_62._next_1tg5d_79:disabled::after {
  background-color: #A4A4A4;
}
._changeSchoolLevelModal_1tg5d_14 ._button_1tg5d_17._outlined_1tg5d_96 {
  padding: 14px 44px;
  background: transparent;
  border: 1px solid #CACACA;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #CACACA;
  transition: all 0.2s ease-in-out;
}
._changeSchoolLevelModal_1tg5d_14 ._button_1tg5d_17._outlined_1tg5d_96:hover {
  border-color: #b4b4b4;
  color: #B4B4B4;
}
._changeSchoolLevelModal_1tg5d_14._loading_1tg5d_114 {
  line-height: 673px;
  vertical-align: middle;
}
._changeSchoolLevelModal_1tg5d_14._loading_1tg5d_114 ._loaderWrapper_1tg5d_118 {
  text-align: center;
  line-height: initial;
  display: inline-block;
  vertical-align: middle;
}
._changeSchoolLevelModal_1tg5d_14._loading_1tg5d_114 ._loaderWrapper_1tg5d_118 ._loader_1tg5d_118 {
  width: 220px;
  height: 184px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20223%20186'%20style='enable-background:new%200%200%20223%20186;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%2337A5E8;}%20.st1{fill-rule:evenodd;clip-rule:evenodd;fill:%23EEEEEE;}%20.st2{fill:%23FFFFFF;}%20@keyframes%20spin%20{%20100%25%20{%20transform:%20rotate(360deg)%20scale(1);%20}%20}%20@keyframes%20spin-back%20{%20100%25%20{%20transform:%20rotate(-360deg)%20scale(1);%20}%20}%20%23main-wheel%20{%20animation:%20spin%201.5s%20ease-in-out%20infinite;%20transform-box:%20fill-box;%20transform-origin:%20center;%20}%20%23blue-wheel%20{%20animation:%20spin-back%201.5s%20ease-in-out%20infinite;%20transform-box:%20fill-box;%20transform-origin:%20center;%20}%20%3c/style%3e%3cpath%20id='blue-wheel'%20class='st0'%20d='M163.2,84.2h16v9.5c5.7,1.1,11,3.3,15.6,6.5l6.7-6.7l11.3,11.3l-6.7,6.7c3.1,4.6,5.4,9.9,6.5,15.6h9.5v16h-9.5%20c-1.1,5.7-3.3,11-6.5,15.6l6.7,6.7l-11.3,11.3l-6.7-6.7c-4.6,3.1-9.9,5.4-15.6,6.5v9.5h-16v-9.5c-5.7-1.1-11-3.3-15.6-6.5l-6.7,6.7%20l-11.3-11.3l6.7-6.7c-3.1-4.6-5.4-9.9-6.5-15.6h-9.5v-16h9.5c1.1-5.7,3.3-11,6.5-15.6l-6.7-6.7l11.3-11.3l6.7,6.7%20c4.6-3.1,9.9-5.4,15.6-6.5V84.2z'/%3e%3cg%20id='main-wheel'%3e%3cpath%20class='st1'%20d='M59.1,0h24.1v8.8c8.6,1.6,16.5,5,23.5,9.7l6.2-6.2l17,17l-6.2,6.2c4.7,7,8.1,14.9,9.7,23.5h8.8v24.1h-8.8%20c-1.6,8.6-5,16.5-9.7,23.5l6.2,6.2l-17,17l-6.2-6.2c-7,4.7-14.9,8.1-23.5,9.7v8.8H59.1v-8.8c-8.6-1.6-16.5-5-23.5-9.7l-6.2,6.2%20l-17-17l6.2-6.2c-4.7-7-8.1-14.9-9.7-23.5H0V59.1h8.8c1.6-8.6,5-16.5,9.7-23.5l-6.2-6.2l17-17l6.2,6.2c7-4.7,14.9-8.1,23.5-9.7V0z'%20/%3e%3cpath%20class='st2'%20d='M54.3,57.4l-3.7,31.4l-9.8-15.6l-1.2-2l-2.2,0.6l-6.3,1.3l1.3,6.3l4.1-0.9L49.9,100l4.5,7.6l1.4-8.9l4.6-38.2%20l45-9.3l-1.3-6.3l-47.3,9.8l-2.4,0.6L54.3,57.4z'/%3e%3cpath%20class='st2'%20d='M92,61.4L84,74l-12.4-8.4l-3.5,5.4l12.4,8.3L72.4,92l5.3,3.6l8-12.6l12.4,8.4l3.5-5.4l-12.4-8.3L97.3,65%20L92,61.4z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}
._changeSchoolLevelModal_1tg5d_14._loading_1tg5d_114 ._loaderWrapper_1tg5d_118 p {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  margin: 45px auto 0;
  text-align: center;
  /* grey/medium */
  color: #CACACA;
}
._changeSchoolLevelModal_1tg5d_14 ._progress_1tg5d_143 {
  margin: 36px auto 49px;
  padding: 5px 0 20px;
  display: inline-block;
  width: 100%;
}
._changeSchoolLevelModal_1tg5d_14 ._progress_1tg5d_143 ._step_1tg5d_149 {
  display: inline-block;
  position: relative;
  text-align: left;
}
._changeSchoolLevelModal_1tg5d_14 ._progress_1tg5d_143 ._step_1tg5d_149:not(:last-of-type) {
  width: 150px;
}
._changeSchoolLevelModal_1tg5d_14 ._progress_1tg5d_143 ._stepCircle_1tg5d_157 {
  position: relative;
  width: 17px;
  height: 17px;
  border: 1px solid #E8E8E8;
  display: inline-block;
  border-radius: 50%;
  z-index: 10;
}
._changeSchoolLevelModal_1tg5d_14 ._progress_1tg5d_143 ._stepLine_1tg5d_166 {
  position: absolute;
  height: 1px;
  background: #E5E5E5;
  left: 17px;
  right: 0;
  top: 50%;
  margin-top: -2px;
}
._changeSchoolLevelModal_1tg5d_14 ._progress_1tg5d_143 ._stepLabel_1tg5d_175 {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  /* grey/medium */
  color: #CACACA;
  position: absolute;
  top: 30px;
  text-align: center;
  width: 150px;
  margin-left: -75px;
  left: 8px;
}
._changeSchoolLevelModal_1tg5d_14 ._progress_1tg5d_143 ._step_1tg5d_149._active_1tg5d_191 ._stepLabel_1tg5d_175 {
  color: #A4A4A4;
}
._changeSchoolLevelModal_1tg5d_14 ._progress_1tg5d_143 ._step_1tg5d_149._active_1tg5d_191 ._stepCircle_1tg5d_157::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -13px;
  background: #FFFFFF;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-shadow: 0px 1px 14px rgba(95, 95, 95, 0.25);
}
._changeSchoolLevelModal_1tg5d_14 ._progress_1tg5d_143 ._step_1tg5d_149._active_1tg5d_191 ._stepCircle_1tg5d_157::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -5px;
  background: #37A5E8;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
._changeSchoolLevelModal_1tg5d_14 ._progress_1tg5d_143 ._step_1tg5d_149._completed_1tg5d_217 ._stepCircle_1tg5d_157,
._changeSchoolLevelModal_1tg5d_14 ._progress_1tg5d_143 ._step_1tg5d_149._completed_1tg5d_217 ._stepLine_1tg5d_166 {
  background: #37A5E8;
  border-color: #37A5E8;
}
._changeSchoolLevelModal_1tg5d_14 ._content_1tg5d_222 {
  padding: 36px 0;
}
@media only screen and (min-width: 769px) {
  ._changeSchoolLevelModal_1tg5d_14 ._content_1tg5d_222 {
    max-height: 80vh;
    overflow: auto;
  }
}
._changeSchoolLevelModal_1tg5d_14 ._contentTitle_1tg5d_231 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  text-transform: initial;
  margin: 0 0 8px;
  /* grey/text */
  color: #434343;
}
._changeSchoolLevelModal_1tg5d_14 ._contentIntro_1tg5d_242 {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  max-width: initial;
  text-align: left;
  /* grey/lighttext */
  color: #A4A4A4;
}
._changeSchoolLevelModal_1tg5d_14 ._contentIntro_1tg5d_242._advice_1tg5d_253 {
  margin-top: 15px;
}
._changeSchoolLevelModal_1tg5d_14 ._contentWrapper_1tg5d_256 {
  height: 410px;
  width: 740px;
  margin: auto;
}
._changeSchoolLevelModal_1tg5d_14 ._contentFooter_1tg5d_261 {
  margin: 50px 60px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._changeSchoolLevelModal_1tg5d_14 ._contentFooter_1tg5d_261 ._button_1tg5d_17:last-child {
  margin: 0 0 0 auto;
}
._changeSchoolLevelModal_1tg5d_14._created_1tg5d_270 {
  line-height: 673px;
  vertical-align: middle;
}
._changeSchoolLevelModal_1tg5d_14._created_1tg5d_270 ._createdWrapper_1tg5d_274 {
  position: relative;
  text-align: left;
  width: 740px;
  line-height: initial;
  display: inline-block;
  vertical-align: middle;
}
._changeSchoolLevelModal_1tg5d_14._created_1tg5d_270 ._createdWrapper_1tg5d_274 h2 {
  font-family: Helvetica Neu, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 31px;
  text-transform: initial;
  /* identical to box height */
  margin: 0;
  /* grey/text */
  color: #434343;
}
._changeSchoolLevelModal_1tg5d_14._created_1tg5d_270 ._createdWrapper_1tg5d_274 p {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  margin: 20px 0 80px;
  max-width: 370px;
  /* grey/medium */
  color: #CACACA;
}
._changeSchoolLevelModal_1tg5d_14._created_1tg5d_270 ._createdWrapper_1tg5d_274 a {
  display: inline-block;
}
._changeSchoolLevelModal_1tg5d_14._created_1tg5d_270 ._createdWrapper_1tg5d_274::after {
  position: absolute;
  right: 50px;
  bottom: 20px;
  content: "";
  width: 225px;
  height: 162px;
  background-image: url("data:image/svg+xml,%3csvg%20width='226'%20height='162'%20viewBox='0%200%20226%20162'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M225.626%2020.828L101.306%20161.988L0%2085.0832L20.937%2059.769L96.6213%20117.223L199.86%200L225.626%2020.828Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._accountDetailsFormContainer_25c3n_8 {
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 24px 32px 28px 32px;
  width: 560px;
}
._accountDetailsFormContainer_25c3n_8 h3 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 28px;
  color: #434343;
  margin-bottom: 16px;
}
._label_25c3n_26 {
  position: absolute;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 17px;
  top: 20px;
  left: 12px;
  color: #737E85;
  transition: all 0.2s ease-in-out;
}
._wrapperButton_25c3n_39 {
  cursor: pointer;
  width: 490px;
  background-color: #FFF;
  max-width: 100%;
  text-align: left;
  outline: none;
  box-sizing: border-box;
  font: 12px sans-serif;
  color: rgb(85, 85, 85);
  transition: border-color 0.2s;
  position: relative;
}
._wrapperButton_25c3n_39._filled_25c3n_52 ._label_25c3n_26 {
  top: 8px;
  font-size: 13px;
  opacity: 0.8;
}
._wrapperButton_25c3n_39._filled_25c3n_52 div {
  padding-top: 22px;
}
._wrapperButton_25c3n_39 div {
  outline: 0;
  background: transparent;
  padding: 0 12px;
  height: 56px;
  width: 100%;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #434343;
  border: 1px solid #CACACA;
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
}
._wrapperButton_25c3n_39 div:focus {
  border-color: #5db6e8;
}
._wrapperButton_25c3n_39._error_25c3n_79 div {
  border-color: #E53A40;
}
._error_25c3n_79 {
  margin-top: 3px;
  color: red;
}
._error_25c3n_79 > span {
  color: red;
}
._formActions_25c3n_91 {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
._formBlock_25c3n_97 {
  display: flex;
  column-gap: 5%;
  margin-bottom: 16px;
}._accountPasswordFormContainer_7m3kd_1 {
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 24px 32px 28px 32px;
  width: 560px;
}
._accountPasswordFormContainer_7m3kd_1 h3 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 28px;
  color: #434343;
  margin-bottom: 16px;
}
._formActions_7m3kd_19 {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
._formItem_7m3kd_25:first-of-type {
  margin-bottom: 16px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._container_1pds6_8 {
  display: flex;
  column-gap: 25px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._accountPassword_csszs_8 {
  display: flex;
  width: 80%;
  flex-direction: column;
  padding: 30px 50px;
  box-sizing: border-box;
}
._accountPasswordContainer_csszs_15 ._successMessage_csszs_15,
._accountPasswordContainer_csszs_15 ._errorMessage_csszs_16 {
  font-size: 14px;
  text-align: center;
}
._accountPasswordContainer_csszs_15 ._successMessage_csszs_15 {
  color: #499149;
}
._accountPasswordContainer_csszs_15 ._errorMessage_csszs_16 {
  color: #d9534f;
}
._accountPasswordContainer_csszs_15 ._formItem_csszs_26:not(:first-child) {
  margin: 15px 0 0 0;
}
._accountPasswordContainer_csszs_15 ._formActions_csszs_29 {
  margin: 30px 0 0 0;
}
._accountSubcontainer_csszs_33 {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 60px 80px;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  ._accountSubcontainer_csszs_33 {
    padding: 20px 15px 0 15px;
  }
}
._accountSubcontainer_csszs_33 h1 {
  color: #5895BC;
  font-family: "Montserrat", sans-serif;
  font-size: 1.5em;
  margin: 0 0 40px 0;
}
@media only screen and (max-width: 768px) {
  ._accountSubcontainer_csszs_33 h1 {
    margin: 0 0 20px 0;
    font-size: 1em;
  }
}
._accountSubcontainerBlock_csszs_57 {
  padding: 40px 40px 40px 40px;
  background: #EEEEEE;
  border-radius: 4px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  ._accountSubcontainerBlock_csszs_57 {
    padding: 15px 15px 15px 15px;
    margin-bottom: 15px;
  }
}
._accountSubcontainer_csszs_33 a {
  background-color: #239fe3;
  border-radius: 3px 3px 3px 3px;
  padding: 0 30px;
  display: inline-block;
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  color: #ffffff;
  transition: 0.5s background ease;
}
._accountSubcontainer_csszs_33 a:hover {
  background: #A5A5A5;
}
._accountBills_csszs_96 {
  display: inline-block;
  width: 80%;
  height: 100%;
  padding: 0 80px;
  box-sizing: border-box;
}
._accountBills_csszs_96 ._accountBoxContainer_csszs_103 {
  background-color: #fff;
  padding: 20px;
  margin: 20px 0;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._accountSubscription_1xdlf_8 {
  display: inline-block;
  width: 80%;
  height: 100%;
  padding: 0 80px;
  box-sizing: border-box;
}
._accountSubscriptionSubscriptionIcon_1xdlf_15 {
  color: #239fe3;
  font-size: 50px;
  text-align: center;
  margin: 0 0 20px 0;
}
._accountSubscriptionSubscriptionTitle_1xdlf_21 {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin: 0 0 20px;
}
._accountSubscriptionSubscriptionDescription_1xdlf_27 {
  text-align: center;
}
._accountSubscriptionSubscriptionDescription_1xdlf_27 button {
  margin: 40px 0 0 0;
}
._accountSubcontainer_1xdlf_34 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  ._accountSubcontainer_1xdlf_34 {
    padding: 20px 15px 0 15px;
  }
}
._accountSubcontainer_1xdlf_34 h1 {
  font-family: " HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 21px;
  line-height: 26px;
  color: #434343;
  margin: 0 0 40px 0;
}
@media only screen and (max-width: 768px) {
  ._accountSubcontainer_1xdlf_34 h1 {
    margin: 0 0 20px 0;
    font-size: 1em;
  }
}
._accountSubcontainerBlock_1xdlf_59 {
  padding: 40px 40px 40px 40px;
  background: #EEEEEE;
  border-radius: 4px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  ._accountSubcontainerBlock_1xdlf_59 {
    padding: 15px 15px 15px 15px;
    margin-bottom: 15px;
  }
}
._accountSubcontainer_1xdlf_34 a {
  background-color: #239fe3;
  border-radius: 3px 3px 3px 3px;
  padding: 0 30px;
  display: inline-block;
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  color: #ffffff;
  transition: 0.5s background ease;
}
._accountSubcontainer_1xdlf_34 a:hover {
  background: #A5A5A5;
}
._addOn_1xdlf_98 {
  background: #fff;
  box-shadow: 0 0 8px hsla(0, 0%, 64%, 0.12);
  border-radius: 15px;
  padding: 40px;
  border: 1px solid transparent;
  transition: all 0.2s ease-in-out;
  margin-top: 24px;
}
._addOn_1xdlf_98 ._header_1xdlf_107 {
  display: flex;
  justify-content: space-between;
}
._addOn_1xdlf_98 ._info_1xdlf_111 {
  flex: 1;
}
._addOn_1xdlf_98 ._price_1xdlf_114 {
  white-space: nowrap;
}
._addOn_1xdlf_98 ._status_1xdlf_117 {
  margin-bottom: 16px;
}
._addOn_1xdlf_98 ._error_1xdlf_120 {
  color: red;
  margin-bottom: 16px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._label_a9hj8_8 {
  margin-bottom: 4px;
}
._label_a9hj8_8 span {
  color: #777777;
}
._input_a9hj8_15 {
  width: 100%;
  max-width: 100%;
  min-height: 32px;
  padding: 10px 0px;
  margin: 0px;
  outline: none;
  box-sizing: border-box;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  text-indent: 10px;
  font: 12px sans-serif;
  color: rgb(85, 85, 85);
  transition: border-color 0.2s;
}
._input_a9hj8_15:focus {
  border-color: #5db6e8;
}
._inputerror_a9hj8_33 {
  border-color: #E53A40;
}
._input_a9hj8_15::-webkit-input-placeholder {
  color: #CCCCCC;
}
._error_a9hj8_40 {
  margin-top: 3px;
  color: red;
}
._error_a9hj8_40 > span {
  color: red;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._hostedField_16dd3_8 {
  border-radius: 3px;
  height: 36px;
  border: 1px solid #CCCCCC;
  padding: 5px 10px;
  margin-bottom: 1em;
}
._inputFieldLabel_16dd3_16 {
  margin-bottom: 4px;
}
._inputFieldLabel_16dd3_16 span {
  color: #777777;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
#_cardNumber_12omi_1,
#_cardExpirationDate_12omi_1,
#_cardCvv_12omi_1 {
  transition: transform 0.3s;
}
._braintreeHostedFieldsFocused_12omi_14 {
  border-color: #5db6e8;
}
._braintreeHostedFieldsInvalid_12omi_18 {
  border-color: #E53A40;
  animation: _shake_12omi_1 500ms cubic-bezier(0.2, 1.3, 0.7, 1) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
._cardImage_12omi_26 {
  position: absolute;
  top: 28px;
  right: 3px;
  width: 44px;
  height: 26px;
  background: url("/assets/allowed_cards-CAsdU4r8.svg") no-repeat;
  background-size: cover;
  background-position: 49px 0;
}
._cardImage_12omi_26._visa_12omi_36 {
  background-position: 0 0;
}
._cardImage_12omi_26._masterCard_12omi_39 {
  background-position: -51px 0;
}
._cardImage_12omi_26._americanExpress_12omi_42 {
  background-position: -103px 0;
}
._subscribeForm_12omi_46 {
  padding: 40px;
  background: white;
  min-width: 350px;
  max-width: 350px;
  position: relative;
  border-radius: 0 4px 4px 0;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  ._subscribeForm_12omi_46 {
    width: auto;
    min-width: initial;
    padding: 20px;
  }
}
._subscribeFormLoaderMask_12omi_62 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: white;
  z-index: 1;
  display: flex;
}
._subscribeFormLoaderMask_12omi_62 ._spinner_12omi_72 {
  align-self: center;
  margin: auto;
}
._subscribeFormHeader_12omi_76 {
  text-align: center;
}
._subscribeFormHeader_12omi_76 img {
  height: 35px;
  margin: 5px auto 20px;
}
._subscribeTermsAndConditions_12omi_84 {
  margin-top: 20px;
  font-size: 12px;
  color: #888;
}
._subscribeTermsAndConditions_12omi_84 a {
  text-decoration: none;
  color: #666;
}
._subscribeTermsAndConditions_12omi_84 a:hover {
  color: #239fe3;
}
._subscribeFormItem_12omi_97 {
  position: relative;
}
._subscribeFormItem_12omi_97:not(:first-child) {
  margin-top: 15px;
}
._subscribeFormActions_12omi_104 {
  margin-top: 30px;
}
._subscribeFormActions_12omi_104 ._iconLock_12omi_107 {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 4px 0;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='17'%20viewBox='0%200%2014%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.144%205.6875V4.0625C11.144%202.98506%2010.716%201.95175%209.95416%201.18988C9.1923%200.428012%208.15899%200%207.08154%200C6.0041%200%204.97079%200.428012%204.20892%201.18988C3.44706%201.95175%203.01904%202.98506%203.01904%204.0625V5.6875H0.581543V8.125V13.8125V16.8913H13.5815V13.8125V8.125V5.6875H11.144ZM9.51904%205.6875H4.64404V4.0625C4.64404%203.41603%204.90085%202.79605%205.35797%202.33893C5.81509%201.88181%206.43508%201.625%207.08154%201.625C7.72801%201.625%208.348%201.88181%208.80512%202.33893C9.26224%202.79605%209.51904%203.41603%209.51904%204.0625V5.6875ZM7.08154%2013C7.90997%2013%208.58154%2012.3284%208.58154%2011.5C8.58154%2010.6716%207.90997%2010%207.08154%2010C6.25312%2010%205.58154%2010.6716%205.58154%2011.5C5.58154%2012.3284%206.25312%2013%207.08154%2013Z'%20fill='%23FFFFFF'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
._subscribeErrorMessage_12omi_118, ._subscribeErrorMessage_12omi_118 span {
  text-align: center;
  color: #E53A40;
  margin: 0 0 20px 0;
  font-size: 14px;
}
._subscribeHeader_12omi_124 {
  margin: 0 0 40px 0;
  text-align: center;
}
._subscribeHeader_12omi_124 h1 {
  color: #666;
  font-size: 2em;
  font-family: "Montserrat", sans-serif;
}
@media only screen and (max-width: 768px) {
  ._subscribeHeader_12omi_124 h1 {
    font-size: 1.5em;
  }
}
._subscribePricingDetails_12omi_138 {
  display: flex;
}
._subscribePricingTitle_12omi_141 {
  font-weight: 700;
  color: #3D3D3D;
  font-size: 20px;
  font-family: "Inter", sans-serif;
  margin: 0 0 10px 0;
  flex: 1;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  ._subscribePricingTitle_12omi_141 {
    font-size: 1.1em;
    height: auto;
  }
}
._subscribePricingPriceValue_12omi_156 {
  color: #777;
  font-size: 1em;
  position: relative;
}
._subscribePricingChange_12omi_161 {
  text-align: left;
}
._subscribePricingChange_12omi_161 a {
  color: #5db6e8;
}
._subscribePricingCycleDescription_12omi_167 {
  font-size: 0.6em;
  padding-left: 5px;
}
._subscribePricingContainer_12omi_171 {
  background: #f5f5f5;
  display: inline-block;
  padding: 20px;
  border-radius: 4px;
  margin: 40px auto 10px;
  width: 350px;
}
@media only screen and (max-width: 768px) {
  ._subscribePricingContainer_12omi_171 {
    margin: 15px 0 0;
    padding: 20px;
    width: 100%;
  }
}
._subscribeFeaturesList_12omi_186 {
  text-align: left;
  margin: 30px 0 0;
}
@media only screen and (max-width: 768px) {
  ._subscribeFeaturesList_12omi_186 {
    margin: 30px 0;
  }
}
._subscribeFeaturesList_12omi_186 li {
  padding-left: 35px;
  margin: 0 0 20px;
  color: #666;
  font-size: 0.8em;
  position: relative;
  font-family: "Montserrat";
}
@media only screen and (max-width: 768px) {
  ._subscribeFeaturesList_12omi_186 li {
    font-size: 0.9em;
  }
}
._subscribeFeaturesList_12omi_186 li:before {
  position: absolute;
  font-family: "jai20enmaths";
  font-size: 18px;
  content: "a";
  width: 18px;
  height: 18px;
  color: #999;
  left: 0;
}
._subscribeAutoRenewDescription_12omi_218 {
  margin: 108px 0 0;
  font-size: 12px;
  color: #666;
}
@media only screen and (max-width: 768px) {
  ._subscribeAutoRenewDescription_12omi_218 {
    margin: 30px 0 0;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._table_cnn0f_8 {
  width: 100%;
  border: 1px solid #eeeeee;
  text-align: left;
}
._tableRow_cnn0f_14 {
  height: 50px;
  border-bottom: 1px solid #eeeeee;
}
._tableRowInfo_cnn0f_18 {
  background-color: #d9edf7;
}
._tableRowSuccess_cnn0f_21 {
  background-color: #dff0d8;
}
._tableRowWarning_cnn0f_24 {
  background-color: #fcf8e3;
}
._tableRowError_cnn0f_27 {
  background-color: #f2dede;
}
._tableHeading_cnn0f_31,
._tableData_cnn0f_32 {
  padding: 0 15px 0 15px;
  vertical-align: middle;
}
._tableBody_cnn0f_37 > ._tableRow_cnn0f_14:hover {
  background-color: #F9F9F9;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._accountBills_17wcq_14 {
  display: inline-block;
  width: 80%;
  height: 100%;
  box-sizing: border-box;
}
._accountBills_17wcq_14 ._accountBoxContainer_17wcq_20 {
  margin: 20px 0;
}
._accountDetailsField_17wcq_24 {
  margin: 20px 0;
}
._accountSubcontainer_17wcq_28 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  ._accountSubcontainer_17wcq_28 {
    padding: 20px 15px 0 15px;
  }
}
._accountSubcontainer_17wcq_28 h1 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 21px;
  line-height: 26px;
  color: #434343;
  margin: 0 0 40px 0;
}
@media only screen and (max-width: 768px) {
  ._accountSubcontainer_17wcq_28 h1 {
    margin: 0 0 20px 0;
    font-size: 1em;
  }
}
._accountSubcontainerBlock_17wcq_53 {
  padding: 40px 40px 40px 40px;
  background: #EEEEEE;
  border-radius: 4px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  ._accountSubcontainerBlock_17wcq_53 {
    padding: 15px 15px 15px 15px;
    margin-bottom: 15px;
  }
}
._accountSubcontainer_17wcq_28 a {
  background-color: #239fe3;
  border-radius: 3px 3px 3px 3px;
  padding: 0 30px;
  display: inline-block;
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  color: #ffffff;
  transition: 0.5s background ease;
}
._accountSubcontainer_17wcq_28 a:hover {
  background: #A5A5A5;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._accountTransactionDetailsRow_1tdc8_14 {
  font-size: 0;
}
._accountTransactionDetailsRow_1tdc8_14:nth-child(2n-1) {
  background: #FEFEFE;
}
._accountTransactionDetailsRowLabel_1tdc8_20, ._accountTransactionDetailsRowValue_1tdc8_20 {
  display: inline-block;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 1.8;
  font-family: "Roboto", sans-serif;
}
._accountTransactionDetailsRowLabel_1tdc8_20 {
  font-weight: bold;
  width: 33.333333333%;
}
._accountTransactionDetailsRowLabel_1tdc8_20 span {
  font-weight: bold;
}
._accountTransactionDetailsRowValue_1tdc8_20 {
  width: 66.666666666%;
}
._accountSubcontainer_1tdc8_38 {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 60px 80px;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  ._accountSubcontainer_1tdc8_38 {
    padding: 20px 15px 0 15px;
  }
}
._accountSubcontainer_1tdc8_38 h1 {
  color: #5895BC;
  font-family: "Montserrat", sans-serif;
  font-size: 1.5em;
  margin: 0 0 40px 0;
}
@media only screen and (max-width: 768px) {
  ._accountSubcontainer_1tdc8_38 h1 {
    margin: 0 0 20px 0;
    font-size: 1em;
  }
}
._accountSubcontainerBlock_1tdc8_62 {
  padding: 40px 40px 40px 40px;
  background: #EEEEEE;
  border-radius: 4px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  ._accountSubcontainerBlock_1tdc8_62 {
    padding: 15px 15px 15px 15px;
    margin-bottom: 15px;
  }
}
._accountSubcontainer_1tdc8_38 a {
  background-color: #239fe3;
  border-radius: 3px 3px 3px 3px;
  padding: 0 30px;
  display: inline-block;
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  color: #ffffff;
  transition: 0.5s background ease;
}
._accountSubcontainer_1tdc8_38 a:hover {
  background: #A5A5A5;
}._modal_im7jh_1 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  /*pointer-events: none;*/
  z-index: 9999;
}
._modal_im7jh_1 table {
  width: 100%;
  max-width: 1280px;
  table-layout: fixed;
}
._modal_im7jh_1 thead {
  background-color: rgb(242, 242, 242);
  border-radius: 10px;
}
._modal_im7jh_1 th {
  padding: 20px 15px;
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  color: #000000;
  text-transform: uppercase;
}
._modal_im7jh_1 td {
  padding: 15px;
  text-align: left;
  display: flex;
  align-items: center;
  vertical-align: middle;
  font-weight: 300;
  font-size: 14px;
  color: #000000;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}
._modal_im7jh_1 tr {
  cursor: pointer;
}
._modalPlaceholder_im7jh_47 {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
._modalBody_im7jh_52 {
  padding: 20px;
  border-bottom: 1px solid #eee;
}
._modalBodyHeader_im7jh_56 {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 20px;
  font-weight: 600;
}
._modalHeader_im7jh_62 {
  padding: 20px 20px 0 20px;
}
._modalFooter_im7jh_65 {
  display: flex;
  justify-content: flex-end;
  padding: 20px;
}
._modalTitle_im7jh_70 {
  margin: 0;
  text-align: left;
  font-size: 20px;
  padding: 15px;
  font-weight: 700;
  color: #000000;
}
._modalContent_im7jh_78 {
  border-radius: 10px;
  width: 1280px;
  max-height: 85vh;
  display: inline-block;
  vertical-align: middle;
  overflow: auto;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
._close_im7jh_89 {
  opacity: 0;
  display: none;
}
._modal_im7jh_1._enterDone_im7jh_94 {
  opacity: 1;
  pointer-events: visible;
}
._modal_im7jh_1._exit_im7jh_99 {
  opacity: 0;
}
._modal_im7jh_1._enterDone_im7jh_94 ._modalContent_im7jh_78 {
  transform: translateY(0);
}
._modal_im7jh_1._exit_im7jh_99 ._modalContent_im7jh_78 {
  transform: translateY(-200px);
}
._modalBody_im7jh_52 ._tblContent_im7jh_111 tr {
  cursor: initial;
}
._true_im7jh_115 {
  color: #25C571 !important;
}
._true_im7jh_115 .katex {
  color: #25C571;
}
._false_im7jh_122 {
  color: red !important;
}
._false_im7jh_122 .katex {
  color: red;
}
._wrapper_im7jh_129 {
  background: #fff;
  border-radius: 20px;
  padding: 25px 50px;
  display: block;
  text-align: left;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  ._wrapper_im7jh_129 {
    padding: 24px;
  }
}
._wrapper_im7jh_129 p {
  margin-bottom: 8px;
}
div.frame {
  padding: 24px;
  margin: 24px 12px 24px 0;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  display: inline-block;
  position: relative;
}
div.frame > .katex-display {
  margin: 0 !important;
}
.document_image {
  padding: 24px;
  background: #FFF;
  border-radius: 10px;
  margin: 24px 0;
  text-align: center;
  line-height: normal;
  position: relative;
}
.document_image img {
  max-width: 600px;
  width: 100%;
}
.reminder,
.note {
  position: relative;
  padding: 48px 24px 24px;
  margin: 24px 0;
  border-radius: 10px;
}
.reminder:before,
.note:before {
  position: absolute;
  top: 24px;
  left: 24px;
}
.reminder {
  background: #FFF1F1;
  border-left: 2px solid #fd8b8b;
}
.reminder:before {
  content: "Rappel";
  color: #fd8b8b;
}
.note {
  background: #eda478;
  border-left: 2px solid #895e45;
}
.note:before {
  content: "Remarque";
  color: #895e45;
}
._questionIndex_im7jh_204 {
  background: #e1f4ff;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #37a5e8;
  padding: 3px 8px;
  display: inline-flex;
  margin-bottom: 24px;
}
._title_im7jh_217 {
  color: #434343;
  font-size: 16px;
  line-height: 19px;
}
._separator_im7jh_223 {
  display: flex;
  margin: 16px 0;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._containerPossibleAnswers_im7jh_230 {
  display: block;
}
._container_im7jh_230 {
  display: flex;
  margin-bottom: 18px;
  cursor: initial;
  font-size: 16px;
  -webkit-user-select: none;
          user-select: none;
  align-items: center;
}
._container_im7jh_230 input {
  position: absolute;
  opacity: 0;
  cursor: initial;
  height: 0;
  width: 0;
}
._container_im7jh_230 input:checked ~ ._checkmark_im7jh_250 {
  background-color: #30cf25;
}
._container_im7jh_230 input:checked ~ ._checkmark_im7jh_250:after {
  display: block;
}
._checkmark_im7jh_250 {
  position: relative;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 6px;
  margin-right: 12px;
}
._checkmark_im7jh_250:after {
  position: absolute;
  content: "";
  left: 8px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  display: none;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
._answer_im7jh_280 {
  visibility: hidden;
  display: none;
  transition: all 0.5s ease;
  background: #f5fbf7;
  padding: 24px;
  margin: 24px 0 0;
  border-radius: 10px;
  color: #607165;
}
._answer_im7jh_280 > * {
  color: #607165;
}
._answer_im7jh_280 .katex-display {
  color: #607165;
}
._answerShow_im7jh_296 {
  visibility: visible;
  display: block;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._svgForm_7ty7i_8 {
  vertical-align: middle;
}
._circleBackground_7ty7i_12,
._circleProgress_7ty7i_13 {
  fill: none;
}
._circleBackground_7ty7i_12 {
  stroke: #ddd;
}
._circleProgress_7ty7i_13 {
  stroke: #37A5E8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
._circleText_7ty7i_27 {
  font-size: 12px;
  font-weight: bold;
  fill: red;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._tableUI_1snax_14 {
  border-radius: 20px;
  border: 1px solid #EEE;
  overflow: hidden;
  text-align: center;
  flex: 1;
  background: #F8F9FB;
}
@media only screen and (max-width: 768px) {
  ._tableUI_1snax_14 {
    padding: 40px 20px 80px;
  }
}
._tableUI_1snax_14 h2 {
  color: #777;
  transition: all 0.2s ease-in-out;
  font-weight: bold;
}
._tableUI_1snax_14 h2:hover {
  color: #333;
}
._tableUI_1snax_14 table {
  width: 100%;
  text-align: left;
  background: #FFF;
}
._tableUI_1snax_14 table tbody tr:not(:last-child) {
  border-bottom: 1px solid #EEE;
}
._tableUI_1snax_14 table thead {
  border-bottom: 4px solid #EEE;
}
._tableUI_1snax_14 table th {
  color: #A4A4A4;
  font-weight: normal;
}
._tableUI_1snax_14 table td {
  color: #777;
  vertical-align: middle;
}
._tableUI_1snax_14 table td, ._tableUI_1snax_14 table th {
  padding: 14px 20px;
}
._tableUI_1snax_14 table a {
  color: #777;
  transition: all 0.2s ease-in-out;
}
._tableUI_1snax_14 table a:hover {
  color: #333;
}
._tableUI_1snax_14 table a span {
  font-weight: bold;
}
._percentText_1snax_68 {
  vertical-align: middle;
  margin-left: 6px;
}
._trActive_1snax_73:hover {
  background: #DBF1FF;
  cursor: pointer;
}
._arrowBlock_1snax_78 {
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
}
._arrow_1snax_78 {
  display: flex;
  flex-direction: column;
}
._arrowDown_1snax_89 {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin-bottom: 2px;
  border-bottom: 5px solid #c1c1c1;
}
._arrowDown_1snax_89._arrowActive_1snax_97 {
  border-bottom: 5px solid #239fe3;
}
._arrowUp_1snax_101 {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #c1c1c1;
}
._arrowUp_1snax_101._arrowActive_1snax_97 {
  border-top: 5px solid #239fe3;
}
._pagination_1snax_112 {
  margin-top: 24px;
}
._paginationButton_1snax_116 {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  padding: 10px 18px;
  color: #737E85;
  font-size: 12px;
  font-family: "HK Grotesk", sans-serif;
  border-radius: 14px;
  line-height: 19px;
  cursor: pointer;
}
._paginationButton_1snax_116:hover {
  background: #EEEEEE;
}
._paginationText_1snax_131 {
  vertical-align: middle;
  font-size: 16px;
  margin: 0 12px;
  color: #989898;
}
._searchBar_1snax_138 {
  display: flex;
  padding: 15px;
  border-radius: 20px;
  border: 1px solid #EEE;
  max-width: 380px;
  background: #FFFFFF;
  margin-bottom: 24px;
  position: relative;
}
._searchBar_1snax_138 ._icon_1snax_149 {
  padding: 10px;
  font-size: 17px;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='23'%20viewBox='0%200%2022%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.1247%2013.8717L19.0977%2019.0097L17.9819%2020.1625L13.0089%2015.0245L14.1247%2013.8717Z'%20fill='%23CACACA'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.71639%204.88032C6.72844%204.88032%204.30624%207.38289%204.30624%2010.47C4.30624%2013.5571%206.72844%2016.0596%209.71639%2016.0596C12.7043%2016.0596%2015.1265%2013.5571%2015.1265%2010.47C15.1265%207.38289%2012.7043%204.88032%209.71639%204.88032ZM2.72827%2010.47C2.72827%206.48249%205.85696%203.25%209.71639%203.25C13.5758%203.25%2016.7045%206.48249%2016.7045%2010.47C16.7045%2014.4575%2013.5758%2017.6899%209.71639%2017.6899C5.85696%2017.6899%202.72827%2014.4575%202.72827%2010.47Z'%20fill='%23CACACA'/%3e%3c/svg%3e");
}
._searchBar_1snax_138::after {
  content: "";
  clear: both;
  display: table;
}
._inputSearch_1snax_163 {
  width: 100%;
  margin-left: 32px;
  color: #777;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._userViewContainer_7or95_14 {
  border-radius: 20px;
  border: 1px solid #EEE;
  overflow: hidden;
  min-height: calc(100vh - 90px);
  text-align: center;
  flex: 1;
  background: #F8F9FB;
}
@media only screen and (max-width: 768px) {
  ._userViewContainer_7or95_14 {
    padding: 40px 20px 80px;
  }
}
._userViewContainer_7or95_14 h2 {
  color: #777;
  transition: all 0.2s ease-in-out;
  font-weight: bold;
}
._userViewContainer_7or95_14 h2:hover {
  color: #333;
}
._userViewContainer_7or95_14 table {
  width: 100%;
  text-align: left;
  background: #FFF;
}
._userViewContainer_7or95_14 table tbody tr:not(:last-child),
._userViewContainer_7or95_14 table thead tr {
  border-bottom: 1px solid #EEE;
}
._userViewContainer_7or95_14 table th {
  color: #A4A4A4;
  font-weight: normal;
}
._userViewContainer_7or95_14 table td {
  color: #777;
  vertical-align: middle;
}
._userViewContainer_7or95_14 table td, ._userViewContainer_7or95_14 table th {
  padding: 14px 20px;
}
._userViewContainer_7or95_14 table a {
  color: #777;
  transition: all 0.2s ease-in-out;
}
._userViewContainer_7or95_14 table a:hover {
  color: #333;
}
._userViewContainer_7or95_14 table a span {
  font-weight: bold;
}
._percentText_7or95_67 {
  vertical-align: middle;
  margin-left: 6px;
}
._trActive_7or95_72:hover {
  background: #DBF1FF;
  cursor: pointer;
}._modal_1f239_1 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  /*pointer-events: none;*/
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}
._modal_1f239_1.visible {
  opacity: 1;
  visibility: visible;
}
._modalPlaceholder_1f239_21 {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
._modalBody_1f239_26 {
  padding: 20px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
._modalBodyHeader_1f239_31 {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 20px;
  font-weight: 600;
}
._modal_1f239_1 table {
  width: 100%;
  max-width: 1280px;
  table-layout: fixed;
}
._modal_1f239_1 thead {
  background-color: rgb(242, 242, 242);
  border-radius: 10px;
}
._modal_1f239_1 th {
  padding: 20px 15px;
  text-align: left;
  font-weight: 500;
  font-size: 12px;
  color: #000000;
  text-transform: uppercase;
}
._modal_1f239_1 td {
  padding: 15px;
  text-align: left;
  vertical-align: middle;
  font-weight: 300;
  font-size: 12px;
  color: #000000;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}
._modal_1f239_1 tr {
  cursor: pointer;
}
._modalFooter_1f239_66, ._modalHeader_1f239_66 {
  padding: 25px 50px;
  display: flex;
  font-size: 18px;
}
._modalFooter_1f239_66 {
  display: flex;
  justify-content: flex-end;
}
._modalTitle_1f239_75 {
  margin: 0 50px 0 0;
  font-size: 21px;
  font-weight: 600;
  font-family: "HK Grotesk", sans-serif;
}
._modalContent_1f239_81 {
  border-radius: 10px;
  width: 1280px;
  max-height: 85vh;
  display: inline-block;
  vertical-align: middle;
  overflow: auto;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
._modal_1f239_1._enterDone_1f239_92 {
  opacity: 1;
  pointer-events: visible;
}
._modal_1f239_1._exit_1f239_97 {
  opacity: 0;
}
._modal_1f239_1._enterDone_1f239_92 ._modalContent_1f239_81 {
  transform: translateY(0);
}
._modal_1f239_1._exit_1f239_97 ._modalContent_1f239_81 {
  transform: translateY(-200px);
}
._modalBody_1f239_26 ._tblContent_1f239_109 tr {
  cursor: initial;
}
._tblHeader_1f239_113 {
  background-color: rgba(255, 255, 255, 0.3);
}
._tblContent_1f239_109 {
  height: 300px;
  overflow-x: auto;
  margin-top: 0px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
._question_1f239_124 {
  background: #fdfdfd;
  border-radius: 12px;
  margin-top: 48px;
  padding: 24px;
}
._answerRow_1f239_131 {
  position: relative;
  border: 1px solid #EEE;
  border-radius: 4px;
  margin-bottom: 8px;
  padding: 12px;
}
._answerRow_1f239_131.right {
  background: #ebffea;
  border-color: #1d7a1d;
}
._answerRow_1f239_131.wrong {
  background: #fff3f4;
  border-color: #d33339;
}
._answerStatus_1f239_147 {
  min-width: 40px;
  display: inline-block;
}
._answerCaptions_1f239_152 {
  position: absolute;
  right: 6px;
  bottom: 6px;
  font-size: 12px;
  color: #444;
}
._answerCaptions_1f239_152 li {
  display: inline-block;
  margin-left: 12px;
}
._wrapper_1f239_164 {
  max-height: 90vh;
  overflow: auto;
  background: #fff;
  border-radius: 20px;
  padding: 25px 50px;
  display: block;
  text-align: left;
  margin-bottom: 30px;
  border: 1px solid #efefef;
}
@media (max-width: 768px) {
  ._wrapper_1f239_164 {
    padding: 24px;
  }
}
._wrapper_1f239_164 p {
  margin-bottom: 8px;
}
div.frame {
  padding: 24px;
  margin: 24px 12px 24px 0;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  display: inline-block;
  position: relative;
}
div.frame > .katex-display {
  margin: 0 !important;
}
.document_image {
  padding: 24px;
  background: #FFF;
  border-radius: 10px;
  margin: 24px 0;
  text-align: center;
  line-height: normal;
  position: relative;
}
.document_image img {
  max-width: 600px;
  width: 100%;
}
.reminder,
.note {
  position: relative;
  padding: 48px 24px 24px;
  margin: 24px 0;
  border-radius: 10px;
}
.reminder:before,
.note:before {
  position: absolute;
  top: 24px;
  left: 24px;
}
.reminder {
  background: #FFF1F1;
  border-left: 2px solid #fd8b8b;
}
.reminder:before {
  content: "Rappel";
  color: #fd8b8b;
}
.note {
  background: #eda478;
  border-left: 2px solid #895e45;
}
.note:before {
  content: "Remarque";
  color: #895e45;
}
._questionIndex_1f239_242 {
  background: #e1f4ff;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #37a5e8;
  padding: 3px 8px;
  display: inline-flex;
  margin-bottom: 24px;
}
._title_1f239_255 {
  color: #434343;
  font-size: 16px;
  line-height: 19px;
}
._separator_1f239_261 {
  display: flex;
  margin: 16px 0;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._containerPossibleAnswers_1f239_268 {
  display: block;
}
._container_1f239_268 {
  display: flex;
  margin-bottom: 18px;
  cursor: initial;
  font-size: 16px;
  -webkit-user-select: none;
          user-select: none;
  align-items: center;
}
._container_1f239_268 input {
  position: absolute;
  opacity: 0;
  cursor: initial;
  height: 0;
  width: 0;
}
._container_1f239_268 input:checked ~ ._checkmark_1f239_288 {
  background-color: #37A5E8;
}
._container_1f239_268 input:checked ~ ._checkmark_1f239_288:after {
  display: block;
}
._checkmark_1f239_288 {
  position: relative;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 6px;
  margin-right: 12px;
}
._checkmark_1f239_288:after {
  position: absolute;
  content: "";
  left: 8px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  display: none;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
._answer_1f239_131 {
  visibility: hidden;
  display: none;
  transition: all 0.5s ease;
  background: #f5fbf7;
  padding: 24px;
  margin: 24px 0 0;
  border-radius: 10px;
  color: #607165;
}
._answer_1f239_131 > * {
  color: #607165;
}
._answer_1f239_131 .katex-display {
  color: #607165;
}
._answerShow_1f239_334 {
  visibility: visible;
  display: block;
}
._container_1f239_268._error_1f239_339 ._checkmark_1f239_288 {
  background-color: red;
}._boxTable_17nes_1 {
  margin-top: 15px;
  padding-bottom: 15px;
  /* box-shadow: rgb(0 0 15) 0px 0px 4px 0px; */
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
}

._boxTableHeader_17nes_11 {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px 10px 10px;
}

._boxTableHeaderButton_17nes_17 button {
  padding: 10px 20px;
  margin: 0 10px 0 0;
  border: 0;
  background: #FFFFFF;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 15px;
  color: rgb(110, 110, 110);
  cursor: pointer;
}

._boxTableHeaderButton_17nes_17 button:hover {
  color: #37A5E8;
}

._boxTableHeaderButton_17nes_17 button._active_17nes_35 {
  color: #37A5E8;
}

._headerButton_17nes_39 {
  margin-top: 30px;
}

._headerButton_17nes_39 a {
  padding: 10px 20px;
  margin: 0 10px 0 0;
  border: 1px solid #EFEFEF;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(147, 147, 147, 0.16);
  border-radius: 20px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 15px;
  color: #989898;
  cursor: pointer;
}

._tblHeader_17nes_59 {
  background-color: rgba(255, 255, 255, 0.3);
}

._tblContent_17nes_63 {
  height: 300px;
  overflow-x: auto;
  margin-top: 0px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

._trLine_17nes_70:hover td {
  color: #1DCAFF;
}

._searchBar_17nes_74 {
  margin-left: 20px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._menu_c80qs_14 {
  border-bottom: 1px solid #9ca8af;
  margin: 24px 0;
}
._menu_c80qs_14 ul {
  padding: 0;
  margin: 0;
}
._menu_c80qs_14 li {
  display: inline-block;
}
._menu_c80qs_14 li a {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #9ca8af;
  position: relative;
  display: inline-block;
  padding: 12px 24px;
  transition: 0.2s ease-in-out;
}
._menu_c80qs_14 li a:after {
  position: absolute;
  content: "";
  height: 2px;
  left: 0;
  bottom: -1px;
  right: 0;
  transition: 0.2s ease-in-out;
}
._menu_c80qs_14 li a._active_c80qs_44 {
  color: #239fe3;
}
._menu_c80qs_14 li a._active_c80qs_44:after {
  background-color: #239fe3;
}
._menu_c80qs_14 li:hover a:not(._active_c80qs_44) {
  color: #6F7681;
}
._menu_c80qs_14 li:hover a:not(._active_c80qs_44):after {
  background-color: #6F7681;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._userGroupHeader_1ybd2_14 {
  display: flex;
  justify-content: space-between;
}
._userGroupHeaderIntro_1ybd2_18 h1 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  text-align: left;
  max-width: 430px;
  margin-bottom: 10px;
  color: #404D60;
}
._userGroupHeaderIntro_1ybd2_18 h1 b {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  ._userGroupHeaderIntro_1ybd2_18 h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 6px;
  }
}
._userGroupHeaderIntro_1ybd2_18 p {
  font-family: "HK Grotesk", sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  max-width: 500px;
  color: #737E85;
}
@media only screen and (max-width: 768px) {
  ._userGroupHeaderIntro_1ybd2_18 p {
    font-size: 16px;
    line-height: 20px;
  }
}
._userGroupUsersTable_1ybd2_53 {
  border-radius: 20px;
  border: 1px solid #EEE;
  overflow: hidden;
}
._userGroupContainer_1ybd2_58 {
  min-height: calc(100vh - 90px);
  text-align: center;
  flex: 1;
  background: #F8F9FB;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  ._userGroupContainer_1ybd2_58 {
    padding: 40px 20px 80px;
  }
}
._userGroupContainer_1ybd2_58 h2 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  margin: 15px 0 8px;
  text-align: left;
  color: #404D60;
}
._userGroupContainer_1ybd2_58 table {
  width: 100%;
  text-align: left;
}
._userGroupContainer_1ybd2_58 table tbody tr:not(:last-child),
._userGroupContainer_1ybd2_58 table thead tr {
  border-bottom: 1px solid #EEE;
}
._userGroupContainer_1ybd2_58 table th {
  color: #A4A4A4;
  font-weight: normal;
}
._userGroupContainer_1ybd2_58 table td {
  color: #777;
}
._userGroupContainer_1ybd2_58 table td, ._userGroupContainer_1ybd2_58 table th {
  padding: 14px 20px;
  background: #FFF;
}
._userGroupContainer_1ybd2_58 table a {
  color: #777;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_1ybd2_58 table a:hover {
  color: #333;
}
._userGroupContainer_1ybd2_58 table a span {
  font-weight: bold;
}
._userGroupContainer_1ybd2_58 ._scrollList_1ybd2_109 {
  display: block;
  overflow-x: auto;
  position: relative;
  white-space: nowrap;
  padding: 15px 0 45px;
  margin: 0 0 -30px;
}
._userGroupContainer_1ybd2_58 ._scrollList_1ybd2_109::-webkit-scrollbar {
  display: none;
}
._userGroupContainer_1ybd2_58 ._scrollListWrapper_1ybd2_120 {
  display: inline-block;
  padding: 0 20px 0 80px;
}
._userGroupContainer_1ybd2_58 ._scrollListWrapper_1ybd2_120 > div:last-child {
  margin-right: 0 !important;
}
._userGroupContainer_1ybd2_58 ._chaptersList_1ybd2_127 {
  display: block;
  position: relative;
  margin: 0 -80px;
  transform-origin: top left;
  -webkit-user-select: none;
          user-select: none;
}
._userGroupContainer_1ybd2_58 ._scrollArrow_1ybd2_134 {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  border-radius: 50%;
  margin-top: -45px;
  z-index: 10;
  transition: visibility 1s 0s, opacity 0.2s ease-in-out;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2054%2054'%20style='enable-background:new%200%200%2054%2054;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23353535;fill-opacity:0.7;}%20%3c/style%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M54,27c0,14.9-12.1,27-27,27S0,41.9,0,27S12.1,0,27,0S54,12.1,54,27z%20M22,19.1l2.1-2.1l8.5,8.5l2.1,2.1l0,0%20L24.1,38.2L22,36.1l8.5-8.5L22,19.1z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
._userGroupContainer_1ybd2_58 ._scrollArrow_1ybd2_134._visible_1ybd2_150 {
  visibility: visible;
  opacity: 0.9;
}
._userGroupContainer_1ybd2_58 ._scrollArrow_1ybd2_134._visible_1ybd2_150:hover {
  opacity: 1;
}
._userGroupContainer_1ybd2_58 ._scrollArrow_1ybd2_134._left_1ybd2_157 {
  left: 20px;
  transform: rotate(-180deg);
}
._userGroupContainer_1ybd2_58 ._scrollArrow_1ybd2_134._right_1ybd2_161 {
  right: 20px;
}
._userGroupContainer_1ybd2_58 ._planningsList_1ybd2_164 {
  display: block;
  position: relative;
  margin: 0 -80px;
  transform-origin: top left;
  -webkit-user-select: none;
          user-select: none;
  text-align: left;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._secondary_1ybd2_193 {
  color: #434343;
  background: transparent;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._secondary_1ybd2_193._back_1ybd2_197 {
  padding-left: 26px;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._secondary_1ybd2_193._back_1ybd2_197::before {
  position: absolute;
  content: "";
  left: 0;
  width: 16px;
  height: 16px;
  top: 3px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
  background-color: #434343;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._secondary_1ybd2_193._back_1ybd2_197:hover {
  color: #37A5E8;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._secondary_1ybd2_193._back_1ybd2_197:hover::before {
  background-color: #37A5E8;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._primary_1ybd2_217 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._primary_1ybd2_217:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._primary_1ybd2_217:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._primary_1ybd2_217._next_1ybd2_234 {
  padding-right: 60px;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._primary_1ybd2_217._next_1ybd2_234::after {
  position: absolute;
  content: "";
  right: 29px;
  width: 24px;
  height: 24px;
  top: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._primary_1ybd2_217._next_1ybd2_234:disabled::after {
  background-color: #A4A4A4;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._outlined_1ybd2_251 {
  padding: 14px 44px;
  background: transparent;
  border: 1px solid #CACACA;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #CACACA;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._outlined_1ybd2_251:hover {
  border-color: #b4b4b4;
  color: #B4B4B4;
}
._userGroupContainer_1ybd2_58 ._grade_1ybd2_269 {
  width: 300px;
  height: 200px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  border-radius: 12px;
  margin-top: 25px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._userGroupHeader_1ybd2_14 {
  display: flex;
  justify-content: space-between;
}
._userGroupHeaderIntro_1ybd2_18 h1 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  text-align: left;
  max-width: 430px;
  margin-bottom: 10px;
  color: #404D60;
}
._userGroupHeaderIntro_1ybd2_18 h1 b {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  ._userGroupHeaderIntro_1ybd2_18 h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 6px;
  }
}
._userGroupHeaderIntro_1ybd2_18 p {
  font-family: "HK Grotesk", sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  max-width: 500px;
  color: #737E85;
}
@media only screen and (max-width: 768px) {
  ._userGroupHeaderIntro_1ybd2_18 p {
    font-size: 16px;
    line-height: 20px;
  }
}
._userGroupUsersTable_1ybd2_53 {
  border-radius: 20px;
  border: 1px solid #EEE;
  overflow: hidden;
}
._userGroupContainer_1ybd2_58 {
  min-height: calc(100vh - 90px);
  text-align: center;
  flex: 1;
  background: #F8F9FB;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  ._userGroupContainer_1ybd2_58 {
    padding: 40px 20px 80px;
  }
}
._userGroupContainer_1ybd2_58 h2 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  margin: 15px 0 8px;
  text-align: left;
  color: #404D60;
}
._userGroupContainer_1ybd2_58 table {
  width: 100%;
  text-align: left;
}
._userGroupContainer_1ybd2_58 table tbody tr:not(:last-child),
._userGroupContainer_1ybd2_58 table thead tr {
  border-bottom: 1px solid #EEE;
}
._userGroupContainer_1ybd2_58 table th {
  color: #A4A4A4;
  font-weight: normal;
}
._userGroupContainer_1ybd2_58 table td {
  color: #777;
}
._userGroupContainer_1ybd2_58 table td, ._userGroupContainer_1ybd2_58 table th {
  padding: 14px 20px;
  background: #FFF;
}
._userGroupContainer_1ybd2_58 table a {
  color: #777;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_1ybd2_58 table a:hover {
  color: #333;
}
._userGroupContainer_1ybd2_58 table a span {
  font-weight: bold;
}
._userGroupContainer_1ybd2_58 ._scrollList_1ybd2_109 {
  display: block;
  overflow-x: auto;
  position: relative;
  white-space: nowrap;
  padding: 15px 0 45px;
  margin: 0 0 -30px;
}
._userGroupContainer_1ybd2_58 ._scrollList_1ybd2_109::-webkit-scrollbar {
  display: none;
}
._userGroupContainer_1ybd2_58 ._scrollListWrapper_1ybd2_120 {
  display: inline-block;
  padding: 0 20px 0 80px;
}
._userGroupContainer_1ybd2_58 ._scrollListWrapper_1ybd2_120 > div:last-child {
  margin-right: 0 !important;
}
._userGroupContainer_1ybd2_58 ._chaptersList_1ybd2_127 {
  display: block;
  position: relative;
  margin: 0 -80px;
  transform-origin: top left;
  -webkit-user-select: none;
          user-select: none;
}
._userGroupContainer_1ybd2_58 ._scrollArrow_1ybd2_134 {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  border-radius: 50%;
  margin-top: -45px;
  z-index: 10;
  transition: visibility 1s 0s, opacity 0.2s ease-in-out;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2054%2054'%20style='enable-background:new%200%200%2054%2054;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23353535;fill-opacity:0.7;}%20%3c/style%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M54,27c0,14.9-12.1,27-27,27S0,41.9,0,27S12.1,0,27,0S54,12.1,54,27z%20M22,19.1l2.1-2.1l8.5,8.5l2.1,2.1l0,0%20L24.1,38.2L22,36.1l8.5-8.5L22,19.1z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
._userGroupContainer_1ybd2_58 ._scrollArrow_1ybd2_134._visible_1ybd2_150 {
  visibility: visible;
  opacity: 0.9;
}
._userGroupContainer_1ybd2_58 ._scrollArrow_1ybd2_134._visible_1ybd2_150:hover {
  opacity: 1;
}
._userGroupContainer_1ybd2_58 ._scrollArrow_1ybd2_134._left_1ybd2_157 {
  left: 20px;
  transform: rotate(-180deg);
}
._userGroupContainer_1ybd2_58 ._scrollArrow_1ybd2_134._right_1ybd2_161 {
  right: 20px;
}
._userGroupContainer_1ybd2_58 ._planningsList_1ybd2_164 {
  display: block;
  position: relative;
  margin: 0 -80px;
  transform-origin: top left;
  -webkit-user-select: none;
          user-select: none;
  text-align: left;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._secondary_1ybd2_193 {
  color: #434343;
  background: transparent;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._secondary_1ybd2_193._back_1ybd2_197 {
  padding-left: 26px;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._secondary_1ybd2_193._back_1ybd2_197::before {
  position: absolute;
  content: "";
  left: 0;
  width: 16px;
  height: 16px;
  top: 3px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
  background-color: #434343;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._secondary_1ybd2_193._back_1ybd2_197:hover {
  color: #37A5E8;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._secondary_1ybd2_193._back_1ybd2_197:hover::before {
  background-color: #37A5E8;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._primary_1ybd2_217 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._primary_1ybd2_217:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._primary_1ybd2_217:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._primary_1ybd2_217._next_1ybd2_234 {
  padding-right: 60px;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._primary_1ybd2_217._next_1ybd2_234::after {
  position: absolute;
  content: "";
  right: 29px;
  width: 24px;
  height: 24px;
  top: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._primary_1ybd2_217._next_1ybd2_234:disabled::after {
  background-color: #A4A4A4;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._outlined_1ybd2_251 {
  padding: 14px 44px;
  background: transparent;
  border: 1px solid #CACACA;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #CACACA;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_1ybd2_58 ._button_1ybd2_172._outlined_1ybd2_251:hover {
  border-color: #b4b4b4;
  color: #B4B4B4;
}
._userGroupContainer_1ybd2_58 ._grade_1ybd2_269 {
  width: 300px;
  height: 200px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  border-radius: 12px;
  margin-top: 25px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._userGroupUsersTable_iz1tv_14 {
  border-radius: 20px;
  border: 1px solid #EEE;
  overflow: hidden;
}
._userGroupContainer_iz1tv_19 {
  min-height: calc(100vh - 90px);
  text-align: center;
  flex: 1;
  background: #F8F9FB;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  ._userGroupContainer_iz1tv_19 {
    padding: 40px 20px 80px;
  }
}
._userGroupContainer_iz1tv_19 h2 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  margin: 20px 0 8px;
  text-align: left;
  color: #404D60;
}
._userGroupContainer_iz1tv_19 table {
  width: 100%;
  text-align: left;
  background: #FFF;
}
._userGroupContainer_iz1tv_19 table tbody tr:not(:last-child),
._userGroupContainer_iz1tv_19 table thead tr {
  border-bottom: 1px solid #EEE;
}
._userGroupContainer_iz1tv_19 table th {
  color: #A4A4A4;
  font-weight: normal;
}
._userGroupContainer_iz1tv_19 table td {
  color: #777;
  vertical-align: middle;
}
._userGroupContainer_iz1tv_19 table td, ._userGroupContainer_iz1tv_19 table th {
  padding: 14px 20px;
}
._userGroupContainer_iz1tv_19 table a {
  color: #777;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_iz1tv_19 table a:hover {
  color: #333;
}
._userGroupContainer_iz1tv_19 table a span {
  font-weight: bold;
}
._userGroupContainer_iz1tv_19 ._scrollList_iz1tv_71 {
  display: block;
  overflow-x: auto;
  position: relative;
  white-space: nowrap;
  padding: 15px 0 45px;
  margin: 0 0 -30px;
}
._userGroupContainer_iz1tv_19 ._scrollList_iz1tv_71::-webkit-scrollbar {
  display: none;
}
._userGroupContainer_iz1tv_19 ._scrollListWrapper_iz1tv_82 {
  display: inline-block;
  padding: 0 20px 0 80px;
}
._userGroupContainer_iz1tv_19 ._scrollListWrapper_iz1tv_82 > div:last-child {
  margin-right: 0 !important;
}
._userGroupContainer_iz1tv_19 ._chaptersList_iz1tv_89 {
  display: block;
  position: relative;
  margin: 0 -80px;
  transform-origin: top left;
  -webkit-user-select: none;
          user-select: none;
}
._userGroupContainer_iz1tv_19 ._scrollArrow_iz1tv_96 {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  border-radius: 50%;
  margin-top: -45px;
  z-index: 10;
  transition: visibility 1s 0s, opacity 0.2s ease-in-out;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2054%2054'%20style='enable-background:new%200%200%2054%2054;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23353535;fill-opacity:0.7;}%20%3c/style%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M54,27c0,14.9-12.1,27-27,27S0,41.9,0,27S12.1,0,27,0S54,12.1,54,27z%20M22,19.1l2.1-2.1l8.5,8.5l2.1,2.1l0,0%20L24.1,38.2L22,36.1l8.5-8.5L22,19.1z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
._userGroupContainer_iz1tv_19 ._scrollArrow_iz1tv_96._visible_iz1tv_112 {
  visibility: visible;
  opacity: 0.9;
}
._userGroupContainer_iz1tv_19 ._scrollArrow_iz1tv_96._visible_iz1tv_112:hover {
  opacity: 1;
}
._userGroupContainer_iz1tv_19 ._scrollArrow_iz1tv_96._left_iz1tv_119 {
  left: 20px;
  transform: rotate(-180deg);
}
._userGroupContainer_iz1tv_19 ._scrollArrow_iz1tv_96._right_iz1tv_123 {
  right: 20px;
}
._userGroupContainer_iz1tv_19 ._planningsList_iz1tv_126 {
  display: block;
  position: relative;
  margin: 0 -80px;
  transform-origin: top left;
  -webkit-user-select: none;
          user-select: none;
  text-align: left;
}
._userGroupContainer_iz1tv_19 ._button_iz1tv_134 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_iz1tv_19 ._button_iz1tv_134._secondary_iz1tv_155 {
  color: #434343;
  background: transparent;
}
._userGroupContainer_iz1tv_19 ._button_iz1tv_134._secondary_iz1tv_155._back_iz1tv_159 {
  padding-left: 26px;
}
._userGroupContainer_iz1tv_19 ._button_iz1tv_134._secondary_iz1tv_155._back_iz1tv_159::before {
  position: absolute;
  content: "";
  left: 0;
  width: 16px;
  height: 16px;
  top: 3px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
  background-color: #434343;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_iz1tv_19 ._button_iz1tv_134._secondary_iz1tv_155._back_iz1tv_159:hover {
  color: #37A5E8;
}
._userGroupContainer_iz1tv_19 ._button_iz1tv_134._secondary_iz1tv_155._back_iz1tv_159:hover::before {
  background-color: #37A5E8;
}
._userGroupContainer_iz1tv_19 ._button_iz1tv_134._primary_iz1tv_179 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._userGroupContainer_iz1tv_19 ._button_iz1tv_134._primary_iz1tv_179:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}
._userGroupContainer_iz1tv_19 ._button_iz1tv_134._primary_iz1tv_179:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}
._userGroupContainer_iz1tv_19 ._button_iz1tv_134._primary_iz1tv_179._next_iz1tv_196 {
  padding-right: 60px;
}
._userGroupContainer_iz1tv_19 ._button_iz1tv_134._primary_iz1tv_179._next_iz1tv_196::after {
  position: absolute;
  content: "";
  right: 29px;
  width: 24px;
  height: 24px;
  top: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_iz1tv_19 ._button_iz1tv_134._primary_iz1tv_179._next_iz1tv_196:disabled::after {
  background-color: #A4A4A4;
}
._userGroupContainer_iz1tv_19 ._button_iz1tv_134._outlined_iz1tv_213 {
  padding: 14px 44px;
  background: transparent;
  border: 1px solid #CACACA;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #CACACA;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_iz1tv_19 ._button_iz1tv_134._outlined_iz1tv_213:hover {
  border-color: #b4b4b4;
  color: #B4B4B4;
}
._userGroupContainer_iz1tv_19 ._grade_iz1tv_231 {
  width: 300px;
  height: 200px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  border-radius: 12px;
  margin-top: 25px;
}
._percentText_iz1tv_240 {
  vertical-align: middle;
  margin-left: 6px;
}
._trActive_iz1tv_245:hover {
  background: #DBF1FF;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._userGroupDocumentTitle_l2it4_14 > span > div {
  display: inline-block;
}
._userGroupDocumentTitle_l2it4_14 ._katex-display_l2it4_17 {
  margin: 0;
  font-size: 92%;
}
._userGroupHeader_l2it4_21 {
  display: flex;
  justify-content: space-between;
}
._userGroupHeaderIntro_l2it4_25 h1 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 600;
  font-size: 34px;
  line-height: 42px;
  text-align: left;
  max-width: 430px;
  margin-bottom: 10px;
  color: #404D60;
}
._userGroupHeaderIntro_l2it4_25 h1 b {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  ._userGroupHeaderIntro_l2it4_25 h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 6px;
  }
}
._userGroupHeaderIntro_l2it4_25 p {
  font-family: "HK Grotesk", sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  max-width: 500px;
  color: #737E85;
}
@media only screen and (max-width: 768px) {
  ._userGroupHeaderIntro_l2it4_25 p {
    font-size: 16px;
    line-height: 20px;
  }
}
._userGroupSessionDate_l2it4_60 b {
  font-weight: bold;
}
._userGroupSessionDuration_l2it4_63 {
  position: relative;
  padding-left: 20px;
  display: inline-block;
  margin-left: 24px;
  color: #888;
}
._userGroupSessionDuration_l2it4_63:before {
  position: absolute;
  content: "";
  left: 0;
  top: 1px;
  width: 15px;
  height: 17px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='18'%20viewBox='0%200%2015%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.4602%202.9289C8.59974%202.70111%208.68018%202.43319%208.68018%202.14648C8.68018%201.31806%208.0086%200.646484%207.18018%200.646484C6.35175%200.646484%205.68018%201.31806%205.68018%202.14648C5.68018%202.4328%205.76039%202.70038%205.89958%202.92798C2.57601%203.53133%200.0551758%206.44076%200.0551758%209.93817C0.0551758%2013.8728%203.23768%2017.0632%207.18018%2017.0632C11.1227%2017.0632%2014.3052%2013.8728%2014.3052%209.93817C14.3052%208.25984%2013.7193%206.71609%2012.7456%205.49692L13.8698%204.37276C13.5293%203.969%2013.1573%203.589%2012.7535%203.25651L11.6293%204.38067C10.7217%203.65453%209.64072%203.14497%208.4602%202.9289ZM7.97184%205.97984V10.7298H6.38851V5.97984H7.97184ZM1.63851%209.93817C1.63851%2013.0019%204.11643%2015.4798%207.18018%2015.4798C10.2439%2015.4798%2012.7218%2013.0019%2012.7218%209.93817C12.7218%206.87442%2010.2439%204.39651%207.18018%204.39651C4.11643%204.39651%201.63851%206.87442%201.63851%209.93817Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='18'%20viewBox='0%200%2015%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.4602%202.9289C8.59974%202.70111%208.68018%202.43319%208.68018%202.14648C8.68018%201.31806%208.0086%200.646484%207.18018%200.646484C6.35175%200.646484%205.68018%201.31806%205.68018%202.14648C5.68018%202.4328%205.76039%202.70038%205.89958%202.92798C2.57601%203.53133%200.0551758%206.44076%200.0551758%209.93817C0.0551758%2013.8728%203.23768%2017.0632%207.18018%2017.0632C11.1227%2017.0632%2014.3052%2013.8728%2014.3052%209.93817C14.3052%208.25984%2013.7193%206.71609%2012.7456%205.49692L13.8698%204.37276C13.5293%203.969%2013.1573%203.589%2012.7535%203.25651L11.6293%204.38067C10.7217%203.65453%209.64072%203.14497%208.4602%202.9289ZM7.97184%205.97984V10.7298H6.38851V5.97984H7.97184ZM1.63851%209.93817C1.63851%2013.0019%204.11643%2015.4798%207.18018%2015.4798C10.2439%2015.4798%2012.7218%2013.0019%2012.7218%209.93817C12.7218%206.87442%2010.2439%204.39651%207.18018%204.39651C4.11643%204.39651%201.63851%206.87442%201.63851%209.93817Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
  background-color: #888;
}
._userGroupActivityChart_l2it4_80 {
  display: block;
  background-color: white;
  padding: 20px 40px;
  border-radius: 10px;
  margin-top: 20px;
}
._userGroupUsersTable_l2it4_87 {
  border-radius: 20px;
  border: 1px solid #EEE;
  overflow: hidden;
}
._userGroupUsersTable_l2it4_87 a {
  color: #777;
  text-decoration: none;
}
._userGroupContainer_l2it4_96 {
  min-height: calc(100vh - 90px);
  text-align: center;
  flex: 1;
  background: #F8F9FB;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  ._userGroupContainer_l2it4_96 {
    padding: 40px 20px 80px;
  }
}
._userGroupContainer_l2it4_96 h2 {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  margin: 15px 0 8px;
  text-align: left;
  color: #404D60;
}
._userGroupContainer_l2it4_96 table {
  width: 100%;
  text-align: left;
  background: #FFF;
}
._userGroupContainer_l2it4_96 table tbody tr:not(:last-child),
._userGroupContainer_l2it4_96 table thead tr {
  border-bottom: 1px solid #EEE;
}
._userGroupContainer_l2it4_96 table th {
  color: #A4A4A4;
  font-weight: normal;
}
._userGroupContainer_l2it4_96 table td {
  color: #777;
}
._userGroupContainer_l2it4_96 table td, ._userGroupContainer_l2it4_96 table th {
  padding: 14px 20px;
}
._userGroupContainer_l2it4_96 table a {
  color: #777;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_l2it4_96 table a:hover {
  color: #333;
}
._userGroupContainer_l2it4_96 table a span {
  font-weight: bold;
}
._userGroupContainer_l2it4_96 ._scrollList_l2it4_147 {
  display: block;
  overflow-x: auto;
  position: relative;
  white-space: nowrap;
  padding: 15px 0 45px;
  margin: 0 0 -30px;
}
._userGroupContainer_l2it4_96 ._scrollList_l2it4_147::-webkit-scrollbar {
  display: none;
}
._userGroupContainer_l2it4_96 ._scrollListWrapper_l2it4_158 {
  display: inline-block;
  padding: 0 20px 0 80px;
}
._userGroupContainer_l2it4_96 ._scrollListWrapper_l2it4_158 > div:last-child {
  margin-right: 0 !important;
}
._userGroupContainer_l2it4_96 ._chaptersList_l2it4_165 {
  display: block;
  position: relative;
  margin: 0 -80px;
  transform-origin: top left;
  -webkit-user-select: none;
          user-select: none;
}
._userGroupContainer_l2it4_96 ._scrollArrow_l2it4_172 {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  border-radius: 50%;
  margin-top: -45px;
  z-index: 10;
  transition: visibility 1s 0s, opacity 0.2s ease-in-out;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2054%2054'%20style='enable-background:new%200%200%2054%2054;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23353535;fill-opacity:0.7;}%20%3c/style%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M54,27c0,14.9-12.1,27-27,27S0,41.9,0,27S12.1,0,27,0S54,12.1,54,27z%20M22,19.1l2.1-2.1l8.5,8.5l2.1,2.1l0,0%20L24.1,38.2L22,36.1l8.5-8.5L22,19.1z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
._userGroupContainer_l2it4_96 ._scrollArrow_l2it4_172._visible_l2it4_188 {
  visibility: visible;
  opacity: 0.9;
}
._userGroupContainer_l2it4_96 ._scrollArrow_l2it4_172._visible_l2it4_188:hover {
  opacity: 1;
}
._userGroupContainer_l2it4_96 ._scrollArrow_l2it4_172._left_l2it4_195 {
  left: 20px;
  transform: rotate(-180deg);
}
._userGroupContainer_l2it4_96 ._scrollArrow_l2it4_172._right_l2it4_199 {
  right: 20px;
}
._userGroupContainer_l2it4_96 ._planningsList_l2it4_202 {
  display: block;
  position: relative;
  margin: 0 -80px;
  transform-origin: top left;
  -webkit-user-select: none;
          user-select: none;
  text-align: left;
}
._userGroupContainer_l2it4_96 ._button_l2it4_210 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_l2it4_96 ._button_l2it4_210._secondary_l2it4_231 {
  color: #434343;
  background: transparent;
}
._userGroupContainer_l2it4_96 ._button_l2it4_210._secondary_l2it4_231._back_l2it4_235 {
  padding-left: 26px;
}
._userGroupContainer_l2it4_96 ._button_l2it4_210._secondary_l2it4_231._back_l2it4_235::before {
  position: absolute;
  content: "";
  left: 0;
  width: 16px;
  height: 16px;
  top: 3px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
  background-color: #434343;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_l2it4_96 ._button_l2it4_210._secondary_l2it4_231._back_l2it4_235:hover {
  color: #37A5E8;
}
._userGroupContainer_l2it4_96 ._button_l2it4_210._secondary_l2it4_231._back_l2it4_235:hover::before {
  background-color: #37A5E8;
}
._userGroupContainer_l2it4_96 ._button_l2it4_210._primary_l2it4_255 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._userGroupContainer_l2it4_96 ._button_l2it4_210._primary_l2it4_255:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}
._userGroupContainer_l2it4_96 ._button_l2it4_210._primary_l2it4_255:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}
._userGroupContainer_l2it4_96 ._button_l2it4_210._primary_l2it4_255._next_l2it4_272 {
  padding-right: 60px;
}
._userGroupContainer_l2it4_96 ._button_l2it4_210._primary_l2it4_255._next_l2it4_272::after {
  position: absolute;
  content: "";
  right: 29px;
  width: 24px;
  height: 24px;
  top: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_l2it4_96 ._button_l2it4_210._primary_l2it4_255._next_l2it4_272:disabled::after {
  background-color: #A4A4A4;
}
._userGroupContainer_l2it4_96 ._button_l2it4_210._outlined_l2it4_289 {
  padding: 14px 44px;
  background: transparent;
  border: 1px solid #CACACA;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #CACACA;
  transition: all 0.2s ease-in-out;
}
._userGroupContainer_l2it4_96 ._button_l2it4_210._outlined_l2it4_289:hover {
  border-color: #b4b4b4;
  color: #B4B4B4;
}
._userGroupContainer_l2it4_96 ._grade_l2it4_307 {
  width: 300px;
  height: 200px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  border-radius: 12px;
  margin-top: 25px;
}
._trActive_l2it4_316:hover {
  background: #DBF1FF;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
@media only screen and (max-width: 768px) {
  ._userViewContainer_hmjnj_15 {
    padding: 40px 20px 80px;
  }
}
._userViewContainer_hmjnj_15 h2 {
  color: #777;
  transition: all 0.2s ease-in-out;
  font-weight: bold;
}
._userViewContainer_hmjnj_15 h2:hover {
  color: #333;
}
._userViewContainer_hmjnj_15 table {
  width: 100%;
  text-align: left;
  background: #FFF;
}
._userViewContainer_hmjnj_15 table tbody tr:not(:last-child),
._userViewContainer_hmjnj_15 table thead tr {
  border-bottom: 1px solid #EEE;
}
._userViewContainer_hmjnj_15 table th {
  color: #A4A4A4;
  font-weight: normal;
}
._userViewContainer_hmjnj_15 table td {
  color: #777;
  vertical-align: middle;
}
._userViewContainer_hmjnj_15 table td, ._userViewContainer_hmjnj_15 table th {
  padding: 14px 20px;
}
._userViewContainer_hmjnj_15 table a {
  color: #777;
  transition: all 0.2s ease-in-out;
}
._userViewContainer_hmjnj_15 table a:hover {
  color: #333;
}
._userViewContainer_hmjnj_15 table a span {
  font-weight: bold;
}
._userViewContainer_hmjnj_15 ._scrollList_hmjnj_57 {
  display: block;
  overflow-x: auto;
  position: relative;
  white-space: nowrap;
  padding: 15px 0 45px;
  margin: 0 0 -30px;
}
._userViewContainer_hmjnj_15 ._scrollList_hmjnj_57::-webkit-scrollbar {
  display: none;
}
._userViewContainer_hmjnj_15 ._scrollListWrapper_hmjnj_68 {
  display: inline-block;
  padding: 0 20px 0 80px;
}
._userViewContainer_hmjnj_15 ._scrollListWrapper_hmjnj_68 > div:last-child {
  margin-right: 0 !important;
}
._userViewContainer_hmjnj_15 ._chaptersList_hmjnj_75 {
  display: block;
  position: relative;
  margin: 0 -80px;
  transform-origin: top left;
  -webkit-user-select: none;
          user-select: none;
}
._userViewContainer_hmjnj_15 ._scrollArrow_hmjnj_82 {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  border-radius: 50%;
  margin-top: -45px;
  z-index: 10;
  transition: visibility 1s 0s, opacity 0.2s ease-in-out;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2054%2054'%20style='enable-background:new%200%200%2054%2054;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23353535;fill-opacity:0.7;}%20%3c/style%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M54,27c0,14.9-12.1,27-27,27S0,41.9,0,27S12.1,0,27,0S54,12.1,54,27z%20M22,19.1l2.1-2.1l8.5,8.5l2.1,2.1l0,0%20L24.1,38.2L22,36.1l8.5-8.5L22,19.1z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
._userViewContainer_hmjnj_15 ._scrollArrow_hmjnj_82._visible_hmjnj_98 {
  visibility: visible;
  opacity: 0.9;
}
._userViewContainer_hmjnj_15 ._scrollArrow_hmjnj_82._visible_hmjnj_98:hover {
  opacity: 1;
}
._userViewContainer_hmjnj_15 ._scrollArrow_hmjnj_82._left_hmjnj_105 {
  left: 20px;
  transform: rotate(-180deg);
}
._userViewContainer_hmjnj_15 ._scrollArrow_hmjnj_82._right_hmjnj_109 {
  right: 20px;
}
._userViewContainer_hmjnj_15 ._planningsList_hmjnj_112 {
  display: block;
  position: relative;
  margin: 0 -80px;
  transform-origin: top left;
  -webkit-user-select: none;
          user-select: none;
  text-align: left;
}
._userViewContainer_hmjnj_15 ._button_hmjnj_120 {
  position: relative;
  display: inline-block;
  width: initial;
  height: initial;
  text-transform: initial;
  letter-spacing: initial;
  font-variant: initial;
  font-stretch: initial;
  text-align: initial;
  text-shadow: initial;
  text-decoration: none;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border-radius: 5px;
  border: 0;
  transition: all 0.2s ease-in-out;
}
._userViewContainer_hmjnj_15 ._button_hmjnj_120._secondary_hmjnj_141 {
  color: #434343;
  background: transparent;
}
._userViewContainer_hmjnj_15 ._button_hmjnj_120._secondary_hmjnj_141._back_hmjnj_145 {
  padding-left: 26px;
}
._userViewContainer_hmjnj_15 ._button_hmjnj_120._secondary_hmjnj_141._back_hmjnj_145::before {
  position: absolute;
  content: "";
  left: 0;
  width: 16px;
  height: 16px;
  top: 3px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
  background-color: #434343;
  transition: all 0.2s ease-in-out;
}
._userViewContainer_hmjnj_15 ._button_hmjnj_120._secondary_hmjnj_141._back_hmjnj_145:hover {
  color: #37A5E8;
}
._userViewContainer_hmjnj_15 ._button_hmjnj_120._secondary_hmjnj_141._back_hmjnj_145:hover::before {
  background-color: #37A5E8;
}
._userViewContainer_hmjnj_15 ._button_hmjnj_120._primary_hmjnj_165 {
  padding: 14px 44px;
  color: #FFFFFF;
  background: #37A5E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._userViewContainer_hmjnj_15 ._button_hmjnj_120._primary_hmjnj_165:hover {
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0);
  background: #3295D1;
}
._userViewContainer_hmjnj_15 ._button_hmjnj_120._primary_hmjnj_165:disabled {
  background-color: #D7D7D7;
  color: #A4A4A4;
  box-shadow: none;
  cursor: not-allowed;
}
._userViewContainer_hmjnj_15 ._button_hmjnj_120._primary_hmjnj_165._next_hmjnj_182 {
  padding-right: 60px;
}
._userViewContainer_hmjnj_15 ._button_hmjnj_120._primary_hmjnj_165._next_hmjnj_182::after {
  position: absolute;
  content: "";
  right: 29px;
  width: 24px;
  height: 24px;
  top: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.0003%205.66663L10.0581%206.60885L13.7825%2010.3333H5.66699V11.6666H13.7825L10.0581%2015.3911L11.0003%2016.3333L16.3337%2011L11.0003%205.66663Z'%20fill='white'/%3e%3c/svg%3e");
  background-color: #FFF;
  transition: all 0.2s ease-in-out;
}
._userViewContainer_hmjnj_15 ._button_hmjnj_120._primary_hmjnj_165._next_hmjnj_182:disabled::after {
  background-color: #A4A4A4;
}
._userViewContainer_hmjnj_15 ._button_hmjnj_120._outlined_hmjnj_199 {
  padding: 14px 44px;
  background: transparent;
  border: 1px solid #CACACA;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #CACACA;
  transition: all 0.2s ease-in-out;
}
._userViewContainer_hmjnj_15 ._button_hmjnj_120._outlined_hmjnj_199:hover {
  border-color: #b4b4b4;
  color: #B4B4B4;
}
._userViewContainer_hmjnj_15 ._grade_hmjnj_217 {
  width: 300px;
  height: 200px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  border-radius: 12px;
  margin-top: 25px;
}
._percentText_hmjnj_226 {
  vertical-align: middle;
  margin-left: 6px;
}
._trActive_hmjnj_231:hover {
  background: #DBF1FF;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._container_107nn_14 {
  padding-bottom: 300px;
}
._container_107nn_14 ._question_107nn_17 {
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  border-radius: 20px;
  padding: 25px 50px;
  margin-top: 16px;
}
._container_107nn_14 ._answerWrapper_107nn_24 {
  margin: 24px 0;
  display: flex;
  alignItems: center;
}
._container_107nn_14 ._answerPrefix_107nn_29 {
  margin-right: 12px;
}
._container_107nn_14 ._mathInput_107nn_32 {
  border-radius: 4px;
  background-color: #EEE;
  border: 1px solid #CCC;
  padding: 4px 8px;
  flex: 1;
}
._container_107nn_14 .katex-display {
  color: #555555;
  display: inline-block;
  margin: 1em 0 1em 0;
  font-size: 100%;
}
._container_107nn_14 .katex-display ._text_107nn_45 {
  font-size: 100%;
}
._signTable_107nn_49 {
  background: white;
  margin: 48px 0;
  color: #666;
  -webkit-user-select: none;
          user-select: none;
}
._editable_107nn_56 {
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._editable_107nn_56:hover {
  background: #F3F3F3;
}
._signValue_107nn_64 {
  position: relative;
  cursor: pointer;
}
._signValue_107nn_64:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  border-left: 1px dashed #666;
  left: 50%;
  margin-left: -1px;
}
._signValue_107nn_64._forbiddenSignValue_107nn_77:before {
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  left: 50%;
  margin-left: -3px;
  width: 6px;
}
._forbiddenValue_107nn_85 {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  width: 6px;
  margin: -10px 8px;
}
._signTable_107nn_49 .katex-display {
  margin: 0;
}
._forbiddenValueSwitch_107nn_98 {
  position: relative;
  cursor: pointer;
  border-left: 2px solid #666;
  border-right: 2px solid #666;
  width: 8px;
  margin: 8px auto;
  height: 8px;
  transition: background 0.2s ease-in-out;
}
._forbiddenValueSwitch_107nn_98:hover {
  background: #F3F3F3;
}
._signRow_107nn_112 th {
  border-top: 1px solid #37A5E8;
}
._signRow_107nn_112 td {
  border-top: 1px solid #999;
}
._signTable_107nn_49 tr {
  border-bottom: 1px solid #FFF;
}
span._editable_107nn_56 {
  padding: 10px;
}
._signTable_107nn_49 th:not(:empty) {
  background: #E1F4FF;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  color: #37A5E8;
}
._signTable_107nn_49 th, td {
  vertical-align: middle;
  text-align: center;
  padding: 10px;
  font-size: 16px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._container_199qs_14 {
  max-width: 1280px;
  margin: auto;
}
._container_199qs_14 ._name_199qs_18 {
  text-align: center;
  display: block;
  margin: 0 auto;
  color: #777;
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  letter-spacing: 0.02em;
}
._container_199qs_14 h1 {
  text-align: center;
  margin: 12px 0 48px;
  color: #bfbfbf;
}
._container_199qs_14 ._schoolLevelBaseFooter_199qs_33 {
  text-align: center;
  margin: 96px auto 0;
  color: #bfbfbf;
  font-size: 14px;
  line-height: 140%;
  max-width: 800px;
}
._container_199qs_14 ._schoolLevelBaseFooter_199qs_33 h2 {
  font-weight: bold;
  color: #9b9b9b;
  margin: 24px 0 12px;
  font-size: 18px;
}
._container_199qs_14 ._schoolLevelBaseFooter_199qs_33 p {
  line-height: 150%;
}
._container_199qs_14 ._card_199qs_50 {
  display: flex;
  align-items: center;
}
._container_199qs_14 ._card_199qs_50 .katex-display {
  margin: 0;
}
._container_199qs_14 ._card_199qs_50 .katex-display span {
  font-weight: normal;
}
._sectionWrapper_199qs_61 {
  margin-top: 48px;
}
._sectionLabel_199qs_65 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
}
._schoolLevelMenuChapterNumber_199qs_71 {
  height: 36px;
  width: 36px;
  line-height: 34px;
  border: 2px solid #eee;
  text-align: center;
  border-radius: 50%;
  margin-right: 1em;
  flex: none;
}
._card_199qs_50 {
  display: flex;
  align-items: center;
  margin: 0 0 24px 0;
  background: #FFFFFF;
  box-shadow: 0 0 12px rgba(147, 147, 147, 0.16);
  border-radius: 20px;
  overflow: hidden;
  min-height: 96px;
  padding: 25px;
  transition: background 0.2s ease;
  vertical-align: top;
}
._card_199qs_50:hover {
  background: #f6f6f6;
}
._card_199qs_50 p {
  color: #433E40;
  margin: 0.5em 0 0;
}
._card_199qs_50 h3 {
  color: #444;
  margin: 0;
  font-size: 16px;
  display: block;
  font-family: "Inter", sans-serif;
}
@media (min-width: 1024px) {
  ._section_199qs_61 {
    column-count: 2;
    column-gap: 48px;
  }
}
._section_199qs_61 {
  margin: 40px 0 10px 0;
}
@media only screen and (max-width: 768px) {
  ._section_199qs_61 {
    margin: 25px 0 10px 0;
    padding: 0;
  }
}
._section_199qs_61 li {
  vertical-align: top;
}
._section_199qs_61 li a {
  display: inline-block;
  width: 100%;
  color: #000;
}
._section_199qs_61 li a span {
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
._section-title_199qs_141 {
  display: block;
  margin-bottom: 4px;
  color: #7FB5D8;
  font-size: 0.75rem;
  line-height: 1.15em;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._wrapper_1xnm3_8 {
  padding: 16px;
}
._title_1xnm3_12 {
  font-family: "Inter", sans-serif;
  margin: 0;
  font-size: 15px;
  line-height: 18px;
  color: #434343;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}
._title_1xnm3_12 .katex-display {
  margin: 0 !important;
}
._title_1xnm3_12 .katex-display span {
  color: #434343 !important;
}
._progressBar_1xnm3_29 {
  height: 4px;
  width: 100%;
  background: #eee;
  position: relative;
}
._progressBar_1xnm3_29 i {
  background: #66c5ff;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
._iconDuration_1xnm3_43 {
  background-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='18'%20viewBox='0%200%2015%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.4602%202.9289C8.59974%202.70111%208.68018%202.43319%208.68018%202.14648C8.68018%201.31806%208.0086%200.646484%207.18018%200.646484C6.35175%200.646484%205.68018%201.31806%205.68018%202.14648C5.68018%202.4328%205.76039%202.70038%205.89958%202.92798C2.57601%203.53133%200.0551758%206.44076%200.0551758%209.93817C0.0551758%2013.8728%203.23768%2017.0632%207.18018%2017.0632C11.1227%2017.0632%2014.3052%2013.8728%2014.3052%209.93817C14.3052%208.25984%2013.7193%206.71609%2012.7456%205.49692L13.8698%204.37276C13.5293%203.969%2013.1573%203.589%2012.7535%203.25651L11.6293%204.38067C10.7217%203.65453%209.64072%203.14497%208.4602%202.9289ZM7.97184%205.97984V10.7298H6.38851V5.97984H7.97184ZM1.63851%209.93817C1.63851%2013.0019%204.11643%2015.4798%207.18018%2015.4798C10.2439%2015.4798%2012.7218%2013.0019%2012.7218%209.93817C12.7218%206.87442%2010.2439%204.39651%207.18018%204.39651C4.11643%204.39651%201.63851%206.87442%201.63851%209.93817Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
  background-size: contain;
  height: 18px;
  width: 15px;
  margin-right: 4px;
}
._duration_1xnm3_51 {
  font-size: 15px;
  line-height: 18px;
  color: #cacaca;
}
._workPoints_1xnm3_57 {
  margin-left: 24px;
  position: relative;
  padding-left: 28px;
}
._workPoints_1xnm3_57 span {
  font-weight: 900;
  color: #737e85;
  opacity: 0.7;
  font-size: 14px;
  line-height: 17px;
}
._workPoints_1xnm3_57:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.91383%209.35862C3.74759%209.954%202.89595%2011.2469%202.20569%2012.8593C0.715993%2016.3391%202.94152%2019.2193%206.26673%2020.3562C7.30638%2020.7116%2010.2096%2021.1926%2017.2239%2019.0141C22.0933%2017.5018%2019.5611%2013.0491%2016.7201%208.05332C15.8229%206.47576%2014.895%204.84404%2014.1596%203.23364C14.1596%203.23364%2010.5567%200.00979016%209.54086%202.22397e-05V0H9.5363C9.53627%200%209.53624%200%209.53621%200H7.71481V0.593468H8.61266C7.87049%201.17987%207.27668%201.82041%207.24173%202.3081C7.20857%202.77087%207.47387%203.00226%207.47387%203.00226C7.47387%203.00226%207.00451%203.30239%206.91673%203.74269C6.73502%204.65414%209.00602%204.25174%209.00602%204.25174C9.00602%204.25174%209.60958%204.52939%2010.5382%204.80705C11.1948%205.00339%2011.7456%204.9551%2012.0239%204.89962C12.4882%204.80705%2012.7667%206.65815%2012.7667%206.65815V13.5534H12.0239C12.0239%2013.5534%2011.0218%2010.7281%208.71643%209.60963C7.63454%209.08475%206.71029%208.92101%205.91152%209.03906H4.60956V9.35862H4.91383Z'%20fill='%23FF9900'/%3e%3cpath%20d='M0.471676%2012.8593C1.75533%209.86071%203.59713%207.96727%206.98242%209.60963C9.28781%2010.7281%2010.2899%2013.5534%2010.2899%2013.5534H11.0327V6.65815C11.0327%206.65815%2010.7541%204.80705%2010.2899%204.89962C10.0116%204.9551%209.46074%205.00339%208.80414%204.80705C7.87557%204.52939%207.27201%204.25174%207.27201%204.25174C7.27201%204.25174%205.00101%204.65414%205.18272%203.74269C5.2705%203.30239%205.73986%203.00226%205.73986%203.00226C5.73986%203.00226%205.47456%202.77087%205.50772%202.3081C5.55415%201.66022%206.58686%200.7426%207.64343%200.0405005C8.33986%20-0.422281%2012.4256%203.23364%2012.4256%203.23364C15.4899%209.94382%2021.897%2017.0242%2015.4899%2019.0141C8.47562%2021.1926%205.57237%2020.7116%204.53272%2020.3562C1.2075%2019.2193%20-1.01802%2016.3391%200.471676%2012.8593Z'%20fill='%23FFC32B'/%3e%3cmask%20id='mask0'%20mask-type='alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='19'%20height='21'%3e%3cpath%20d='M0.471041%2012.8593C1.73186%209.83789%203.5965%207.96727%206.98178%209.60963C9.28718%2010.7281%2010.2892%2013.5534%2010.2892%2013.5534H11.0321V6.65815C11.0321%206.65815%2010.7535%204.80705%2010.2892%204.89962C10.0109%204.9551%209.46011%205.00339%208.8035%204.80705C7.87494%204.52939%207.27137%204.25174%207.27137%204.25174C7.27137%204.25174%205.00037%204.65414%205.18208%203.74269C5.26986%203.30239%205.73922%203.00226%205.73922%203.00226C5.73922%203.00226%205.47392%202.77087%205.50708%202.3081C5.55351%201.66022%206.58622%200.7426%207.64279%200.0405005C8.33922%20-0.422281%2012.4249%203.23364%2012.4249%203.23364C15.4892%209.94382%2021.8963%2017.0242%2015.4892%2019.0141C8.47498%2021.1926%205.57173%2020.7116%204.53208%2020.3562C1.20687%2019.2193%20-0.986732%2016.3526%200.471041%2012.8593Z'%20fill='%23FFC32B'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0)'%3e%3cpath%20d='M11.9453%206.1511C12.6755%204.54176%2010.0977%204.73395%209.01869%205.27149L7.59973%206.1511C8.94478%206.98185%2011.4294%207.28811%2011.9453%206.1511Z'%20fill='%23FFA826'/%3e%3cpath%20d='M7.75663%202.38526C8.33071%201.67488%205.84699%202.36807%204.84543%202.80933L3.5427%203.44671C4.91619%203.39279%207.35104%202.88715%207.75663%202.38526Z'%20fill='%23FFA826'/%3e%3cpath%20d='M10.9655%2017.0672C11.2994%2016.2957%207.96444%2018.232%205.7333%2016.597C3.50217%2014.962%202.75975%2010.1168%202.78835%2011.2693C3.01688%2020.4771%2010.4102%2018.3502%2010.9655%2017.0672Z'%20fill='%23FFA826'/%3e%3cpath%20d='M26.8445%20-5.34108C23.2416%200.913162%2012.6012%206.02612%208.08174%201.64359C4.95933%20-1.38421%206.07308%20-13.7409%206.07308%20-13.7409C6.07308%20-13.7409%2010.614%20-28.7146%2012.6904%20-28.7146C14.7668%20-28.7146%2032.2478%20-14.7208%2026.8445%20-5.34108Z'%20fill='%23FFD93B'/%3e%3ccircle%20cx='-0.592366'%20cy='12.8739'%20r='8.99333'%20fill='%23FFD93B'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}
._wrapper_1xnm3_8 {
  height: 140px;
  padding: 16px;
  display: grid;
  grid-template-rows: 1fr;
}
._card_1xnm3_89 {
  text-decoration: none;
  background: #ffffff;
  overflow: hidden;
  width: 288px;
  box-shadow: 0px 0px 12px rgba(147, 147, 147, 0.12);
  border-radius: 20px;
  margin-right: 22px;
}
._card_1xnm3_89 > * {
  text-decoration: none;
  color: #111;
  transition: 0.1s color ease-in;
}
._card_1xnm3_89:hover {
  box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07);
  transition: all 0.3s ease;
  transform: translate3D(0, -1px, 0);
}
._card_1xnm3_89 ._cardImg_1xnm3_111 {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 90px;
}
._content_1xnm3_118 {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
@media (max-width: 1023px) {
  ._card_1xnm3_89 {
    display: inline-block;
    overflow: hidden;
    width: 240px;
  }
  ._card_1xnm3_89 ._cardImg_1xnm3_111 {
    width: 100%;
    background: #fafafa;
  }
  ._cardLink_1xnm3_134 {
    text-decoration: none;
    display: block;
  }
  ._content_1xnm3_118 {
    font-size: 13px;
    margin-top: 12px;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._dropdown_2u2nv_8 {
  -webkit-user-select: none;
          user-select: none;
  break-inside: avoid-column;
}
._indicator_2u2nv_13 {
  border: 1px solid #cacaca;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
._indicator_2u2nv_13._done_2u2nv_20 {
  background: #eaf3ef;
  border: 1px solid #45c482;
  background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='9'%20viewBox='0%200%2011%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%203.88L4.9375%207L10%201'%20stroke='%2345C482'%20stroke-width='1.5'/%3e%3c/svg%3e");
  background-size: 66%;
  background-repeat: no-repeat;
  background-position: center;
}
._arrow_2u2nv_29 {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='23.261'%20height='14.161'%20viewBox='0%200%2023.261%2014.161'%3e%3cg%20id='Flèche_grise'%20data-name='Flèche%20grise'%20transform='translate(-2715.997%20-521.436)%20rotate(-45)'%3e%3crect%20id='Rectangle_1141'%20data-name='Rectangle%201141'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1566.448%202303.87)%20rotate(90)'%20fill='%23dedede'/%3e%3crect%20id='Rectangle_1140'%20data-name='Rectangle%201140'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1550%202291)'%20fill='%23dedede'/%3e%3c/g%3e%3c/svg%3e");
  margin-right: 14px;
  transition: all 0.3s ease-in-out;
  min-width: 24px;
  height: 14px;
}
._active_2u2nv_37 ._arrow_2u2nv_29 {
  transform: rotate(180deg);
}
._button_2u2nv_41 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 25px;
  cursor: pointer;
}
._button_2u2nv_41 .katex-display {
  margin: 0 !important;
}
._button_2u2nv_41 img {
  transform: rotate(-90deg);
  margin-right: 14px;
  transition: all 0.3s ease-in-out;
}
._active_2u2nv_37 ._button_2u2nv_41 img {
  transform: rotate(90deg);
}
._dropdown_2u2nv_8 ._button_2u2nv_41 h3 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #434343;
  display: flex;
  align-items: center;
  flex: 1;
}
._dropdown_2u2nv_8 ._button_2u2nv_41 h3 .katex-display {
  margin: 0 !important;
}
._dropdown_2u2nv_8 ._button_2u2nv_41 h3 .katex-display span {
  color: #434343 !important;
}
._exercisesCount_2u2nv_79 {
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #989898;
  white-space: nowrap;
  margin: 0 12px;
}
._active_2u2nv_37 ._button_2u2nv_41 {
  border: 0;
}
._exerciseRow_2u2nv_92 {
  margin: 0 0 12px 0;
}
._dropdown_2u2nv_8 ._content_2u2nv_96 {
  margin: 0;
  font-size: 13px;
  line-height: 222%;
  color: #696969;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 0.5s linear;
  padding: 0 26px;
}
._dropdown_2u2nv_8 ._content_2u2nv_96 a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  padding: 12px 14px;
  background: #fdfcfc;
  color: #737E85;
  transition: all 0.2s ease-in-out;
}
._dropdown_2u2nv_8 ._content_2u2nv_96 a:hover {
  background: #DBF1FF;
  color: #239fe3;
}
._dropdown_2u2nv_8 ._content_2u2nv_96 a h4 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
}
._dropdown_2u2nv_8 ._content_2u2nv_96 a div {
  display: flex;
  align-items: center;
}
@keyframes _tips-diag-bottom_2u2nv_1 {
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
._iconPuzzle_2u2nv_138 {
  background-image: url("/assets/puzzle-D82whljx.svg");
  background-size: contain;
  height: 24px;
  width: 24px;
  margin: 0 20px 0 6px;
  position: relative;
}
._iconPuzzle_2u2nv_138[data-tooltip]::before, ._iconPuzzle_2u2nv_138[data-tooltip]::after {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  left: 50%;
  z-index: 1001;
  transform: translate(-50%, -0.5em);
}
._iconPuzzle_2u2nv_138[data-tooltip]::before {
  content: "";
  border: 5px solid transparent;
  border-top-width: 0;
  border-bottom-color: #434343;
  bottom: -5px;
}
._iconPuzzle_2u2nv_138[data-tooltip]::after {
  font-size: 14px;
  content: attr(data-tooltip);
  font-style: normal;
  background: #434343;
  color: #CACACA;
  top: calc(100% + 5px);
  line-height: 20px;
  padding: 6px 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
._iconPuzzle_2u2nv_138[data-tooltip]:hover::after, ._iconPuzzle_2u2nv_138[data-tooltip]:hover::before {
  animation: _tips-diag-bottom_2u2nv_1 150ms cubic-bezier(0.5, 0, 0.6, 1.3) 1ms forwards;
}
._iconDuration_2u2nv_178 {
  background-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='18'%20viewBox='0%200%2015%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.4602%202.9289C8.59974%202.70111%208.68018%202.43319%208.68018%202.14648C8.68018%201.31806%208.0086%200.646484%207.18018%200.646484C6.35175%200.646484%205.68018%201.31806%205.68018%202.14648C5.68018%202.4328%205.76039%202.70038%205.89958%202.92798C2.57601%203.53133%200.0551758%206.44076%200.0551758%209.93817C0.0551758%2013.8728%203.23768%2017.0632%207.18018%2017.0632C11.1227%2017.0632%2014.3052%2013.8728%2014.3052%209.93817C14.3052%208.25984%2013.7193%206.71609%2012.7456%205.49692L13.8698%204.37276C13.5293%203.969%2013.1573%203.589%2012.7535%203.25651L11.6293%204.38067C10.7217%203.65453%209.64072%203.14497%208.4602%202.9289ZM7.97184%205.97984V10.7298H6.38851V5.97984H7.97184ZM1.63851%209.93817C1.63851%2013.0019%204.11643%2015.4798%207.18018%2015.4798C10.2439%2015.4798%2012.7218%2013.0019%2012.7218%209.93817C12.7218%206.87442%2010.2439%204.39651%207.18018%204.39651C4.11643%204.39651%201.63851%206.87442%201.63851%209.93817Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
  background-size: contain;
  height: 18px;
  width: 15px;
  margin-right: 4px;
}
._duration_2u2nv_186 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  text-transform: initial;
}
._workPoints_2u2nv_195 {
  margin-left: 40px;
  position: relative;
  padding-left: 28px;
}
._workPoints_2u2nv_195 span {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #737E85;
  opacity: 0.7;
  font-size: 14px;
  line-height: 17px;
}
._workPoints_2u2nv_195:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.91383%209.35862C3.74759%209.954%202.89595%2011.2469%202.20569%2012.8593C0.715993%2016.3391%202.94152%2019.2193%206.26673%2020.3562C7.30638%2020.7116%2010.2096%2021.1926%2017.2239%2019.0141C22.0933%2017.5018%2019.5611%2013.0491%2016.7201%208.05332C15.8229%206.47576%2014.895%204.84404%2014.1596%203.23364C14.1596%203.23364%2010.5567%200.00979016%209.54086%202.22397e-05V0H9.5363C9.53627%200%209.53624%200%209.53621%200H7.71481V0.593468H8.61266C7.87049%201.17987%207.27668%201.82041%207.24173%202.3081C7.20857%202.77087%207.47387%203.00226%207.47387%203.00226C7.47387%203.00226%207.00451%203.30239%206.91673%203.74269C6.73502%204.65414%209.00602%204.25174%209.00602%204.25174C9.00602%204.25174%209.60958%204.52939%2010.5382%204.80705C11.1948%205.00339%2011.7456%204.9551%2012.0239%204.89962C12.4882%204.80705%2012.7667%206.65815%2012.7667%206.65815V13.5534H12.0239C12.0239%2013.5534%2011.0218%2010.7281%208.71643%209.60963C7.63454%209.08475%206.71029%208.92101%205.91152%209.03906H4.60956V9.35862H4.91383Z'%20fill='%23FF9900'/%3e%3cpath%20d='M0.471676%2012.8593C1.75533%209.86071%203.59713%207.96727%206.98242%209.60963C9.28781%2010.7281%2010.2899%2013.5534%2010.2899%2013.5534H11.0327V6.65815C11.0327%206.65815%2010.7541%204.80705%2010.2899%204.89962C10.0116%204.9551%209.46074%205.00339%208.80414%204.80705C7.87557%204.52939%207.27201%204.25174%207.27201%204.25174C7.27201%204.25174%205.00101%204.65414%205.18272%203.74269C5.2705%203.30239%205.73986%203.00226%205.73986%203.00226C5.73986%203.00226%205.47456%202.77087%205.50772%202.3081C5.55415%201.66022%206.58686%200.7426%207.64343%200.0405005C8.33986%20-0.422281%2012.4256%203.23364%2012.4256%203.23364C15.4899%209.94382%2021.897%2017.0242%2015.4899%2019.0141C8.47562%2021.1926%205.57237%2020.7116%204.53272%2020.3562C1.2075%2019.2193%20-1.01802%2016.3391%200.471676%2012.8593Z'%20fill='%23FFC32B'/%3e%3cmask%20id='mask0'%20mask-type='alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='19'%20height='21'%3e%3cpath%20d='M0.471041%2012.8593C1.73186%209.83789%203.5965%207.96727%206.98178%209.60963C9.28718%2010.7281%2010.2892%2013.5534%2010.2892%2013.5534H11.0321V6.65815C11.0321%206.65815%2010.7535%204.80705%2010.2892%204.89962C10.0109%204.9551%209.46011%205.00339%208.8035%204.80705C7.87494%204.52939%207.27137%204.25174%207.27137%204.25174C7.27137%204.25174%205.00037%204.65414%205.18208%203.74269C5.26986%203.30239%205.73922%203.00226%205.73922%203.00226C5.73922%203.00226%205.47392%202.77087%205.50708%202.3081C5.55351%201.66022%206.58622%200.7426%207.64279%200.0405005C8.33922%20-0.422281%2012.4249%203.23364%2012.4249%203.23364C15.4892%209.94382%2021.8963%2017.0242%2015.4892%2019.0141C8.47498%2021.1926%205.57173%2020.7116%204.53208%2020.3562C1.20687%2019.2193%20-0.986732%2016.3526%200.471041%2012.8593Z'%20fill='%23FFC32B'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0)'%3e%3cpath%20d='M11.9453%206.1511C12.6755%204.54176%2010.0977%204.73395%209.01869%205.27149L7.59973%206.1511C8.94478%206.98185%2011.4294%207.28811%2011.9453%206.1511Z'%20fill='%23FFA826'/%3e%3cpath%20d='M7.75663%202.38526C8.33071%201.67488%205.84699%202.36807%204.84543%202.80933L3.5427%203.44671C4.91619%203.39279%207.35104%202.88715%207.75663%202.38526Z'%20fill='%23FFA826'/%3e%3cpath%20d='M10.9655%2017.0672C11.2994%2016.2957%207.96444%2018.232%205.7333%2016.597C3.50217%2014.962%202.75975%2010.1168%202.78835%2011.2693C3.01688%2020.4771%2010.4102%2018.3502%2010.9655%2017.0672Z'%20fill='%23FFA826'/%3e%3cpath%20d='M26.8445%20-5.34108C23.2416%200.913162%2012.6012%206.02612%208.08174%201.64359C4.95933%20-1.38421%206.07308%20-13.7409%206.07308%20-13.7409C6.07308%20-13.7409%2010.614%20-28.7146%2012.6904%20-28.7146C14.7668%20-28.7146%2032.2478%20-14.7208%2026.8445%20-5.34108Z'%20fill='%23FFD93B'/%3e%3ccircle%20cx='-0.592366'%20cy='12.8739'%20r='8.99333'%20fill='%23FFD93B'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}
._active_2u2nv_37 ._content_2u2nv_96 {
  display: block;
  visibility: visible;
  opacity: 1;
  border-bottom: 1px solid #EFEFEF;
}
._footerBox_2u2nv_229 {
  margin-top: 70px;
}
@media (max-width: 768px) {
  ._wrapper_2u2nv_234 {
    margin-top: 15px;
  }
  ._dropdown_2u2nv_8 {
    margin-left: 0;
  }
  ._dropdown_2u2nv_8 ._content_2u2nv_96 {
    margin-top: 0;
    padding: 0px 21px 10px 21px;
  }
  ._dropdown_2u2nv_8 ._content_2u2nv_96 a {
    flex-direction: column;
    align-items: flex-start;
  }
  ._dropdown_2u2nv_8 ._content_2u2nv_96 a > div:last-child {
    margin-left: 30px;
    margin-top: 10px;
    padding-top: 6px;
    padding-left: 4px;
    border-top: 1px solid #E0E0E0;
  }
  ._button_2u2nv_41 {
    padding: 16px 21px 10px 21px;
  }
  ._return_2u2nv_258 {
    padding-right: 21px;
  }
  ._footerBox_2u2nv_229 {
    margin-top: 45px;
  }
}._container_19c34_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 25px;
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  color: #434343;
}
._container_19c34_1 .katex-display {
  margin: 0 !important;
}
._indicator_19c34_15 {
  border: 1px solid #cacaca;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
._indicator_19c34_15._done_19c34_22 {
  background: #eaf3ef;
  border: 1px solid #45c482;
  background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='9'%20viewBox='0%200%2011%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%203.88L4.9375%207L10%201'%20stroke='%2345C482'%20stroke-width='1.5'/%3e%3c/svg%3e");
  background-size: 66%;
  background-repeat: no-repeat;
  background-position: center;
}
._rightContent_19c34_31 {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding-left: 6px;
}
._iconDuration_19c34_38 {
  background-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='18'%20viewBox='0%200%2015%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.4602%202.9289C8.59974%202.70111%208.68018%202.43319%208.68018%202.14648C8.68018%201.31806%208.0086%200.646484%207.18018%200.646484C6.35175%200.646484%205.68018%201.31806%205.68018%202.14648C5.68018%202.4328%205.76039%202.70038%205.89958%202.92798C2.57601%203.53133%200.0551758%206.44076%200.0551758%209.93817C0.0551758%2013.8728%203.23768%2017.0632%207.18018%2017.0632C11.1227%2017.0632%2014.3052%2013.8728%2014.3052%209.93817C14.3052%208.25984%2013.7193%206.71609%2012.7456%205.49692L13.8698%204.37276C13.5293%203.969%2013.1573%203.589%2012.7535%203.25651L11.6293%204.38067C10.7217%203.65453%209.64072%203.14497%208.4602%202.9289ZM7.97184%205.97984V10.7298H6.38851V5.97984H7.97184ZM1.63851%209.93817C1.63851%2013.0019%204.11643%2015.4798%207.18018%2015.4798C10.2439%2015.4798%2012.7218%2013.0019%2012.7218%209.93817C12.7218%206.87442%2010.2439%204.39651%207.18018%204.39651C4.11643%204.39651%201.63851%206.87442%201.63851%209.93817Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
  background-size: contain;
  height: 18px;
  width: 15px;
  margin-right: 4px;
}
._duration_19c34_46 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  text-transform: initial;
}
._workPoints_19c34_55 {
  margin-left: 40px;
  position: relative;
  padding-left: 28px;
}
._workPoints_19c34_55 span {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #737E85;
  opacity: 0.7;
  font-size: 14px;
  line-height: 17px;
}
._workPoints_19c34_55:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.91383%209.35862C3.74759%209.954%202.89595%2011.2469%202.20569%2012.8593C0.715993%2016.3391%202.94152%2019.2193%206.26673%2020.3562C7.30638%2020.7116%2010.2096%2021.1926%2017.2239%2019.0141C22.0933%2017.5018%2019.5611%2013.0491%2016.7201%208.05332C15.8229%206.47576%2014.895%204.84404%2014.1596%203.23364C14.1596%203.23364%2010.5567%200.00979016%209.54086%202.22397e-05V0H9.5363C9.53627%200%209.53624%200%209.53621%200H7.71481V0.593468H8.61266C7.87049%201.17987%207.27668%201.82041%207.24173%202.3081C7.20857%202.77087%207.47387%203.00226%207.47387%203.00226C7.47387%203.00226%207.00451%203.30239%206.91673%203.74269C6.73502%204.65414%209.00602%204.25174%209.00602%204.25174C9.00602%204.25174%209.60958%204.52939%2010.5382%204.80705C11.1948%205.00339%2011.7456%204.9551%2012.0239%204.89962C12.4882%204.80705%2012.7667%206.65815%2012.7667%206.65815V13.5534H12.0239C12.0239%2013.5534%2011.0218%2010.7281%208.71643%209.60963C7.63454%209.08475%206.71029%208.92101%205.91152%209.03906H4.60956V9.35862H4.91383Z'%20fill='%23FF9900'/%3e%3cpath%20d='M0.471676%2012.8593C1.75533%209.86071%203.59713%207.96727%206.98242%209.60963C9.28781%2010.7281%2010.2899%2013.5534%2010.2899%2013.5534H11.0327V6.65815C11.0327%206.65815%2010.7541%204.80705%2010.2899%204.89962C10.0116%204.9551%209.46074%205.00339%208.80414%204.80705C7.87557%204.52939%207.27201%204.25174%207.27201%204.25174C7.27201%204.25174%205.00101%204.65414%205.18272%203.74269C5.2705%203.30239%205.73986%203.00226%205.73986%203.00226C5.73986%203.00226%205.47456%202.77087%205.50772%202.3081C5.55415%201.66022%206.58686%200.7426%207.64343%200.0405005C8.33986%20-0.422281%2012.4256%203.23364%2012.4256%203.23364C15.4899%209.94382%2021.897%2017.0242%2015.4899%2019.0141C8.47562%2021.1926%205.57237%2020.7116%204.53272%2020.3562C1.2075%2019.2193%20-1.01802%2016.3391%200.471676%2012.8593Z'%20fill='%23FFC32B'/%3e%3cmask%20id='mask0'%20mask-type='alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='19'%20height='21'%3e%3cpath%20d='M0.471041%2012.8593C1.73186%209.83789%203.5965%207.96727%206.98178%209.60963C9.28718%2010.7281%2010.2892%2013.5534%2010.2892%2013.5534H11.0321V6.65815C11.0321%206.65815%2010.7535%204.80705%2010.2892%204.89962C10.0109%204.9551%209.46011%205.00339%208.8035%204.80705C7.87494%204.52939%207.27137%204.25174%207.27137%204.25174C7.27137%204.25174%205.00037%204.65414%205.18208%203.74269C5.26986%203.30239%205.73922%203.00226%205.73922%203.00226C5.73922%203.00226%205.47392%202.77087%205.50708%202.3081C5.55351%201.66022%206.58622%200.7426%207.64279%200.0405005C8.33922%20-0.422281%2012.4249%203.23364%2012.4249%203.23364C15.4892%209.94382%2021.8963%2017.0242%2015.4892%2019.0141C8.47498%2021.1926%205.57173%2020.7116%204.53208%2020.3562C1.20687%2019.2193%20-0.986732%2016.3526%200.471041%2012.8593Z'%20fill='%23FFC32B'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0)'%3e%3cpath%20d='M11.9453%206.1511C12.6755%204.54176%2010.0977%204.73395%209.01869%205.27149L7.59973%206.1511C8.94478%206.98185%2011.4294%207.28811%2011.9453%206.1511Z'%20fill='%23FFA826'/%3e%3cpath%20d='M7.75663%202.38526C8.33071%201.67488%205.84699%202.36807%204.84543%202.80933L3.5427%203.44671C4.91619%203.39279%207.35104%202.88715%207.75663%202.38526Z'%20fill='%23FFA826'/%3e%3cpath%20d='M10.9655%2017.0672C11.2994%2016.2957%207.96444%2018.232%205.7333%2016.597C3.50217%2014.962%202.75975%2010.1168%202.78835%2011.2693C3.01688%2020.4771%2010.4102%2018.3502%2010.9655%2017.0672Z'%20fill='%23FFA826'/%3e%3cpath%20d='M26.8445%20-5.34108C23.2416%200.913162%2012.6012%206.02612%208.08174%201.64359C4.95933%20-1.38421%206.07308%20-13.7409%206.07308%20-13.7409C6.07308%20-13.7409%2010.614%20-28.7146%2012.6904%20-28.7146C14.7668%20-28.7146%2032.2478%20-14.7208%2026.8445%20-5.34108Z'%20fill='%23FFD93B'/%3e%3ccircle%20cx='-0.592366'%20cy='12.8739'%20r='8.99333'%20fill='%23FFD93B'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  ._container_19c34_1 {
    flex-direction: column;
    align-items: flex-start;
  }
  ._rightContent_19c34_31 {
    margin-left: 30px;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 4px;
    border-top: 1px solid #E0E0E0;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._chapterBaseContainer_vywoe_14 {
  max-width: 1280px;
  padding: 0;
  margin: auto;
}
._chapterBaseContainer_vywoe_14 h1 {
  color: #777;
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 768px) {
  ._chapterBaseContainer_vywoe_14 h1 {
    padding: 0 12px;
  }
}
._chapterBaseContainer_vywoe_14 ._icon_vywoe_31 {
  font-size: 36px;
  margin-right: 15px;
  line-height: 27px;
}
._chapterBaseContainer_vywoe_14 ._card_vywoe_36 {
  display: flex;
  align-items: center;
}
._sectionsContainer_vywoe_41 {
  width: 100%;
}
@media (min-width: 1024px) {
  ._sectionsContainer_vywoe_41 {
    column-count: 2;
    column-gap: 48px;
  }
}
._documentsSection_vywoe_51 {
  overflow: hidden;
}
._section_vywoe_41 {
  padding: 40px 0 10px 0;
  break-inside: avoid-column;
}
._sectionRow_vywoe_59 {
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  border-radius: 20px;
  margin-top: 15px;
}
._sectionRow_vywoe_59 > li:not(:last-of-type) {
  border-bottom: 1px solid #EFEFEF;
}
._sectionTitle_vywoe_68 {
  font-family: "HK Grotesk", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #239fe3;
  margin: 0 0 0 12px;
}
._card_vywoe_36 {
  overflow: hidden;
  margin: 15px 0 0;
  padding: 25px;
  background: #fff 50%;
  background-size: cover;
  border-radius: 5px;
  box-shadow: 8px 14px 38px rgba(39, 44, 49, 0.06), 1px 3px 8px rgba(39, 44, 49, 0.03);
  transition: all 0.5s ease;
  vertical-align: top;
}
._card_vywoe_36:hover {
  box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07);
  transition: all 0.3s ease;
  transform: translate3D(0, -1px, 0);
}
._card_vywoe_36 p {
  color: #433E40;
  margin: 0.5em 0 0;
}
._card_vywoe_36 h2 {
  font-weight: 700;
  color: #444;
  margin: 0;
  display: block;
}
._card_vywoe_36 h3 {
  margin: 0;
}
._menuChapter_vywoe_107 {
  height: 36px;
  width: 36px;
  line-height: 34px;
  border: 2px solid #eee;
  text-align: center;
  border-radius: 50%;
  margin-right: 1em;
  flex: none;
}
@media (max-width: 768px) {
  ._sectionsContainer_vywoe_41 {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 48px;
  }
  ._titleWithKatex_vywoe_124 {
    text-align: left;
  }
  ._titleWithKatex_vywoe_124 span {
    white-space: normal !important;
  }
}._wrapper_1djr1_1 {
  margin: 12px 0;
  display: flex;
}

._prefix_1djr1_6 {
  margin-right: 12px;
}

._input_1djr1_10 {
  border-radius: 4px;
  cursor: text;
  background-color: #EEE;
  border: 2px solid #CCC;
  padding: 4px 8px;
  flex: 1;
}

._input_1djr1_10._right_1djr1_18 {
  border-color: #25C571;
  background-color: #ebfff4;
}

._input_1djr1_10._wrong_1djr1_22 {
  border-color: #ff5454;
  background-color: #ffdcdc;
}._container_wp348_1 {
  display: flex;
  margin-bottom: 18px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
          user-select: none;
  align-items: center;
}
._container_wp348_1:hover ._checkmark_wp348_9 {
  background-color: #ccc;
}
._container_wp348_1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
._container_wp348_1 input:checked ~ ._checkmark_wp348_9, ._container_wp348_1 input._correctAnswer_wp348_20 ~ ._checkmark_wp348_9 {
  background-color: #37A5E8;
}
._container_wp348_1 input:checked ~ ._checkmark_wp348_9:after, ._container_wp348_1 input._correctAnswer_wp348_20 ~ ._checkmark_wp348_9:after {
  display: block;
}
._container_wp348_1 input._rightAnswer_wp348_26 ~ ._checkmark_wp348_9 {
  background-color: #25C571;
}
._container_wp348_1 input._rightAnswer_wp348_26 ~ ._checkmark_wp348_9:after {
  display: initial;
}
._container_wp348_1 input._wrongAnswer_wp348_32 ~ ._checkmark_wp348_9 {
  background-color: #ff5454;
}
._container_wp348_1 input._wrongAnswer_wp348_32 ~ ._checkmark_wp348_9:after {
  display: initial;
  content: "x";
  border: 0;
  transform: none;
  left: 5px;
  top: -1px;
  font-weight: bold;
  color: #FFF;
  font-family: sans-serif;
  font-style: normal;
  font-size: 18px;
}
._checkmark_wp348_9 {
  position: relative;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 6px;
  margin-right: 12px;
}
._checkmark_wp348_9:after {
  position: absolute;
  content: "";
  left: 8px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  display: none;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}body {
  --keyboard-zindex: 9999;
}

@keyframes _tips-diag-right_ih5al_1 {
  to {
    opacity: 1;
    transform: translate(0, -50%);
  }
}

._wrapper_ih5al_11 {
  margin: 48px 0 !important;
}

._signTable_ih5al_15 {
  background: #FAFAFA;
  margin-top: 24px;
  color: #666;
  -webkit-user-select: none;
          user-select: none;
  width: initial !important;
  border: initial !important;
  border-radius: 8px;
}

._signTable_ih5al_15 th, ._signTable_ih5al_15 td {
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  border: 0 !important;
}

._signTable_ih5al_15 th {
  padding: 10px;
}

._signTable_ih5al_15 th:not(:empty) {
  background: #E1F4FF;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  color: #37A5E8;
}

._signTable_ih5al_15 th:not(:empty) span.katex-display {
  color: #37A5E8;
}

._signTable_ih5al_15 tbody td {
  border-top: 1px solid #CCC !important;
}

._signTable_ih5al_15 ._editable_ih5al_46 {
  cursor: pointer;
  transition: background 0.2s ease-in-out;
  position: relative;
  min-width: 40px;
}

._signTable_ih5al_15 ._editable_ih5al_46:hover {
  background: rgba(0, 0, 0, 0.1);
}

._signTable_ih5al_15 ._editable_ih5al_46:hover:after, ._signTable_ih5al_15 ._editable_ih5al_46:hover:before {
  animation: _tips-diag-right_ih5al_1 150ms cubic-bezier(0.5, 0, 0.6, 1.3) 1ms forwards;
}

._signTable_ih5al_15 ._editable_ih5al_46:before, ._signTable_ih5al_15 ._editable_ih5al_46:after {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  top: 50%;
  z-index: 1001;
  transform: translate(-0.5em, -50%);
}

._signTable_ih5al_15 ._editable_ih5al_46:after {
  font-family: "HK Grotesk Regular", sans-serif;
  font-size: 14px;
  content: attr(data-tooltip);
  background: #404D60;
  color: #F9F9F9;
  left: calc(100% + 5px);
  line-height: 36px;
  padding: 0 12px;
  white-space: nowrap;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

._signTable_ih5al_15 ._editable_ih5al_46:before {
  content: "";
  border: 5px solid transparent;
  border-left-width: 0;
  border-right-color: #404D60;
  right: -5px;
}

._signTable_ih5al_15 ._signValue_ih5al_87 {
  position: relative;
  cursor: pointer;
}

._signTable_ih5al_15 ._signValue_ih5al_87 i {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  border-left: 1px dashed #666;
  left: 50%;
  margin-left: -1px;
}

._signTable_ih5al_15 ._signValue_ih5al_87._forbiddenSignValue_ih5al_100 i {
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  left: 50%;
  margin-left: -3px;
  width: 6px;
}

._signTable_ih5al_15 ._forbiddenValue_ih5al_107 {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  width: 6px;
}

._signTable_ih5al_15 ._signTable_ih5al_15 span.katex-display {
  margin: 0 !important;
  color: #666 !important;
}

._signTable_ih5al_15 ._forbiddenValueSwitch_ih5al_118 {
  position: relative;
  cursor: pointer;
  border-left: 2px solid #666;
  border-right: 2px solid #666;
  width: 8px;
  margin: 8px auto;
  height: 8px;
  transition: background 0.2s ease-in-out;
}

._signTable_ih5al_15 ._forbiddenValueSwitch_ih5al_118:hover {
  background: #F3F3F3;
}

._signTable_ih5al_15 ._signRow_ih5al_131 th {
  border-top: 1px solid #37A5E8 !important;
}

._signTable_ih5al_15 ._signRow_ih5al_131 th span.katex-display {
  color: #37A5E8 !important;
}

._signTable_ih5al_15 ._signColumn_ih5al_137 {
  width: 80px;
}

._signTable_ih5al_15 td > div {
  display: inline-block;
}

._signTable_ih5al_15 ._signTable_ih5al_15 tr {
  border-bottom: 1px solid #FFF !important;
}

._signTable_ih5al_15 span._editable_ih5al_46 {
  padding: 10px;
}

._input_ih5al_150 {
  border-radius: 4px;
  cursor: text;
  background-color: #EEE;
  border: 2px solid #CCC;
  padding: 4px 8px;
  flex: 1;
}body {
  --keyboard-zindex: 3000;
}

._container_ph5y9_5 {
  position: relative;
  padding: 48px 24px 24px;
  background: #ffffff;
  border: 1px solid #ffd31e;
  border-radius: 20px;
  margin-top: 24px;
}

._answer_ph5y9_14 {
  background: #f5fbf7;
  padding: 24px;
  margin: 24px 0 0;
  border-radius: 10px;
  color: #607165;

  > * {
    color: #607165;
  }

  .katex-display {
    color: #607165;
  }
}

.reminder,
.note {
  position: relative;
  padding: 48px 24px 24px;
  margin: 24px 0;
  border-radius: 10px;

  &:before {
    position: absolute;
    top: 24px;
    left: 24px;
  }
}

.reminder {
  background: #fff1f1;
  border-left: 2px solid #fd8b8b;

  &:before {
    content: 'Rappel';
    color: #fd8b8b;
  }
}

.note {
  background: #eda478;
  border-left: 2px solid #895e45;

  &:before {
    content: 'Remarque';
    color: #895e45;
  }
}
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._wrapper_1lrz0_14 {
  flex: 1;
}
._videoFooter_1lrz0_18 {
  display: flex;
  margin-top: 30px;
  align-items: center;
  justify-content: flex-end;
}
._videoFooter_1lrz0_18 span {
  margin-right: 50px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #989898;
  cursor: pointer;
}
._videoContainer_1lrz0_34 {
  background: #ffffff;
  border: 1px solid #efefef;
  overflow: hidden;
  border-radius: 20px;
  flex: 1;
}
._videoContainerHeader_1lrz0_41 {
  padding: 16px 30px 0 30px;
}
._videoContainerChapterTitle_1lrz0_44 {
  display: block;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #989898;
  margin-bottom: 5px;
}
._videoContainerContent_1lrz0_55 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
._videoContainerContentRight_1lrz0_61 {
  display: flex;
  align-items: center;
  white-space: pre;
}
._videoContainerBlurred_1lrz0_66 {
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}
._videoContainer_1lrz0_34 h1 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 28px;
  color: #434343;
}
@media only screen and (max-width: 768px) {
  ._videoContainer_1lrz0_34 h1 {
    padding: 10px;
    line-height: 1rem;
    font-size: 1rem;
  }
}
._iconDuration_1lrz0_89 {
  background-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='18'%20viewBox='0%200%2015%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.4602%202.9289C8.59974%202.70111%208.68018%202.43319%208.68018%202.14648C8.68018%201.31806%208.0086%200.646484%207.18018%200.646484C6.35175%200.646484%205.68018%201.31806%205.68018%202.14648C5.68018%202.4328%205.76039%202.70038%205.89958%202.92798C2.57601%203.53133%200.0551758%206.44076%200.0551758%209.93817C0.0551758%2013.8728%203.23768%2017.0632%207.18018%2017.0632C11.1227%2017.0632%2014.3052%2013.8728%2014.3052%209.93817C14.3052%208.25984%2013.7193%206.71609%2012.7456%205.49692L13.8698%204.37276C13.5293%203.969%2013.1573%203.589%2012.7535%203.25651L11.6293%204.38067C10.7217%203.65453%209.64072%203.14497%208.4602%202.9289ZM7.97184%205.97984V10.7298H6.38851V5.97984H7.97184ZM1.63851%209.93817C1.63851%2013.0019%204.11643%2015.4798%207.18018%2015.4798C10.2439%2015.4798%2012.7218%2013.0019%2012.7218%209.93817C12.7218%206.87442%2010.2439%204.39651%207.18018%204.39651C4.11643%204.39651%201.63851%206.87442%201.63851%209.93817Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
  background-size: contain;
  height: 18px;
  width: 15px;
  margin-right: 4px;
}
._duration_1lrz0_97 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  text-transform: initial;
  color: #cacaca;
}
._workPoints_1lrz0_107 {
  margin-left: 40px;
  position: relative;
  padding-right: 28px;
}
._workPoints_1lrz0_107 span {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #737e85;
  opacity: 0.7;
  font-size: 15px;
  line-height: 18px;
}
._workPoints_1lrz0_107:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.91383%209.35862C3.74759%209.954%202.89595%2011.2469%202.20569%2012.8593C0.715993%2016.3391%202.94152%2019.2193%206.26673%2020.3562C7.30638%2020.7116%2010.2096%2021.1926%2017.2239%2019.0141C22.0933%2017.5018%2019.5611%2013.0491%2016.7201%208.05332C15.8229%206.47576%2014.895%204.84404%2014.1596%203.23364C14.1596%203.23364%2010.5567%200.00979016%209.54086%202.22397e-05V0H9.5363C9.53627%200%209.53624%200%209.53621%200H7.71481V0.593468H8.61266C7.87049%201.17987%207.27668%201.82041%207.24173%202.3081C7.20857%202.77087%207.47387%203.00226%207.47387%203.00226C7.47387%203.00226%207.00451%203.30239%206.91673%203.74269C6.73502%204.65414%209.00602%204.25174%209.00602%204.25174C9.00602%204.25174%209.60958%204.52939%2010.5382%204.80705C11.1948%205.00339%2011.7456%204.9551%2012.0239%204.89962C12.4882%204.80705%2012.7667%206.65815%2012.7667%206.65815V13.5534H12.0239C12.0239%2013.5534%2011.0218%2010.7281%208.71643%209.60963C7.63454%209.08475%206.71029%208.92101%205.91152%209.03906H4.60956V9.35862H4.91383Z'%20fill='%23FF9900'/%3e%3cpath%20d='M0.471676%2012.8593C1.75533%209.86071%203.59713%207.96727%206.98242%209.60963C9.28781%2010.7281%2010.2899%2013.5534%2010.2899%2013.5534H11.0327V6.65815C11.0327%206.65815%2010.7541%204.80705%2010.2899%204.89962C10.0116%204.9551%209.46074%205.00339%208.80414%204.80705C7.87557%204.52939%207.27201%204.25174%207.27201%204.25174C7.27201%204.25174%205.00101%204.65414%205.18272%203.74269C5.2705%203.30239%205.73986%203.00226%205.73986%203.00226C5.73986%203.00226%205.47456%202.77087%205.50772%202.3081C5.55415%201.66022%206.58686%200.7426%207.64343%200.0405005C8.33986%20-0.422281%2012.4256%203.23364%2012.4256%203.23364C15.4899%209.94382%2021.897%2017.0242%2015.4899%2019.0141C8.47562%2021.1926%205.57237%2020.7116%204.53272%2020.3562C1.2075%2019.2193%20-1.01802%2016.3391%200.471676%2012.8593Z'%20fill='%23FFC32B'/%3e%3cmask%20id='mask0'%20mask-type='alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='19'%20height='21'%3e%3cpath%20d='M0.471041%2012.8593C1.73186%209.83789%203.5965%207.96727%206.98178%209.60963C9.28718%2010.7281%2010.2892%2013.5534%2010.2892%2013.5534H11.0321V6.65815C11.0321%206.65815%2010.7535%204.80705%2010.2892%204.89962C10.0109%204.9551%209.46011%205.00339%208.8035%204.80705C7.87494%204.52939%207.27137%204.25174%207.27137%204.25174C7.27137%204.25174%205.00037%204.65414%205.18208%203.74269C5.26986%203.30239%205.73922%203.00226%205.73922%203.00226C5.73922%203.00226%205.47392%202.77087%205.50708%202.3081C5.55351%201.66022%206.58622%200.7426%207.64279%200.0405005C8.33922%20-0.422281%2012.4249%203.23364%2012.4249%203.23364C15.4892%209.94382%2021.8963%2017.0242%2015.4892%2019.0141C8.47498%2021.1926%205.57173%2020.7116%204.53208%2020.3562C1.20687%2019.2193%20-0.986732%2016.3526%200.471041%2012.8593Z'%20fill='%23FFC32B'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0)'%3e%3cpath%20d='M11.9453%206.1511C12.6755%204.54176%2010.0977%204.73395%209.01869%205.27149L7.59973%206.1511C8.94478%206.98185%2011.4294%207.28811%2011.9453%206.1511Z'%20fill='%23FFA826'/%3e%3cpath%20d='M7.75663%202.38526C8.33071%201.67488%205.84699%202.36807%204.84543%202.80933L3.5427%203.44671C4.91619%203.39279%207.35104%202.88715%207.75663%202.38526Z'%20fill='%23FFA826'/%3e%3cpath%20d='M10.9655%2017.0672C11.2994%2016.2957%207.96444%2018.232%205.7333%2016.597C3.50217%2014.962%202.75975%2010.1168%202.78835%2011.2693C3.01688%2020.4771%2010.4102%2018.3502%2010.9655%2017.0672Z'%20fill='%23FFA826'/%3e%3cpath%20d='M26.8445%20-5.34108C23.2416%200.913162%2012.6012%206.02612%208.08174%201.64359C4.95933%20-1.38421%206.07308%20-13.7409%206.07308%20-13.7409C6.07308%20-13.7409%2010.614%20-28.7146%2012.6904%20-28.7146C14.7668%20-28.7146%2032.2478%20-14.7208%2026.8445%20-5.34108Z'%20fill='%23FFD93B'/%3e%3ccircle%20cx='-0.592366'%20cy='12.8739'%20r='8.99333'%20fill='%23FFD93B'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}._wrapper_y5za0_1 {
  background: #fff;
  border-radius: 20px;
  padding: 25px 50px;
  display: block;
  margin-bottom: 30px;
  border: 1px solid #efefef;
}
@media (max-width: 768px) {
  ._wrapper_y5za0_1 {
    padding: 24px;
  }
}
._wrapper_y5za0_1 p {
  margin-bottom: 8px;
}
div.frame {
  padding: 24px;
  margin: 24px 12px 24px 0;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  display: inline-block;
  position: relative;
}
div.frame > .katex-display {
  margin: 0 !important;
}
.document_image {
  padding: 24px;
  background: #FFF;
  border-radius: 10px;
  margin: 24px 0;
  text-align: center;
  line-height: normal;
  position: relative;
}
.document_image img {
  max-width: 600px;
  width: 100%;
}
._answer_y5za0_44 {
  background: #f5fbf7;
  padding: 24px;
  margin: 24px 0 0;
  border-radius: 10px;
  color: #607165;
}
._answer_y5za0_44 > * {
  color: #607165;
}
._answer_y5za0_44 .katex-display {
  color: #607165;
}
.reminder,
.note {
  position: relative;
  padding: 48px 24px 24px;
  margin: 24px 0;
  border-radius: 10px;
}
.reminder:before,
.note:before {
  position: absolute;
  top: 24px;
  left: 24px;
}
.reminder {
  background: #FFF1F1;
  border-left: 2px solid #fd8b8b;
}
.reminder:before {
  content: "Rappel";
  color: #fd8b8b;
}
.note {
  background: #eda478;
  border-left: 2px solid #895e45;
}
.note:before {
  content: "Remarque";
  color: #895e45;
}
._questionIndex_y5za0_90 {
  background: #e1f4ff;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #37a5e8;
  padding: 3px 8px;
  display: inline-flex;
  margin-bottom: 24px;
}
._title_y5za0_103 {
  color: #434343;
  font-size: 16px;
  line-height: 19px;
}
._separator_y5za0_109 {
  display: flex;
  margin: 16px 0;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._containerPossibleAnswers_y5za0_116 {
  display: block;
}._modal_1o93e_1 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  /*pointer-events: none;*/
  z-index: 9999;
  animation: _animatebottom_1o93e_1 0.4s;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
._modal_1o93e_1._visible_1o93e_20 {
  opacity: 1;
  visibility: visible;
}
._modalPlaceholder_1o93e_24 {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
._modalBody_1o93e_29 {
  width: 100%;
}
._modalBody_1o93e_29 p {
  font-size: 18px;
  color: #434343;
  margin-bottom: 24px;
}
._modalBodyHeader_1o93e_37 {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 20px;
  font-weight: 600;
}
._modalHeader_1o93e_43 {
  text-align: left;
}
._modalContent_1o93e_46 {
  border-radius: 10px;
  max-width: 700px;
  width: 100%;
  max-height: 85vh;
  display: flex;
  height: auto;
  vertical-align: middle;
  overflow: auto;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
._modal_1o93e_1._enterDone_1o93e_59 {
  opacity: 1;
  pointer-events: visible;
}
._modal_1o93e_1._exit_1o93e_64 {
  opacity: 0;
}
._modal_1o93e_1._enterDone_1o93e_59 ._modalContent_1o93e_46 {
  transform: translateY(0);
}
._modal_1o93e_1._exit_1o93e_64 ._modalContent_1o93e_46 {
  transform: translateY(-200px);
}
._modalBody_1o93e_29 ._tblContent_1o93e_76 tr {
  cursor: initial;
}
._true_1o93e_80 {
  color: #25C571 !important;
}
._false_1o93e_84 {
  color: red !important;
}
._separator_1o93e_88 {
  width: 100%;
  display: flex;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._separatorWord_1o93e_94 {
  padding: 0 12px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 21px;
  color: #AAAAAA;
}
._separatorContainer_1o93e_103 {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
._modalBodyWrapper_1o93e_109 {
  display: flex;
  padding: 48px;
  width: 100%;
  flex: 1;
}
._headerStartButton_1o93e_116 {
  margin-bottom: 12px;
  font-size: 18px;
  color: #434343;
}
._title_1o93e_122 {
  font-weight: bold;
  font-size: 26px;
  line-height: 28px;
  color: #434343;
}
._footer_1o93e_129 {
  margin-top: 20px;
  font-size: 18px;
  color: #434343;
}
._footer_1o93e_129 a {
  font-size: 18px;
  color: #37A5E8;
}
@keyframes _animatebottom_1o93e_1 {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}._header_112wu_1 {
  padding: 25px 50px;
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 20px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  ._header_112wu_1 {
    padding: 24px;
  }
}
._header_112wu_1 span {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #989898;
  margin-bottom: 5px;
}
._container_112wu_22 {
  max-width: 1280px;
  margin: auto;
}
@media (max-width: 768px) {
  ._container_112wu_22 {
    padding-bottom: 60px;
  }
}
._title_112wu_32 {
  font-weight: 700;
  font-size: 25px;
  line-height: 31px;
  color: #434343;
}
._buttonContainer_112wu_39 {
  text-align: right;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
.mct-list {
  list-style-type: lower-alpha;
  padding-left: 20px;
}
.mct-list li {
  padding-left: 12px;
}
._exercisesSheetChapterTitle_1o0em_22 {
  display: block;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #989898;
  margin-bottom: 5px;
}
._exercisesSheetcontainer_1o0em_33 {
  margin: auto;
  height: 100%;
  width: 100%;
  flex: 1;
}
._exercisesSheetcontainerFooter_1o0em_39 {
  display: flex;
  margin-top: 30px;
  align-items: center;
  justify-content: flex-end;
}
._exercisesSheetcontainerblurred_1o0em_45 {
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}
._exercisesSheetcontainer_1o0em_33 h1 {
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 31px;
  color: #434343;
}
._exercisesSheetcontainer_1o0em_33 h2 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #434343;
}
._exercisesSheetcontainer_1o0em_33 h2 ._katexDisplay_1o0em_68 {
  color: rgb(101, 1, 26);
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetcontainer_1o0em_33 h2 {
    font-size: 16px;
  }
}
._exercisesSheetcontainer_1o0em_33 h2 > div,
._exercisesSheetcontainer_1o0em_33 h2 a {
  display: inline-block;
}
._exercisesSheetcontainer_1o0em_33 h2 a {
  text-decoration: none;
  color: #888;
  font-size: 16px;
  margin: 0 -21px 0 10px;
  top: 2px;
  position: relative;
  transition: 0.2s color ease-in;
}
._exercisesSheetcontainer_1o0em_33 h2 a:hover {
  color: #111;
}
._exercisesSheetcontainer_1o0em_33 ._katexDisplay_1o0em_68 {
  color: #555555;
  display: inline-block;
  margin: 1em 0 1em 0;
  font-size: 100%;
}
._exercisesSheetcontainer_1o0em_33 ._katexDisplay_1o0em_68 ._text_1o0em_98 {
  font-size: 100%;
}
._exercisesSheetContent_1o0em_101 {
  padding: 25px 50px;
  background: #ffffff;
  border: 1px solid #efefef;
  border-radius: 20px;
  margin-bottom: 30px;
}
._exercisesSheetContentHeader_1o0em_108 {
  display: flex;
  justify-content: space-between;
}
._exercisesSheetContentHeader_1o0em_108 div {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetContent_1o0em_101 {
    padding: 20px 0 20px 0;
  }
}
._exercisesSheetContent_1o0em_101 b {
  font-weight: bold;
}
._exercisesSheetContent_1o0em_101 ul {
  padding: 0 0 0 40px;
  list-style: disc;
}
._exercisesSheetContent_1o0em_101 ._reminder_1o0em_128,
._exercisesSheetContent_1o0em_101 ._note_1o0em_129 {
  padding: 60px 20px 20px 20px;
  position: relative;
  font-size: 0.9rem;
  margin: 20px 0;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetContent_1o0em_101 ._reminder_1o0em_128,
  ._exercisesSheetContent_1o0em_101 ._note_1o0em_129 {
    font-size: 0.85em;
  }
}
._exercisesSheetContent_1o0em_101 ._reminder_1o0em_128:before,
._exercisesSheetContent_1o0em_101 ._note_1o0em_129:before {
  position: absolute;
  top: 20px;
  left: 20px;
}
._exercisesSheetContent_1o0em_101 ._mctList_1o0em_147 {
  list-style-type: lower-alpha;
}
._exercisesSheetContent_1o0em_101 ._reminder_1o0em_128 {
  background: #fff6ff;
}
._exercisesSheetContent_1o0em_101 ._reminder_1o0em_128:before {
  content: "Rappel";
  color: #c28297;
}
._exercisesSheetContent_1o0em_101 ._note_1o0em_129 {
  background: #eda478;
  margin-top: 20px;
}
._exercisesSheetContent_1o0em_101 ._note_1o0em_129:before {
  content: "Remarque";
  color: #895e45;
}
._exercisesSheetContent_1o0em_101 ._documentVideo_1o0em_165 {
  margin: 20px auto;
  cursor: pointer;
  position: relative;
}
._exercisesSheetContent_1o0em_101 ._documentImage_1o0em_170 {
  padding: 25px;
  background: white;
  margin: 20px 0;
  text-align: center;
  line-height: normal;
  border-radius: 2px;
  position: relative;
  border: 1px solid #555555;
}
._exercisesSheetContent_1o0em_101 ._documentImage_1o0em_170 img {
  max-width: 600px;
  width: 100%;
}
._exercisesSheetexercisecontainer_1o0em_184 {
  margin: 40px 0 0 0;
  padding: 10px 17px 0 15px;
  border-left: 2px solid #5895BC;
  font-size: 0.9rem;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetexercisecontainer_1o0em_184 {
    line-height: 0.7em;
    font-size: 100%;
    border: none;
    margin: 40px 0 0 0;
    padding: 10px 15px 0 15px;
  }
}
._exercisesSheetexercisecontainer_1o0em_184 h3 {
  display: block;
  margin: 0;
  font-size: 1rem;
  line-height: 1.15em;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  color: #5895BC;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetexercisecontainer_1o0em_184 h3 {
    text-align: center;
    font-size: 1em;
  }
}
._exercisesSheetexerciseheader_1o0em_215 {
  padding: 20px 20px 20px 20px;
  border-radius: 3px;
  margin: 0 0 10px 0;
  line-height: 2em;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetexerciseheader_1o0em_215 {
    line-height: 1.5em;
  }
}
._exercisesSheetexerciseheader_1o0em_215 {
  color: #666;
  background: #ffffff;
}
._exercisesSheetquestioncontainer_1o0em_230 {
  margin: 0 0 10px 0;
}
._exercisesSheetquestioncontainer_1o0em_230 ._frame_1o0em_233 {
  padding: 5px 15px;
  margin: 10px;
  border: 1px solid #555555;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}
._exercisesSheetquestionheader_1o0em_241 {
  padding: 20px;
  border-radius: 3px;
  line-height: 2em;
  color: #666;
  background: white;
  margin: 40px auto 10px;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetquestionheader_1o0em_241 {
    line-height: 1.5em;
  }
}
._exercisesSheetquestioncontent_1o0em_254, ._exercisesSheetquestionanswer_1o0em_254 {
  padding: 20px 20px 20px 20px;
  border-radius: 3px;
  line-height: 2em;
  overflow: auto;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetquestioncontent_1o0em_254, ._exercisesSheetquestionanswer_1o0em_254 {
    line-height: 1.5em;
    padding: 15px 15px 15px 15px;
  }
}
._exercisesSheetquestioncontent_1o0em_254, ._exercisesSheetquestionanswer_1o0em_254 {
  color: #666;
}
._exercisesSheetquestionanswer_1o0em_254 {
  background: #f5fbf7;
  border-radius: 0 0 3px 3px;
  padding-top: 60px;
  position: relative;
}
._exercisesSheetquestionanswer_1o0em_254._hidden_1o0em_275 {
  display: none;
}
._exercisesSheetquestionanswer_1o0em_254:before {
  content: "Correction";
  color: #629965;
  position: absolute;
  top: 20px;
  left: 20px;
}
._exercisesSheetquestioncontent_1o0em_254 {
  background: #ffffff;
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetquestioncontent_1o0em_254 {
    flex-direction: column;
  }
}
._exercisesSheetquestioncontent_1o0em_254 h4 {
  margin: 3px 10px 0 0;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetquestioncontent_1o0em_254 h4 {
    text-align: left;
    margin: 0 0 0 0;
  }
}
._exercisesSheetquestionnumber_1o0em_305 {
  display: inline-block;
  height: 26px;
  width: 26px;
  font-size: 0.9em;
  vertical-align: middle;
  font-style: normal;
  text-align: center;
  line-height: 24px;
  margin: 15px 20px 15px 0;
  color: #5895BC;
  border: 1px solid #5895BC;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetquestionnumber_1o0em_305 {
    margin: 0 auto 15px;
  }
}
._exercisesSheetquestionnumber_1o0em_305 + div {
  display: inline-block;
  vertical-align: middle;
}
._exercisesSheetquestiontoggle_1o0em_328 {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  ._exercisesSheetquestiontoggle_1o0em_328 {
    margin: 10px auto 0;
  }
}
._exercisesSheetquestiontoggle_1o0em_328 span {
  font-size: 0.8em;
  color: #999;
  display: block;
  margin-bottom: 5px;
}
._exercisesSheetquestiontoggleswitch_1o0em_342 {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  border-radius: 22px;
}
._exercisesSheetquestiontoggleswitch_1o0em_342 input {
  display: none;
}
._exercisesSheetquestiontoggleslider_1o0em_352 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 22px;
}
._exercisesSheetquestiontoggleslider_1o0em_352:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
._exercisesSheetquestiontogglecheckbox_1o0em_376:checked + ._exercisesSheetquestiontoggleslider_1o0em_352 {
  background-color: #239fe3;
}
._exercisesSheetquestiontogglecheckbox_1o0em_376:checked + ._exercisesSheetquestiontoggleslider_1o0em_352:before {
  transform: translateX(18px);
}
._separator_1o0em_385 {
  border: 1px solid #efefef;
  width: 100%;
  display: flex;
  margin: 20px 0 30px 0;
}
._questionContainer_1o0em_392 {
  background: #ffffff;
  border: 1px solid #efefef;
  border-radius: 20px;
  padding: 25px 50px;
  margin-top: 16px;
}
._questionContainerHeader_1o0em_399 {
  display: flex;
  justify-content: space-between;
}
._questionContainerNumber_1o0em_403 {
  background: #e1f4ff;
  border-radius: 4px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #37a5e8;
  padding: 3px 8px;
  display: inline-flex;
  margin-bottom: 24px;
}
._questionContainer_1o0em_392:first-child {
  margin-top: 0;
}
._validateQuestion_1o0em_421 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  text-align: right;
  color: #989898;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._validateQuestionIndex_1o0em_435 {
  color: #45c482;
}
._showAnswer_1o0em_439 {
  font-size: 16px;
  line-height: 21px;
  text-align: right;
  color: #37a5e8;
  margin-top: 12px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
._answer_1o0em_452 {
  visibility: hidden;
  display: none;
  transition: all 0.5s ease;
  background: #f5fbf7;
  padding: 24px;
  margin: 24px 0 0;
  border-radius: 10px;
  color: #607165;
  /* > * {
    color: #607165;
  }*/
}
._answer_1o0em_452 .katex-display {
  color: #607165;
}
._answerShow_1o0em_468 {
  visibility: visible;
  display: block;
}
._arrow_1o0em_473 {
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='7'%20viewBox='0%200%2012%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.333%200.999961L10.3908%200.0577392L6.66634%203.78218L5.99951%204.49997L5.33301%203.78218L1.60857%200.0577388L0.666343%200.999961L5.99967%206.33329L11.333%200.999961Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
  width: 13px;
  height: 6px;
  background-size: cover;
  transition: all 0.3s ease-in-out;
  margin-left: 12px;
}
._arrowShow_1o0em_481 {
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
}
._checkValid_1o0em_486 {
  background: #f8f9fb;
  border: 1px solid #cacaca;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  margin-left: 12px;
}
._checkValidIndex_1o0em_494 {
  background: #eaf3ef;
  border: 1px solid #45c482;
  background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='9'%20viewBox='0%200%2011%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%203.88L4.9375%207L10%201'%20stroke='%2345C482'%20stroke-width='1.5'/%3e%3c/svg%3e");
  background-size: 66%;
  background-repeat: no-repeat;
  background-position: center;
}
._iconDuration_1o0em_503 {
  background-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='18'%20viewBox='0%200%2015%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.4602%202.9289C8.59974%202.70111%208.68018%202.43319%208.68018%202.14648C8.68018%201.31806%208.0086%200.646484%207.18018%200.646484C6.35175%200.646484%205.68018%201.31806%205.68018%202.14648C5.68018%202.4328%205.76039%202.70038%205.89958%202.92798C2.57601%203.53133%200.0551758%206.44076%200.0551758%209.93817C0.0551758%2013.8728%203.23768%2017.0632%207.18018%2017.0632C11.1227%2017.0632%2014.3052%2013.8728%2014.3052%209.93817C14.3052%208.25984%2013.7193%206.71609%2012.7456%205.49692L13.8698%204.37276C13.5293%203.969%2013.1573%203.589%2012.7535%203.25651L11.6293%204.38067C10.7217%203.65453%209.64072%203.14497%208.4602%202.9289ZM7.97184%205.97984V10.7298H6.38851V5.97984H7.97184ZM1.63851%209.93817C1.63851%2013.0019%204.11643%2015.4798%207.18018%2015.4798C10.2439%2015.4798%2012.7218%2013.0019%2012.7218%209.93817C12.7218%206.87442%2010.2439%204.39651%207.18018%204.39651C4.11643%204.39651%201.63851%206.87442%201.63851%209.93817Z'%20fill='%2337A5E8'/%3e%3c/svg%3e");
  background-size: contain;
  height: 18px;
  width: 15px;
  margin-right: 4px;
}
._duration_1o0em_511 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  text-transform: initial;
  color: #cacaca;
}
._workPoints_1o0em_521 {
  margin-left: 40px;
  position: relative;
  padding-right: 28px;
}
._workPoints_1o0em_521 span {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #737e85;
  opacity: 0.7;
  font-size: 15px;
  line-height: 18px;
}
._workPoints_1o0em_521:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.91383%209.35862C3.74759%209.954%202.89595%2011.2469%202.20569%2012.8593C0.715993%2016.3391%202.94152%2019.2193%206.26673%2020.3562C7.30638%2020.7116%2010.2096%2021.1926%2017.2239%2019.0141C22.0933%2017.5018%2019.5611%2013.0491%2016.7201%208.05332C15.8229%206.47576%2014.895%204.84404%2014.1596%203.23364C14.1596%203.23364%2010.5567%200.00979016%209.54086%202.22397e-05V0H9.5363C9.53627%200%209.53624%200%209.53621%200H7.71481V0.593468H8.61266C7.87049%201.17987%207.27668%201.82041%207.24173%202.3081C7.20857%202.77087%207.47387%203.00226%207.47387%203.00226C7.47387%203.00226%207.00451%203.30239%206.91673%203.74269C6.73502%204.65414%209.00602%204.25174%209.00602%204.25174C9.00602%204.25174%209.60958%204.52939%2010.5382%204.80705C11.1948%205.00339%2011.7456%204.9551%2012.0239%204.89962C12.4882%204.80705%2012.7667%206.65815%2012.7667%206.65815V13.5534H12.0239C12.0239%2013.5534%2011.0218%2010.7281%208.71643%209.60963C7.63454%209.08475%206.71029%208.92101%205.91152%209.03906H4.60956V9.35862H4.91383Z'%20fill='%23FF9900'/%3e%3cpath%20d='M0.471676%2012.8593C1.75533%209.86071%203.59713%207.96727%206.98242%209.60963C9.28781%2010.7281%2010.2899%2013.5534%2010.2899%2013.5534H11.0327V6.65815C11.0327%206.65815%2010.7541%204.80705%2010.2899%204.89962C10.0116%204.9551%209.46074%205.00339%208.80414%204.80705C7.87557%204.52939%207.27201%204.25174%207.27201%204.25174C7.27201%204.25174%205.00101%204.65414%205.18272%203.74269C5.2705%203.30239%205.73986%203.00226%205.73986%203.00226C5.73986%203.00226%205.47456%202.77087%205.50772%202.3081C5.55415%201.66022%206.58686%200.7426%207.64343%200.0405005C8.33986%20-0.422281%2012.4256%203.23364%2012.4256%203.23364C15.4899%209.94382%2021.897%2017.0242%2015.4899%2019.0141C8.47562%2021.1926%205.57237%2020.7116%204.53272%2020.3562C1.2075%2019.2193%20-1.01802%2016.3391%200.471676%2012.8593Z'%20fill='%23FFC32B'/%3e%3cmask%20id='mask0'%20mask-type='alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='19'%20height='21'%3e%3cpath%20d='M0.471041%2012.8593C1.73186%209.83789%203.5965%207.96727%206.98178%209.60963C9.28718%2010.7281%2010.2892%2013.5534%2010.2892%2013.5534H11.0321V6.65815C11.0321%206.65815%2010.7535%204.80705%2010.2892%204.89962C10.0109%204.9551%209.46011%205.00339%208.8035%204.80705C7.87494%204.52939%207.27137%204.25174%207.27137%204.25174C7.27137%204.25174%205.00037%204.65414%205.18208%203.74269C5.26986%203.30239%205.73922%203.00226%205.73922%203.00226C5.73922%203.00226%205.47392%202.77087%205.50708%202.3081C5.55351%201.66022%206.58622%200.7426%207.64279%200.0405005C8.33922%20-0.422281%2012.4249%203.23364%2012.4249%203.23364C15.4892%209.94382%2021.8963%2017.0242%2015.4892%2019.0141C8.47498%2021.1926%205.57173%2020.7116%204.53208%2020.3562C1.20687%2019.2193%20-0.986732%2016.3526%200.471041%2012.8593Z'%20fill='%23FFC32B'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0)'%3e%3cpath%20d='M11.9453%206.1511C12.6755%204.54176%2010.0977%204.73395%209.01869%205.27149L7.59973%206.1511C8.94478%206.98185%2011.4294%207.28811%2011.9453%206.1511Z'%20fill='%23FFA826'/%3e%3cpath%20d='M7.75663%202.38526C8.33071%201.67488%205.84699%202.36807%204.84543%202.80933L3.5427%203.44671C4.91619%203.39279%207.35104%202.88715%207.75663%202.38526Z'%20fill='%23FFA826'/%3e%3cpath%20d='M10.9655%2017.0672C11.2994%2016.2957%207.96444%2018.232%205.7333%2016.597C3.50217%2014.962%202.75975%2010.1168%202.78835%2011.2693C3.01688%2020.4771%2010.4102%2018.3502%2010.9655%2017.0672Z'%20fill='%23FFA826'/%3e%3cpath%20d='M26.8445%20-5.34108C23.2416%200.913162%2012.6012%206.02612%208.08174%201.64359C4.95933%20-1.38421%206.07308%20-13.7409%206.07308%20-13.7409C6.07308%20-13.7409%2010.614%20-28.7146%2012.6904%20-28.7146C14.7668%20-28.7146%2032.2478%20-14.7208%2026.8445%20-5.34108Z'%20fill='%23FFD93B'/%3e%3ccircle%20cx='-0.592366'%20cy='12.8739'%20r='8.99333'%20fill='%23FFD93B'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}
._katex-display_1o0em_465 {
  color: #555555;
  display: inline-block;
  margin: 1em 0 1em 0;
  font-size: 100%;
}
._katex-display_1o0em_465 ._text_1o0em_98 {
  font-size: 100%;
}
@media (max-width: 768px) {
  ._exercisesSheetChapterTitle_1o0em_22 {
    margin-left: 20px;
  }
  ._exercisesSheetContentHeader_1o0em_108 {
    flex-direction: column;
    padding: 0 20px;
  }
  ._questionContainer_1o0em_392 {
    padding: 25px 20px;
  }
}._helpText_of6gw_1 {
  color: rgb(67, 67, 67);
  font-size: 14px;
  font-style: italic;
}._wrapper_1gx2i_1 {
  background: #fff;
  border-radius: 20px;
  padding: 25px 50px;
  display: block;
  margin-bottom: 30px;
  border: 1px solid #efefef;
}
@media (max-width: 768px) {
  ._wrapper_1gx2i_1 {
    padding: 24px;
  }
}
._wrapper_1gx2i_1 p {
  margin-bottom: 8px;
}
div.frame {
  padding: 24px;
  margin: 24px 12px 24px 0;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  display: inline-block;
  position: relative;
}
div.frame > .katex-display {
  margin: 0 !important;
}
.document_image {
  padding: 24px;
  background: #FFF;
  border-radius: 10px;
  margin: 24px 0;
  text-align: center;
  line-height: normal;
  position: relative;
}
.document_image img {
  max-width: 600px;
  width: 100%;
}
._answer_1gx2i_44 {
  background: #f5fbf7;
  padding: 24px;
  margin: 24px 0 0;
  border-radius: 10px;
  color: #607165;
  display: none;
}
._answer_1gx2i_44 > * {
  color: #607165;
}
._answer_1gx2i_44 .katex-display {
  color: #607165;
}
._answer_1gx2i_44.visible {
  display: block;
}
.reminder,
.note {
  position: relative;
  padding: 48px 24px 24px;
  margin: 24px 0;
  border-radius: 10px;
}
.reminder:before,
.note:before {
  position: absolute;
  top: 24px;
  left: 24px;
}
.reminder {
  background: #FFF1F1;
  border-left: 2px solid #fd8b8b;
}
.reminder:before {
  content: "Rappel";
  color: #fd8b8b;
}
.note {
  background: #eda478;
  border-left: 2px solid #895e45;
}
.note:before {
  content: "Remarque";
  color: #895e45;
}
._questionIndex_1gx2i_94 {
  background: #e1f4ff;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #37a5e8;
  padding: 3px 8px;
  display: inline-flex;
  margin-bottom: 24px;
}
._title_1gx2i_107 {
  color: #434343;
  font-size: 16px;
  line-height: 19px;
}
._separator_1gx2i_113 {
  display: flex;
  margin: 16px 0;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._containerPossibleAnswers_1gx2i_120 {
  display: block;
}._header_f58mk_1 {
  padding: 25px 50px;
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 20px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  ._header_f58mk_1 {
    padding: 24px;
  }
}
._header_f58mk_1 span {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #989898;
  margin-bottom: 5px;
}
._container_f58mk_22 {
  max-width: 1280px;
  margin: auto;
  padding-bottom: 300px;
  flex: 1;
}
@media (max-width: 768px) {
  ._container_f58mk_22 {
    padding-bottom: 60px;
  }
}
._title_f58mk_34 {
  font-weight: 700;
  font-size: 25px;
  line-height: 31px;
  color: #434343;
}
._buttonContainer_f58mk_41 {
  text-align: right;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._documentContainer_77g68_14 {
  max-width: 870px;
  margin: auto;
}
._lessonSheetContainer_77g68_19 {
  max-width: 1280px;
  margin: auto;
}
._containerRow_77g68_24 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 24px;
  justify-content: space-between;
}
._mainContainer_77g68_32 {
  flex: 1;
  gap: 24px;
}
._ad_77g68_37 {
  display: block;
  min-width: 250px;
  background: #eee;
  border-radius: 12px;
  position: sticky;
  top: 24px;
  overflow: hidden;
  height: fit-content;
  font-size: 0;
}
._ad_77g68_37 img {
  width: 100%;
}
._ad_77g68_37 ._mobileAd_77g68_51 {
  display: none;
}
@media screen and (max-width: 768px) {
  ._mainContainer_77g68_32 {
    flex-direction: column-reverse;
  }
  ._ad_77g68_37 {
    position: initial;
    top: auto;
  }
  ._mobileAd_77g68_51 {
    display: block !important;
  }
  ._desktopAd_77g68_66 {
    display: none;
  }
}
._restrictedAccessModal_77g68_70 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 9999;
  transform: scale(0);
  visibility: hidden;
  display: table;
  width: 100%;
  height: 100%;
}
._restrictedAccessModaloverlay_77g68_84 {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: 0.5s opacity ease-in-out;
}
._restrictedAccessModalmodal_77g68_94 {
  max-width: 90%;
}
._restrictedAccessModalcloseButton_77g68_97 {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
._restrictedAccessModallink_77g68_103 {
  margin: 0 0 0 20px;
}
._restrictedAccessModallink_77g68_103 a {
  color: #239fe3;
}
._restrictedAccessModalactions_77g68_109 {
  margin: 30px 0 0 0;
}
._restrictedAccessModalactions_77g68_109 > div {
  display: inline-block;
}
._restrictedAccessModalbutton_77g68_115 {
  background-color: #239fe3;
  border-radius: 3px 3px 3px 3px;
  transition: 0.5s background ease;
}
._restrictedAccessModalbutton_77g68_115 a {
  padding: 0 30px;
  display: inline-block;
  color: #fff;
}
._restrictedAccessModalbutton_77g68_115:hover {
  background: #a5a5a5;
}
._restrictedAccessModalbutton_77g68_115:hover a {
  color: #ffffff;
}
._restrictedAccessModal_77g68_70._visible_77g68_131 {
  visibility: visible;
  transform: scale(1);
}
._restrictedAccessModal_77g68_70._visible_77g68_131 ._restrictedAccessModal-overlay_77g68_135 {
  opacity: 1;
}
._restrictedAccessModal_77g68_70._visible_77g68_131 ._restrictedAccessModal-modal_77g68_138 {
  display: inline-block;
  animation: _blowUpModal_77g68_1 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
._restrictedAccessModal_77g68_70,
._restrictedAccessBanner_77g68_144 {
  background: #fff;
  padding: 40px 30px;
  text-align: center;
  z-index: 999;
  border-radius: 5px;
  display: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
._restrictedAccessModaltitle_77g68_153,
._restrictedAccessBannertitle_77g68_154 {
  font-size: 24px;
  text-align: center;
  margin: 0 0 20px 0;
  color: #5895BC;
}
@media only screen and (max-width: 768px) {
  ._restrictedAccessModaltitle_77g68_153,
  ._restrictedAccessBannertitle_77g68_154 {
    font-size: 20px;
  }
  ._restrictedAccessModal_77g68_70 p,
  ._restrictedAccessBanner_77g68_144 p {
    font-size: 14px;
  }
}
._restrictedAccessModal_77g68_70 ._linkModal_77g68_172,
._restrictedAccessBanner_77g68_144 ._linkModal_77g68_172 {
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 0.2s linear;
}
._restrictedAccessModal_77g68_70 ._linkModal_77g68_172:hover,
._restrictedAccessBanner_77g68_144 ._linkModal_77g68_172:hover {
  color: #999999;
}
._restrictedAccessModal_77g68_70 a,
._restrictedAccessBanner_77g68_144 a {
  font-family: "HK Grotesk", sans-serif;
  font-size: 10px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  text-indent: 0px;
  text-rendering: auto;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 0.2s linear;
}
._restrictedAccessModal_77g68_70 a:hover,
._restrictedAccessBanner_77g68_144 a:hover {
  color: #999999;
}
._restrictedAccessModalactions_77g68_109,
._restrictedAccessBanneractions_77g68_219 {
  margin: 30px 0 0 0;
}
._restrictedAccessModalactions_77g68_109 > div,
._restrictedAccessBanneractions_77g68_219 > div {
  display: inline-block;
}
._restrictedAccessModalbutton_77g68_115,
._restrictedAccessBannerbutton_77g68_227 {
  background-color: #239fe3;
  border-radius: 3px 3px 3px 3px;
  transition: 0.5s background ease;
}
._restrictedAccessModalbutton_77g68_115 a,
._restrictedAccessBannerbutton_77g68_227 a {
  padding: 0 30px;
  display: inline-block;
  color: #fff;
}
._restrictedAccessModalbutton_77g68_115:hover,
._restrictedAccessBannerbutton_77g68_227:hover {
  background: #a5a5a5;
}
._restrictedAccessModallink_77g68_103,
._restrictedAccessBannerlink_77g68_243 {
  margin: 0 0 0 20px;
}
._restrictedAccessModallink_77g68_103 a,
._restrictedAccessBannerlink_77g68_243 a {
  color: #239fe3;
}
._restrictedAccessModallink_77g68_103 ._linkModal_77g68_172,
._restrictedAccessBannerlink_77g68_243 ._linkModal_77g68_172 {
  color: #239fe3;
}
._restrictedAccessBanner_77g68_144 {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  padding: 30px 15px;
  display: block;
}
@keyframes _blowUpModal_77g68_1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
._lessonSheet_77g68_19 {
  background-color: #fff;
  padding: 48px;
  border-radius: 12px;
  flex: 1;
}
._lessonSheet_77g68_19 h1 {
  font-size: 24px;
  text-align: center;
  margin: 0;
  color: #37a5e8;
}
._lessonSheet_77g68_19 h1 * {
  color: #37a5e8;
}
@media only screen and (max-width: 768px) {
  ._lessonSheet_77g68_19 h1 {
    font-size: 20px;
  }
}
._lessonSheet_77g68_19 h2:before,
._lessonSheet_77g68_19 h3:before {
  content: attr(range);
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  font-style: normal;
  text-align: center;
}
._lessonSheet_77g68_19 h2 {
  line-height: 24px;
  text-align: left;
  font-size: 18px;
  margin: 0;
  padding: 24px 0 0;
  color: #1687cc;
}
._lessonSheet_77g68_19 h2 ._katex-display_77g68_309 {
  color: #1687cc;
}
@media only screen and (max-width: 768px) {
  ._lessonSheet_77g68_19 h2 {
    font-size: 16px;
    padding: 0;
  }
}
._lessonSheet_77g68_19 h2:before {
  height: 30px;
  width: 30px;
  line-height: 28px;
  font-size: 1em;
  margin: 15px 10px 15px 0;
  color: #1687cc;
  border: 1px solid #1687cc;
}
._lessonSheet_77g68_19 h3 {
  color: #37a5e8;
  text-align: left;
  font-size: 1rem;
}
._lessonSheet_77g68_19 h3:before {
  height: 26px;
  width: 26px;
  font-size: 0.9em;
  line-height: 24px;
  margin: 0 10px 0 0;
  color: #37a5e8;
  background: #e1f4ff;
}
._lessonSheet_77g68_19 ._katex-display_77g68_309 {
  color: #555555;
  display: inline-block;
  margin: 0 0 1em 0;
  font-size: 100%;
}
._lessonSheet_77g68_19 ._katex-display_77g68_309 ._text_77g68_347 {
  font-size: 100%;
}
._lessonSheet_77g68_19 table {
  width: calc(100% - 48px);
  border: 1px solid #ccc;
  margin: 24px;
}
@media only screen and (max-width: 768px) {
  ._lessonSheet_77g68_19 table {
    margin: 8px;
  }
}
._lessonSheet_77g68_19 table td {
  padding: 6px 24px;
  border: 1px solid #ccc;
}
@media only screen and (max-width: 768px) {
  ._lessonSheet_77g68_19 table td {
    padding: 3px 12px;
  }
}
._lessonSheet_77g68_19 h3 {
  margin: 15px 0 0 0;
  font-size: 1rem;
}
._lessonSheet_77g68_19 .definition,
._lessonSheet_77g68_19 .exemple {
  background: #f5fbff;
  padding: 24px;
  border-radius: 14px;
  margin: 24px;
  color: #4f6779;
}
@media only screen and (max-width: 768px) {
  ._lessonSheet_77g68_19 .definition,
  ._lessonSheet_77g68_19 .exemple {
    padding: 12px;
    margin: 12px;
    border-radius: 8px;
  }
}
._lessonSheet_77g68_19 .exemple {
  background: #f7ffef;
  color: #655a4a;
}
._lessonSheet_77g68_19 b {
  font-weight: bold;
}
._lessonSheet_77g68_19 ul {
  padding: 0 0 0 40px;
  list-style: disc;
  margin: 0;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._trigger_159po_8 button {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  border: 0;
  background: transparent;
  color: #e6251f;
  padding: 0;
  opacity: 0.7;
  transition: opacity 0.2s ease-in-out;
}
@media (max-width: 768px) {
  ._trigger_159po_8 button {
    margin-left: auto;
  }
}
._trigger_159po_8 button:hover {
  opacity: 1;
}
._trigger_159po_8 button[data-tooltip]::before, ._trigger_159po_8 button[data-tooltip]::after {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  left: 50%;
  z-index: 9999;
  transform: translate(-50%, -0.5em);
}
._trigger_159po_8 button[data-tooltip]::before {
  content: "";
  border: 5px solid transparent;
  border-top-width: 0;
  border-bottom-color: #434343;
  bottom: -5px;
}
._trigger_159po_8 button[data-tooltip]::after {
  font-size: 14px;
  content: attr(data-tooltip);
  white-space: nowrap;
  font-style: normal;
  background: #434343;
  color: #CACACA;
  top: calc(100% + 5px);
  line-height: 20px;
  padding: 6px 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
._trigger_159po_8 button[data-tooltip]:hover::after, ._trigger_159po_8 button[data-tooltip]:hover::before {
  animation: _tips-diag-bottom_159po_1 150ms cubic-bezier(0.5, 0, 0.6, 1.3) 1ms forwards;
}
._content_159po_62 {
  padding: 24px;
}
._message_159po_66 {
  font-size: 16px;
  color: rgb(152, 152, 152);
  margin: 24px 0;
}
._title_159po_72 {
  font-size: 21px;
  color: #434343;
  margin-bottom: 12px;
  font-weight: 700;
}
@keyframes _tips-diag-bottom_159po_1 {
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
._formLabel_159po_85 {
  font-size: 0.875rem;
  font-weight: 500;
  text-align: left;
}
._formGroup_159po_91 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._formGroup_159po_91 textarea {
  width: 100%;
  min-height: 100px;
  padding: 0.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  resize: vertical;
}
._formGroup_159po_91 textarea.error {
  border-color: #ef4444;
}
._formGroup_159po_91 textarea:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);
}
._errorMessage_159po_114 {
  display: flex;
  align-items: center;
  color: #ef4444;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
._errorIcon_159po_122 {
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
}
._description_159po_128 {
  color: #434343;
  font-size: 0.875rem;
  margin-bottom: 36px;
  line-height: 1.5em;
}
._modalContent_159po_135 {
  max-width: 500px;
}
@media screen and (max-width: 768px) {
  ._modalContent_159po_135 {
    max-width: 100%;
  }
}
._formFooter_159po_144 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
._charCount_159po_151 {
  font-size: 0.75rem;
  color: #434343;
  text-align: right;
}
._successContainer_159po_157 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 0;
  gap: 1rem;
}
._successIcon_159po_166 {
  width: 3rem;
  height: 3rem;
  color: #10b981;
}
._successTitle_159po_172 {
  text-align: center;
  font-weight: 500;
}
._successMessage_159po_177 {
  text-align: center;
  color: #434343;
  font-size: 0.875rem;
  line-height: 1.5em;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._lessonSheet_1jujf_14 {
  background-color: #fff;
  border: none;
  -webkit-appearance: none;
  padding: 0;
  border-radius: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  font: inherit;
  transition: transform 0.2s;
}
._lessonSheet_1jujf_14 h3 {
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 60px;
  margin: 0;
  font-size: 0.9em;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Inter, sans-serif;
}
._container_1jujf_44 {
  max-width: 1280px;
  margin: auto;
}
._container_1jujf_44 h2 {
  font-size: 16px;
}
._container_1jujf_44 ._message_1jujf_51 {
  padding: 24px;
  border-radius: 10px;
  margin: 24px 0 48px;
  background: #239fe3;
  color: #c2e8ff;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._container_1jujf_44 ._message_1jujf_51 h3 {
  color: #fff;
  font-family: "HK Grotesk", sans-serif;
  font-size: 18px;
  margin-bottom: 12px;
}
._container_1jujf_44 ._name_1jujf_65 {
  text-align: center;
  display: block;
  margin: 0 auto;
  color: #777;
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  letter-spacing: 0.02em;
}
._container_1jujf_44 h1 {
  text-align: center;
  margin: 12px 0 48px;
  color: #bfbfbf;
}
._container_1jujf_44 ._schoolLevelBaseFooter_1jujf_80 {
  text-align: center;
  margin: 96px auto;
  color: #bfbfbf;
  font-size: 14px;
  line-height: 140%;
  max-width: 800px;
}
._container_1jujf_44 ._card_1jujf_88 {
  display: flex;
  align-items: center;
}
._schoolLevelMenuChapterNumber_1jujf_93 {
  height: 36px;
  width: 36px;
  line-height: 34px;
  border: 2px solid #eee;
  text-align: center;
  border-radius: 50%;
  margin-right: 1em;
  flex: none;
}
._card_1jujf_88 {
  display: flex;
  align-items: center;
  margin: 0 0 24px 0;
  background: #ffffff;
  box-shadow: 0 0 12px rgba(147, 147, 147, 0.16);
  border-radius: 20px;
  overflow: hidden;
  min-height: 96px;
  padding: 25px;
  transition: background 0.2s ease;
  vertical-align: top;
}
._card_1jujf_88:hover {
  background: #f6f6f6;
}
._card_1jujf_88 p {
  color: #433E40;
  margin: 0.5em 0 0;
}
._card_1jujf_88 h2 {
  color: #444;
  margin: 0;
  display: block;
  font-family: "Inter", sans-serif;
}
._section_1jujf_131 ul {
  margin: 15px 0 30px;
}
@media (min-width: 1024px) {
  ._section_1jujf_131 ul {
    column-count: 2;
    column-gap: 48px;
  }
}
._section_1jujf_131 {
  margin: 24px 0 10px 0;
}
@media only screen and (max-width: 768px) {
  ._section_1jujf_131 {
    margin: 25px 0 10px 0;
    padding: 0;
  }
}
._section_1jujf_131 li {
  vertical-align: top;
}
._section_1jujf_131 li a {
  display: inline-block;
  width: 100%;
  color: #000;
}
._section_1jujf_131 li a span {
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
._section_1jujf_131 h2 {
  font-family: "HK Grotesk", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #239fe3;
  margin: 0 0 0 12px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._container_57sei_14 {
  max-width: 1280px;
  margin: auto;
}
._container_57sei_14 h2 {
  font-size: 16px;
}
._container_57sei_14 ._message_57sei_21 {
  padding: 24px;
  border-radius: 10px;
  margin: 24px 0 48px;
  background: #239fe3;
  color: #C2E8FF;
  box-shadow: 0px 2px 12px rgba(9, 119, 186, 0.3);
}
._container_57sei_14 ._message_57sei_21 h3 {
  color: #fff;
  font-family: "HK Grotesk", sans-serif;
  font-size: 18px;
  margin-bottom: 12px;
}
._container_57sei_14 ._name_57sei_35 {
  text-align: center;
  display: block;
  margin: 0 auto;
  color: #777;
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  letter-spacing: 0.02em;
}
._container_57sei_14 h1 {
  text-align: center;
  margin: 12px 0 48px;
  color: #bfbfbf;
}
._container_57sei_14 ._schoolLevelBaseFooter_57sei_50 {
  text-align: center;
  margin: 96px auto;
  color: #bfbfbf;
  font-size: 14px;
  line-height: 140%;
  max-width: 800px;
}
._answerDetails_57sei_59 {
  background: #f5fbf7;
  padding: 24px;
  margin: 24px 0 0;
  border-radius: 10px;
  color: #607165;
}
._answerDetails_57sei_59 > * {
  color: #607165;
}
._answerDetails_57sei_59 .katex-display {
  color: #607165;
}
._card_57sei_73 {
  cursor: pointer;
  margin: 0 0 24px 0;
  background: #FFFFFF;
  box-shadow: 0 0 12px rgba(147, 147, 147, 0.16);
  border-radius: 20px;
  overflow: hidden;
  min-height: 96px;
  padding: 25px;
  transition: background 0.2s ease;
  vertical-align: top;
}
._card_57sei_73:hover {
  background: #f6f6f6;
}
._card_57sei_73 p {
  color: #433E40;
  margin: 0.5em 0 0;
}
._card_57sei_73 h2 {
  color: #444;
  margin: 0;
  display: block;
  font-family: "Inter", sans-serif;
}
._exerciseModal_57sei_99 {
  position: fixed;
  z-index: 999;
  background: #EEE;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
._submitButtonLine_57sei_110 {
  text-align: right;
  margin: 24px 0;
}
._navButtons_57sei_115 {
  display: flex;
  justify-content: space-between;
  margin: 0 0 24px;
}
._navButtons_57sei_115 button {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%202.66663L8.94239%203.60885L5.21794%207.33329H13.3335V8.66663H5.21794L8.94239%2012.3911L8.00016%2013.3333L2.66683%207.99996L8.00016%202.66663Z'%20fill='%23434343'/%3e%3c/svg%3e");
  background-size: contain;
  border: 0;
  background-color: transparent;
  opacity: 0.6;
  transition: all 0.1s ease-in;
}
._navButtons_57sei_115 button:nth-of-type(2) {
  transform: rotate(180deg);
}
._navButtons_57sei_115 button:hover {
  opacity: 1;
}
._closeModalWrapper_57sei_137 {
  max-width: 980px;
  margin: 48px auto 24px;
  text-align: right;
}
._closeModalWrapper_57sei_137 button {
  opacity: 0.6;
  text-transform: uppercase;
  color: #777;
  background-color: transparent;
  border: 0;
  transition: all 0.1s ease-in;
  line-height: 18px;
  font-size: 14px;
  cursor: pointer;
}
._closeModalWrapper_57sei_137 button i {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.3333%204.64889L17.6844%203L11.1667%209.51778L4.64889%203L3%204.64889L9.51778%2011.1667L3%2017.6844L4.64889%2019.3333L11.1667%2012.8156L17.6844%2019.3333L19.3333%2017.6844L12.8156%2011.1667L19.3333%204.64889Z'%20fill='%23777'/%3e%3c/svg%3e");
  background-size: contain;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
._closeModalWrapper_57sei_137 button:hover {
  opacity: 1;
}
._exerciseModalWrapper_57sei_167 {
  max-width: 980px;
  margin: 0 auto 48px;
  padding: 48px;
  background: #FFF;
  border-radius: 20px;
}
._mct_choice__block_57sei_175 {
  border-top: 1px solid #e2e2e2;
  display: flex;
  display: flex;
  align-items: center;
  padding: 15px;
  width: 100%;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
  color: #616161;
  cursor: pointer;
}
._mct_choice__block_57sei_175.selected {
  background: #fafafa;
}
._mct_choice__block_57sei_175.selected ._mct_choice__letter_57sei_196 {
  background: #239fe3;
  color: #DBF1FF;
  border-color: #DBF1FF;
}
._mct_choice__block_57sei_175:last-of-type {
  border-bottom: 1px solid #e2e2e2;
}
._mct_choice__block_57sei_175:not(._selected_57sei_193):hover {
  background: #fdfdfd;
}
._mct_choice__block_57sei_175._right_57sei_207 ._mct_choice__letter_57sei_196 {
  background: green;
  color: #fff;
}
._mct_choice__block_57sei_175._wrong_57sei_211 ._mct_choice__letter_57sei_196 {
  background: red;
  color: #fff;
}
._mct_choice__letter_57sei_196 {
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.38);
  width: 35px;
  height: 35px;
  margin-right: 1rem;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #e0e0e0;
  line-height: 32px;
  text-align: center;
  transition: all 0.2s ease-in;
}
._mct_choice__choice_57sei_229 {
  font-size: 14px;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._container_3o6a9_14 {
  padding: 40px 0;
  max-width: 1280px;
  margin: auto;
  text-align: left;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  ._container_3o6a9_14 {
    padding: 30px;
  }
}
._container_3o6a9_14 h1 {
  font-size: 1.8em;
  font-family: "HK Grotesk", sans-serif, sans-serif;
  color: #5895BC;
  margin: 20px 0 0 0;
}
._container_3o6a9_14 h2 {
  font-size: 1.5em;
  color: #589FCC;
  margin: 50px 0 15px 0;
}
._container_3o6a9_14 p {
  color: #555;
  margin: 0 0 20px 0;
  font-size: 0.9em;
  line-height: 1.2em;
  max-width: 600px;
}._container_1vs66_1 {
  max-width: 1280px;
  margin: auto;
  padding: 48px 0;
}

@media (max-width: 768px) {
  ._container_1vs66_1 {
    padding: 48px 24px;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._wrapper_1chux_14 h2 {
  font-weight: 600;
  font-size: 26px;
  line-height: 33px;
  color: #434343;
  margin: 0;
}
._wrapper_1chux_14 p {
  margin-top: 4px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 159%;
  color: #434343;
}
._wrapper_1chux_14 ._qa_1chux_29,
._wrapper_1chux_14 ._testimonials_1chux_30 {
  background: #f9f9f9;
}
._wrapper_1chux_14 {
  background: #fff;
}
._wrapper_1chux_14 section {
  margin: auto;
  padding: 48px 0;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  ._wrapper_1chux_14 section {
    padding: 36px 14px;
  }
}
._wrapper_1chux_14 section h4 {
  font-weight: 800;
  font-size: 1.1em;
  letter-spacing: 0.015em;
  line-height: 36px;
}
._wrapper_1chux_14 ._qa_1chux_29 > ul {
  background: #fff;
  box-shadow: 8px 14px 38px rgba(39, 44, 49, 0.06), 1px 3px 8px rgba(39, 44, 49, 0.03);
  max-width: 600px;
  margin: 20px auto 0;
  padding: 0;
  list-style: none;
  position: relative;
  border-radius: 5px;
  text-align: left;
}
._wrapper_1chux_14 ._qa_1chux_29 > ul > li {
  padding: 18px 22px;
  border-bottom: 2px solid #F4F4F4;
}
._wrapper_1chux_14 ._qa_1chux_29 > ul > li:last-of-type {
  border-bottom: 0;
}
._wrapper_1chux_14 ._qa_1chux_29 > ul > li h3 {
  font-weight: 600;
  color: #433E40;
  line-height: 20px;
  padding-right: 40px;
  transition: 0.5s color ease;
  position: relative;
  cursor: pointer;
  font-size: 17px;
}
._wrapper_1chux_14 ._qa_1chux_29 > ul > li h3:hover {
  color: #585858;
}
._wrapper_1chux_14 ._qa_1chux_29 > ul > li h3:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0px;
  width: 25px;
  height: 14px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='23.261'%20height='14.161'%20viewBox='0%200%2023.261%2014.161'%3e%3cg%20id='Flèche_grise'%20data-name='Flèche%20grise'%20transform='translate(-2715.997%20-521.436)%20rotate(-45)'%3e%3crect%20id='Rectangle_1141'%20data-name='Rectangle%201141'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1566.448%202303.87)%20rotate(90)'%20fill='%23dedede'/%3e%3crect%20id='Rectangle_1140'%20data-name='Rectangle%201140'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1550%202291)'%20fill='%23dedede'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: cover;
  transition: all 0.2s ease-in;
  transform: translateY(-50%);
}
._wrapper_1chux_14 ._qa_1chux_29 > ul > li.active div {
  margin-top: 10px;
  height: auto;
}
@media only screen and (max-width: 768px) {
  ._wrapper_1chux_14 ._qa_1chux_29 > ul > li.active div {
    height: auto;
  }
}
._wrapper_1chux_14 ._qa_1chux_29 > ul > li.active h3:after {
  transform: rotate(180deg);
  margin-top: -7px;
}
._wrapper_1chux_14 ._qa_1chux_29 > ul > li div {
  height: 0;
  overflow: hidden;
  transition: all 0.2s ease-in;
}
._wrapper_1chux_14 ._qa_1chux_29 > ul > li div p {
  font-size: 14px;
}
._wrapper_1chux_14 ._qa_1chux_29 > ul > li div p b {
  font-weight: bold;
}
._wrapper_1chux_14 ._qa_1chux_29 > ul > li div p a {
  color: #239fe3;
  text-decoration: none;
  width: 100%;
  font-size: 1em;
  transition: 0.5s color ease;
}
._wrapper_1chux_14 ._qa_1chux_29 > ul > li div p ul {
  margin-top: 10px;
  list-style: initial;
  padding-left: 40px;
}
@media only screen and (max-width: 768px) {
  ._wrapper_1chux_14 ._qa_1chux_29 > ul > li div p ul {
    padding-left: 20px;
  }
}
._wrapper_1chux_14 ._qa_1chux_29 > ul > li div p ul li {
  margin-bottom: 5px;
}
._wrapper_1chux_14 ._testimonials_1chux_30 {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
._wrapper_1chux_14 ._testimonials_1chux_30 > span:first-of-type {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #989898;
}
._wrapper_1chux_14 ._testimonials_1chux_30::before {
  content: "";
  position: absolute;
  top: -25vw;
  left: 0vw;
  z-index: -1;
  display: block;
  height: 100vw;
  width: 100vw;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 100%;
}
._wrapper_1chux_14 ._testimonials_1chux_30 ._testimonialsSlider_1chux_165 {
  max-width: 600px;
  margin: 24px auto 0;
  align-items: center;
  display: flex;
}
._wrapper_1chux_14 ._testimonials_1chux_30 ._testimonialsSlider_1chux_165 button {
  background: url("/assets/slider-arrows-C9td8NM5.png");
  background-size: 90px 52px;
  border: 0;
  height: 52px;
  width: 45px;
  opacity: 0.8;
  transition: opacity 0.2s ease-in;
  cursor: pointer;
}
._wrapper_1chux_14 ._testimonials_1chux_30 ._testimonialsSlider_1chux_165 button:hover {
  opacity: 1;
}
._wrapper_1chux_14 ._testimonials_1chux_30 ._testimonialsSlider_1chux_165 button:first-of-type {
  background-position: left;
}
._wrapper_1chux_14 ._testimonials_1chux_30 ._testimonialsSlider_1chux_165 button:last-of-type {
  background-position: right;
}
._wrapper_1chux_14 ._testimonials_1chux_30 ul {
  list-style: none;
  position: relative;
  flex: 1;
  height: 220px;
  margin: 0 24px;
}
._wrapper_1chux_14 ._testimonials_1chux_30 li {
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  margin: 0 auto;
  padding: 25px;
  background: #fff 50%;
  background-size: cover;
  border-radius: 5px;
  box-shadow: 8px 14px 38px rgba(39, 44, 49, 0.06), 1px 3px 8px rgba(39, 44, 49, 0.03);
  transition: all 0.4s ease-in;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
._wrapper_1chux_14 ._testimonials_1chux_30 li-first {
  position: relative;
  left: 0;
  transform: none;
}
._wrapper_1chux_14 ._testimonials_1chux_30 li.visible {
  visibility: visible;
  opacity: 1;
}
._wrapper_1chux_14 ._testimonials_1chux_30 li span {
  color: #B9B9B9;
}
._wrapper_1chux_14 ._testimonials_1chux_30 li p {
  color: #433E40;
  margin: 0 0 1em;
}
@media only screen and (max-width: 768px) {
  ._wrapper_1chux_14 ._testimonials_1chux_30 li p {
    height: auto;
  }
}
._wrapper_1chux_14 ._introButton_1chux_235 {
  display: inline-block;
  width: 385px;
  text-align: center;
  max-width: 100% !important;
  margin: 0 !important;
}
@media only screen and (max-width: 768px) {
  ._wrapper_1chux_14 ._introButton_1chux_235 {
    display: block;
    margin: 0 20px;
    max-width: initial;
  }
}
@media only screen and (max-width: 1280px) {
  ._wrapper_1chux_14 ._introButton_1chux_235 {
    max-width: initial;
  }
}
._wrapper_1chux_14 ._introButton_1chux_235 a {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0 2px 12px rgba(9, 119, 186, 0.3);
  border-radius: 10px;
  padding: 12px 32px;
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
  color: #239fe3;
  display: inline-block;
}
._wrapper_1chux_14 ._introButton_1chux_235 > span {
  color: #FFF;
  display: block;
  font-size: 14px;
  margin-top: 12px;
}
._wrapper_1chux_14 header {
  text-align: left;
  position: relative;
  overflow: hidden;
  background: #00c2ff;
}
@media only screen and (max-width: 768px) {
  ._wrapper_1chux_14 header {
    text-align: center;
  }
}
._wrapper_1chux_14 header ._introTitle_1chux_284,
._wrapper_1chux_14 header ._introImage_1chux_285 {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  ._wrapper_1chux_14 header ._introTitle_1chux_284,
  ._wrapper_1chux_14 header ._introImage_1chux_285 {
    width: 100%;
  }
}
._wrapper_1chux_14 header ._introDetails_1chux_296 {
  text-align: center;
}
._wrapper_1chux_14 header ._introDetails_1chux_296 h2 {
  color: #FFF;
  margin: 36px 0 12px;
  font-size: 24px;
}
._wrapper_1chux_14 header ._introImage_1chux_285 {
  text-align: center;
}
._wrapper_1chux_14 header ._introImage_1chux_285 img {
  height: 600px;
}
@media only screen and (max-width: 768px) {
  ._wrapper_1chux_14 header ._introImage_1chux_285 {
    order: 1;
  }
  ._wrapper_1chux_14 header ._introImage_1chux_285 img {
    height: 300px;
  }
  ._wrapper_1chux_14 header ._introTitle_1chux_284 {
    order: 1;
  }
  ._wrapper_1chux_14 header ._introDetails_1chux_296 {
    order: 2;
  }
}
._wrapper_1chux_14 header::after {
  content: "";
  position: absolute;
  top: -25vw;
  right: -50vw;
  z-index: 0;
  display: block;
  height: 100vw;
  width: 100vw;
  background: hsla(0, 0%, 100%, 0.03);
  border-radius: 100%;
}
._wrapper_1chux_14 header__wrapper {
  max-width: 1280px;
  position: relative;
  margin: auto;
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  ._wrapper_1chux_14 header__wrapper {
    display: flex;
    flex-flow: column;
  }
  ._wrapper_1chux_14 header {
    padding: 100px 0 40px;
  }
}
._wrapper_1chux_14 header h1 {
  margin: 0 auto 25px;
  color: #fff;
  font-size: 2.6em;
  line-height: 1.3em;
  font-family: "HK Grotesk", sans-serif;
  font-weight: 400 !important;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 768px) {
  ._wrapper_1chux_14 header h1 {
    margin: 0 25px 20px;
    font-size: 1.3em;
  }
}
@media only screen and (max-width: 1280px) {
  ._wrapper_1chux_14 header h1 {
    text-align: center;
    font-size: 1.5em;
  }
}
._wrapper_1chux_14 header h1 b {
  font-weight: 800;
}
#_contenu_1chux_1 {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
#_contenu_1chux_1::before {
  content: "";
  position: absolute;
  top: -25vw;
  left: -50vw;
  z-index: -1;
  display: block;
  height: 100vw;
  width: 100vw;
  background: #F3F3F3;
  border-radius: 100%;
  opacity: 0.3;
}
._content_1chux_401 ._features_1chux_401 {
  text-align: left;
  margin: 30px auto 20px;
  display: inline-block;
}
._content_1chux_401 ._features_1chux_401 ._introButton_1chux_235 {
  display: block;
}
@media only screen and (max-width: 768px) {
  ._content_1chux_401 ._features_1chux_401 {
    margin: 0 auto 10px;
    padding: 0 40px;
  }
}
._content_1chux_401 ._features_1chux_401 ul > li {
  padding-left: 30px;
  margin: 0 0 12px;
  color: #666;
  font-size: 1.05em;
  position: relative;
  line-height: 24px;
}
@media only screen and (max-width: 768px) {
  ._content_1chux_401 ._features_1chux_401 ul > li {
    font-size: 1em;
  }
}
._content_1chux_401 ._features_1chux_401 ul > li:before {
  position: absolute;
  background: #239fe3;
  content: "";
  border-radius: 50%;
  width: 9px;
  height: 9px;
  color: #589FCC;
  left: 0;
  top: 7px;
}
._whoWeAre_1chux_440 ul {
  padding: 0;
  margin: 0 auto;
  max-width: 865px;
}
._whoWeAre_1chux_440 li {
  width: 48%;
  margin: 40px 4% 20px 0;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
._whoWeAre_1chux_440 li:nth-child(2n) {
  margin-right: 0;
}
@media only screen and (min-width: 769px) and (max-width: 1199px) {
  ._whoWeAre_1chux_440 li {
    width: 46%;
  }
}
@media only screen and (max-width: 768px) {
  ._whoWeAre_1chux_440 li {
    width: 100%;
    margin: 40px auto 0;
    padding: 0 20px;
    display: block;
    text-align: center;
  }
}
._whoWeAre_1chux_440 li ._profile_1chux_469,
._whoWeAre_1chux_440 li ._bio_1chux_470 {
  display: inline-block;
  vertical-align: top;
}
._whoWeAre_1chux_440 li ._profile_1chux_469 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
}
._whoWeAre_1chux_440 li ._profile_1chux_469 img {
  width: 100%;
}
._whoWeAre_1chux_440 li h4 {
  color: #433E40;
  line-height: 80px !important;
  display: inline-block;
  margin-left: 20px;
}
@media only screen and (max-width: 768px) {
  ._whoWeAre_1chux_440 li h4 {
    display: block;
    line-height: initial !important;
    margin: 10px 0 0 0;
  }
}
._whoWeAre_1chux_440 li p {
  color: #433E40;
  font-size: 0.95em;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  margin-top: 20px;
}
._whoWeAre_1chux_440 li p a,
._whoWeAre_1chux_440 li p b {
  font-weight: 600;
}
._whoWeAre_1chux_440 li p a {
  color: #4584C8;
}
._cta_1chux_512 {
  background: #DAF1FF;
  color: #239fe3;
}
._cta_1chux_512 h2,
._cta_1chux_512 ._introButton_1chux_235 span {
  color: #239fe3;
}
._cta_1chux_512 h2 {
  margin-bottom: 24px;
}:root {
  --rpv-zoom__popover-target-arrow-border-color: rgba(0, 0, 0, 0.6);
}
.rpv-core__viewer--dark {
  --rpv-zoom__popover-target-arrow-border-color: #fff;
}
.rpv-zoom__popover-target {
  align-items: center;
  color: var(--rpv-zoom__popover-target-color);
  display: flex;
}
.rpv-zoom__popover-target-scale--ltr {
  margin-right: 0.25rem;
}
.rpv-zoom__popover-target-scale--rtl {
  margin-left: 0.25rem;
}
.rpv-zoom__popover-target-arrow {
  border-color: var(--rpv-zoom__popover-target-arrow-border-color) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 0.5rem 0.25rem 0;
  height: 0;
  width: 0;
}
:root {
  --rpv-core__annotation--link-hover-background-color: rgba(255, 255, 0, 0.2);
  --rpv-core__annotation-popup-wrapper-background-color: #faf089;
  --rpv-core__annotation-popup-wrapper-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --rpv-core__annotation-popup-content-border-top-color: #1a202c;
  --rpv-core__arrow-border-color: rgba(0, 0, 0, 0.3);
  --rpv-core__asking-password-color: #000;
  --rpv-core__asking-password-wrapper-background-color: #fff;
  --rpv-core__asking-password-wrapper-border-color: rgba(0, 0, 0, 0.3);
  --rpv-core__button-background-color: rgba(0, 0, 0, 0.3);
  --rpv-core__button-color: #000;
  --rpv-core__doc-error-background-color: #fff;
  --rpv-core__doc-error-text-background-color: #c02424;
  --rpv-core__doc-error-text-color: #fff;
  --rpv-core__doc-loading-background-color: #fff;
  --rpv-core__full-screen-target-background-color: #fff;
  --rpv-core__inner-page-background-color: #fff;
  --rpv-core__menu-divider-border-bottom-color: rgba(0, 0, 0, 0.3);
  --rpv-core__menu-item-color: #000;
  --rpv-core__menu-item--hover-background-color: rgba(0, 0, 0, 0.1);
  --rpv-core__menu-item--disabled-color: rgba(0, 0, 0, 0.3);
  --rpv-core__minimal-button-color: #000;
  --rpv-core__minimal-button--hover-background-color: rgba(0, 0, 0, 0.1);
  --rpv-core__minimal-button--disabled-color: rgba(0, 0, 0, 0.3);
  --rpv-core__minimal-button--selected-background-color: rgba(0, 0, 0, 0.1);
  --rpv-core__modal-body-background-color: #fff;
  --rpv-core__modal-body-border-color: rgba(0, 0, 0, 0.3);
  --rpv-core__modal-overlay-background-color: rgba(0, 0, 0, 0.5);
  --rpv-core__page-layer-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  --rpv-core__popover-body-background-color: #fff;
  --rpv-core__popover-body-border-color: rgba(0, 0, 0, 0.3);
  --rpv-core__popover-body-color: #000;
  --rpv-core__primary-button-background-color: #2566e8;
  --rpv-core__primary-button-color: #fff;
  --rpv-core__progress-bar-background-color: rgba(0, 0, 0, 0.1);
  --rpv-core__progress-bar-progress-background-color: #2566e8;
  --rpv-core__progress-bar-progress-color: #fff;
  --rpv-core__separator-border-bottom-color: rgba(0, 0, 0, 0.3);
  --rpv-core__spinner-border-color: rgba(0, 0, 0, 0.4);
  --rpv-core__spinner-border-transparent-color: transparent;
  --rpv-core__splitter-background-color: transparent;
  --rpv-core__splitter--hover-background-color: rgba(0, 0, 0, 0.2);
  --rpv-core__text-layer-text--selection-background-color: rgb(0, 0, 255, 1);
  --rpv-core__text-layer-text--selection-color: transparent;
  --rpv-core__textbox-background-color: #fff;
  --rpv-core__textbox-border-color: rgba(0, 0, 0, 0.2);
  --rpv-core__textbox-color: #000;
  --rpv-core__tooltip-body-background-color: #000;
  --rpv-core__tooltip-body-color: #fff;
}
.rpv-core__viewer--dark {
  --rpv-core__asking-password-background-color: #363636;
  --rpv-core__asking-password-color: #fff;
  --rpv-core__asking-password-wrapper-border-color: #191919;
  --rpv-core__asking-password-wrapper-background-color: #191919;
  --rpv-core__button-background-color: #171717;
  --rpv-core__button-color: #fff;
  --rpv-core__doc-error-background-color: #191919;
  --rpv-core__doc-error-text-background-color: #c02323;
  --rpv-core__doc-error-text-color: #fff;
  --rpv-core__doc-loading-background-color: #191919;
  --rpv-core__full-screen-target-background-color: #1a1a1a;
  --rpv-core__inner-page-background-color: #1a1a1a;
  --rpv-core__menu-divider-border-bottom-color: #000;
  --rpv-core__menu-item-color: #fff;
  --rpv-core__menu-item--hover-background-color: #2566e8;
  --rpv-core__menu-item--disabled-color: #5e5e5e;
  --rpv-core__minimal-button-color: #fff;
  --rpv-core__minimal-button--disabled-color: #5e5e5e;
  --rpv-core__minimal-button--hover-background-color: #191919;
  --rpv-core__minimal-button--selected-background-color: #1657bb;
  --rpv-core__modal-body-background-color: #363636;
  --rpv-core__primary-button-background-color: #2566e8;
  --rpv-core__popover-body-background-color: #363636;
  --rpv-core__popover-body-color: #fff;
  --rpv-core__progress-bar-background-color: #000;
  --rpv-core__separator-border-bottom-color: #000;
  --rpv-core__spinner-border-color: #fff;
  --rpv-core__splitter-background-color: #1a1a1a;
  --rpv-core__splitter--hover-background-color: #2566e8;
  --rpv-core__textbox-background-color: #121212;
  --rpv-core__textbox-border-color: #121212;
  --rpv-core__textbox-color: #fff;
  --rpv-core__tooltip-body-background-color: #414141;
  --rpv-core__tooltip-body-color: #fff;
}
.rpv-core__annotation {
  position: absolute;
}
.rpv-core__annotation-layer {
  z-index: 1;
}
.rpv-core__arrow {
  border-bottom: 1px solid var(--rpv-core__arrow-border-color);
  border-left-color: var(--rpv-core__arrow-border-color);
  border-right: 1px solid var(--rpv-core__arrow-border-color);
  border-top-color: var(--rpv-core__arrow-border-color);
  height: 10px;
  position: absolute;
  width: 10px;
  z-index: 0;
}
.rpv-core__arrow--tl {
  bottom: 0;
  left: 0;
  transform: translate(50%, 50%) rotate(45deg);
}
.rpv-core__arrow--tc {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%) rotate(45deg);
}
.rpv-core__arrow--tr {
  bottom: 0;
  right: 0;
  transform: translate(-50%, 50%) rotate(45deg);
}
.rpv-core__arrow--rt {
  left: 0;
  top: 0;
  transform: translate(-50%, 50%) rotate(135deg);
}
.rpv-core__arrow--rc {
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
}
.rpv-core__arrow--rb {
  bottom: 0;
  left: 0;
  transform: translate(-50%, -50%) rotate(135deg);
}
.rpv-core__arrow--bl {
  left: 0;
  top: 0;
  transform: translate(50%, -50%) rotate(225deg);
}
.rpv-core__arrow--bc {
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%) rotate(225deg);
}
.rpv-core__arrow--br {
  right: 0;
  top: 0;
  transform: translate(-50%, -50%) rotate(225deg);
}
.rpv-core__arrow--lt {
  right: 0;
  top: 0;
  transform: translate(50%, 50%) rotate(315deg);
}
.rpv-core__arrow--lc {
  right: 0;
  top: 50%;
  transform: translate(50%, -50%) rotate(315deg);
}
.rpv-core__arrow--lb {
  bottom: 0;
  right: 0;
  transform: translate(50%, -50%) rotate(315deg);
}
.rpv-core__asking-password {
  background-color: var(--rpv-core__asking-password-background-color);
  border-radius: 0.25rem;
  color: var(--rpv-core__asking-password-color);
  padding: 2rem;
}
.rpv-core__asking-password--rtl {
  direction: rtl;
}
.rpv-core__asking-password-wrapper {
  align-items: center;
  background-color: var(--rpv-core__asking-password-wrapper-background-color);
  border: 1px solid var(--rpv-core__asking-password-wrapper-border-color);
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.rpv-core__asking-password-message {
  margin: 0.5rem 0;
}
.rpv-core__asking-password-body {
  align-items: center;
  display: flex;
  justify-content: center;
}
.rpv-core__asking-password-input {
  width: 15rem;
}
.rpv-core__asking-password-input--ltr {
  margin-right: 0.5rem;
}
.rpv-core__asking-password-input--rtl {
  margin-left: 0.5rem;
}
.rpv-core__button {
  background-color: var(--rpv-core__button-background-color);
  border: none;
  border-radius: 0.25rem;
  color: var(--rpv-core__button-color);
  cursor: pointer;
  height: 2rem;
  padding: 0 1rem;
}
.rpv-core__button--rtl {
  direction: rtl;
}
.rpv-core__canvas-layer {
  direction: ltr;
  left: 0;
  position: absolute;
  overflow: hidden;
  top: 0;
}
.rpv-core__doc-error {
  align-items: center;
  background-color: var(--rpv-core__doc-error-background-color);
  display: flex;
  justify-content: center;
  height: 100%;
}
.rpv-core__doc-error--rtl {
  direction: rtl;
}
.rpv-core__doc-error-text {
  background-color: var(--rpv-core__doc-error-text-background-color);
  border-radius: 0.25rem;
  color: var(--rpv-core__doc-error-text-color);
  line-height: 1.5;
  max-width: 50%;
  padding: 0.5rem;
}
.rpv-core__doc-loading {
  background-color: var(--rpv-core__doc-loading-background-color);
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  min-height: inherit;
}
.rpv-core__doc-loading--rtl {
  direction: rtl;
}
.rpv-core__icon {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1;
  text-align: center;
}
.rpv-core__icon--rtl {
  transform: scale(-1, 1);
}
.rpv-core__inner-container {
  min-height: inherit;
}
.rpv-core__inner-pages {
  overflow: auto;
}
.rpv-core__inner-pages--rtl {
  direction: rtl;
}
.rpv-core__inner-pages--single {
  overflow: hidden;
}
.rpv-core__inner-page-container--single {
  overflow: auto;
}
.rpv-core__inner-page {
  background-color: var(--rpv-core__inner-page-background-color);
}
.rpv-core__inner-page--single {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rpv-core__inner-page--dual-even {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.rpv-core__inner-page--dual-odd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.rpv-core__inner-page--dual-cover {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rpv-core__inner-page--dual-cover-odd {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.rpv-core__inner-page--dual-cover-even {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.rpv-core__annotation--link a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.rpv-core__annotation--link a:hover {
  background-color: var(--rpv-core__annotation--link-hover-background-color);
}
.rpv-core__menu {
  display: flex;
  flex-direction: column;
}
.rpv-core__menu--rtl {
  direction: rtl;
  text-align: right;
}
.rpv-core__menu-divider {
  border-bottom: 1px solid var(--rpv-core__menu-divider-border-bottom-color);
  margin: 0.25rem 0;
}
.rpv-core__menu-item {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  color: var(--rpv-core__menu-item-color);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.25rem 0;
  width: 100%;
}
.rpv-core__menu-item:focus {
  background-color: var(--rpv-core__menu-item--hover-background-color);
  outline: 0;
}
.rpv-core__menu-item:hover {
  background-color: var(--rpv-core__menu-item--hover-background-color);
}
.rpv-core__menu-item-icon {
  align-items: center;
  display: flex;
}
.rpv-core__menu-item-icon--ltr {
  padding-left: 1rem;
  padding-right: 0.5rem;
}
.rpv-core__menu-item-icon--rtl {
  padding-left: 0.5rem;
  padding-right: 1rem;
}
.rpv-core__menu-item-label {
  flex-grow: 1;
  flex-shrink: 1;
  white-space: nowrap;
}
.rpv-core__menu-item-label--ltr {
  padding-right: 2rem;
}
.rpv-core__menu-item-label--rtl {
  padding-left: 2rem;
}
.rpv-core__menu-item-check--ltr {
  padding-right: 1rem;
}
.rpv-core__menu-item-check--rtl {
  padding-left: 1rem;
}
.rpv-core__menu-item--disabled {
  color: var(--rpv-core__menu-item--disabled-color);
}
.rpv-core__menu-item--disabled:hover {
  background-color: rgba(0, 0, 0, 0);
}
.rpv-core__menu-item--ltr {
  text-align: left;
}
.rpv-core__menu-item--rtl {
  direction: rtl;
  text-align: right;
}
.rpv-core__minimal-button {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0.25rem;
  color: var(--rpv-core__minimal-button-color);
  cursor: pointer;
  height: 2rem;
  padding: 0 0.5rem;
}
.rpv-core__minimal-button:hover {
  background-color: var(--rpv-core__minimal-button--hover-background-color);
}
.rpv-core__minimal-button--disabled {
  color: var(--rpv-core__minimal-button--disabled-color);
}
.rpv-core__minimal-button--rtl {
  direction: rtl;
}
.rpv-core__minimal-button--selected {
  background-color: var(--rpv-core__minimal-button--selected-background-color);
}
.rpv-core__modal-body {
  background-color: var(--rpv-core__modal-body-background-color);
  border: 1px solid var(--rpv-core__modal-body-border-color);
  border-radius: 0.25rem;
  margin: 1rem;
  max-width: 32rem;
  overflow: auto;
}
.rpv-core__modal-body--rtl {
  direction: rtl;
}
.rpv-core__modal-overlay {
  background-color: var(--rpv-core__modal-overlay-background-color);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
  align-items: center;
  display: flex;
  justify-content: center;
}
.rpv-core__page-layer {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: visible;
  position: relative;
}
.rpv-core__page-layer::after {
  content: "";
  position: absolute;
  bottom: 0.25rem;
  left: 0.25rem;
  right: 0.25rem;
  top: 0.25rem;
  box-shadow: var(--rpv-core__page-layer-box-shadow);
}
.rpv-core__page-layer--single {
  margin: 0 auto;
}
.rpv-core__page-size-calculator {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.rpv-core__popover-body {
  background-color: var(--rpv-core__popover-body-background-color);
  border: 1px solid var(--rpv-core__popover-body-border-color);
  border-radius: 0.25rem;
  color: var(--rpv-core__popover-body-color);
  left: 0;
  padding: 0.5rem 0;
  position: absolute;
  top: -9999px;
  z-index: 9999;
}
.rpv-core__popover-body-arrow {
  background-color: var(--rpv-core__popover-body-background-color);
}
.rpv-core__popover-body--rtl {
  direction: rtl;
}
.rpv-core__popover-overlay {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.rpv-core__annotation-popup-wrapper {
  background-color: var(--rpv-core__annotation-popup-wrapper-background-color);
  box-shadow: var(--rpv-core__annotation-popup-wrapper-box-shadow);
  font-size: 0.75rem;
  padding: 0.25rem;
  word-break: break-word;
}
.rpv-core__annotation-popup-wrapper--rtl {
  direction: rtl;
}
.rpv-core__annotation-popup-title {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.rpv-core__annotation-popup-date {
  font-size: 0.5rem;
}
.rpv-core__annotation-popup-content {
  border-top: 1px solid var(--rpv-core__annotation-popup-content-border-top-color);
  padding: 0.25rem;
  max-height: 16rem;
  overflow: auto;
}
.rpv-core__primary-button {
  background-color: var(--rpv-core__primary-button-background-color);
  border: none;
  border-radius: 0.25rem;
  color: var(--rpv-core__primary-button-color);
  cursor: pointer;
  height: 2rem;
  padding: 0 1rem;
}
.rpv-core__primary-button--rtl {
  direction: rtl;
}
.rpv-core__progress-bar {
  background-color: var(--rpv-core__progress-bar-background-color);
  border-radius: 9999px;
  padding: 0.125rem;
}
.rpv-core__progress-bar--rtl {
  direction: rtl;
}
.rpv-core__progress-bar-progress {
  align-items: center;
  background-color: var(--rpv-core__progress-bar-progress-background-color);
  border-radius: 9999px;
  color: var(--rpv-core__progress-bar-progress-color);
  display: flex;
  font-size: 0.75rem;
  justify-content: center;
  height: 0.75rem;
}
.rpv-core__separator {
  border-bottom: 1px solid var(--rpv-core__separator-border-bottom-color);
}
.rpv-core__spinner {
  border-bottom: 2px solid var(--rpv-core__spinner-border-transparent-color);
  border-left: 2px solid var(--rpv-core__spinner-border-transparent-color);
  border-right: 2px solid var(--rpv-core__spinner-border-color);
  border-top: 2px solid var(--rpv-core__spinner-border-color);
  border-radius: 9999px;
}
.rpv-core__spinner--animating {
  animation-duration: 0.4s;
  animation-name: rpv-core__spinner-transform;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes _rpv-core__spinner-transform_3qqsb_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rpv-core__splitter {
  background-color: var(--rpv-core__splitter-background-color);
  cursor: ew-resize;
  height: 100%;
  width: 0.25rem;
}
.rpv-core__splitter:hover, .rpv-core__splitter--resizing {
  cursor: col-resize;
  background-color: var(--rpv-core__splitter--hover-background-color);
}
.rpv-core__splitter-body--resizing {
  cursor: col-resize;
}
.rpv-core__splitter-sibling--resizing {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.rpv-core__textbox {
  background-color: var(--rpv-core__textbox-background-color);
  border: 1px solid var(--rpv-core__textbox-border-color);
  box-sizing: border-box;
  border-radius: 0.25rem;
  color: var(--rpv-core__textbox-color);
  padding: 0 0.5rem;
  height: 2rem;
  width: 100%;
}
.rpv-core__textbox--rtl {
  direction: rtl;
}
.rpv-core__text-layer {
  left: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0.2;
  line-height: 1;
  z-index: 1;
}
.rpv-core__text-layer span::selection {
  background-color: var(--rpv-core__text-layer-text--selection-background-color);
  color: var(--rpv-core__text-layer-text--selection-color);
}
.rpv-core__text-layer br::selection {
  color: rgba(0, 0, 0, 0);
}
.rpv-core__text-layer-text {
  color: rgba(0, 0, 0, 0);
  cursor: text;
  position: absolute;
  transform-origin: 0% 0%;
  white-space: pre;
}
.rpv-core__tooltip-body {
  background-color: var(--rpv-core__tooltip-body-background-color);
  border-radius: 0.25rem;
  color: var(--rpv-core__tooltip-body-color);
  left: 0;
  max-width: 20rem;
  position: absolute;
  text-align: center;
  top: -9999px;
  z-index: 9999;
}
.rpv-core__tooltip-body--rtl {
  direction: rtl;
}
.rpv-core__tooltip-body-arrow {
  background-color: var(--rpv-core__tooltip-body-background-color);
}
.rpv-core__tooltip-body-content {
  padding: 0.5rem;
}
.rpv-core__display--block {
  display: block;
}
.rpv-core__display--hidden {
  display: none;
}
@media (min-width: 640px) {
  .rpv-core__display--hidden-small {
    display: none;
  }
  .rpv-core__display--block-small {
    display: block;
  }
}
@media (min-width: 768px) {
  .rpv-core__display--hidden-medium {
    display: none;
  }
  .rpv-core__display--block-medium {
    display: block;
  }
}
@media (min-width: 1024px) {
  .rpv-core__display--hidden-large {
    display: none;
  }
  .rpv-core__display--block-large {
    display: block;
  }
}
.rpv-core__viewer {
  min-height: inherit;
}
:root {
  --rpv-full-screen__overlay-background-color: #fff;
}
.rpv-core__viewer--dark {
  --rpv-full-screen__overlay-background-color: #1a1a1a;
}
.rpv-full-screen__exit-button {
  bottom: 0;
  padding: 0.5rem;
  position: fixed;
  z-index: 2;
}
.rpv-full-screen__exit-button--ltr {
  right: 0;
}
.rpv-full-screen__exit-button--rtl {
  left: 0;
}
.rpv-full-screen__overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: var(--rpv-full-screen__overlay-background-color);
  z-index: 1;
}
._loader_3qqsb_723 {
  display: none;
}._headerSpace_ifo2v_1,
._footerSpace_ifo2v_2 {
  height: 74px;
}

@media print {
  header, footer {
    position: fixed;
    text-align: center;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    color: #666;
    background-color: #fff;
  }
  footer {
    bottom: 0;
  }
  header {
    top: 0;
  }
  html, body {
    width: 210mm;
    height: 297mm;
    background-color: #fff !important;
    font-size: 13px;
    padding: 0 12px;
  }
}

@page {
  size: A4;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._freeYouTubeSheets_vuy73_14 {
  padding: 96px 24px 48px;
  text-align: center;
  flex: 1;
  background: #F8F9FB;
}
._freeYouTubeSheets_vuy73_14 h1 {
  text-align: center;
  display: block;
  margin: 0 auto;
  color: #777;
  font-family: "HK Grotesk", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  letter-spacing: 0.02em;
}
._freeYouTubeSheets_vuy73_14 h2 {
  color: #0188da;
  font-weight: 700;
  font-family: "HK Grotesk", sans-serif;
  font-size: 1.3em;
  margin: auto;
  text-align: left;
}
._freeYouTubeSheets_vuy73_14 p {
  text-align: center;
  margin: 12px 0 48px;
  color: #bfbfbf;
}
._freeYouTubeSheets_vuy73_14 li {
  background: #fff;
  overflow: hidden;
}
._freeYouTubeSheets_vuy73_14 li a {
  display: inline-block;
  position: relative;
}
._freeYouTubeSheets_vuy73_14 li a,
._freeYouTubeSheets_vuy73_14 li a span {
  color: #434343;
}
@keyframes _card-pulse_vuy73_1 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.01);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
._freeYouTubeSheets_vuy73_14 ol {
  opacity: 0;
  transform: scale(0.95);
  grid-template-columns: repeat(4, 1fr);
  animation: _card-pulse_vuy73_1 0.6s ease-out forwards;
}
._freeYouTubeSheets_vuy73_14 section {
  max-width: 1280px;
  margin: 72px auto;
}
._freeYouTubeSheets_vuy73_14 h2 {
  text-align: left;
}
._freeYouTubeSheets_vuy73_14 ol {
  display: grid;
  flex-wrap: wrap;
  gap: 28px;
  padding-top: 30px;
  justify-content: center;
  margin: auto;
  border-radius: 15px;
}
._freeYouTubeSheets_vuy73_14 li:hover {
  transform: translateY(-5px);
}
._freeYouTubeSheets_vuy73_14 li {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s;
}
._freeYouTubeSheets_vuy73_14 a > img {
  width: 100%;
  display: block;
}
._freeYouTubeSheets_vuy73_14 h3 {
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 60px;
  margin: 0;
  font-size: 0.9em;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Inter", sans-serif;
}
@keyframes _pulse_vuy73_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}
._freeYouTubeSheets_vuy73_14 ._newSheetBadge_vuy73_132 {
  display: flex;
  padding: 0.2em 0.5em;
  font-weight: 500;
  position: absolute;
  border-radius: 5px;
  background-color: #f24848;
  top: 12px;
  left: 12px;
  animation: _pulse_vuy73_1 1.5s infinite;
  font-family: "Inter", sans-serif;
  align-items: center;
  color: #fff;
  text-align: center;
  justify-content: center;
}
@keyframes _button-pulse_vuy73_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1);
  }
}
._freeYouTubeSheets_vuy73_14 ._filters_vuy73_159 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  max-width: 1280px;
  margin: auto;
}
._freeYouTubeSheets_vuy73_14 ._filters_vuy73_159 button {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: inline;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 12px 24px;
  color: #737e85;
  font-size: 15px;
  font-family: "HK Grotesk", sans-serif;
  border-radius: 14px;
  line-height: 19px;
}
._freeYouTubeSheets_vuy73_14 ._filters_vuy73_159 button:hover {
  transform: scale(1.03);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
._freeYouTubeSheets_vuy73_14 ._filters_vuy73_159 button._active_vuy73_184 {
  border-color: #bbb;
  background-color: #f6f6f6;
}
@media (max-width: 768px) {
  ._freeYouTubeSheets_vuy73_14 {
    padding: 48px 24px;
  }
  ._freeYouTubeSheets_vuy73_14 ol {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
  ._freeYouTubeSheets_vuy73_14 section {
    margin: 48px auto;
  }
  ._freeYouTubeSheets_vuy73_14 h3 {
    font-size: 0.8em;
  }
}._wrapper_a6srg_1 {
  background: #F8F8F8;
}

._list_a6srg_5 {
  display: flex;
  align-items: center;
  padding: 24px 0;
}

._dropdownButton_a6srg_11 {
  padding: 12px 6px 12px 24px;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 14px;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  color: #737E85;
  display: flex;
  align-items: center;
}

._dropdownButtonArrow_a6srg_27 {
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%2017.1133L12.1133%2011L6%204.88667L7.88667%203L15.8867%2011L7.88667%2019L6%2017.1133Z'%20fill='%23CECECE'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  width: 6px;
  height: 14px;
  padding-right: 24px;
  margin-right: 10px;
  transform: rotate(90deg);
  background-position: center;
  transition: all 0.2s ease-in-out;
}

._dropdownButton_a6srg_11 ._animatedArrow_a6srg_39 {
  transform: rotate(-90deg);
}

._dropdown_a6srg_11 {
  position: relative;
  display: inline-block;
}

._dropdownContent_a6srg_48 {
  opacity: 0;
  position: absolute;
  visibility: hidden;
  background-color: #ffffff;
  min-width: 200px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 14px;
  padding: 12px 0;
  transition: all 0.2s ease-in-out;
  right: 0;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */

._show_a6srg_63 {
  opacity: 1;
  visibility: visible;
}

._schoolLevelButton_a6srg_68 {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 14px;
  padding: 12px 24px;
  margin-right: 16px;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  color: #737E85;
}

@media (max-width: 768px) {
  ._dropdownContent_a6srg_48 {
    left: initial;
    transform: initial;
  }
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._link_15uaf_8 {
  text-align: left;
  display: flex;
  overflow: hidden;
  width: 100%;
  background: #FFFFFF;
}
._link_15uaf_8:hover {
  background: #DBF1FF;
}
._link_15uaf_8 a {
  padding: 12px 24px;
  font-size: 14px;
  line-height: 19px;
  color: #737E85;
  text-decoration: none;
  width: 100%;
}
._link_15uaf_8 a:hover {
  color: #239fe3;
}._wrapper_1ybgm_1 {
  padding: 24px 0 12px;
  text-align: center;
}
._wrapper_1ybgm_1 h3 {
  text-transform: uppercase;
  color: rgb(152, 152, 152);
  font-size: 13px;
  margin-bottom: 10px;
  font-family: "HK Grotesk", sans-serif;
  font-weight: 500;
}
._wrapper_1ybgm_1 h3:nth-of-type(2) {
  margin-top: 12px;
}
._list_1ybgm_17 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._element_1ybgm_23 {
  display: inline-block;
}
._schoolLevelButton_1ybgm_27 {
  display: inline-block;
  box-sizing: border-box;
  margin: 0 8px 12px;
}
._schoolLevelButton_1ybgm_27 > a {
  display: block;
  border: 1px solid #E5E5E5;
  padding: 12px 24px;
  color: #737E85;
  font-size: 15px;
  font-family: "HK Grotesk", sans-serif;
  border-radius: 14px;
  line-height: 19px;
}
._schoolLevelButton_1ybgm_27 > div > button,
._schoolLevelButton_1ybgm_27 > a {
  background: rgba(255, 255, 255, 0.75);
}
@media (max-width: 768px) {
  ._wrapper_1ybgm_1 {
    text-align: center;
    padding: 24px 24px 12px 24px;
  }
  ._list_1ybgm_17 {
    display: block;
  }
}._plansPage_2iuqe_1 {
  padding: 0;
}

._loading_2iuqe_5 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  font-size: 1.5rem;
  color: #666;
}._checkoutPage_1rnre_1 {
  min-height: 100vh;
  background-color: #fafafa;
  padding: 122px 20px 40px 20px;
}

._checkoutContainer_1rnre_7 {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 32px;
}

@media (max-width: 1024px) {
  ._checkoutContainer_1rnre_7 {
    grid-template-columns: 1fr;
  }
}

._checkoutMain_1rnre_20 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

._pageTitle_1rnre_26 {
  font-size: 2rem;
  font-weight: 700;
  color: #3B3833;
  margin: 0;
}

._section_1rnre_33 {
  background-color: #fff;
  border-radius: 12px;
  padding: 32px;
}

._section_1rnre_33 h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #3B3833;
  margin: 0 0 20px 0;
}

._sectionDescription_1rnre_45 {
  color: #666;
  font-size: 0.875rem;
  margin-bottom: 20px;
}

._selectedPlan_1rnre_51 {
  border: 2px solid #37A5E8;
  border-radius: 12px;
  padding: 24px;
  background-color: #ECF8FF;
}

._planInfo_1rnre_58 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

@media (max-width: 640px) {
  ._planInfo_1rnre_58 {
    flex-direction: column;
    align-items: flex-start;
  }
}

._planInfo_1rnre_58 h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #3B3833;
  margin: 0 0 4px 0;
}

._planStage_1rnre_77 {
  font-size: 0.875rem;
  color: #666;
  margin: 0;
}

._planPrice_1rnre_83 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

@media (max-width: 640px) {
  ._planPrice_1rnre_83 {
    align-items: flex-start;
  }
}

._strikedPrice_1rnre_95 {
  font-size: 0.875rem;
  color: #999;
  text-decoration: line-through;
}

._price_1rnre_101 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #37A5E8;
  display: flex;
  align-items: baseline;
  gap: 4px;
}

._period_1rnre_110 {
  font-size: 0.875rem;
  font-weight: 400;
  color: #666;
}

._addOnsList_1rnre_116 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._addOnCard_1rnre_122 {
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  padding: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  gap: 16px;
  position: relative;
}

._addOnCard_1rnre_122:hover {
  border-color: #37A5E8;
}

._addOnCard_1rnre_122._selected_1rnre_51 {
  border-color: #37A5E8;
  background-color: #ECF8FF;
}

._addOnCard_1rnre_122._withLabel_1rnre_139 {
  padding-top: 32px;
}

._addOnCard_1rnre_122._chatAddOn_1rnre_142 {
  border-color: #FFD700;
}

._specialLabel_1rnre_146 {
  position: absolute;
  top: -10px;
  left: 20px;
  background-color: #37A5E8;
  color: #fff;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

._addOnCheckbox_1rnre_158 {
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
}

._addOnCheckbox_1rnre_158 input[type=checkbox] {
  appearance: none;
  width: 24px;
  height: 24px;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: #fff;
  position: relative;
}

._addOnCheckbox_1rnre_158 input[type=checkbox]:hover {
  border-color: #37A5E8;
}

._addOnCheckbox_1rnre_158 input[type=checkbox]:checked {
  background-color: #37A5E8;
  border-color: #37A5E8;
}

._addOnCheckbox_1rnre_158 input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

._addOnCheckbox_1rnre_158 input[type=checkbox]:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: #f5f5f5;
}

._addOnContent_1rnre_199 {
  flex: 1;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

@media (max-width: 640px) {
  ._addOnContent_1rnre_199 {
    flex-direction: column;
  }
}

._addOnInfo_1rnre_211 {
  flex: 1;
}

._addOnInfo_1rnre_211 h3 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #3B3833;
  margin: 0 0 8px 0;
}

._addOnInfo_1rnre_211 p {
  font-size: 0.875rem;
  color: #666;
  margin: 0;
  line-height: 1.5;
}

._addOnPrice_1rnre_227 {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

@media (max-width: 640px) {
  ._addOnPrice_1rnre_227 {
    align-items: flex-start;
  }
}

._emailSection_1rnre_240 {
  margin-bottom: 32px;
  padding: 24px;
  background-color: #f9f9f9;
  border-radius: 12px;
}

._loginRequired_1rnre_247 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 48px 24px;
  background-color: #ECF8FF;
  border: 2px dashed #37A5E8;
  border-radius: 12px;
  text-align: center;
}

._loginIcon_1rnre_259 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #fff;
  color: #37A5E8;
  margin-bottom: 8px;
  box-shadow: 0 2px 8px rgba(55, 165, 232, 0.15);
}

._loginTitle_1rnre_272 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #3B3833;
  margin: 0;
}

._loginSubtitle_1rnre_279 {
  font-size: 0.875rem;
  font-weight: 400;
  color: #888;
  margin: 0 0 8px 0;
}

._loginButton_1rnre_286 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 40px;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  background-color: #37A5E8;
  border: none;
  border-style: solid;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
  box-shadow: 0 4px 12px rgba(55, 165, 232, 0.3);
}

._loginButton_1rnre_286:hover {
  background-color: #48B2F2;
  transform: translateY(-1px);
}

._loginButton_1rnre_286:active {
  transform: translateY(0);
}

._emailHeader_1rnre_310 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

._emailLabel_1rnre_317 {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: #3B3833;
  margin-bottom: 0;
}

._loginLink_1rnre_325 {
  background: none;
  border: none;
  color: #37A5E8;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
  transition: color 0.2s ease;
}

._loginLink_1rnre_325:hover {
  color: #48B2F2;
  text-decoration: underline;
}

._emailInput_1rnre_341 {
  width: 100%;
  padding: 12px 16px;
  font-size: 1rem;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  transition: border-color 0.2s ease;
}

._emailInput_1rnre_341:focus {
  outline: none;
  border-color: #37A5E8;
}

._emailInputError_1rnre_354 {
  border-color: #37A5E8;
}

._emailError_1rnre_358 {
  display: block;
  margin-top: 8px;
  font-size: 0.875rem;
  color: #37A5E8;
}

@media (max-width: 1024px) {
  ._checkoutSidebar_1rnre_366 {
    order: -1;
  }
}

._summaryCard_1rnre_371 {
  background-color: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  padding: 24px;
  position: sticky;
  top: 20px;
}

._summaryCard_1rnre_371 h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #3B3833;
  margin: 0 0 24px 0;
}

._summaryCard_1rnre_371 h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #3B3833;
  margin: 0 0 12px 0;
}

._summarySection_1rnre_392 {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e0e0e0;
}

._summarySection_1rnre_392:last-of-type {
  border-bottom: none;
}

._summaryItem_1rnre_401 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  color: #3B3833;
  margin-bottom: 8px;
}

._summaryItem_1rnre_401:last-child {
  margin-bottom: 0;
}

._summaryItem_1rnre_401 span:last-child {
  font-weight: 600;
}

._summaryNote_1rnre_416 {
  font-size: 0.75rem;
  color: #666;
  margin: 8px 0 0 0;
  font-style: italic;
}

._voucherSection_1rnre_423 {
  padding: 16px 0;
  margin: 16px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

._summaryTotal_1rnre_430 {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid #3B3833;
}

._totalItem_1rnre_436 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

._totalItem_1rnre_436:last-child {
  margin-bottom: 0;
}

._totalItem_1rnre_436 span:first-child {
  font-size: 1rem;
  font-weight: 600;
  color: #3B3833;
}

._totalAmount_1rnre_451 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #37A5E8;
}

._securityNote_1rnre_457 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #e0e0e0;
  font-size: 0.875rem;
  color: #666;
}

._securityNote_1rnre_457 svg {
  color: #10b981;
}

._loading_1rnre_472 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  font-size: 1.5rem;
  color: #666;
}

._activeSubscriptionMessage_1rnre_481 {
  background-color: #fff;
  border-radius: 12px;
  padding: 48px;
  text-align: center;
  max-width: 600px;
  margin: 40px auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

@media (max-width: 640px) {
  ._activeSubscriptionMessage_1rnre_481 {
    padding: 32px 24px;
    margin: 20px;
  }
}

._messageIcon_1rnre_497 {
  width: 80px;
  height: 80px;
  background-color: #ECF8FF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  color: #37A5E8;
  margin: 0 auto 24px;
}

._activeSubscriptionMessage_1rnre_481 h2 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #3B3833;
  margin: 0 0 16px 0;
}

._activeSubscriptionMessage_1rnre_481 p {
  font-size: 1rem;
  color: #666;
  line-height: 1.6;
  margin: 0 0 12px 0;
}

._activeSubscriptionMessage_1rnre_481 p:last-of-type {
  margin-bottom: 32px;
}

._activeSubscriptionMessage_1rnre_481 p strong {
  color: #3B3833;
  font-weight: 600;
}

._messageActions_1rnre_531 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 400px;
  margin: 0 auto;
}

._primaryButton_1rnre_539 {
  display: inline-block;
  padding: 14px 24px;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  background-color: #37A5E8;
  color: #fff;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

._primaryButton_1rnre_539:hover {
  background-color: #48B2F2;
}

._secondaryButton_1rnre_557 {
  display: inline-block;
  padding: 14px 24px;
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid #37A5E8;
  border-radius: 8px;
  background-color: #fff;
  color: #37A5E8;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

._secondaryButton_1rnre_557:hover {
  background-color: #ECF8FF;
}*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.-bottom-10 {
  bottom: -2.5rem;
}
.-bottom-12 {
  bottom: -3rem;
}
.-bottom-16 {
  bottom: -4rem;
}
.-bottom-28 {
  bottom: -7rem;
}
.-left-14 {
  left: -3.5rem;
}
.-left-24 {
  left: -6rem;
}
.-left-72 {
  left: -18rem;
}
.-right-14 {
  right: -3.5rem;
}
.-right-20 {
  right: -5rem;
}
.-right-24 {
  right: -6rem;
}
.-right-32 {
  right: -8rem;
}
.-right-52 {
  right: -13rem;
}
.-right-\[22rem\] {
  right: -22rem;
}
.-right-\[30\%\] {
  right: -30%;
}
.-top-12 {
  top: -3rem;
}
.-top-16 {
  top: -4rem;
}
.-top-2 {
  top: -0.5rem;
}
.-top-20 {
  top: -5rem;
}
.-top-5 {
  top: -1.25rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-12 {
  bottom: 3rem;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-24 {
  left: 6rem;
}
.left-4 {
  left: 1rem;
}
.left-6 {
  left: 1.5rem;
}
.left-\[40\%\] {
  left: 40%;
}
.left-\[60\%\] {
  left: 60%;
}
.left-auto {
  left: auto;
}
.right-0 {
  right: 0px;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-11 {
  top: 2.75rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-full {
  top: 100%;
}
.isolate {
  isolation: isolate;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-\[2147483647\] {
  z-index: 2147483647;
}
.m-0 {
  margin: 0px;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-11 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.-mb-12 {
  margin-bottom: -3rem;
}
.-ml-4 {
  margin-left: -1rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-10 {
  margin-right: 2.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-auto {
  margin-right: auto;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.size-16 {
  width: 4rem;
  height: 4rem;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.size-44 {
  width: 11rem;
  height: 11rem;
}
.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.size-8 {
  width: 2rem;
  height: 2rem;
}
.h-0 {
  height: 0px;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-16 {
  height: 4rem;
}
.h-20 {
  height: 5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-6 {
  height: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[0\.6rem\] {
  height: 0.6rem;
}
.h-\[1\.375rem\] {
  height: 1.375rem;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[9\.5rem\] {
  height: 9.5rem;
}
.h-\[calc\(100\%-3\.75rem\)\] {
  height: calc(100% - 3.75rem);
}
.h-full {
  height: 100%;
}
.max-h-\[32px\] {
  max-height: 32px;
}
.max-h-full {
  max-height: 100%;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-fit {
  min-height: fit-content;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/5 {
  width: 80%;
}
.w-48 {
  width: 12rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-96 {
  width: 24rem;
}
.w-\[0\.6rem\] {
  width: 0.6rem;
}
.w-\[1\.375rem\] {
  width: 1.375rem;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[50vw\] {
  width: 50vw;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[65px\] {
  width: 65px;
}
.w-\[9\.5rem\] {
  width: 9.5rem;
}
.w-\[92px\] {
  width: 92px;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.\!max-w-sm {
  max-width: 24rem !important;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-\[1080px\] {
  max-width: 1080px;
}
.max-w-\[32px\] {
  max-width: 32px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[520px\] {
  max-width: 520px;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[820px\] {
  max-width: 820px;
}
.max-w-\[90\%\] {
  max-width: 90%;
}
.max-w-\[900px\] {
  max-width: 900px;
}
.max-w-\[920px\] {
  max-width: 920px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-prose {
  max-width: 65ch;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow-0 {
  flex-grow: 0;
}
.basis-full {
  flex-basis: 100%;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0\.5 {
  --tw-translate-y: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-12 {
  --tw-rotate: -12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-12 {
  --tw-rotate: 12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[5deg\] {
  --tw-rotate: 5deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.grid-flow-row {
  grid-auto-flow: row;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-items-center {
  justify-items: center;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-14 {
  gap: 3.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-24 {
  gap: 6rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.overflow-hidden {
  overflow: hidden;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-balance {
  text-wrap: balance;
}
.break-all {
  word-break: break-all;
}
.\!rounded-full {
  border-radius: 9999px !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.\!border-4 {
  border-width: 4px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-solid {
  border-style: solid;
}
.border-none {
  border-style: none;
}
.\!border-white {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#00C2FF\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 194 255 / var(--tw-border-opacity, 1));
}
.border-\[\#00D8AE\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 216 174 / var(--tw-border-opacity, 1));
}
.border-\[\#4FBFFF\] {
  --tw-border-opacity: 1;
  border-color: rgb(79 191 255 / var(--tw-border-opacity, 1));
}
.border-\[\#666\] {
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}
.border-\[\#CFCFCF\] {
  --tw-border-opacity: 1;
  border-color: rgb(207 207 207 / var(--tw-border-opacity, 1));
}
.border-\[\#D9D6D6\] {
  --tw-border-opacity: 1;
  border-color: rgb(217 214 214 / var(--tw-border-opacity, 1));
}
.border-\[\#FF4D4D\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 77 77 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.bg-\[\#000351\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 3 81 / var(--tw-bg-opacity, 1));
}
.bg-\[\#00C2FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 194 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#5a574414\] {
  background-color: #5a574414;
}
.bg-\[\#86E9D1a0\] {
  background-color: #86E9D1a0;
}
.bg-\[\#C2F0FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(194 240 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#DBF9FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(219 249 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E8F7EE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 247 238 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F0F0F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F0F9FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FAFAFA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF1D0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 208 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFFAF5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFFCF6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 252 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffb6b6a0\] {
  background-color: #ffb6b6a0;
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/5 {
  background-color: rgb(0 0 0 / 0.05);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-center {
  object-position: center;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.\!px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-14 {
  padding-top: 3.5rem;
}
.pt-4 {
  padding-top: 1rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.font-\[\'Poppins\'\] {
  font-family: 'Poppins';
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[2\.4rem\] {
  font-size: 2.4rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-\[3rem\] {
  line-height: 3rem;
}
.leading-\[normal\] {
  line-height: normal;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[0\] {
  letter-spacing: 0;
}
.text-\[\#00C2FF\] {
  --tw-text-opacity: 1;
  color: rgb(0 194 255 / var(--tw-text-opacity, 1));
}
.text-\[\#00C7FF\] {
  --tw-text-opacity: 1;
  color: rgb(0 199 255 / var(--tw-text-opacity, 1));
}
.text-\[\#00D8AE\] {
  --tw-text-opacity: 1;
  color: rgb(0 216 174 / var(--tw-text-opacity, 1));
}
.text-\[\#239fe3\] {
  --tw-text-opacity: 1;
  color: rgb(35 159 227 / var(--tw-text-opacity, 1));
}
.text-\[\#3B3833\] {
  --tw-text-opacity: 1;
  color: rgb(59 56 51 / var(--tw-text-opacity, 1));
}
.text-\[\#3b3833\] {
  --tw-text-opacity: 1;
  color: rgb(59 56 51 / var(--tw-text-opacity, 1));
}
.text-\[\#4FBFFF\] {
  --tw-text-opacity: 1;
  color: rgb(79 191 255 / var(--tw-text-opacity, 1));
}
.text-\[\#4fbfff\] {
  --tw-text-opacity: 1;
  color: rgb(79 191 255 / var(--tw-text-opacity, 1));
}
.text-\[\#666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.text-\[\#6B7280\] {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-\[\#999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}
.text-\[\#B0B0AD\] {
  --tw-text-opacity: 1;
  color: rgb(176 176 173 / var(--tw-text-opacity, 1));
}
.text-\[\#BABABA\] {
  --tw-text-opacity: 1;
  color: rgb(186 186 186 / var(--tw-text-opacity, 1));
}
.text-\[\#CCCCCC\] {
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity, 1));
}
.text-\[\#FF4D4D\] {
  --tw-text-opacity: 1;
  color: rgb(255 77 77 / var(--tw-text-opacity, 1));
}
.text-\[\#FFB100\] {
  --tw-text-opacity: 1;
  color: rgb(255 177 0 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.opacity-0 {
  opacity: 0;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-90 {
  opacity: 0.9;
}
.\!shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-gray-200 {
  --tw-shadow-color: #e5e7eb;
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[2px_2px_3px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
  --tw-drop-shadow: drop-shadow(2px 2px 3px rgba(0,0,0,0.3));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.\[font-family\:\'Poppins\'\2c Helvetica\] {
  font-family: 'Poppins',Helvetica;
}
.\[image\:\(\.\*\?\)\] {
  image: (.*?);
}
.\[video\:\(\.\*\?\)\] {
  video: (.*?);
}
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));

  font-size: 15px;
  font-family: 'Poppins', Helvetica, sans-serif !important;
}
.hero-pattern {
  background-image: url('/assets/pattern-DSCX6vGP.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.banner-wrapper:hover .banner-slide {
  animation-play-state: paused;
}
.banner-slide {
  animation: rotateTextUp 10s 0s ease-in-out infinite;
}
@keyframes rotateTextUp {
  0% {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    z-index: 0;
  }
  1.8%,
  48.5% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 10;
  }
  50% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
    z-index: 0;
  }
}
.last\:mb-0:last-child {
  margin-bottom: 0px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.hover\:bg-\[\#3DD4B0\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(61 212 176 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#B5F2FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(181 242 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black\/10:hover {
  background-color: rgb(0 0 0 / 0.1);
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.hover\:text-\[\#3B3833\]:hover {
  --tw-text-opacity: 1;
  color: rgb(59 56 51 / var(--tw-text-opacity, 1));
}
.hover\:text-\[\#3DD4B0\]:hover {
  --tw-text-opacity: 1;
  color: rgb(61 212 176 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-900:hover {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-200:hover {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-50:hover {
  opacity: 0.5;
}
.hover\:opacity-60:hover {
  opacity: 0.6;
}
.focus-visible\:border-blue-500:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-\[3px\]:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-blue-500\/50:focus-visible {
  --tw-ring-color: rgb(59 130 246 / 0.5);
}
.focus-visible\:ring-red-200:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity, 1));
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.group:hover .group-hover\:block {
  display: block;
}
@media (min-width: 640px) {

  .sm\:w-\[calc\(50\%-12px\)\] {
    width: calc(50% - 12px);
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:justify-center {
    justify-content: center;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 768px) {

  .md\:absolute {
    position: absolute;
  }

  .md\:-left-12 {
    left: -3rem;
  }

  .md\:-right-12 {
    right: -3rem;
  }

  .md\:-right-2 {
    right: -0.5rem;
  }

  .md\:bottom-0 {
    bottom: 0px;
  }

  .md\:left-auto {
    left: auto;
  }

  .md\:right-0 {
    right: 0px;
  }

  .md\:right-12 {
    right: 3rem;
  }

  .md\:top-0 {
    top: 0px;
  }

  .md\:top-auto {
    top: auto;
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:col-start-1 {
    grid-column-start: 1;
  }

  .md\:col-start-7 {
    grid-column-start: 7;
  }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:-mr-24 {
    margin-right: -6rem;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .md\:mr-auto {
    margin-right: auto;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:size-56 {
    width: 14rem;
    height: 14rem;
  }

  .md\:h-24 {
    height: 6rem;
  }

  .md\:h-56 {
    height: 14rem;
  }

  .md\:h-\[45px\] {
    height: 45px;
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:min-h-\[434px\] {
    min-height: 434px;
  }

  .md\:w-56 {
    width: 14rem;
  }

  .md\:w-60 {
    width: 15rem;
  }

  .md\:w-64 {
    width: 16rem;
  }

  .md\:w-\[45\%\] {
    width: 45%;
  }

  .md\:w-\[47\%\] {
    width: 47%;
  }

  .md\:w-\[50\%\] {
    width: 50%;
  }

  .md\:w-\[60\%\] {
    width: 60%;
  }

  .md\:w-\[92px\] {
    width: 92px;
  }

  .md\:w-\[calc\(33\.333\%-16px\)\] {
    width: calc(33.333% - 16px);
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:max-w-\[1080px\] {
    max-width: 1080px;
  }

  .md\:max-w-\[47\%\] {
    max-width: 47%;
  }

  .md\:max-w-\[50\%\] {
    max-width: 50%;
  }

  .md\:max-w-none {
    max-width: none;
  }

  .md\:basis-1\/2 {
    flex-basis: 50%;
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:gap-0 {
    gap: 0px;
  }

  .md\:gap-12 {
    gap: 3rem;
  }

  .md\:gap-16 {
    gap: 4rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:gap-\[12\%\] {
    gap: 12%;
  }

  .md\:bg-none {
    background-image: none;
  }

  .md\:p-12 {
    padding: 3rem;
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:pb-0 {
    padding-bottom: 0px;
  }

  .md\:pt-12 {
    padding-top: 3rem;
  }

  .md\:text-left {
    text-align: left;
  }
}
@media (min-width: 1024px) {

  .lg\:basis-1\/3 {
    flex-basis: 33.333333%;
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1536px) {

  .\32xl\:max-w-\[1400px\] {
    max-width: 1400px;
  }
}
@media (prefers-color-scheme: dark) {

  .dark\:border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  }

  .dark\:bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
  }

  .dark\:hover\:bg-blue-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
  }

  .dark\:hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  }

  .dark\:focus-visible\:ring-red-400:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
  }
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&_\:is\(h1\2c h2\2c h3\)\]\:font-\[\"Poppins\"\] :is(h1,h2,h3) {
  font-family: "Poppins";
}
.\[\&_br\]\:hidden br {
  display: none;
}
@media (min-width: 640px) {

  .sm\:\[\&_br\]\:block br {
    display: block;
  }
}._socialAuthContainer_1yuk5_1 {
  margin-top: 24px;
  margin-bottom: 16px;
}

._divider_1yuk5_6 {
  display: flex;
  align-items: center;
  margin: 24px 0;
  color: #666;
  font-size: 14px;
}

._divider_1yuk5_6::before, ._divider_1yuk5_6::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #e0e0e0;
}

._divider_1yuk5_6 span {
  padding: 0 16px;
  font-weight: 500;
}

._socialButtons_1yuk5_23 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._schoolsList_zmtbp_8 {
  display: flex;
  flex-direction: column;
  max-height: 193px;
  overflow: auto;
  padding-right: 20px;
  margin: 20px 0;
}
._schoolsList_zmtbp_8 li {
  border-bottom: 1px solid #F6F6F7;
}
._schoolsList_zmtbp_8 li:last-child {
  border-bottom: 0;
}
._schoolsList_zmtbp_8 ._schoolLogo_zmtbp_22 {
  width: 72px;
  height: 72px;
  min-height: 72px;
  min-width: 72px;
  border-radius: 50%;
  background: #EEEEEE;
  margin-right: 24px;
  overflow: hidden;
}
._schoolsList_zmtbp_8 ._link_zmtbp_32 {
  display: flex;
  color: #A7A7A7;
  font-family: "HK Grotesk", sans-serif;
  font-size: 16px;
  padding: 12px 12px;
  text-align: left;
  align-items: center;
}
._schoolsList_zmtbp_8 ._link_zmtbp_32:hover {
  color: #3F3F3F;
}
._schoolsList_zmtbp_8 ._link_zmtbp_32 span {
  flex: 1;
}
._schoolsList_zmtbp_8 ._link_zmtbp_32 ._arrow_zmtbp_47 {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='23.261'%20height='14.161'%20viewBox='0%200%2023.261%2014.161'%3e%3cg%20id='Flèche_grise'%20data-name='Flèche%20grise'%20transform='translate(-2715.997%20-521.436)%20rotate(-45)'%3e%3crect%20id='Rectangle_1141'%20data-name='Rectangle%201141'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1566.448%202303.87)%20rotate(90)'%20fill='%23dedede'/%3e%3crect%20id='Rectangle_1140'%20data-name='Rectangle%201140'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1550%202291)'%20fill='%23dedede'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  transform: rotate(-90deg);
  height: 26px;
  width: 26px;
  flex: none;
  margin-right: 12px;
}
._searchbar_zmtbp_56 {
  margin-top: 10px;
  display: flex;
  width: 100%;
  border: 1px solid #A7A7A7;
  color: #A7A7A7;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  padding: 6px 15px;
  justify-content: center;
  border-radius: 20px;
}
@keyframes _animatebottom_zmtbp_1 {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
._blockButtons_zmtbp_81 > button {
  width: 100% !important;
  border: 0;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._sectionTitle_1tebi_8 {
  font-family: "HK Grotesk", sans-serif;
  color: #5895BC;
  font-size: 22px;
  margin-bottom: 20px;
}
._modal_1tebi_15 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  /*pointer-events: none;*/
  z-index: 9999;
  animation: _animatebottom_1tebi_1 0.4s;
}
._modalPlaceholder_1tebi_31 {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
._modalBody_1tebi_36 {
  padding-top: 20px;
  width: 100%;
}
._modalHeader_1tebi_40 {
  text-align: left;
}
._modalTitle_1tebi_43 {
  margin: 0;
  text-align: left;
  font-size: 20px;
  padding: 15px;
  font-weight: 700;
  color: #000000;
}
._modalContent_1tebi_51 {
  border-radius: 10px;
  max-width: 932px;
  width: 100%;
  max-height: 85vh;
  display: flex;
  height: auto;
  vertical-align: middle;
  overflow: auto;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
._modal_1tebi_15._enterDone_1tebi_64 {
  opacity: 1;
  pointer-events: visible;
}
._modal_1tebi_15._exit_1tebi_69 {
  opacity: 0;
}
._modal_1tebi_15._enterDone_1tebi_64 ._modalContent_1tebi_51 {
  transform: translateY(0);
}
._modal_1tebi_15._exit_1tebi_69 ._modalContent_1tebi_51 {
  transform: translateY(-200px);
}
._modalBody_1tebi_36 ._tblContent_1tebi_81 tr {
  cursor: initial;
}
._true_1tebi_85 {
  color: #25C571 !important;
}
._false_1tebi_89 {
  color: red !important;
}
._loginPicture_1tebi_93 {
  object-fit: cover;
  object-position: right;
  flex: 1;
  max-width: 350px;
}
._separator_1tebi_100 {
  width: 100%;
  display: flex;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._separatorWord_1tebi_106 {
  padding: 0 12px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 21px;
  color: #AAAAAA;
}
._separatorContainer_1tebi_115 {
  display: flex;
  align-items: center;
  margin-bottom: 26px;
}
._buttonChoice_1tebi_121 {
  background: #FFFFFF;
  border: 1px solid #A7A7A7;
  box-sizing: border-box;
  border-radius: 10px;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #A7A7A7;
  padding: 12px 30px;
  width: 100%;
}
._buttonChoice_1tebi_121:hover {
  color: #3F3F3F;
}
._modalBodyWrapper_1tebi_140 {
  padding: 24px 48px;
  position: relative;
  flex: 1;
}
._close_1tebi_146 {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
._close_1tebi_146:hover {
  background-color: rgb(247, 247, 247);
}
._close_1tebi_146:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.3333%204.64889L17.6844%203L11.1667%209.51778L4.64889%203L3%204.64889L9.51778%2011.1667L3%2017.6844L4.64889%2019.3333L11.1667%2012.8156L17.6844%2019.3333L19.3333%2017.6844L12.8156%2011.1667L19.3333%204.64889Z'%20fill='%23CECECE'/%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
._schoolsList_1tebi_170 {
  display: flex;
  flex-direction: column;
  max-height: 182px;
  overflow: auto;
  padding-right: 20px;
  margin: 20px 0;
}
._schoolsList_1tebi_170 ._separator_1tebi_100 {
  width: 100%;
  display: flex;
  margin: 12px 12px;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._schoolsList_1tebi_170 ._schoolLogo_1tebi_185 {
  width: 72px;
  height: 72px;
  min-height: 72px;
  min-width: 72px;
  border-radius: 50%;
  background: #EEEEEE;
  margin-right: 24px;
  overflow: hidden;
}
._schoolsList_1tebi_170 ._link_1tebi_195 {
  margin-top: 12px;
  display: flex;
  color: #A7A7A7;
  font-family: "HK Grotesk", sans-serif;
  font-size: 16px;
  padding: 6px 0px;
  text-align: left;
  align-items: center;
}
._schoolsList_1tebi_170 ._link_1tebi_195:hover {
  color: #3F3F3F;
}
._schoolsList_1tebi_170 ._link_1tebi_195 span {
  flex: 1;
}
._schoolsList_1tebi_170 ._link_1tebi_195 ._arrow_1tebi_211 {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='23.261'%20height='14.161'%20viewBox='0%200%2023.261%2014.161'%3e%3cg%20id='Flèche_grise'%20data-name='Flèche%20grise'%20transform='translate(-2715.997%20-521.436)%20rotate(-45)'%3e%3crect%20id='Rectangle_1141'%20data-name='Rectangle%201141'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1566.448%202303.87)%20rotate(90)'%20fill='%23dedede'/%3e%3crect%20id='Rectangle_1140'%20data-name='Rectangle%201140'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1550%202291)'%20fill='%23dedede'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  transform: rotate(-90deg);
  height: 26px;
  width: 26px;
  flex: none;
  margin-right: 12px;
}
._searchbar_1tebi_220 {
  margin-top: 10px;
  display: flex;
  width: 100%;
  border: 1px solid #A7A7A7;
  color: #A7A7A7;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  padding: 6px 15px;
  justify-content: center;
  border-radius: 20px;
}
@keyframes _animatebottom_1tebi_1 {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
._blockButtons_1tebi_245 > button {
  width: 100% !important;
  border: 0;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._sectionTitle_16s1y_8 {
  font-family: "HK Grotesk", sans-serif;
  color: #5895BC;
  font-size: 22px;
  margin-bottom: 20px;
}
._modal_16s1y_15 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  /*pointer-events: none;*/
  z-index: 9999;
  animation: _animatebottom_16s1y_1 0.4s;
  text-align: center;
}
._modalPlaceholder_16s1y_32 {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
._modalBody_16s1y_37 {
  padding-top: 20px;
  width: 100%;
}
._modalHeader_16s1y_41 {
  text-align: left;
}
._modalTitle_16s1y_44 {
  margin: 0;
  text-align: left;
  font-size: 20px;
  padding: 15px;
  font-weight: 700;
  color: #000000;
}
._modalContent_16s1y_52 {
  border-radius: 10px;
  max-width: 932px;
  width: 100%;
  max-height: 85vh;
  display: flex;
  height: auto;
  vertical-align: middle;
  overflow: auto;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
._modal_16s1y_15._enterDone_16s1y_65 {
  opacity: 1;
  pointer-events: visible;
}
._modal_16s1y_15._exit_16s1y_70 {
  opacity: 0;
}
._modal_16s1y_15._enterDone_16s1y_65 ._modalContent_16s1y_52 {
  transform: translateY(0);
}
._modal_16s1y_15._exit_16s1y_70 ._modalContent_16s1y_52 {
  transform: translateY(-200px);
}
._modalBody_16s1y_37 ._tblContent_16s1y_82 tr {
  cursor: initial;
}
._true_16s1y_86 {
  color: #25C571 !important;
}
._false_16s1y_90 {
  color: red !important;
}
._loginPicture_16s1y_94 {
  background-repeat: no-repeat;
  background-size: auto;
  height: 446px;
  flex: 1;
  max-width: 350px;
  background-image: url("/assets/login-C3Lc5x0E.png");
}
._separator_16s1y_103 {
  width: 100%;
  display: flex;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._separatorWord_16s1y_109 {
  padding: 0 12px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 21px;
  color: #AAAAAA;
}
._separatorContainer_16s1y_118 {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
._buttonChoice_16s1y_124 {
  background: #FFFFFF;
  border: 1px solid #A7A7A7;
  box-sizing: border-box;
  border-radius: 10px;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #A7A7A7;
  padding: 12px 30px;
  width: 100%;
}
._buttonChoice_16s1y_124:hover {
  color: #3F3F3F;
}
._modalBodyWrapper_16s1y_143 {
  padding: 24px 48px;
  position: relative;
  flex: 1;
}
._close_16s1y_149 {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
._close_16s1y_149:hover {
  background-color: rgb(247, 247, 247);
}
._close_16s1y_149:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.3333%204.64889L17.6844%203L11.1667%209.51778L4.64889%203L3%204.64889L9.51778%2011.1667L3%2017.6844L4.64889%2019.3333L11.1667%2012.8156L17.6844%2019.3333L19.3333%2017.6844L12.8156%2011.1667L19.3333%204.64889Z'%20fill='%23CECECE'/%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
._schoolsList_16s1y_173 {
  display: flex;
  flex-direction: column;
  max-height: 182px;
  overflow: auto;
  padding-right: 20px;
  margin: 20px 0;
}
._schoolsList_16s1y_173 ._separator_16s1y_103 {
  width: 100%;
  display: flex;
  margin: 12px 12px;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._schoolsList_16s1y_173 ._schoolLogo_16s1y_188 {
  width: 72px;
  height: 72px;
  min-height: 72px;
  min-width: 72px;
  border-radius: 50%;
  background: #EEEEEE;
  margin-right: 24px;
  overflow: hidden;
}
._schoolsList_16s1y_173 ._link_16s1y_198 {
  margin-top: 12px;
  display: flex;
  color: #A7A7A7;
  font-family: "HK Grotesk", sans-serif;
  font-size: 16px;
  padding: 6px 0px;
  text-align: left;
  align-items: center;
}
._schoolsList_16s1y_173 ._link_16s1y_198:hover {
  color: #3F3F3F;
}
._schoolsList_16s1y_173 ._link_16s1y_198 span {
  flex: 1;
}
._schoolsList_16s1y_173 ._link_16s1y_198 ._arrow_16s1y_214 {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='23.261'%20height='14.161'%20viewBox='0%200%2023.261%2014.161'%3e%3cg%20id='Flèche_grise'%20data-name='Flèche%20grise'%20transform='translate(-2715.997%20-521.436)%20rotate(-45)'%3e%3crect%20id='Rectangle_1141'%20data-name='Rectangle%201141'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1566.448%202303.87)%20rotate(90)'%20fill='%23dedede'/%3e%3crect%20id='Rectangle_1140'%20data-name='Rectangle%201140'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1550%202291)'%20fill='%23dedede'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  transform: rotate(-90deg);
  height: 26px;
  width: 26px;
  flex: none;
  margin-right: 12px;
}
._searchbar_16s1y_223 {
  margin-top: 10px;
  display: flex;
  width: 100%;
  border: 1px solid #A7A7A7;
  color: #A7A7A7;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  padding: 6px 15px;
  justify-content: center;
  border-radius: 20px;
}
@keyframes _animatebottom_16s1y_1 {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
._blockButtons_16s1y_248 > button {
  width: 100% !important;
  border: 0;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._modal_1gxdb_8 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  /*pointer-events: none;*/
  z-index: 9999;
  animation: _animatebottom_1gxdb_1 0.4s;
}
._modalPlaceholder_1gxdb_24 {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
._modalBody_1gxdb_29 {
  padding-top: 20px;
  width: 100%;
}
._modalHeader_1gxdb_33 {
  text-align: left;
}
._modal_1gxdb_8 ._title_1gxdb_36 {
  font-family: "HK Grotesk", sans-serif;
  color: #5895BC;
  font-size: 22px;
  margin-bottom: 20px;
  text-align: center;
}
._modalContent_1gxdb_43 {
  border-radius: 10px;
  max-width: 640px;
  width: 100%;
  max-height: 85vh;
  display: flex;
  height: auto;
  vertical-align: middle;
  overflow: auto;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
._modalContent_1gxdb_43 p {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #989898;
  max-width: 640px;
}
._modal_1gxdb_8._enterDone_1gxdb_65 {
  opacity: 1;
  pointer-events: visible;
}
._modal_1gxdb_8._exit_1gxdb_70 {
  opacity: 0;
}
._modal_1gxdb_8._enterDone_1gxdb_65 ._modalContent_1gxdb_43 {
  transform: translateY(0);
}
._modal_1gxdb_8._exit_1gxdb_70 ._modalContent_1gxdb_43 {
  transform: translateY(-200px);
}
._modalBody_1gxdb_29 ._tblContent_1gxdb_82 tr {
  cursor: initial;
}
._true_1gxdb_86 {
  color: #25C571 !important;
}
._false_1gxdb_90 {
  color: red !important;
}
._loginPicture_1gxdb_94 {
  background-repeat: no-repeat;
  background-size: auto;
  height: 446px;
  flex: 1;
  max-width: 350px;
  background-image: url("/assets/login-C3Lc5x0E.png");
}
._separator_1gxdb_103 {
  width: 100%;
  display: flex;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._separatorWord_1gxdb_109 {
  padding: 0 12px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 21px;
  color: #AAAAAA;
}
._separatorContainer_1gxdb_118 {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
._buttonChoice_1gxdb_124 {
  background: #FFFFFF;
  border: 1px solid #A7A7A7;
  box-sizing: border-box;
  border-radius: 10px;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #A7A7A7;
  padding: 12px 30px;
  width: 100%;
}
._buttonChoice_1gxdb_124:hover {
  color: #3F3F3F;
}
._modalBodyWrapper_1gxdb_143 {
  padding: 24px 48px;
  position: relative;
  flex: 1;
}
._close_1gxdb_149 {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
._close_1gxdb_149:hover {
  background-color: rgb(247, 247, 247);
}
._close_1gxdb_149:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.3333%204.64889L17.6844%203L11.1667%209.51778L4.64889%203L3%204.64889L9.51778%2011.1667L3%2017.6844L4.64889%2019.3333L11.1667%2012.8156L17.6844%2019.3333L19.3333%2017.6844L12.8156%2011.1667L19.3333%204.64889Z'%20fill='%23CECECE'/%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
._schoolsList_1gxdb_173 {
  display: flex;
  flex-direction: column;
  max-height: 182px;
  overflow: auto;
  padding-right: 20px;
  margin: 20px 0;
}
._schoolsList_1gxdb_173 ._separator_1gxdb_103 {
  width: 100%;
  display: flex;
  margin: 12px 12px;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._schoolsList_1gxdb_173 ._schoolLogo_1gxdb_188 {
  width: 72px;
  height: 72px;
  min-height: 72px;
  min-width: 72px;
  border-radius: 50%;
  background: #EEEEEE;
  margin-right: 24px;
  overflow: hidden;
}
._schoolsList_1gxdb_173 ._link_1gxdb_198 {
  margin-top: 12px;
  display: flex;
  color: #A7A7A7;
  font-family: "HK Grotesk", sans-serif;
  font-size: 16px;
  padding: 6px 0px;
  text-align: left;
  align-items: center;
}
._schoolsList_1gxdb_173 ._link_1gxdb_198:hover {
  color: #3F3F3F;
}
._schoolsList_1gxdb_173 ._link_1gxdb_198 span {
  flex: 1;
}
._schoolsList_1gxdb_173 ._link_1gxdb_198 ._arrow_1gxdb_214 {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='23.261'%20height='14.161'%20viewBox='0%200%2023.261%2014.161'%3e%3cg%20id='Flèche_grise'%20data-name='Flèche%20grise'%20transform='translate(-2715.997%20-521.436)%20rotate(-45)'%3e%3crect%20id='Rectangle_1141'%20data-name='Rectangle%201141'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1566.448%202303.87)%20rotate(90)'%20fill='%23dedede'/%3e%3crect%20id='Rectangle_1140'%20data-name='Rectangle%201140'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1550%202291)'%20fill='%23dedede'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  transform: rotate(-90deg);
  height: 26px;
  width: 26px;
  flex: none;
  margin-right: 12px;
}
._searchbar_1gxdb_223 {
  margin-top: 10px;
  display: flex;
  width: 100%;
  border: 1px solid #A7A7A7;
  color: #A7A7A7;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  padding: 6px 15px;
  justify-content: center;
  border-radius: 20px;
}
@keyframes _animatebottom_1gxdb_1 {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
._blockButtons_1gxdb_248 > button {
  width: 100% !important;
  border: 0;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._login_1t4i4_14 {
  padding: 30px 0 40px 0;
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 82px - 41px);
}
@media only screen and (max-width: 768px) {
  ._login_1t4i4_14 {
    padding: 0;
    min-height: initial;
  }
}
._container_1t4i4_27 {
  width: 100%;
  max-width: 400px;
  padding: 40px;
  background: white;
  border-radius: 4px;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  ._container_1t4i4_27 {
    min-height: calc(100vh - 75px - 113px);
    max-width: inherit;
  }
}
._container_1t4i4_27 a {
  text-decoration: none;
  color: #b3b3b3;
  font-size: 12px;
  transition: color 0.2s ease-in;
}
._container_1t4i4_27 a:hover {
  color: #239fe3;
}
._header_1t4i4_51 {
  text-align: center;
}
._form_1t4i4_55 {
  margin-top: 30px;
}
._form_1t4i4_55 p {
  margin-top: 24px;
}
._formItem_1t4i4_62 {
  text-align: left;
}
._formItemRegister_1t4i4_65 a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #37A5E8;
}
._formItemForgottenPassword_1t4i4_73 {
  margin-top: 10px;
}
._formItemForgottenPassword_1t4i4_73 a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #989898;
}
._formItem_1t4i4_62:not(:first-child) {
  margin-top: 15px;
}
._buttonsContainer_1t4i4_88 {
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._modal_1gxdb_8 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  /*pointer-events: none;*/
  z-index: 9999;
  animation: _animatebottom_1gxdb_1 0.4s;
}
._modalPlaceholder_1gxdb_24 {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
._modalBody_1gxdb_29 {
  padding-top: 20px;
  width: 100%;
}
._modalHeader_1gxdb_33 {
  text-align: left;
}
._modal_1gxdb_8 ._title_1gxdb_36 {
  font-family: "HK Grotesk", sans-serif;
  color: #5895BC;
  font-size: 22px;
  margin-bottom: 20px;
  text-align: center;
}
._modalContent_1gxdb_43 {
  border-radius: 10px;
  max-width: 640px;
  width: 100%;
  max-height: 85vh;
  display: flex;
  height: auto;
  vertical-align: middle;
  overflow: auto;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
._modalContent_1gxdb_43 p {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #989898;
  max-width: 640px;
}
._modal_1gxdb_8._enterDone_1gxdb_65 {
  opacity: 1;
  pointer-events: visible;
}
._modal_1gxdb_8._exit_1gxdb_70 {
  opacity: 0;
}
._modal_1gxdb_8._enterDone_1gxdb_65 ._modalContent_1gxdb_43 {
  transform: translateY(0);
}
._modal_1gxdb_8._exit_1gxdb_70 ._modalContent_1gxdb_43 {
  transform: translateY(-200px);
}
._modalBody_1gxdb_29 ._tblContent_1gxdb_82 tr {
  cursor: initial;
}
._true_1gxdb_86 {
  color: #25C571 !important;
}
._false_1gxdb_90 {
  color: red !important;
}
._loginPicture_1gxdb_94 {
  background-repeat: no-repeat;
  background-size: auto;
  height: 446px;
  flex: 1;
  max-width: 350px;
  background-image: url("/assets/login-C3Lc5x0E.png");
}
._separator_1gxdb_103 {
  width: 100%;
  display: flex;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._separatorWord_1gxdb_109 {
  padding: 0 12px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 21px;
  color: #AAAAAA;
}
._separatorContainer_1gxdb_118 {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
._buttonChoice_1gxdb_124 {
  background: #FFFFFF;
  border: 1px solid #A7A7A7;
  box-sizing: border-box;
  border-radius: 10px;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #A7A7A7;
  padding: 12px 30px;
  width: 100%;
}
._buttonChoice_1gxdb_124:hover {
  color: #3F3F3F;
}
._modalBodyWrapper_1gxdb_143 {
  padding: 24px 48px;
  position: relative;
  flex: 1;
}
._close_1gxdb_149 {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
._close_1gxdb_149:hover {
  background-color: rgb(247, 247, 247);
}
._close_1gxdb_149:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.3333%204.64889L17.6844%203L11.1667%209.51778L4.64889%203L3%204.64889L9.51778%2011.1667L3%2017.6844L4.64889%2019.3333L11.1667%2012.8156L17.6844%2019.3333L19.3333%2017.6844L12.8156%2011.1667L19.3333%204.64889Z'%20fill='%23CECECE'/%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
._schoolsList_1gxdb_173 {
  display: flex;
  flex-direction: column;
  max-height: 182px;
  overflow: auto;
  padding-right: 20px;
  margin: 20px 0;
}
._schoolsList_1gxdb_173 ._separator_1gxdb_103 {
  width: 100%;
  display: flex;
  margin: 12px 12px;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._schoolsList_1gxdb_173 ._schoolLogo_1gxdb_188 {
  width: 72px;
  height: 72px;
  min-height: 72px;
  min-width: 72px;
  border-radius: 50%;
  background: #EEEEEE;
  margin-right: 24px;
  overflow: hidden;
}
._schoolsList_1gxdb_173 ._link_1gxdb_198 {
  margin-top: 12px;
  display: flex;
  color: #A7A7A7;
  font-family: "HK Grotesk", sans-serif;
  font-size: 16px;
  padding: 6px 0px;
  text-align: left;
  align-items: center;
}
._schoolsList_1gxdb_173 ._link_1gxdb_198:hover {
  color: #3F3F3F;
}
._schoolsList_1gxdb_173 ._link_1gxdb_198 span {
  flex: 1;
}
._schoolsList_1gxdb_173 ._link_1gxdb_198 ._arrow_1gxdb_214 {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='23.261'%20height='14.161'%20viewBox='0%200%2023.261%2014.161'%3e%3cg%20id='Flèche_grise'%20data-name='Flèche%20grise'%20transform='translate(-2715.997%20-521.436)%20rotate(-45)'%3e%3crect%20id='Rectangle_1141'%20data-name='Rectangle%201141'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1566.448%202303.87)%20rotate(90)'%20fill='%23dedede'/%3e%3crect%20id='Rectangle_1140'%20data-name='Rectangle%201140'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1550%202291)'%20fill='%23dedede'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  transform: rotate(-90deg);
  height: 26px;
  width: 26px;
  flex: none;
  margin-right: 12px;
}
._searchbar_1gxdb_223 {
  margin-top: 10px;
  display: flex;
  width: 100%;
  border: 1px solid #A7A7A7;
  color: #A7A7A7;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  padding: 6px 15px;
  justify-content: center;
  border-radius: 20px;
}
@keyframes _animatebottom_1gxdb_1 {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
._blockButtons_1gxdb_248 > button {
  width: 100% !important;
  border: 0;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._login_1t4i4_14 {
  padding: 30px 0 40px 0;
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 82px - 41px);
}
@media only screen and (max-width: 768px) {
  ._login_1t4i4_14 {
    padding: 0;
    min-height: initial;
  }
}
._container_1t4i4_27 {
  width: 100%;
  max-width: 400px;
  padding: 40px;
  background: white;
  border-radius: 4px;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  ._container_1t4i4_27 {
    min-height: calc(100vh - 75px - 113px);
    max-width: inherit;
  }
}
._container_1t4i4_27 a {
  text-decoration: none;
  color: #b3b3b3;
  font-size: 12px;
  transition: color 0.2s ease-in;
}
._container_1t4i4_27 a:hover {
  color: #239fe3;
}
._header_1t4i4_51 {
  text-align: center;
}
._form_1t4i4_55 {
  margin-top: 30px;
}
._form_1t4i4_55 p {
  margin-top: 24px;
}
._formItem_1t4i4_62 {
  text-align: left;
}
._formItemRegister_1t4i4_65 a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #37A5E8;
}
._formItemForgottenPassword_1t4i4_73 {
  margin-top: 10px;
}
._formItemForgottenPassword_1t4i4_73 a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #989898;
}
._formItem_1t4i4_62:not(:first-child) {
  margin-top: 15px;
}
._buttonsContainer_1t4i4_88 {
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._login_1t4i4_14 {
  padding: 30px 0 40px 0;
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 82px - 41px);
}
@media only screen and (max-width: 768px) {
  ._login_1t4i4_14 {
    padding: 0;
    min-height: initial;
  }
}
._container_1t4i4_27 {
  width: 100%;
  max-width: 400px;
  padding: 40px;
  background: white;
  border-radius: 4px;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  ._container_1t4i4_27 {
    min-height: calc(100vh - 75px - 113px);
    max-width: inherit;
  }
}
._container_1t4i4_27 a {
  text-decoration: none;
  color: #b3b3b3;
  font-size: 12px;
  transition: color 0.2s ease-in;
}
._container_1t4i4_27 a:hover {
  color: #239fe3;
}
._header_1t4i4_51 {
  text-align: center;
}
._form_1t4i4_55 {
  margin-top: 30px;
}
._form_1t4i4_55 p {
  margin-top: 24px;
}
._formItem_1t4i4_62 {
  text-align: left;
}
._formItemRegister_1t4i4_65 a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #37A5E8;
}
._formItemForgottenPassword_1t4i4_73 {
  margin-top: 10px;
}
._formItemForgottenPassword_1t4i4_73 a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #989898;
}
._formItem_1t4i4_62:not(:first-child) {
  margin-top: 15px;
}
._buttonsContainer_1t4i4_88 {
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}/*$mobile-small: 240px;
$mobile-large: 320px;
$tablet-small: 480px;
$tablet-large: 768px;
$screen-small: 1024px;
$screen-large: 1280px;*/
/* v2 */
._modal_1gxdb_8 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  /*pointer-events: none;*/
  z-index: 9999;
  animation: _animatebottom_1gxdb_1 0.4s;
}
._modalPlaceholder_1gxdb_24 {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
._modalBody_1gxdb_29 {
  padding-top: 20px;
  width: 100%;
}
._modalHeader_1gxdb_33 {
  text-align: left;
}
._modal_1gxdb_8 ._title_1gxdb_36 {
  font-family: "HK Grotesk", sans-serif;
  color: #5895BC;
  font-size: 22px;
  margin-bottom: 20px;
  text-align: center;
}
._modalContent_1gxdb_43 {
  border-radius: 10px;
  max-width: 640px;
  width: 100%;
  max-height: 85vh;
  display: flex;
  height: auto;
  vertical-align: middle;
  overflow: auto;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
._modalContent_1gxdb_43 p {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #989898;
  max-width: 640px;
}
._modal_1gxdb_8._enterDone_1gxdb_65 {
  opacity: 1;
  pointer-events: visible;
}
._modal_1gxdb_8._exit_1gxdb_70 {
  opacity: 0;
}
._modal_1gxdb_8._enterDone_1gxdb_65 ._modalContent_1gxdb_43 {
  transform: translateY(0);
}
._modal_1gxdb_8._exit_1gxdb_70 ._modalContent_1gxdb_43 {
  transform: translateY(-200px);
}
._modalBody_1gxdb_29 ._tblContent_1gxdb_82 tr {
  cursor: initial;
}
._true_1gxdb_86 {
  color: #25C571 !important;
}
._false_1gxdb_90 {
  color: red !important;
}
._loginPicture_1gxdb_94 {
  background-repeat: no-repeat;
  background-size: auto;
  height: 446px;
  flex: 1;
  max-width: 350px;
  background-image: url("/assets/login-C3Lc5x0E.png");
}
._separator_1gxdb_103 {
  width: 100%;
  display: flex;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._separatorWord_1gxdb_109 {
  padding: 0 12px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 21px;
  color: #AAAAAA;
}
._separatorContainer_1gxdb_118 {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
._buttonChoice_1gxdb_124 {
  background: #FFFFFF;
  border: 1px solid #A7A7A7;
  box-sizing: border-box;
  border-radius: 10px;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #A7A7A7;
  padding: 12px 30px;
  width: 100%;
}
._buttonChoice_1gxdb_124:hover {
  color: #3F3F3F;
}
._modalBodyWrapper_1gxdb_143 {
  padding: 24px 48px;
  position: relative;
  flex: 1;
}
._close_1gxdb_149 {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
._close_1gxdb_149:hover {
  background-color: rgb(247, 247, 247);
}
._close_1gxdb_149:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.3333%204.64889L17.6844%203L11.1667%209.51778L4.64889%203L3%204.64889L9.51778%2011.1667L3%2017.6844L4.64889%2019.3333L11.1667%2012.8156L17.6844%2019.3333L19.3333%2017.6844L12.8156%2011.1667L19.3333%204.64889Z'%20fill='%23CECECE'/%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
._schoolsList_1gxdb_173 {
  display: flex;
  flex-direction: column;
  max-height: 182px;
  overflow: auto;
  padding-right: 20px;
  margin: 20px 0;
}
._schoolsList_1gxdb_173 ._separator_1gxdb_103 {
  width: 100%;
  display: flex;
  margin: 12px 12px;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}
._schoolsList_1gxdb_173 ._schoolLogo_1gxdb_188 {
  width: 72px;
  height: 72px;
  min-height: 72px;
  min-width: 72px;
  border-radius: 50%;
  background: #EEEEEE;
  margin-right: 24px;
  overflow: hidden;
}
._schoolsList_1gxdb_173 ._link_1gxdb_198 {
  margin-top: 12px;
  display: flex;
  color: #A7A7A7;
  font-family: "HK Grotesk", sans-serif;
  font-size: 16px;
  padding: 6px 0px;
  text-align: left;
  align-items: center;
}
._schoolsList_1gxdb_173 ._link_1gxdb_198:hover {
  color: #3F3F3F;
}
._schoolsList_1gxdb_173 ._link_1gxdb_198 span {
  flex: 1;
}
._schoolsList_1gxdb_173 ._link_1gxdb_198 ._arrow_1gxdb_214 {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='23.261'%20height='14.161'%20viewBox='0%200%2023.261%2014.161'%3e%3cg%20id='Flèche_grise'%20data-name='Flèche%20grise'%20transform='translate(-2715.997%20-521.436)%20rotate(-45)'%3e%3crect%20id='Rectangle_1141'%20data-name='Rectangle%201141'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1566.448%202303.87)%20rotate(90)'%20fill='%23dedede'/%3e%3crect%20id='Rectangle_1140'%20data-name='Rectangle%201140'%20width='3.578'%20height='16.448'%20rx='1.789'%20transform='translate(1550%202291)'%20fill='%23dedede'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  transform: rotate(-90deg);
  height: 26px;
  width: 26px;
  flex: none;
  margin-right: 12px;
}
._searchbar_1gxdb_223 {
  margin-top: 10px;
  display: flex;
  width: 100%;
  border: 1px solid #A7A7A7;
  color: #A7A7A7;
  font-family: "HK Grotesk", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  padding: 6px 15px;
  justify-content: center;
  border-radius: 20px;
}
@keyframes _animatebottom_1gxdb_1 {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
._blockButtons_1gxdb_248 > button {
  width: 100% !important;
  border: 0;
}