/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/assets/stylesheets/external.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "fontello";
  src: font-url(/packs/static/vendor/assets/fonts/fontello-455a37b88812aa203d24.eot?97015410);
  src: font-url(/packs/static/vendor/assets/fonts/fontello-455a37b88812aa203d24.eot?97015410#iefix) format("embedded-opentype"), font-url(/packs/static/vendor/assets/fonts/fontello-8d385b2b134ef5bc117b.woff?97015410) format("woff"), font-url(/packs/static/vendor/assets/fonts/fontello-c04a22ad1564d208a4f9.ttf?97015410) format("truetype"), font-url(/packs/static/vendor/assets/fonts/fontello-7691faea8648410c373b.svg?97015410#fontello) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: font-url('fontello.svg?97015410#fontello') format('svg');
  }
}
*/
.icon-college:before, .icon-calendar:before, .icon-cake:before, .icon-house:before, .icon-left:before, .icon-dot-3:before, .icon-menu:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-menu:before {
  content: "\e800";
} /* '' */
.icon-dot-3:before {
  content: "\e801";
} /* '' */
.icon-left:before {
  content: "\e802";
} /* '' */
.icon-house:before {
  content: "\e803";
} /* '' */
.icon-cake:before {
  content: "\e804";
} /* '' */
.icon-calendar:before {
  content: "\e805";
} /* '' */
.icon-college:before {
  content: "\e806";
} /* '' */
@font-face {
  font-family: "fontello";
  src: font-url(/packs/static/vendor/assets/fonts/fontello-455a37b88812aa203d24.eot?97015410);
  src: font-url(/packs/static/vendor/assets/fonts/fontello-455a37b88812aa203d24.eot?97015410#iefix) format("embedded-opentype"), font-url(/packs/static/vendor/assets/fonts/fontello-8d385b2b134ef5bc117b.woff?97015410) format("woff"), font-url(/packs/static/vendor/assets/fonts/fontello-c04a22ad1564d208a4f9.ttf?97015410) format("truetype"), font-url(/packs/static/vendor/assets/fonts/fontello-7691faea8648410c373b.svg?97015410#fontello) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: font-url('fontello.svg?97015410#fontello') format('svg');
  }
}
*/
.icon-menu:before, .icon-dot-3:before, .icon-left:before, .icon-house:before, .icon-cake:before, .icon-calendar:before, .icon-college:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-menu:before {
  content: "\e800";
} /* '' */
.icon-dot-3:before {
  content: "\e801";
} /* '' */
.icon-left:before {
  content: "\e802";
} /* '' */
.icon-house:before {
  content: "\e803";
} /* '' */
.icon-cake:before {
  content: "\e804";
} /* '' */
.icon-calendar:before {
  content: "\e805";
} /* '' */
.icon-college:before {
  content: "\e806";
} /* '' */
/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
html {
  font-size: 1em;
}

body {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
}

h1, h2, h3 {
  font-weight: 600;
}

abbr[title] {
  /* normalize.css (a third party module used in this project) adds
     a border-bottom to this element, but some browsers define a
     text-decoration style by default, resulting in a doubled border. */
  text-decoration: none;
}

html {
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

a:focus, button:focus, input:focus, select:focus, textarea:focus, [tabindex]:focus {
  outline: 3px solid #63FFDA;
  outline-offset: 0;
}

/* Additional override for Firefox */
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 3px solid #63FFDA;
  outline-offset: 0;
}

a {
  /* These styles MUST be overwritten for any components where
   * links are displayed inline, e.g. in a paragraph of text,
   * to ensure that the links are visually distinguishable.
   * See the `content-links` mixin below.
   */
  text-decoration: none;
  color: inherit;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

.mastercard-logo {
  display: block;
  margin: 44px auto 44px auto;
}
@media screen and (min-width: 600px) {
  .mastercard-logo {
    margin: 72px auto 72px auto;
  }
}

textarea {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
}
@media screen and (max-width: 599px) {
  textarea {
    font-size: 1rem;
  }
}

.app-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: url(/packs/static/media/BG-Grey-1x-6f59e0c3bf7b0635735e51096eec7a50.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.content-wrapper {
  min-width: 320px;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 64px;
  padding-top: 106px;
  padding-left: 15px;
  padding-right: 15px;
}
.content-wrapper__redesign {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  margin-bottom: 4rem;
  padding-top: 74px;
  grid-column-gap: 3rem;
}
@media screen and (min-width: 1024px) {
  .content-wrapper__redesign {
    margin: 0 2rem 4rem 2rem;
    padding-top: 130px;
  }
}
@media screen and (min-width: 1024px) {
  .content-wrapper__redesign--posts {
    margin: 0 2rem 4rem 2rem;
    display: flex;
    justify-content: space-between;
  }
}
.content-wrapper__legacy-body {
  min-width: 320px;
  max-width: 484px;
  margin: auto;
  margin-top: -8px;
}
.content-wrapper__legacy-body--page {
  max-width: 40rem;
  margin-top: -16px;
}
.content-wrapper__legacy-body--page.edit {
  margin-top: 3rem;
}
.content-wrapper__user-common-profile {
  grid-column: 1/4;
  color: #333F48;
  max-width: 640px;
}
@media screen and (min-width: 1024px) {
  .content-wrapper__user-common-profile {
    grid-column: 2/4;
    width: 100%;
  }
  .content-wrapper__user-common-profile.sidebar-hidden {
    grid-column: 1/4;
  }
}
@media screen and (max-width: 599px) {
  .content-wrapper__user-common-profile {
    margin: 1rem;
  }
}
.content-wrapper__legacy-body_horizontal-alignment_center {
  margin-left: auto;
  margin-right: auto;
}
.content-wrapper_flush-edge-frame_top {
  margin-top: 0;
}
.content-wrapper_flush-edge-frame_my_baobab_top {
  margin-top: 74px;
}
.content-wrapper_flush-edge-frame_bottom {
  margin-bottom: 0;
}
.content-wrapper_flush-edge-content_top {
  padding-top: 0;
}
.content-wrapper_flush-edge-content_left {
  padding-left: 0;
}
.content-wrapper_flush-edge-content_right {
  padding-right: 0;
}
.content-wrapper_horizontal-alignment-frame_center {
  margin-left: auto;
  margin-right: auto;
}

.content-wrapper-wide {
  margin: 0 20px;
  width: 100%;
  max-width: calc(100vw - 40px);
  text-align: center;
}
.content-wrapper-wide__navigation {
  width: 100%;
  display: inline-block;
}

/* 12px is the total spacing between the top of the browse button
 * and the top of the header bar including the various position,
 * margin, and padding values that apply.
 */
/* 8px = total bottom spacing of browse button within header bar */
#skip-to-content:focus {
  font-weight: 600;
  background: #337A35;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 17px;
  line-height: 17px;
  padding: 0 1em;
  position: fixed;
  left: 12px;
  top: 12px;
  z-index: 99;
}
@media screen and (max-width: 599px) {
  #skip-to-content:focus {
    box-shadow: 0 0 0 3px #337A35;
    left: 3px; /* TODO: replace with $focus-outline-width once SPA-13 is merged */
    right: 3px;
    top: 3px;
  }
}

@media screen and (max-width: 599px) {
  .app {
    -webkit-transition: top 0.05s;
    transition: top 0.05s;
  }
}

@media screen and (max-width: 599px) {
  #skip-to-content:focus ~ .app {
    margin-top: 23px;
    /* TODO: replace with (2 * $focus-outline-width) once SPA-13 is merged */
  }
}

@media screen and (max-width: 599px) {
  .page-header {
    -webkit-transition: top 0.05s;
    transition: top 0.05s;
  }
}

@media screen and (max-width: 599px) {
  #skip-to-content:focus ~ .app .page-header {
    top: 23px;
    /* TODO: replace with (2 * $focus-outline-width) once SPA-13 is merged */
  }
}

@media screen and (max-width: 599px) {
  .main-menu__button-container {
    -webkit-transition: top 0.05s;
    transition: top 0.05s;
  }
}
@media screen and (min-width: 600px) {
  .main-menu__button-container {
    -webkit-transition: left 0.25s;
    transition: left 0.25s;
  }
}

@media screen and (max-width: 599px) {
  #skip-to-content:focus ~ .app .page-header__left-container {
    top: 23px;
    /* TODO: replace with (2 * $focus-outline-width) once SPA-13 is merged */
  }
}
@media screen and (min-width: 600px) {
  #skip-to-content:focus ~ .app .page-header__left-container {
    position: absolute;
    left: 180px;
    -webkit-transition: left 0.05s;
    transition: left 0.05s;
  }
}

.status-alert.status-alert {
  font-weight: 600;
  font-size: 1rem;
  border: 2px solid currentColor;
  padding: 1em;
  background-color: #fff;
  color: #2F7B6B;
}
.status-alert.status-alert p {
  margin: 0;
  color: #333F48;
}
.status-alert.status-alert ul {
  margin: 0.5rem 0 0;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  color: #333F48;
  margin-left: -1.3rem;
}

.error-alert.error-alert {
  font-weight: 600;
  font-size: 1rem;
  border: 2px solid currentColor;
  padding: 1em;
  background-color: #FCF3F6;
  color: #9E1F23;
}
.error-alert.error-alert p {
  margin: 0;
  color: #333F48;
}
.error-alert.error-alert ul {
  margin: 0.5rem 0 0;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  color: #333F48;
  margin-left: -1.3rem;
}
.error-alert.error-alert--account-settings {
  margin: 1rem 0;
  border-radius: 5px;
}
.error-alert.error-alert--profile {
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  border-radius: 5px;
  background-color: #D22A2F;
  border: 1px solid rgba(210, 42, 47, 0.5019607843);
  padding: 0;
}
.error-alert.error-alert--profile .material-icon-error {
  padding: 0 1.125rem;
  color: #fff;
  font-size: 1rem;
}
.error-alert.error-alert--profile .message-box {
  background-color: #fff;
  width: 100%;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0.75rem 1rem;
  letter-spacing: -0.16px;
}

.error {
  font-weight: 600;
  color: #9E1F23;
}

.input-line-item {
  margin: 1em 0;
}

.field-label-checkbox input + label {
  display: inline-block;
  position: relative;
  padding-left: 1.5em;
}
.field-label-checkbox input + label:before {
  content: " ";
  width: 1em;
  height: 1em;
  border: 1px solid #7A7671;
  display: inline-block;
  border-radius: 2px;
  position: absolute;
  left: 0;
  text-align: center;
  padding-bottom: 2px;
  overflow: hidden;
}
.field-label-checkbox input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.field-label-checkbox input:focus + label:before {
  outline: 3px solid #63FFDA;
  outline-offset: 0;
}
.field-label-checkbox input:checked + label:before {
  content: "X";
}

.field-label {
  display: block;
  margin-bottom: 1em;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 400;
  margin-top: 2rem;
}

.field-input {
  width: 100%;
  padding: 1em;
  border: none;
  border-radius: 5px;
  background: #F4F5F6;
  color: #5B6770;
}
@media screen and (max-width: 599px) {
  .field-input {
    font-size: 1rem;
  }
}
.field-input[aria-invalid=true] {
  border-color: #9E1F23;
  box-shadow: 0 0 0 1px #9E1F23;
}

.form-actions {
  margin-top: 24px;
  margin-bottom: 4px;
  border: none;
  padding: 0;
  text-align: right;
}

.action-item {
  margin-top: 24px;
  margin-bottom: 24px;
  border: none;
  padding: 0;
}

.action-save-button {
  display: inline-block;
  border: none;
  border-radius: 0;
  vertical-align: top;
  text-align: center;
  height: 40px;
  min-width: 72px;
  line-height: 40px;
  text-transform: uppercase;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  background: #333F48;
  color: #fff;
}
.action-save-button:hover {
  background-color: #231F20;
  transition: all 0.2s ease-in-out;
}

input[type=submit].action-save-button {
  padding: 0;
}

.action-cancel-button {
  display: inline-block;
  border: none;
  border-radius: 0;
  vertical-align: top;
  text-align: center;
  height: 40px;
  min-width: 72px;
  line-height: 40px;
  text-transform: uppercase;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  background-color: #333F48;
  border-color: #333F48;
  margin-left: 12px;
}

.base-textarea {
  width: 100%;
  display: block;
  white-space: pre-line;
  word-wrap: break-word;
  line-height: 1.43;
  border: 1px solid #BEC3C7;
  padding: 1rem;
  font-size: 1rem;
  border-radius: 5px;
  color: #5B6770;
  background-color: #F4F5F6;
  font-weight: 400;
}

.base-input {
  font-size: 1rem;
  width: 100%;
  background-color: #F4F5F6;
  border: 1px solid #BEC3C7;
  border-radius: 5px;
  color: #5B6770;
  padding: 1em;
}

.app {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}

.app-container {
  overflow-x: hidden;
  overflow-y: auto;
}
.app-container::-webkit-scrollbar {
  display: none;
}
.app-container--native {
  margin-top: -74px;
}

.native-body--ios {
  -webkit-transform: translate3d(0, 0, 0);
}

.tab-navigation {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  color: #333F48;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 0.5s;
  padding-top: 5rem;
  font-weight: 400;
}
.tab-navigation__container {
  max-height: calc(100vh - 60px);
  list-style: none;
  text-align: left;
}
.tab-navigation__item {
  padding: 0.5rem 0.5rem 0.5rem 2rem;
}
.tab-navigation__item:hover {
  background-color: rgba(51, 63, 72, 0.05);
}
.tab-navigation__item--active {
  background-color: rgba(51, 63, 72, 0.1);
  border-left: 3px solid #333F48;
}
.tab-navigation__item--active .tab-navigation__item-text {
  color: #333F48;
  font-weight: bold;
}
.tab-navigation__item-text {
  text-decoration: none;
  font-size: 1.125rem;
}
.tab-navigation__menu-trigger {
  font-size: 2rem;
  cursor: pointer;
  text-align: left;
  margin-top: 0;
}

.backdrop-blur {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  z-index: 0;
  transition: 0.5s;
}
.backdrop-blur.active {
  display: block;
}

.block-tab-navigation {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  display: block;
  width: 100%;
  margin-bottom: 24px;
  overflow: hidden;
}
.block-tab-navigation__1-block-container .block-tab-navigation__block {
  width: 100%;
}
.block-tab-navigation__2-block-container .block-tab-navigation__block {
  width: 50%;
}
.block-tab-navigation__3-block-container .block-tab-navigation__block {
  width: 33%;
}
.block-tab-navigation__4-block-container .block-tab-navigation__block {
  width: 25%;
}
.block-tab-navigation__block {
  background-color: #fff;
  border-bottom: 4px solid transparent;
  color: #7A7671;
  display: block;
  float: left;
  width: 100%;
  height: 80px;
  padding: 16px 12px 12px; /* 16px top padding balances out 4px bottom border */
  text-align: center;
}
.block-tab-navigation__block:focus {
  /* Used for elements where a standard outline would not be visible
   * due to other CSS rules, like display:table or overflow:hidden.
   */
  outline: 3px solid #63FFDA;
  outline-offset: -3px;
}
.block-tab-navigation__block_selected {
  color: #337A35;
  border-bottom-color: #337A35;
}
.block-tab-navigation__block .material-icons, .block-tab-navigation__block-label {
  color: inherit;
  display: block;
}
.block-tab-navigation__block-label {
  padding-top: 8px;
  text-transform: uppercase;
  font-size: 0.75rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  font-weight: 600;
}

.eu-cookies {
  position: fixed;
  bottom: 0;
  left: 0;
  line-height: 56px;
  background: #fff;
  border-top: 1px solid #f7f6f4;
  width: 100%;
  z-index: 9999;
  text-align: center;
  color: black;
}
@media screen and (min-width: 600px) {
  .eu-cookies {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.eu-cookies__content-holder {
  margin: 0 auto;
  display: block;
  padding-top: 24px;
  line-height: 18px;
}
@media screen and (min-width: 1024px) {
  .eu-cookies__content-holder {
    flex: 0 1 auto;
    padding: 0 24px;
  }
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .eu-cookies__content-holder {
    flex: 0 1 auto;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
  }
}
.eu-cookies__button-holder {
  display: inline-block;
  flex: none;
  padding-right: 20px;
}
.eu-cookies .eu-cookies-ok {
  background-color: #337A35;
  border: 0px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  height: 28px;
  line-height: 28px;
  margin-right: 0px;
  min-width: 100px;
  padding: 0 12px;
  text-align: center;
  white-space: nowrap;
  margin: 0 4px;
}
.eu-cookies a {
  color: #337A35;
  display: inline-block;
  flex: none;
  line-height: 20px;
  height: 28px;
  border: 4px solid #337A35;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
  min-width: 100px;
  padding: 0 12px;
  margin: 18px 0;
  text-transform: uppercase;
}

.native-body .eu-cookies {
  position: absolute;
  top: 0;
  bottom: auto;
}

.native-body.external .eu-cookies {
  position: absolute;
  top: 56px;
  bottom: auto;
}

.card-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  list-style-type: none;
  padding: 0;
}
.card-grid--articles-card {
  column-gap: 1.375rem;
  row-gap: 2rem;
}
.card-grid__card {
  width: calc(100% - 0.75rem);
  z-index: 1;
}
.card-grid__card.modal-display {
  z-index: unset;
}
.card-grid__card.topic {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .card-grid__card.topic {
    width: calc(33.333% - 1rem);
  }
}
@media screen and (min-width: 1024px) {
  .card-grid__card {
    width: calc(33.333% - 1rem);
  }
}

.registration-wrapper {
  min-width: 320px;
  max-width: 632px;
  margin: auto;
  margin-top: 8rem;
  z-index: 1;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.registration-wrapper__pattern {
  position: fixed;
  top: 7rem;
  left: -23.375rem;
  width: 40.25rem;
  height: 100%;
  z-index: -1;
}
@media screen and (max-width: 1023px) {
  .registration-wrapper__pattern {
    display: none;
  }
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.main-menu-search__container {
  margin: 1rem 0 2rem 0;
}
@media screen and (max-width: 599px) {
  .main-menu-search__container {
    width: calc(100vw - 2rem);
  }
}
.main-menu-search__form-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  height: 3.25rem;
  background: #F4F5F6;
  border-radius: 5px;
}
.main-menu-search__term-entry {
  position: relative;
  flex-grow: 1;
}
.main-menu-search__term-entry:hover {
  background-color: #D5D9DC;
  transition: all 0.2s ease-in-out;
}
.main-menu-search__magnifying-glass-icon {
  display: block;
  position: absolute;
  top: 1.125rem;
  left: 1rem;
  background: transparent;
  color: #7A7671;
  font-size: 1.125rem;
}
.main-menu-search__term-input, .main-menu-search__term-input[type=search] {
  box-sizing: border-box;
  height: 3.25rem;
  width: 100%;
  border: none;
  background: transparent;
  padding: 0.7em 0.7em 0.7em 2.7em;
  color: #231F20;
}
.main-menu-search__execute-button {
  font-size: 1rem;
  font-weight: 600;
  background: #333F48;
  border: none;
  color: #fff;
  padding: 1rem 1.5rem;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.main-menu-search__execute-button:hover {
  cursor: pointer;
  background-color: #1F2932;
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.page-header-external {
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background-color: #fff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.page-header-external__container {
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-header-external__desktop-logo, .page-header-external__mobile-logo {
  color: #231F20;
  height: 74px;
}
.page-header-external__desktop-logo:focus, .page-header-external__mobile-logo:focus {
  /* Used for elements where a standard outline would not be visible
   * due to other CSS rules, like display:table or overflow:hidden.
   */
  outline: 3px solid #63FFDA;
  outline-offset: -3px;
}
.page-header-external__desktop-logo img, .page-header-external__mobile-logo img {
  height: 100%;
}
.page-header-external__desktop-logo {
  display: none;
  padding: 1rem 2rem;
}
@media screen and (min-width: 1024px) {
  .page-header-external__desktop-logo {
    display: inline-block;
  }
}
.page-header-external__mobile-logo {
  display: inline-block;
  line-height: 74px;
  padding: 8px;
}
@media screen and (min-width: 1024px) {
  .page-header-external__mobile-logo {
    display: none;
  }
}
.page-header-external__left-container {
  display: flex;
  align-items: center;
  width: 6rem;
  text-align: right;
  margin-right: 1rem;
  color: #333F48;
  font-weight: 600;
}
@media screen and (min-width: 600px) {
  .page-header-external__left-container {
    width: 20rem;
  }
}
.page-header-external__right-container {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 1.5rem;
  justify-content: flex-end;
  margin-right: 1rem;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .page-header-external__right-container {
    margin-right: 1.5rem;
  }
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.chat-link__container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin: 0 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.chat-link__container:focus {
  /* Used for elements where a standard outline would not be visible
   * due to other CSS rules, like display:table or overflow:hidden.
   */
  outline: 3px solid #63FFDA;
  outline-offset: -3px;
}
.chat-link__button {
  display: flex;
  align-items: center;
  height: 44px;
  width: 44px;
  background-color: #F4F5F6;
  border-radius: 50%;
  vertical-align: middle;
  padding: 3px 7px;
}
.chat-link__button:hover {
  background-color: #D5D9DC;
  box-shadow: 0 0 0 6px #F4F5F6;
  transition: all 0.2s ease-in-out;
}
.chat-link__button:hover .chat-link__button-icon-image {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
}
.chat-link__button-icon {
  position: relative;
  order: 1;
  position: relative;
  width: 25px;
  height: 25px;
  margin: auto;
}
.chat-link__button-icon-image {
  vertical-align: bottom;
  width: 1.25rem;
}
.chat-link__button-icon-count {
  position: absolute;
  top: -2rem;
  right: -2rem;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.chat-link__button-icon-count-text {
  font-size: 0.75rem;
  font-weight: 600;
  background-color: #D22A2F;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 20px;
  text-align: center;
  color: #fff;
}
.chat-link__button-icon-count-text--over-99 {
  font-size: 0.625rem;
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.notification-link__container {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: inherit;
  display: inline-block;
  font: inherit;
  margin: 0;
  padding: 0;
  text-transform: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin: auto 0;
  background: #F4F5F6;
  border-radius: 50%;
}
.notification-link__container:hover {
  background-color: #D5D9DC;
  box-shadow: 0 0 0 6px #F4F5F6;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.notification-link__container:hover .notification-link__icon {
  transform: scale(1.1);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.notification-link__container:focus {
  /* Used for elements where a standard outline would not be visible
   * due to other CSS rules, like display:table or overflow:hidden.
   */
  outline: 3px solid #63FFDA;
  outline-offset: -3px;
}
.notification-link__container.open {
  background-color: #333F48;
}
.notification-link__icon-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification-link__icon {
  font-size: 1.875rem;
  color: #5B6770;
}
.notification-link__icon.open {
  color: #fff;
}
.notification-link__notification-count {
  position: absolute;
  top: -2rem;
  right: -2rem;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification-link__notification-count-text {
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  background: #D22A2F;
  color: #fff;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 20px;
  text-align: center;
}
.notification-link__content-container {
  position: relative;
  height: 100%;
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.i18n-toggle__button {
  display: inline-block;
  background: #F4F5F6;
  color: #5B6770;
  border: #F4F5F6;
  border-radius: 3.125rem;
  height: 44px;
  width: 44px;
  padding: 0.75rem 0;
  font-size: 1rem;
  font-weight: 600;
}
.i18n-toggle__button:hover {
  background-color: #D5D9DC;
  box-shadow: 0 0 0 6px #F4F5F6;
  padding: 0.675rem 0;
  transition: all 0.2s ease-in-out;
  font-size: 1.125rem;
  font-weight: 700;
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.user-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 74px;
  z-index: 19;
  padding: 0 1rem 2rem;
  width: 100vw;
  max-height: calc(100vh - 4.5rem);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  color: #333F48;
  box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.05);
  border-top: 1px solid #f7f6f4;
  text-align: left;
  font-weight: 400;
}
@media screen and (max-width: 599px) {
  .user-menu {
    padding: 0 1rem 9.5rem;
  }
}
@media screen and (min-width: 600px) {
  .user-menu {
    left: auto;
    width: 510px;
    padding: 0 1rem;
  }
}
.user-menu.open {
  display: block;
}
.user-menu__overlay {
  position: fixed;
  top: 74px;
  left: 0;
  right: 0;
  height: 10000px;
  background-color: #231F20;
  z-index: 19;
  opacity: 0.8;
  display: none;
}
.user-menu__overlay.open {
  display: block;
}
.user-menu__fixed-for-scroll {
  position: fixed;
  width: calc(100vw - 32px);
  max-width: 30rem;
  background: #fff;
  z-index: 10;
  padding-top: 1rem;
}
@media screen and (min-width: 1024px) {
  .user-menu__fixed-for-scroll {
    width: calc(510px - 3rem);
  }
}
.user-menu__item-link {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  font-size: 1rem;
  display: block;
  padding: 0 3px 0.75rem;
}
.user-menu__item-link.with-icon {
  display: flex;
  gap: 0.25rem;
  padding: 0.5rem 0;
}
.user-menu__item-link.sign-out {
  color: #D22A2F !important;
  font-weight: 600;
}
.user-menu__item-link .material-icons-outlined {
  font-size: 18px;
  margin-top: 0.1rem;
}
.user-menu__item-link:focus {
  /* Used for elements where a standard outline would not be visible
   * due to other CSS rules, like display:table or overflow:hidden.
   */
  outline: 3px solid #63FFDA;
  outline-offset: -3px;
}
.user-menu__item-link:focus, .user-menu__item-link:hover {
  color: #231F20;
}
.user-menu__view-profile-btn {
  text-align: center;
  border: 1px solid #2c3946;
  border-radius: 5px;
  padding: 0.5rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.user-menu__view-profile-btn:hover {
  background: #F4F5F6;
}
.user-menu__welcome-list-container {
  width: -webkit-fill-available;
  padding-right: 2rem;
}
.user-menu__header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.user-menu__header-title {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: inherit;
  display: inline-block;
  font: inherit;
  margin: 0;
  padding: 0;
  text-transform: inherit;
  font-weight: 600;
  font-size: 24px;
}
.user-menu__close-btn {
  border: none;
  background: none;
}
.user-menu__close-btn:hover {
  cursor: pointer;
}
.user-menu__welcome-container {
  border-top: 1px solid #D5D0CA;
  border-bottom: 1px solid #D5D0CA;
  margin: 9.5rem 0 1.5rem 0;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.user-menu__welcome-background {
  display: flex;
  gap: 1rem;
  width: 100%;
  border-radius: 5px;
  padding: 0.75rem 1rem;
}
.user-menu__welcome-image {
  flex-shrink: 0;
  background-color: #7A7671;
  background-image: url(/packs/static/media/default-user-icon-41db8c6e5cef1eb9c16d97d3412d0dd0.png);
  background-size: 100%;
  border-radius: 50%;
  overflow: hidden;
  width: 4.625rem;
  height: 4.625rem;
}
.user-menu__welcome-image img {
  width: 100%;
  height: 100%;
}
.user-menu__welcome-header {
  margin: 0 0 0.75rem 0;
  font-size: 24px;
  font-weight: 600;
}
.user-menu__welcome-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
}
.user-menu__welcome-list-item {
  width: 100%;
  list-style: none;
  text-align: left;
}
.user-menu__welcome-list-item:last-of-type {
  margin-bottom: -0.75rem;
}
.user-menu__sign-out-icon {
  margin-right: 0.25rem;
}
.user-menu__link-set-header {
  position: relative;
  margin: 1rem 0;
}
.user-menu__link-set-background {
  width: 100%;
}
.user-menu__link-set-header-text {
  position: absolute;
  color: #fff;
  left: 1rem;
  top: calc(50% - 15px);
  font-size: 1.125rem;
  font-weight: 700;
  font-weight: 600;
  margin: 0;
}
.user-menu__links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.user-menu__language-container {
  position: sticky;
  bottom: 0;
  padding-bottom: 1rem;
  margin-top: 2rem;
  background: #fff;
  -webkit-box-shadow: 0px -10px 5px 5px rgba(255, 255, 255, 0.85);
  -moz-box-shadow: 0px -10px 5px 5px rgba(255, 255, 255, 0.85);
  box-shadow: 0px -10px 5px 5px rgba(255, 255, 255, 0.85);
}
@media screen and (max-width: 599px) {
  .user-menu__language-container {
    position: fixed;
    width: calc(100vw - 2rem);
  }
}
.user-menu__language-select {
  width: 100%;
  height: 3.25rem;
  border-radius: 5px;
  border: none;
  padding: 0 1rem;
  color: #333F48;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #F4F5F6;
  background-image: url(/packs/static/app/assets/images/caret-down-c26d468a7952a5fea811.svg);
  background-repeat: no-repeat;
  background-position: right 0.75rem top 55%;
  background-size: 0.675rem;
}

.page-header {
  height: 74px;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background-color: #fff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -spec-transition: all 0.25s;
  transition: all 0.25s;
}
.page-header.open {
  left: 200px;
  right: -200px;
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .page-header.open {
    right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .page-header.open {
    left: 0;
    right: 0;
  }
}
.page-header__landing-page {
  height: 74px;
}
.page-header__original-header {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  height: 74px;
  justify-content: space-between;
}
.page-header__navigation-header {
  height: 74px;
}
.page-header__navigation-header-link-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  padding-top: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .page-header__navigation-header-link-container {
    height: 74px;
    padding-top: 0;
  }
}
.page-header__navigation-header-link {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 400;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 74px;
  width: 20vw;
  color: #32414f;
  padding: 0 1.25rem 0.5rem 1.25rem;
  border-bottom: 4px solid #fff;
}
@media screen and (min-width: 1024px) {
  .page-header__navigation-header-link {
    width: 6.25rem;
    padding: 0.25rem 1.25rem;
  }
}
.page-header__navigation-header-link.open {
  border-top: 4px solid #32414f;
}
@media screen and (min-width: 1024px) {
  .page-header__navigation-header-link.open {
    border-top: none;
    border-bottom: 4px solid #32414f;
    padding-bottom: 0;
  }
}
.page-header__navigation-header-link.open .page-header__navigation-header-link-icon {
  transition: all 0.2s ease-in-out;
  filter: unset;
}
@media (hover: hover) {
  .page-header__navigation-header-link:hover .page-header__navigation-header-hover-background {
    transition: all 0.2s ease-in-out;
    opacity: 1;
  }
  .page-header__navigation-header-link:hover .page-header__navigation-header-hover-img {
    transition: all 0.2s ease-in-out;
    transform: translate(0px, 2.5rem);
    opacity: 0.3;
  }
  .page-header__navigation-header-link:hover .page-header__navigation-header-link-icon {
    transition: all 0.2s ease-in-out;
    transform: scale(1.125);
  }
}
.page-header__navigation-header-hover-background {
  position: absolute;
  top: 0.5rem;
  bottom: 0.25rem;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 0.3s ease-in;
  background-color: #F4F5F6;
  border-radius: 5px;
  overflow: hidden;
}
.page-header__navigation-header-hover-img {
  position: absolute;
  top: -4rem;
  left: -0.5rem;
  width: 3.5rem;
  transition: all 0.3s ease-in;
}
.page-header__navigation-header-hover-img.yellow {
  filter: brightness(0) saturate(100%) invert(75%) sepia(82%) saturate(680%) hue-rotate(350deg) brightness(101%) contrast(91%);
}
.page-header__navigation-header-hover-img.orange {
  filter: brightness(0) saturate(100%) invert(78%) sepia(21%) saturate(7300%) hue-rotate(348deg) brightness(101%) contrast(94%);
}
.page-header__navigation-header-hover-img.dkorange {
  filter: brightness(0) saturate(100%) invert(37%) sepia(88%) saturate(1592%) hue-rotate(0deg) brightness(101%) contrast(107%);
}
.page-header__navigation-header-hover-img.dkgreen {
  filter: brightness(0) saturate(100%) invert(43%) sepia(21%) saturate(1210%) hue-rotate(78deg) brightness(95%) contrast(93%);
}
.page-header__navigation-header-link-text {
  margin-top: 0.25rem;
  z-index: 1;
  filter: brightness(0) saturate(100%) invert(89%) sepia(10%) saturate(140%) hue-rotate(165deg) brightness(88%) contrast(88%);
  font-size: 0.6875rem;
}
@media screen and (min-width: 1024px) {
  .page-header__navigation-header-link-text {
    margin-top: 0.5rem;
    filter: unset;
    font-size: 0.75rem;
  }
}
.page-header__navigation-header-link-icon {
  display: flex;
  height: 24px;
  align-items: center;
  z-index: 1;
  filter: brightness(0) saturate(100%) invert(89%) sepia(10%) saturate(140%) hue-rotate(165deg) brightness(88%) contrast(88%);
}
@media screen and (min-width: 1024px) {
  .page-header__navigation-header-link-icon {
    transition: all 0.2s ease-in-out;
    height: 21px;
    filter: unset;
  }
}
.page-header__chat-button {
  height: 74px;
  width: 3.5rem;
  position: relative;
}
.page-header__notifications-button {
  height: 74px;
  display: flex;
  position: relative;
  margin-left: 0.75rem;
}
.page-header__left-container {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -spec-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: flex;
  flex: 1 1 55%;
}
.page-header__center-container {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -spec-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: fixed;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  height: 4rem;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
}
@media screen and (min-width: 1024px) {
  .page-header__center-container {
    display: list-item;
    position: relative;
    bottom: unset !important;
    height: auto;
    box-shadow: none;
  }
}
.page-header__right-container {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -spec-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: flex;
  flex: 1 1 55%;
  justify-content: flex-end;
}
.page-header__language-toggle {
  display: inline-block;
  margin: auto 0;
}
.page-header__options-link {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: inherit;
  display: inline-block;
  font: inherit;
  margin: 0;
  padding: 0;
  text-transform: inherit;
  display: block;
  text-align: center;
  width: 50px;
  position: relative;
  float: right;
  right: 0;
  top: 0;
  height: 74px;
  color: #333F48;
  width: 0;
}
.page-header__options-link:focus {
  /* Used for elements where a standard outline would not be visible
   * due to other CSS rules, like display:table or overflow:hidden.
   */
  outline: 3px solid #63FFDA;
  outline-offset: -3px;
}
.page-header__user {
  display: flex;
  height: 74px;
  margin: auto 1rem auto 0.75rem;
  vertical-align: middle;
  align-items: center;
}
@media screen and (min-width: 600px) {
  .page-header__user {
    margin: auto 1.5rem auto 0.75rem;
  }
}
.page-header__user-link {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: inherit;
  display: inline-block;
  font: inherit;
  margin: 0;
  padding: 0;
  text-transform: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 5.375rem;
  height: 44px;
  background-color: #F4F5F6;
  border-radius: 1.5rem;
  padding: 0.75rem 0.5rem;
}
.page-header__user-link:hover {
  background-color: #D5D9DC;
  box-shadow: 0 0 0 6px #F4F5F6;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.page-header__user-link:focus {
  /* Used for elements where a standard outline would not be visible
   * due to other CSS rules, like display:table or overflow:hidden.
   */
  outline: 3px solid #63FFDA;
  outline-offset: -3px;
}
.page-header__user-link.open {
  background: #333F48;
}
.page-header__user-link.open .page-header__menu {
  color: #fff;
}
.page-header__user-image {
  background-color: #7A7671;
  background-image: url(/packs/static/media/default-user-icon-41db8c6e5cef1eb9c16d97d3412d0dd0.png);
  background-size: 100%;
  border-radius: 50%;
  overflow: hidden;
  width: 1.25rem;
  height: 1.25rem;
}
.page-header__user-image img {
  width: 100%;
  height: 100%;
}
.page-header__menu {
  color: #231F20;
  font-weight: 600;
}
.page-header__desktop-logo, .page-header__mobile-logo {
  color: #231F20;
  height: 74px;
}
.page-header__desktop-logo:focus, .page-header__mobile-logo:focus {
  /* Used for elements where a standard outline would not be visible
   * due to other CSS rules, like display:table or overflow:hidden.
   */
  outline: 3px solid #63FFDA;
  outline-offset: -3px;
}
.page-header__desktop-logo img, .page-header__mobile-logo img {
  height: 100%;
}
.page-header__desktop-logo {
  display: none;
  padding: 1rem 2rem;
}
@media screen and (min-width: 1024px) {
  .page-header__desktop-logo {
    display: inline-block;
  }
}
.page-header__mobile-logo {
  display: inline-block;
  line-height: 74px;
  padding: 8px;
}
@media screen and (min-width: 1024px) {
  .page-header__mobile-logo {
    display: none;
  }
}
.page-header__page-title {
  vertical-align: top;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  font-size: 1rem;
  line-height: 74px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .page-header__page-title {
    display: none;
  }
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.notification-icon {
  width: 40px;
  height: 40px;
  position: relative;
  display: inline-block;
  left: 1rem;
  top: 12px;
  position: absolute;
  border-radius: 5px;
}
.notification-icon__container {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
}
.notification-icon__container .material-icons, .notification-icon__container .material-icons-outlined {
  line-height: 40px;
  color: #fff;
}
.notification-icon.story_reply, .notification-icon.mentioned_user_in_comment.story, .notification-icon.mentioned_user_in_post.story, .notification-icon.changed_topic_of_post.story {
  background-color: #2F7B6B;
}
.notification-icon.level_1_achieved, .notification-icon.level_2_achieved, .notification-icon.level_3_achieved {
  background-color: #333F48;
}
.notification-icon.note_reply, .notification-icon.event_reply, .notification-icon.post_like, .notification-icon.comment_like, .notification-icon.mentioned_user_in_comment, .notification-icon.mentioned_user_in_post, .notification-icon.changed_topic_of_post, .notification-icon.profile_post_created, .notification-icon.general {
  background-color: #8DB92E;
}
.notification-icon.question_reply, .notification-icon.ask_me_anything_created, .notification-icon.ask_me_anything_response, .notification-icon.post_like.question, .notification-icon.mentioned_user_in_comment.question, .notification-icon.mentioned_user_in_post.question, .notification-icon.changed_topic_of_post.question, .notification-icon.changed_topic_of_ama {
  background-color: #984499;
}
.notification-icon.course_release {
  background-color: #eaaa43;
}
.notification-icon.old_notification {
  background-color: #333F48;
}
.notification-icon__notification-count {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -8px;
  margin-right: -8px;
}
.notification-icon__notification-count.unread {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  padding-left: 6px;
}
.notification-icon__notification-count-text {
  display: block;
  color: #fff;
  position: relative;
  height: 20px;
  width: 20px;
  background: #cd2026;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.notification-icon__notification-count-text:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.notification-list-header-buttons__setting-button {
  font-size: 1rem;
  font-weight: 400;
}
.notification-list-header-buttons__read-button {
  background-color: transparent;
  border: none;
  color: #333F48;
  cursor: pointer;
}
.notification-list-header-buttons__read-button:active {
  background-color: #333F48;
  color: black;
}
.notification-list-header-buttons__icon {
  vertical-align: middle;
  display: inline-block;
}
.notification-list-header-buttons__icon-size {
  font-size: 1rem;
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.notification-menu-rollup_list-item {
  padding-top: 6px;
  padding-bottom: 6px;
}
.notification-menu-rollup__item-link {
  position: relative;
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.notification-section-rule {
  color: #D5D0CA;
  background: #D5D0CA;
  border: 1px solid #D5D0CA;
  border-bottom: 0;
  display: block;
  height: 1px;
  margin: 0 20px;
  width: 100%;
}
.notification-section-rule--no-margin {
  margin: 0;
}

.notification-menu {
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  color: #333F48;
  display: none;
  position: fixed;
  right: 0;
  top: 74px;
  bottom: auto;
  width: 510px;
  z-index: 20;
  max-height: calc(100vh - 74px);
}
@media screen and (max-width: 599px) {
  .notification-menu {
    width: 100vw;
  }
}
.notification-menu.open {
  display: flex;
  flex-direction: column;
}
.notification-menu__content {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  flex: 1;
}
.notification-menu__header {
  border-top: 1px solid #f7f6f4;
  padding: 0 16px 16px 16px;
  position: relative;
  text-align: left;
}
.notification-menu__header-title {
  font-weight: 600;
  margin-bottom: 0;
}
.notification-menu__close-anchor {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: inherit;
  display: inline-block;
  font: inherit;
  margin: 0;
  padding: 0;
  text-transform: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 56px;
  width: 56px;
  color: #7A7671;
}
.notification-menu__close-anchor:focus {
  /* Used for elements where a standard outline would not be visible
   * due to other CSS rules, like display:table or overflow:hidden.
   */
  outline: 3px solid #63FFDA;
  outline-offset: -3px;
}
.notification-menu__body {
  min-width: 320px;
  max-width: 632px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-height: 350px;
  padding: 0px 1rem 1rem 0.5rem;
  font-weight: 400;
  margin-bottom: 1rem;
  -webkit-transform: translate3d(0, 0, 0);
}
.notification-menu__overlay {
  position: fixed;
  top: 74px;
  right: 0;
  height: 10000px;
  background-color: #231F20;
  z-index: 20;
  opacity: 0.8;
  width: 100vw;
  display: none;
}
.notification-menu__overlay.open {
  display: block;
}
@media screen and (max-width: 599px) {
  .notification-menu__overlay {
    width: 100vw;
  }
}
.notification-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 599px) {
  .notification-menu__list {
    margin-bottom: 16.5rem;
  }
}
.notification-menu__list-header-container, .notification-menu__list-item {
  color: #333F48;
  position: relative;
  padding: 12px 0;
  text-align: left;
}
.notification-menu__list-header-container.unread, .notification-menu__list-item.unread {
  background-color: rgba(206, 235, 241, 0.4);
  border-bottom: 1px solid #C3E6EE;
  margin-bottom: -1px;
}
.notification-menu__list-item {
  padding-left: 0.5rem;
  display: flex;
}
.notification-menu__list-item:hover {
  background: #F4F5F6;
  border-radius: 5px;
}
@media screen and (max-width: 599px) {
  .notification-menu__list-item-mobile-rollup {
    padding-right: 12%;
  }
}
.notification-menu__list-item:last-child .notification-menu__item-link {
  padding: 0;
}
.notification-menu__footer {
  padding: 0;
}
@media screen and (min-width: 600px) {
  .notification-menu__footer-container {
    min-width: 320px;
    max-width: 632px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    background: #fff;
    -webkit-box-shadow: 0px -30px 5px 5px rgba(255, 255, 255, 0.85);
    -moz-box-shadow: 0px -30px 5px 5px rgba(255, 255, 255, 0.85);
    box-shadow: 0px -20px 0 0 rgba(255, 255, 255, 0.85);
  }
}
@media screen and (min-width: 1024px) {
  .notification-menu__footer-container {
    padding: 12px;
  }
}
.notification-menu__footer-link {
  font-weight: 600;
  display: block;
  background-color: #F4F5F6;
  padding: 1rem 0;
  width: 100%;
  border-radius: 5px;
}
.notification-menu__footer-link:hover {
  filter: brightness(95%);
}
.notification-menu__item-link {
  color: #231F20;
  word-wrap: break-word;
  display: block;
  padding: 0;
  font-size: 1rem;
  letter-spacing: -0.16px;
  color: #333F48;
}
.notification-menu__item-text {
  margin: 0;
  display: block;
  padding: 0px 0px 0px 56px;
  min-height: 40px;
  margin-right: 1rem;
}
.notification-menu__item-text .highlighted-text {
  font-weight: 600;
}
.notification-menu__item-text .highlighted-text,
.notification-menu__item-text .timestamp-text {
  display: inline-block;
  padding: 0px 4px;
}
.notification-menu__item-text .timestamp-text {
  color: #7A7671;
  font-size: 0.75rem;
}
.notification-menu__item-text .highlighted-text:first-child {
  padding: 0px 4px 0px 0px;
}
.notification-menu__list-header-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-weight: 400;
  border-bottom: 1px solid #D5D0CA;
}
.notification-menu__list-header-title {
  font-weight: 600;
  font-size: 1.17em;
  /* This item was previously an h3 element, but Baobab does not specify
   * a font size for h3 or other heading elements, so the 1.17em value
   * comes from the default useragent stylesheet in Firefox. */
  margin: 0;
  align-self: flex-end;
  margin-top: 1rem;
}
.notification-menu__rollup-container {
  display: block;
}
.notification-menu__rollup-container--hidden {
  display: none;
}
.notification-menu__view-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: inherit;
  display: inline-block;
  font: inherit;
  margin: 0;
  padding: 0;
  text-transform: inherit;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
}
.notification-menu__view-button .material-icons,
.notification-menu__view-button .material-icons-outlined, .notification-menu__view-button-text {
  display: inline-block;
  vertical-align: middle;
}
.notification-menu__view-button-text {
  font-size: 1rem;
  margin-left: 5px;
}
.notification-menu__settings-link:hover {
  text-decoration: underline;
}

.landing-page-banner__container {
  background-color: #FED61B;
  text-align: center;
  padding: 8px 0;
  border: 1px solid #D5D0CA;
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .landing-page-banner__container {
    padding: 4px;
  }
}
.landing-page-banner__text {
  color: #333F48;
  font-size: 1rem;
  font-size: 1.125rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 1023px) {
  .landing-page-banner__text {
    display: block;
    font-size: 0.875rem !important;
  }
  .landing-page-banner__text .icon {
    font-size: 0.875rem !important;
  }
}
.landing-page-banner__link {
  text-decoration: underline;
  font-weight: 600;
}
.landing-page-banner__fix-spacing {
  padding-bottom: 2rem;
}
@media screen and (max-width: 1023px) {
  .landing-page-banner__fix-spacing {
    padding-bottom: 4.5rem;
  }
}

.shepherd-button {
  background: #3288e6;
  border: 0;
  border-radius: 3px;
  color: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  margin-right: 0.5rem;
  padding: 0.5rem 1.5rem;
  transition: all 0.5s ease;
}

.shepherd-button:not(:disabled):hover {
  background: #196fcc;
  color: hsla(0, 0%, 100%, 0.75);
}

.shepherd-button.shepherd-button-secondary {
  background: #f1f2f3;
  color: rgba(0, 0, 0, 0.75);
}

.shepherd-button.shepherd-button-secondary:not(:disabled):hover {
  background: #d6d9db;
  color: rgba(0, 0, 0, 0.75);
}

.shepherd-button:disabled {
  cursor: not-allowed;
}

.shepherd-footer {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  justify-content: flex-end;
  padding: 0 0.75rem 0.75rem;
}

.shepherd-footer .shepherd-button:last-child {
  margin-right: 0;
}

.shepherd-cancel-icon {
  background: transparent;
  border: none;
  color: hsla(0, 0%, 50%, 0.75);
  cursor: pointer;
  font-size: 2em;
  font-weight: 400;
  margin: 0;
  padding: 0;
  transition: color 0.5s ease;
}

.shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, 0.75);
}

.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
  color: hsla(0, 0%, 50%, 0.75);
}

.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, 0.75);
}

.shepherd-title {
  color: rgba(0, 0, 0, 0.75);
  display: flex;
  flex: 1 0 auto;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.shepherd-header {
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  justify-content: flex-end;
  line-height: 2em;
  padding: 0.75rem 0.75rem 0;
}

.shepherd-has-title .shepherd-content .shepherd-header {
  background: #e6e6e6;
  padding: 1em;
}

.shepherd-text {
  color: rgba(0, 0, 0, 0.75);
  font-size: 1rem;
  line-height: 1.3em;
  padding: 0.75em;
}

.shepherd-text p {
  margin-top: 0;
}

.shepherd-text p:last-child {
  margin-bottom: 0;
}

.shepherd-content {
  border-radius: 5px;
  outline: none;
  padding: 0;
}

.shepherd-element {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  max-width: 400px;
  opacity: 0;
  outline: none;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.shepherd-enabled.shepherd-element {
  opacity: 1;
  visibility: visible;
}

.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.shepherd-element, .shepherd-element *, .shepherd-element :after, .shepherd-element :before {
  box-sizing: border-box;
}

.shepherd-arrow, .shepherd-arrow:before {
  height: 16px;
  position: absolute;
  width: 16px;
  z-index: -1;
}

.shepherd-arrow:before {
  background: #fff;
  content: "";
  transform: rotate(45deg);
}

.shepherd-element[data-popper-placement^=top] > .shepherd-arrow {
  bottom: -8px;
}

.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow {
  top: -8px;
}

.shepherd-element[data-popper-placement^=left] > .shepherd-arrow {
  right: -8px;
}

.shepherd-element[data-popper-placement^=right] > .shepherd-arrow {
  left: -8px;
}

.shepherd-element.shepherd-centered > .shepherd-arrow {
  opacity: 0;
}

.shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow:before {
  background-color: #e6e6e6;
}

.shepherd-target-click-disabled.shepherd-enabled.shepherd-target, .shepherd-target-click-disabled.shepherd-enabled.shepherd-target * {
  pointer-events: none;
}

.shepherd-modal-overlay-container {
  height: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: all 0.3s ease-out, height 0ms 0.3s, opacity 0.3s 0ms;
  width: 100vw;
  z-index: 9997;
}

.shepherd-modal-overlay-container.shepherd-modal-is-visible {
  height: 100vh;
  opacity: 0.5;
  transform: translateZ(0);
  transition: all 0.3s ease-out, height 0s 0s, opacity 0.3s 0s;
}

.shepherd-modal-overlay-container.shepherd-modal-is-visible path {
  pointer-events: all;
}

.webtour.shepherd-element {
  background: #fff;
}
.webtour.shepherd-element .shepherd-text {
  color: #333F48;
  font-weight: 400;
  font-size: 1rem;
}
@media screen and (max-width: 599px) {
  .webtour.shepherd-element .shepherd-text {
    padding-left: 2rem;
  }
}
.webtour.shepherd-element .shepherd-title {
  font-weight: 600;
  font-size: 1rem;
  color: #333F48;
  width: fit-content;
}
.webtour.shepherd-element .shepherd-button {
  font-weight: 600;
  font-size: 1rem;
  background-color: #333F48;
  color: #fff;
}
.webtour.shepherd-element .shepherd-button-secondary {
  background-color: #F4F5F6;
  color: #333F48;
}
.webtour.shepherd-element .shepherd-link {
  text-align: center;
  color: #337A35;
  font-weight: 600;
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  .webtour.shepherd-element.shepherd-centered {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
  }
}
.webtour.shepherd-element.shepherd-has-title .shepherd-content .shepherd-header {
  background: #fff;
}
.webtour.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-arrow, .webtour.shepherd-element.shepherd-pinned-top .shepherd-arrow {
  border-top-color: #232323;
}
.webtour.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-arrow {
  border-bottom-color: #232323;
}
.webtour.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-arrow {
  border-bottom-color: #303030;
}
.webtour.shepherd-element.shepherd-element-attached-middle.shepherd-element-attached-left .shepherd-arrow, .webtour.shepherd-element.shepherd-pinned-right .shepherd-arrow {
  border-right-color: #232323;
}
.webtour.shepherd-element.shepherd-element-attached-middle.shepherd-element-attached-right .shepherd-arrow, .webtour.shepherd-element.shepherd-pinned-left .shepherd-arrow {
  border-left-color: #232323;
}

.location-widget {
  border: 0;
  margin: 0;
  padding: 0;
}
.location-widget__tags {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
.location-widget__tag-button {
  display: inline-block;
  border: none;
  border-radius: 5px;
  padding: 0.75em 0.75em;
  color: #333F48;
  background: #fff;
  border: 1px solid #333F48;
  cursor: pointer;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1;
  background: #333F48;
  color: #fff;
  border-radius: unset;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.location-widget__tag-button:hover {
  background-color: #D5D9DC;
  transition: all 0.2s ease-in-out;
}
.location-widget__tag-button:disabled {
  opacity: 0.8;
}
.location-widget__tag-button:hover {
  background-color: #231F20;
  transition: all 0.2s ease-in-out;
}
.location-widget__tag-li {
  width: 100%;
  display: flex;
  list-style: none;
  margin-bottom: 0.5em;
}
.location-widget__tag-li label {
  width: 100%;
}
.location-widget__tag-input-container {
  display: flex;
  flex: 1;
  align-items: center;
}
.location-widget__tag-input {
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #BEC3C7;
  color: #333F48;
  background-color: #F4F5F6;
  border-radius: 5px;
  padding: 1rem;
  border-radius: unset;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: none;
  padding: 0.75rem 0 0.75rem 2rem;
  width: 100%;
}
.location-widget__tag-icon {
  position: absolute;
  padding: 0.75rem 0.75rem;
  font-size: 20px;
  color: #5B6770;
}
.location-widget__autocomplete-disabled-text {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: #333F48;
}

.location-autocomplete__container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.location-autocomplete__input-container {
  position: relative;
  display: flex;
  align-items: center;
}
.location-autocomplete__input-container input::-ms-clear {
  display: none;
}
.location-autocomplete__input {
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #BEC3C7;
  color: #333F48;
  background-color: #F4F5F6;
  border-radius: 5px;
  padding: 1rem;
  padding: 0.75rem;
  background-color: rgba(244, 245, 246, 0.4823529412);
  color: #333F48;
  width: 100%;
}
.location-autocomplete__google-logo-mobile {
  height: 1.125rem;
  padding: 0.1em 0.5em 0 0.5em;
}
.location-autocomplete__suggestions {
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #BEC3C7;
  color: #333F48;
  background-color: #F4F5F6;
  border-radius: 5px;
  padding: 1rem;
  padding: 0;
}
.location-autocomplete__suggestion {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #5B6770;
  padding: 0.75rem 0.1rem 0.75rem 1rem;
  cursor: pointer;
}
.location-autocomplete__suggestion--active {
  background: #EAECED;
}
.location-autocomplete__suggestion-description {
  flex: 1;
}
.location-autocomplete__formHint {
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 0.25rem;
}

.combobox-datepicker {
  margin-top: 1em;
  position: relative;
  font-weight: 400;
}

.combobox-datepicker .group {
  display: inline-flex;
  position: relative;
  width: 100%;
  background-color: #F4F5F6;
  color: #333F48;
  border-radius: 5px;
}

.combobox-datepicker label {
  display: block;
  font-size: 0.875rem;
  justify-self: center;
  font-weight: 500;
}

.combobox-datepicker .group input,
.combobox-datepicker .group button {
  color: #333F48;
  box-sizing: border-box;
  height: 1.75rem;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  border: 1px solid #D5D0CA;
  position: relative;
  background-color: #F4F5F6;
  font-weight: 500;
}
.combobox-datepicker .group input.filled,
.combobox-datepicker .group button.filled {
  background-color: #333F48;
  color: #fff;
}

.combobox-datepicker .group input {
  width: 6.8rem;
  border-right: none;
  outline: none;
  font-size: 87.5%;
  padding: 1rem 0.3em;
  border-radius: 5px;
  padding-left: 0.5rem;
}

.combobox-datepicker .group button {
  position: absolute;
  left: 5.2rem;
  padding-right: 0.125rem;
  border-left: none;
  outline: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-weight: 400;
  height: 2.125rem;
}

.combobox-datepicker .group .desc {
  position: absolute;
  top: 2em;
  left: 0;
  margin-top: 0.1em;
  font-size: 90%;
  font-style: italic;
  letter-spacing: 0.025em;
  font-weight: 400;
}

.combobox-datepicker .dialog button {
  border-style: none;
  background: transparent;
}
.combobox-datepicker .dialog button .material-icons {
  margin-top: -0.25rem;
}

.combobox-datepicker .dialog-ok-cancel-group button {
  padding: 6px;
  margin-left: 1em;
  background-color: #F4F5F6;
  font-size: 0.85em;
  color: #333F48;
  outline: none;
  border-radius: 5px;
  font-weight: 600;
}

.combobox-datepicker .dialog button::-moz-focus-inner {
  border: 0;
}

.combobox-datepicker .group button.open i {
  transform: rotate(180deg) translate(0, -1px);
}

.combobox-datepicker .dialog {
  position: fixed;
  width: 320px;
  clear: both;
  border: 3px solid #333F48;
  margin-top: 1em;
  border-radius: 5px;
  padding: 0;
  background-color: #fff;
}

.combobox-datepicker .header {
  cursor: default;
  background-color: #333F48;
  padding: 7px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  display: flex;
  justify-content: space-around;
}

.combobox-datepicker .dialog h2 {
  margin: 0;
  padding: 0;
  display: inline-block;
  font-size: 1em;
  color: #fff;
  text-transform: none;
  font-weight: bold;
  border: none;
}

.combobox-datepicker .dates {
  width: 320px;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1em;
  border-collapse: separate;
}

.combobox-datepicker .prev-year,
.combobox-datepicker .prev-month,
.combobox-datepicker .next-month,
.combobox-datepicker .next-year {
  padding: 4px;
  width: 24px;
  height: 24px;
  color: #fff;
}

.combobox-datepicker .prev-year:focus,
.combobox-datepicker .prev-month:focus,
.combobox-datepicker .next-month:focus,
.combobox-datepicker .next-year:focus {
  padding: 2px;
  border: 2px solid #fff;
  border-radius: 4px;
  outline: 0;
}

.combobox-datepicker .prev-year:hover,
.combobox-datepicker .prev-month:hover,
.combobox-datepicker .next-month:hover,
.combobox-datepicker .next-year:hover {
  padding: 3px;
  border: 1px solid #fff;
  border-radius: 4px;
  outline: 0;
}

.combobox-datepicker .dialog-ok-cancel-group {
  text-align: right;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 1em;
}

.combobox-datepicker .dialog-button:focus {
  outline: 3px solid #63FFDA;
  outline-offset: 0;
}

.combobox-datepicker .dialog-button:hover {
  background-color: #D5D9DC;
}

.combobox-datepicker .fa-calendar-alt {
  color: #333F48;
}

.combobox-datepicker .month-year {
  display: inline-block;
  width: 12em;
  text-align: center;
}

.combobox-datepicker table {
  border: none;
}

.combobox-datepicker .dates th,
.combobox-datepicker .dates td {
  text-align: center;
  color: black;
  background: #fff;
  border: none;
}

.combobox-datepicker .dates tr {
  border: 1px solid #231F20;
}

.combobox-datepicker .dates td {
  padding: 3px;
  margin: 0;
  line-height: inherit;
  height: 40px;
  width: 40px;
  border-radius: 5px;
  font-size: 15px;
  background: #eee;
  font-weight: 400;
}

.combobox-datepicker .dates td[aria-selected] {
  padding: 1px;
  border: 1px dotted #333F48;
}

.combobox-datepicker .dates td[tabindex="0"] {
  background-color: #333F48;
  color: #fff;
}

.combobox-datepicker .dates td:not(.disabled):hover {
  background-color: #231F20;
  color: #fff;
}

.combobox-datepicker .dialog-message {
  padding: 0.5rem;
  height: 100%;
  background: #333F48;
  color: #fff;
  font-weight: 400;
}

.password-input__input-container {
  position: relative;
}
.password-input__input-container .material-icons-outlined {
  cursor: pointer;
  color: #5b6770;
  position: absolute;
  right: 0.5rem;
  top: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .password-input__input-container .material-icons-outlined {
    top: 1rem;
  }
}
.password-input__input-container input[type=password]::-webkit-contacts-auto-fill-button,
.password-input__input-container input[type=password]::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  position: absolute;
  right: 0;
}
.password-input__password-container {
  position: relative;
}
.password-input__password-title {
  color: #333f48;
  font-family: Montserrat;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: block;
  margin-top: 1.2rem;
  line-height: 1rem;
}
.password-input__password-title.sign-up {
  font-size: 1rem;
  text-transform: capitalize;
}
.password-input__password-text-field {
  font-size: 1rem;
  font-weight: 500;
  border-radius: 6px;
  height: 2.5rem;
  border: none;
  padding-left: 0.6rem;
  margin: 1rem 1.5rem 0.5rem 0;
  width: 100%;
  background: #f4f5f6;
  color: #2c3946;
}
.password-input__password-text-field.sign-up {
  padding: 1.5rem 0.75rem;
}
@media screen and (min-width: 1024px) {
  .password-input__password-text-field {
    margin-top: 0.5rem;
  }
}
.password-input__password-text-field-error {
  font-size: 1rem;
  font-weight: 500;
  border-radius: 6px;
  height: 2.5rem;
  border: 1px solid #D22A2F;
  padding-left: 0.6rem;
  margin: 1rem 1.5rem 0.5rem 0;
  width: 100%;
  background: #f4f5f6;
  color: #2c3946;
}
.password-input__password-text-field-error.sign-up {
  padding: 1.5rem 0.75rem;
}
@media screen and (min-width: 1024px) {
  .password-input__password-text-field-error {
    margin-top: 0.5rem;
  }
}
.password-input__password-text-error {
  color: #D22A2F;
  font-weight: 500;
  font-size: 0.875rem;
}
.password-input__password-strength {
  margin-top: 0.125rem;
  font-size: 0.875rem;
  font-weight: 400;
}
.password-input__button-visibility {
  background: none;
  border: none;
}
.password-input__strength-bar {
  width: 100%;
}
.password-input__strength-bar::-webkit-meter-bar {
  background: #f4f5f6 !important;
  border: none;
}
.password-input__strength-bar::-webkit-meter-optimum-value {
  background: #ff9900;
}
.password-input__strength-bar::-webkit-meter-suboptimum-value {
  background: green;
}

.alert-message__container {
  font-weight: 600;
  background-color: #1676cc;
  color: #fff;
  padding: 8px 2rem;
  display: flex;
  justify-content: flex-start;
  text-align: left;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .alert-message__container {
    position: absolute;
    top: 74px;
  }
}
.alert-message__container.error {
  background-color: #D22A2F;
}
.alert-message__container .message {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.alert-message__close-icon {
  margin-inline-start: auto;
  cursor: pointer;
  margin-right: -1rem;
  background: none;
  border: none;
  color: inherit;
}

.checkboxes__input-container {
  display: flex;
  align-items: center;
  padding: 16px 0px;
}
.checkboxes__input-container:last-child {
  margin-bottom: 32px;
}
.checkboxes fieldset {
  border: none;
  padding: 0px;
  margin-inline: 0px;
}
.checkboxes legend {
  color: #5B6770;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.checkboxes legend ~ p {
  margin-block-start: 0;
  color: #5B6770;
  font-size: 12px;
  font-weight: 500;
}
.checkboxes input {
  display: inline-block;
  border: 2px solid #333f48;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  width: 21px;
  height: 21px;
  margin-right: 16px;
}
.checkboxes input:checked {
  background: #333f48;
}
.checkboxes input:checked:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 9px;
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  left: 5px;
  top: 2px;
}
.checkboxes input ~ label {
  color: #333f48;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

[x-cloak], [x-cloak] * {
  display: none !important;
}

.user-auth-form {
  text-align: center;
  margin: auto;
}
.user-auth-form__heading {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 400;
  font-size: 2.25em;
  margin-bottom: 0.5em;
}
.user-auth-form__heading-rule {
  max-width: 36px;
  height: 5px;
  background-color: #fff;
  border: none;
  margin-bottom: 2.25em;
}
.user-auth-form__input input,
.user-auth-form select {
  color: black;
  width: 100%;
  margin-top: 1em;
  font-size: 1rem;
  padding: 0.825em; /* (designer field height - (font size * line height)) / font size / 2 */
}
.user-auth-form__input input ::placeholder,
.user-auth-form select ::placeholder {
  color: #7A7671;
}
.user-auth-form__input input.error,
.user-auth-form select.error {
  border: 1px solid #D22A2F;
  box-shadow: inset 0 0 0 2px #D22A2F;
}
.user-auth-form__input input.error ::placeholder,
.user-auth-form select.error ::placeholder {
  color: #D22A2F;
}
.user-auth-form__primary-button {
  display: inline-block;
  border: none;
  border-radius: 5px;
  padding: 0.75em 0.75em;
  color: #333F48;
  background: #fff;
  border: 1px solid #333F48;
  cursor: pointer;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1;
  background: #333F48;
  color: #fff;
  width: 100%;
  margin-top: 1em;
}
.user-auth-form__primary-button:hover {
  background-color: #D5D9DC;
  transition: all 0.2s ease-in-out;
}
.user-auth-form__primary-button:disabled {
  opacity: 0.8;
}
.user-auth-form__primary-button:hover {
  background-color: #231F20;
  transition: all 0.2s ease-in-out;
}
.user-auth-form .centered-block {
  text-align: center;
  display: block;
}

.devise-links {
  text-align: center;
  margin-top: 1.5em;
}
.devise-links__link {
  display: block;
  padding: 0.25em;
  color: #fff;
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.user-profile__edit-main-section {
  padding: 1rem;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  margin-bottom: 1.5rem;
}
.user-profile__saving-indicator {
  margin-bottom: 2rem;
}
.user-profile__pattern {
  position: fixed;
  z-index: -1;
  background-image: url("https://res.cloudinary.com/artefact/image/upload/q_auto:best/v1694459220/green-shapes-tools-8de8642d_ztf3ab.webp");
  top: 180px;
  left: -376px;
  width: 644px;
  height: 652px;
}
@media screen and (max-width: 599px) {
  .user-profile__pattern {
    display: none;
  }
}
.user-profile__hero-name {
  font-weight: 600;
  font-size: 1.875rem;
  text-align: center;
  margin-top: 0.75rem;
  margin-bottom: 2rem;
  color: #333F48;
}
@media screen and (min-width: 600px) {
  .user-profile__hero-name {
    margin-top: 2.5rem;
    margin-bottom: 4rem;
  }
}
.user-profile__featured-content {
  font-weight: 600;
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  color: #231F20;
  margin-bottom: 24px;
  padding: 12px 24px;
}
.user-profile__content {
  font-size: 1rem;
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  color: #333F48;
  padding: 1rem 2rem;
  letter-spacing: -0.16px;
  line-height: 27px;
  font-weight: 400;
}
.user-profile__content-block {
  background-color: #fff;
  color: #231F20;
  padding: 6px 12px;
  margin-bottom: 24px;
  box-shadow: 0 0 2px #7A7671;
}
@media screen and (min-width: 600px) {
  .user-profile__content-block {
    padding: 12px 24px;
  }
}
.user-profile fieldset.user-profile__content-block {
  border: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
.user-profile__featured-content-container {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .user-profile__featured-content-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
}
.user-profile__featured-content-description {
  font-size: 1rem;
}
.user-profile__featured-content-highlighted-text {
  font-weight: 600;
  color: #337A35;
}
.user-profile__story-highlighted-text {
  color: #337A35;
}
.user-profile__section-header {
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.18px;
  text-transform: capitalize;
}
.user-profile__top-row {
  position: relative;
  min-height: 42px;
  width: 100%;
  margin: 4px 0px;
}
@media screen and (min-width: 600px) {
  .user-profile__top-row {
    margin: 8px 0px;
  }
}
.user-profile__hero-rule {
  max-width: 36px;
  height: 5px;
  background-color: #fff;
  border: none;
  margin: -2px 0 0 -18px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 36px;
}
.user-profile__save-button {
  color: #fff;
  width: 126px;
  line-height: 38px;
  text-align: center;
  background-color: #333F48;
  border-color: #333F48;
  font-size: 1rem;
  font-weight: 600;
  border: 1px solid #2C3946;
  border-radius: 5px;
  display: inline-block;
}
.user-profile__cancel-button {
  color: #333F48;
  width: 126px;
  line-height: 38px;
  text-align: center;
  background-color: #fff;
  border-color: #333F48;
  font-size: 1rem;
  font-weight: 600;
  border: 1px solid #2C3946;
  border-radius: 5px;
  display: inline-block;
}
.user-profile__delete-account-button {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 600;
  color: #fff;
  background-color: #D22A2F;
  border: none;
  border-radius: 5px;
  text-align: center;
  padding: 0.5rem 1rem;
}
.user-profile__cancel-account-closure-button {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 600;
  display: block;
  color: #333F48;
  background-color: transparent;
  border: none;
  text-align: center;
  margin: 16px auto;
}
.user-profile__execute-account-closure-actions {
  text-align: center;
  margin-bottom: 3rem;
}
.user-profile__field-input {
  width: 100%;
  background: #F4F5F6;
  border: none;
  border-radius: 5px;
  padding: 1rem;
  font-weight: 400;
}
.user-profile__line-item {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  border: none;
  padding: 0;
}
.user-profile__action-link {
  display: block;
  margin-top: 1em;
}

.user-list {
  transform: translateZ(0px);
  color: #333F48;
}
.user-list__item {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  background-color: #fff;
  padding: 2rem 1rem 2rem 2rem;
  display: block;
  margin-bottom: 2rem;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 599px) {
  .user-list__item {
    flex-direction: column;
    gap: 1rem;
    padding: 2rem;
  }
}
.user-list__item-container {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.user-list__item-image-container {
  display: table-cell;
  vertical-align: middle;
  height: 84px;
  width: 84px;
  border-radius: 50%;
  position: relative;
}
.user-list__item-image-container:before {
  content: "";
  background-color: #7A7671;
}
.user-list__item-image-container:before,
.user-list__item-image-container .user-list__item-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 84px;
  height: 84px;
  display: block;
  border-radius: 50%;
  background-image: url(/packs/static/media/default-user-icon-41db8c6e5cef1eb9c16d97d3412d0dd0.png);
  background-size: 100%;
}
.user-list__item-details {
  display: table-cell;
  vertical-align: middle;
  padding-left: 12px;
  overflow: hidden;
}
.user-list__view-profile-button {
  background-color: #F4F5F6;
  border: 1px solid #333F48;
  border-radius: 5px;
  text-align: center;
  height: 2.5rem;
  padding: 0.5rem 0;
  font-size: 1rem;
  font-weight: 600;
  width: 38%;
}
@media screen and (max-width: 599px) {
  .user-list__view-profile-button {
    width: 100%;
  }
}
.user-list__view-profile-button:hover {
  background-color: #D5D9DC;
}
.user-list__button-icon {
  height: 1rem;
  width: 0.875rem;
  margin-left: 0.5rem;
  vertical-align: sub;
  filter: brightness(0) saturate(100%) invert(19%) sepia(12%) saturate(1211%) hue-rotate(169deg) brightness(93%) contrast(89%);
}
.user-list__user-name {
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.18px;
}
.user-list__user-school {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 400;
}

.profile-badge-progress {
  margin-top: 1.5rem;
  display: flex;
  gap: 1.2rem;
  flex-wrap: wrap;
}
.profile-badge-progress__item {
  width: calc(25% - 1rem);
}
@media screen and (max-width: 599px) {
  .profile-badge-progress__item {
    width: calc(50% - 1rem);
  }
}
.profile-badge-progress__item .container {
  background-color: #fff;
  display: block;
  border-radius: 5px;
}
.profile-badge-progress__item .container--level-0 {
  background-color: rgba(238, 236, 234, 0.5);
}
.profile-badge-progress__item .container--level-0-5 {
  background-color: rgba(213, 208, 202, 0.5);
}
.profile-badge-progress__item .container--level-1 {
  background-color: rgba(197, 217, 235, 0.5);
}
.profile-badge-progress__item .container--level-2 {
  background-color: rgba(215, 208, 203, 0.5);
}
.profile-badge-progress__item .container--level-3 {
  background-color: rgba(217, 223, 227, 0.5);
}
.profile-badge-progress__item .container--level-4 {
  background-color: rgba(248, 210, 212, 0.5);
}
.profile-badge-progress__item .container--level-5 {
  background-color: rgba(250, 234, 217, 0.5);
}
.profile-badge-progress__item.collapsed:nth-of-type(1n+9) {
  display: none;
}
@media screen and (max-width: 599px) {
  .profile-badge-progress__item.collapsed:nth-of-type(1n+5) {
    display: none;
  }
}

.user-profile-feed {
  margin-top: 24px;
}
.user-profile-feed__share-button {
  margin-bottom: 2rem;
}
@media screen and (max-width: 599px) {
  .user-profile-feed__share-button {
    margin-top: -6rem;
  }
}
.user-profile-feed__share-button .create-post-button {
  background-image: none;
}
.user-profile-feed__share-button .create-post-button__button {
  background-color: #2C3946;
  color: #fff;
}
.user-profile-feed__share-button .create-post-button__button:hover {
  background-color: #231F20;
}
.user-profile-feed__share-button .create-post-button__button-icon {
  filter: unset;
}
.user-profile-feed__no-posts {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.user-profile-feed__no-posts .title {
  color: #333F48;
  font-weight: 600;
  font-size: 1.5rem;
}
.user-profile-feed__no-posts .subtext {
  color: #333F48;
  font-weight: 400;
  font-size: 1rem;
  text-align: center;
}
.user-profile-feed__no-posts .create-post-btn {
  display: flex;
  height: 40px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 5px;
  background: #2C3946;
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
}
.user-profile-feed__no-posts .logo {
  width: 151px;
}
.user-profile-feed__no-posts .explore-feed {
  color: #44A347;
  font-size: 1rem;
  font-weight: 400;
  text-decoration-line: underline;
}

.user-profile-errors__action-save__error {
  width: 100%;
  font-weight: 600;
  text-align: left;
  margin-top: 0;
  margin-bottom: 1.25rem;
  color: #9E1F23;
}
@media screen and (max-width: 599px) {
  .user-profile-errors__action-save__error.start-year-error {
    display: none;
  }
}
.user-profile-errors__action-save__error.start-year-error-mobile {
  display: none;
}
@media screen and (max-width: 599px) {
  .user-profile-errors__action-save__error.start-year-error-mobile {
    display: inline-block;
  }
}
.user-profile-errors__action-save__error.start-year-error-mobile {
  text-align: right;
}
.user-profile-errors__action-save__error--spacer {
  height: 40px;
}
.user-profile-errors__label {
  color: #D22A2F;
}
.user-profile-errors__action-save__error-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 599px) {
  .user-profile-errors__action-save__error-container {
    flex-direction: column;
  }
}
.user-profile-errors__action-save__error-container .end-year-error {
  padding-left: 0.85rem;
  margin-left: auto;
}
.user-profile-errors__action-save__error-container .user-profile-errors__action-save__error {
  width: 50%;
}
@media screen and (max-width: 599px) {
  .user-profile-errors__action-save__error-container .user-profile-errors__action-save__error {
    width: 100%;
    text-align: right;
  }
}

.user-profile-edit-buttons__action-edit-container {
  display: inline-block;
  width: 100%;
}
.user-profile-edit-buttons__action-edit-content {
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  color: #333F48;
  margin-bottom: 2rem;
  margin-top: 0;
  padding: 1.5rem 1rem;
  border-radius: 5px;
  margin-top: 0rem;
  width: 100%;
  background: #fff;
  padding: 1.5rem;
}
@media screen and (max-width: 599px) {
  .user-profile-edit-buttons__action-edit-content {
    top: -6.75rem;
    padding: 0.75rem 1.5rem;
  }
}
.user-profile-edit-buttons__action-editing-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 599px) {
  .user-profile-edit-buttons__action-editing-header {
    display: block;
  }
}
.user-profile-edit-buttons__action-editing-header-description {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
}
@media screen and (max-width: 599px) {
  .user-profile-edit-buttons__action-editing-header-description {
    margin-bottom: 0.5rem;
  }
}
.user-profile-edit-buttons__action-editing-header-description--confirm-cancel {
  font-weight: 600;
  color: #D22A2F;
}
.user-profile-edit-buttons__action-button {
  color: #fff;
  border: none;
  min-height: 50px;
  vertical-align: top;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 5px;
  min-width: 135px;
  cursor: pointer;
}
.user-profile-edit-buttons__action-button:hover {
  filter: brightness(90%);
}
@media screen and (max-width: 599px) {
  .user-profile-edit-buttons__action-button {
    min-width: 120px;
  }
}
.user-profile-edit-buttons__action-button--confirm-button {
  background-color: #D22A2F;
}
.user-profile-edit-buttons__action-button--save-button {
  background-color: #333F48;
}
.user-profile-edit-buttons__action-button--cancel-button {
  color: #333F48;
  background-color: #F4F5F6;
  margin-left: 12px;
}
@media screen and (max-width: 599px) {
  .user-profile-edit-buttons__action-button--cancel-button {
    margin-left: 0;
  }
}
.user-profile-edit-buttons__action-button--confirm-cancel-button {
  color: #5B6770;
  background-color: #F4F5F6;
  margin-left: 12px;
}

.user-profile-navigation__section {
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  color: #333F48;
  margin-bottom: 2rem;
  margin-top: 0;
  padding: 1.5rem 1rem;
  border-radius: 5px;
  padding: 0;
}
.user-profile-navigation__nav-label {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.user-profile-navigation__material-icon {
  padding: 0 0.75rem;
}
.user-profile-navigation__block-label {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  margin-left: 0.5rem;
  padding-top: 8px;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
@media screen and (min-width: 600px) {
  .user-profile-navigation__block-label {
    display: inline-block;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-family: "Montserrat", sans-serif;
    line-height: 1.43;
    font-weight: 600;
  }
}

.user-profile-words-to-live-by__section {
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  color: #333F48;
  margin-bottom: 2rem;
  margin-top: 0;
  padding: 1.5rem 1rem;
  border-radius: 5px;
  position: relative;
}
.user-profile-words-to-live-by__section-header {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-bottom: 0;
}
.user-profile-words-to-live-by__words-to-live-by-container {
  position: relative;
  padding-top: 1rem;
}
.user-profile-words-to-live-by__words-to-live-by-text {
  font-weight: 400;
  color: #333F48;
  display: block;
  text-align: left;
}
.user-profile-words-to-live-by__words-to-live-by-span {
  display: block;
}
.user-profile-words-to-live-by__section-textarea-edit {
  min-height: 8.188rem;
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #BEC3C7;
  color: #333F48;
  background-color: #F4F5F6;
  border-radius: 5px;
  padding: 1rem;
  width: 100%;
  resize: none;
}
@media screen and (max-width: 599px) {
  .user-profile-words-to-live-by__section-textarea-edit {
    min-height: 4rem;
  }
}
.user-profile-words-to-live-by__character {
  font-size: 0.75rem;
  font-weight: 300;
  margin-top: 0.25rem;
  margin-bottom: 0;
  color: #707070;
}

.user-profile-edu-and-exp__section {
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  color: #333F48;
  margin-bottom: 2rem;
  margin-top: 0;
  padding: 1.5rem 1rem;
  border-radius: 5px;
  margin-bottom: 1.5rem;
  position: relative;
}
.user-profile-edu-and-exp__section-header {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
}
.user-profile-edu-and-exp__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.user-profile-edu-and-exp__editing {
  position: relative;
}
.user-profile-edu-and-exp__section-header-editing {
  font-size: 20px;
  letter-spacing: -0.2px;
  font-weight: 600;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.user-profile-edu-and-exp__add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  width: 100%;
  padding: 1rem;
  background-color: #F4F5F6;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.user-profile-edu-and-exp__add-btn:hover {
  filter: brightness(90%);
  -webkit-filter: brightness(90%);
}

.user-profile-edu-and-exp-row__line-item {
  margin-top: 24px;
  border: none;
  padding: 0;
  display: flex;
  align-items: flex-end;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #BEC3C7;
}
.user-profile-edu-and-exp-row__line-item:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
@media screen and (max-width: 599px) {
  .user-profile-edu-and-exp-row__line-item {
    flex-wrap: wrap;
  }
}
.user-profile-edu-and-exp-row__material-icon {
  font-size: 1.125rem;
  color: #333F48;
  left: 0;
  position: absolute;
  top: 0;
  font-family: "Material Icons" !important;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  font-size: 1.5rem;
  border-radius: 5px;
  margin-right: 1rem;
  background: #F4F5F6;
  align-self: flex-start;
  position: static;
  padding: 0.625rem 0.813rem;
}
.user-profile-edu-and-exp-row__section-label {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  word-wrap: break-word;
  font-size: 1rem;
}
.user-profile-edu-and-exp-row__section-label-divider {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  display: inline-block;
  margin: 0 0.25rem;
}
.user-profile-edu-and-exp-row__section-label-sub-label {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 400;
}
.user-profile-edu-and-exp-row__section-value {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  display: block;
  padding-right: 0.5rem;
  font-weight: 400;
}
.user-profile-edu-and-exp-row__section-dates {
  display: block;
  margin-top: 0.25rem;
  position: static;
  font-weight: 400;
}
@media screen and (min-width: 600px) {
  .user-profile-edu-and-exp-row__section-dates {
    margin-left: auto;
  }
}
@media screen and (max-width: 599px) {
  .user-profile-edu-and-exp-row__section-dates {
    flex: 0 0 100%;
    width: 100%;
  }
}
.user-profile-edu-and-exp-row__line-item-editing {
  border-bottom: 1px solid #D5D0CA;
  margin-bottom: 2rem;
  margin-top: 1.5rem;
  padding-bottom: 2rem;
}
.user-profile-edu-and-exp-row__line-item-editing.last-item {
  border-bottom: unset;
  padding-bottom: unset;
}
.user-profile-edu-and-exp-row__line-item-editing .status-alert {
  margin-bottom: 0;
}
.user-profile-edu-and-exp-row__line-item-editing fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
.user-profile-edu-and-exp-row__line-item-editing legend {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
  font-weight: 400;
  margin-bottom: 0;
}
.user-profile-edu-and-exp-row__line-item-editing__inner {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 2.5rem;
  position: relative;
}
.user-profile-edu-and-exp-row__line-item-editing .location-widget__autocomplete-disabled-text {
  margin-top: 0.5rem;
}
.user-profile-edu-and-exp-row__delete-btn-container {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.user-profile-edu-and-exp-row__delete-btn {
  font-weight: 400;
  font-size: 1rem;
  align-items: center;
  background: none;
  border: none;
  color: #D22A2F;
  display: flex;
  margin: 0;
  padding: 0;
}
.user-profile-edu-and-exp-row__delete-btn-icon {
  font-size: 1.1rem;
  margin-right: 0.5rem;
}
.user-profile-edu-and-exp-row__school-name, .user-profile-edu-and-exp-row__field-of-study, .user-profile-edu-and-exp-row__degree {
  width: 48.5%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 599px) {
  .user-profile-edu-and-exp-row__school-name, .user-profile-edu-and-exp-row__field-of-study, .user-profile-edu-and-exp-row__degree {
    width: 100%;
  }
}
.user-profile-edu-and-exp-row__status-alert {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 400;
  background-color: #44A347;
  color: #fff;
  display: flex;
  border-radius: 5px;
  padding: 8px 12px;
  align-items: center;
  gap: 0.75rem;
  letter-spacing: -0.14px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.user-profile-edu-and-exp-row__status-alert .material-icons {
  font-size: 18px;
}
.user-profile-edu-and-exp-row__degree {
  width: 100%;
}
.user-profile-edu-and-exp-row__experience-location {
  width: 48%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 599px) {
  .user-profile-edu-and-exp-row__experience-location {
    width: 100%;
  }
}
.user-profile-edu-and-exp-row__experience-location button {
  margin-bottom: 0;
}
.user-profile-edu-and-exp-row__school-name-label, .user-profile-edu-and-exp-row__field-of-study-label {
  font-size: 1rem;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  padding: 1.5rem 0 0.75rem 0;
  padding-top: 1rem;
}
@media screen and (max-width: 599px) {
  .user-profile-edu-and-exp-row__field-of-study-label {
    padding-top: 1.5rem;
  }
}
.user-profile-edu-and-exp-row__experience-location-label, .user-profile-edu-and-exp-row__start-month-label, .user-profile-edu-and-exp-row__start-year-label, .user-profile-edu-and-exp-row__end-month-label, .user-profile-edu-and-exp-row__degree-label {
  font-size: 1rem;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  padding: 1.5rem 0 0.75rem 0;
}
.user-profile-edu-and-exp-row__school-name-input, .user-profile-edu-and-exp-row__field-of-study-input, .user-profile-edu-and-exp-row__degree-input {
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #BEC3C7;
  color: #333F48;
  background-color: #F4F5F6;
  border-radius: 5px;
  padding: 1rem;
}
.user-profile-edu-and-exp-row__input-error {
  border: 1px solid #D22A2F !important;
  display: inline-block;
  padding: 0.75rem 1rem;
  border: 1px solid #333F48;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
}
.user-profile-edu-and-exp-row__experience-current {
  width: 48%;
  display: flex;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
  flex-direction: row;
  align-self: baseline;
}
@media screen and (max-width: 599px) {
  .user-profile-edu-and-exp-row__experience-current {
    width: 100%;
    margin-bottom: 0;
  }
}
.user-profile-edu-and-exp-row__experience-current-label {
  font-size: 1rem;
  font-weight: 400;
  display: inline-block;
  padding-bottom: 0.25rem;
  order: 2;
  padding: 0;
  margin: auto 0.75rem;
}
.user-profile-edu-and-exp-row__experience-current-input {
  display: inline-block;
  border: 1px solid #5B6770;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  position: relative;
  cursor: pointer;
  padding: 0.65rem;
  height: 1.25rem;
  width: 1.25rem;
  appearance: none;
  border-radius: 5px;
  margin: auto 0;
}
.user-profile-edu-and-exp-row__experience-current-input:checked {
  background-color: #5B6770;
}
.user-profile-edu-and-exp-row__experience-current-input:checked:after {
  content: "";
}
.user-profile-edu-and-exp-row__experience-current-input:after {
  position: absolute;
  width: 6px;
  height: 16px;
  border: 1px solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  left: 5px;
  top: -1px;
}
.user-profile-edu-and-exp-row__start-month, .user-profile-edu-and-exp-row__start-year, .user-profile-edu-and-exp-row__end-month, .user-profile-edu-and-exp-row__end-year {
  width: 22.5%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 599px) {
  .user-profile-edu-and-exp-row__start-month, .user-profile-edu-and-exp-row__start-year, .user-profile-edu-and-exp-row__end-month, .user-profile-edu-and-exp-row__end-year {
    width: 48%;
  }
}
.user-profile-edu-and-exp-row__start-month-select, .user-profile-edu-and-exp-row__start-year-select, .user-profile-edu-and-exp-row__end-month-select, .user-profile-edu-and-exp-row__end-year-select {
  width: 100%;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  background-image: url(/packs/static/media/arrows-e3fadd090ae8ce76b40ff3ae22b0da0b.png);
  background-repeat: no-repeat;
  background-position: right 0.25rem top 50%;
  background-size: 1.25rem;
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #BEC3C7;
  color: #333F48;
  background-color: #F4F5F6;
  border-radius: 5px;
  padding: 1rem;
  appearance: none;
}

.user-profile-avatar-editor {
  /** FF*/
  /* IE*/
}
.user-profile-avatar-editor__avatar {
  margin: 0;
  padding: 0;
  border: 0;
}
.user-profile-avatar-editor__avatar-image-container {
  width: 208px;
  height: 208px;
  cursor: grab;
  touch-action: none;
  border-radius: 10px;
  overflow: hidden;
}
.user-profile-avatar-editor__avatar-image-container.background-image-editor {
  height: 170px;
}
.user-profile-avatar-editor__avatar-image {
  display: block;
  max-width: 100%;
}
.user-profile-avatar-editor__avatar-container {
  height: 100%;
  margin: auto;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 599px) {
  .user-profile-avatar-editor__avatar-container {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
}
.user-profile-avatar-editor__avatar-container-disabled {
  text-align: center;
  padding-left: 0;
  margin-bottom: 2rem;
  display: block;
}
.user-profile-avatar-editor__avatar-section-container {
  display: inline-block;
  font-weight: 400;
  margin-top: 0.5rem;
  position: relative;
}
@media screen and (min-width: 600px) {
  .user-profile-avatar-editor__avatar-section-container.background {
    margin-top: 1.5rem;
  }
}
.user-profile-avatar-editor__avatar-section-container-disabled {
  position: relative;
}
@media screen and (max-width: 599px) {
  .user-profile-avatar-editor__avatar-section-container-disabled {
    margin-top: 0;
    margin-bottom: 1rem;
    left: auto;
    transform: none;
  }
}
.user-profile-avatar-editor__avatar-section-image-container {
  display: inline-block;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 600px) {
  .user-profile-avatar-editor__avatar-section-image-container {
    padding: 0.563rem 0 0.563rem 1.5rem;
  }
}
.user-profile-avatar-editor__avatar-form-field-slider {
  display: block;
  height: 1rem;
  margin: 1rem 0;
  position: relative;
}
@media screen and (max-width: 599px) {
  .user-profile-avatar-editor__avatar-form-field-slider {
    margin: 0 0 3rem 0;
  }
}
.user-profile-avatar-editor__avatar-slider-label {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 400;
  left: 0;
  position: absolute;
}
.user-profile-avatar-editor__avatar-slider-label--disabled {
  opacity: 0.5;
}
.user-profile-avatar-editor__avatar-slider-input {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 8px;
  height: 4px;
  width: 231px;
  outline: none;
  transition: background 450ms ease-in;
  -webkit-appearance: none;
}
@media screen and (max-width: 599px) {
  .user-profile-avatar-editor__avatar-slider-input {
    width: 100%;
  }
}
.user-profile-avatar-editor__avatar-slider-input[disabled] {
  opacity: 0.5;
}
.user-profile-avatar-editor__avatar-slider-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6CC24A;
  cursor: pointer;
}
.user-profile-avatar-editor__avatar-slider-input::-moz-range-progress {
  background-color: #6CC24A;
}
.user-profile-avatar-editor__avatar-slider-input::-moz-range-track {
  background-color: #C7E9BA;
}
.user-profile-avatar-editor__avatar-slider-input::-ms-fill-lower {
  background-color: #6CC24A;
}
.user-profile-avatar-editor__avatar-slider-input::-ms-fill-upper {
  background-color: #C7E9BA;
}
.user-profile-avatar-editor__avatar-slider-container {
  display: inline-block;
  padding-left: 9rem;
  width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 599px) {
  .user-profile-avatar-editor__avatar-slider-container {
    margin-top: 2rem;
    padding-left: 0;
  }
}
.user-profile-avatar-editor__avatar-form-field-button {
  display: flex;
  height: 2.5rem;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 1.5rem;
  gap: 1rem;
}
.user-profile-avatar-editor__avatar-button-label {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  width: 25%;
  word-break: normal;
  white-space: normal;
}
.user-profile-avatar-editor__avatar-button-label--disabled {
  opacity: 0.5;
}
.user-profile-avatar-editor__avatar-button-second-label {
  display: flex;
  font-size: 1rem;
  cursor: pointer;
  font-weight: 400;
  border: none;
  padding: 0.5rem;
  color: #333F48;
  background: #fff;
  border-radius: 5px;
}
.user-profile-avatar-editor__avatar-button-second-label:hover {
  background: #f7f6f4;
}
.user-profile-avatar-editor__avatar-button-second-label .resize-icon {
  font-size: 20px;
}
.user-profile-avatar-editor__avatar-button-second-label--disabled {
  opacity: 0.5;
}
.user-profile-avatar-editor__avatar-button-span {
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  max-width: 4rem;
}
.user-profile-avatar-editor__avatar-utility-button {
  color: #333F48;
  background-color: #F4F5F6;
  width: 100%;
  border: none;
  font-weight: 600;
  font-size: 1rem;
  height: 38px;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.user-profile-avatar-editor__avatar-utility-button:hover {
  filter: brightness(90%);
  -webkit-filter: brightness(90%);
}
.user-profile-avatar-editor__avatar-utility-button--disabled {
  opacity: 0.25;
}
@media screen and (max-width: 599px) {
  .user-profile-avatar-editor__avatar-utility-button {
    font-size: 0.75rem;
  }
  .user-profile-avatar-editor__avatar-utility-button .resize-icon {
    font-size: 1rem;
  }
}
.user-profile-avatar-editor__avatar-upload-file-button {
  display: flex;
  margin-bottom: 1.5rem;
  white-space: nowrap;
  align-items: center;
  justify-content: space-between;
}
.user-profile-avatar-editor__avatar-upload-file-button input:focus + label {
  outline: 3px solid #63FFDA;
  outline-offset: 0;
}
.user-profile-avatar-editor__avatar-remove {
  font-weight: 600;
  font-size: 1rem;
  background: transparent;
  border: 1px solid;
  border-radius: 50%;
  color: #fff;
  height: 1.5rem;
  padding: 0;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: 1.5rem;
  z-index: 1;
}
.user-profile-avatar-editor__avatar-input-hero {
  background-color: #fff;
  border: none;
  border-radius: 50%;
  display: inline-block;
  height: 7.813rem;
  width: 7.813rem;
}
.user-profile-avatar-editor__avatar-input-hero input:focus + label,
.user-profile-avatar-editor__avatar-input-hero input.has-focus + label {
  /* Used for elements where an outline be visible, but would not
   * match the element shape due to rules like border-radius.
   */
  box-shadow: 0 0 0 3px #63FFDA;
  outline: 3px solid transparent;
}
.user-profile-avatar-editor__avatar-add-photo {
  background-color: #333F48;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.user-profile-avatar-editor__avatar-add-photo-icon {
  color: #fff;
  display: block;
  font-size: 3rem;
}
.user-profile-avatar-editor__avatar-add-photo-text {
  display: block;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 400;
  margin-top: 0.5rem;
}
.user-profile-avatar-editor__avatar-loading-indicator {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 6rem;
  height: 6rem;
  top: calc(50% - 2.5rem);
  left: calc(50% - 3rem);
  border-radius: 50%;
  z-index: 10;
}

.user-profile-badges__section {
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  color: #333F48;
  margin-bottom: 2rem;
  margin-top: 0;
  padding: 1.5rem 1rem;
  border-radius: 5px;
}
.user-profile-badges__section-header {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
}
.user-profile-badges__show-all-badges-button {
  display: block;
  margin: 0 auto;
  border: none;
  background: transparent;
  color: #31863E;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: underline;
}
.user-profile-badges__border {
  border-bottom: 1px solid #BEC3C7;
  margin: 1.5rem 0;
}

.user-profile-topics__section {
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  color: #333F48;
  margin-bottom: 2rem;
  margin-top: 0;
  padding: 1.5rem 1rem;
  border-radius: 5px;
  position: relative;
}
.user-profile-topics__section-header {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-bottom: 1.5rem;
}
.user-profile-topics__subsection-header {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 400;
  font-size: 1.125rem;
  color: #333F48;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.user-profile-topics__subsection-description {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-size: 0.875rem;
  color: #7A7671;
  margin-bottom: 1rem;
  margin-top: 0;
  font-style: italic;
}
.user-profile-topics__divider {
  border: 0;
  height: 1px;
  background: #BEC3C7;
  margin: 2rem 0;
}
.user-profile-topics__header-button {
  position: absolute;
  display: inline-flex;
  background: none;
  border: none;
  color: #337A35;
  padding: 0 1rem;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 400;
  top: 1.5rem;
  right: 0;
  gap: 0.5rem;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}
.user-profile-topics__header-button:hover {
  color: #245625;
}
.user-profile-topics__edit-text {
  text-decoration: underline;
}
@media screen and (max-width: 599px) {
  .user-profile-topics__collapsed:nth-of-type(1n+7) {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  .user-profile-topics__collapsed:nth-of-type(1n+7) {
    display: none;
  }
}
.user-profile-topics__list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 1rem;
}
.user-profile-topics__no-topics {
  text-align: center;
  margin: 2rem 0;
}
.user-profile-topics__no-topics--text {
  margin-bottom: 2rem;
  font-size: 1rem;
  color: #7A7671;
  font-weight: 400;
}
.user-profile-topics__no-topics--button {
  display: inline-block;
  height: 2.5rem;
  border: none;
  background: #337A35;
  color: #fff;
  padding: 0.75rem 1.5rem;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
}
.user-profile-topics__material-icon {
  font-size: 1rem;
}
.user-profile-topics__show-all-badges-button {
  display: block;
  margin: 0 auto;
  border: none;
  background: transparent;
  color: #31863E;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: underline;
}
.user-profile-topics__border {
  border-bottom: 1px solid #BEC3C7;
  margin: 1.5rem 0;
}

.user-profile-header__section {
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  color: #333F48;
  margin-bottom: 2rem;
  margin-top: 0;
  padding: 1.5rem 1rem;
  border-radius: 5px;
  padding: 0;
  clear: both;
  margin-top: 0;
  min-height: 10rem;
  position: relative;
  border-radius: 5px;
  color: #333F48;
  font-weight: 400;
  padding-bottom: 1.5rem;
}
.user-profile-header__section--editing {
  padding: 0;
}
@media screen and (max-width: 1023px) {
  .user-profile-header__section {
    margin-top: 2rem;
  }
}
.user-profile-header__welcome-title {
  margin-top: 0;
}
@media screen and (max-width: 599px) {
  .user-profile-header__welcome-title {
    margin-bottom: -1rem;
  }
}
.user-profile-header__banner {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: 0.5rem;
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}
@media screen and (min-width: 600px) {
  .user-profile-header__banner {
    width: 640px;
  }
}
.user-profile-header__banner-btn {
  position: absolute;
  right: 20px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  height: 40px;
  padding: 16px;
  align-items: center;
  gap: 16px;
  top: 1rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  border: 0;
  cursor: pointer;
}
.user-profile-header__banner-image {
  width: 100%;
}
.user-profile-header__image-container {
  background-color: white;
  border: 1px solid #D5D0CA;
  border-radius: 50%;
  display: inline-block;
  height: 10rem;
  padding: 2px;
  position: absolute;
  width: 10rem;
  left: 1rem;
  top: 11rem;
}
.user-profile-header__image-border {
  background-color: #7A7671;
  border-radius: 50%;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
  background-image: url(/packs/static/media/default-user-icon-41db8c6e5cef1eb9c16d97d3412d0dd0.png);
  background-size: 100%;
}
.user-profile-header__image {
  height: 100%;
  display: block;
  margin: 0 auto;
}
.user-profile-header__image--hidden {
  display: none;
}
.user-profile-header__name-container {
  display: inline-block;
  text-align: center;
  width: 100%;
  padding: 2rem 1rem 0 1rem;
  text-align: left;
}
.user-profile-header__name-container--editing {
  padding: 0;
  margin-top: 0.5rem;
}
@media screen and (max-width: 599px) {
  .user-profile-header__name-container--editing {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 599px) {
  .user-profile-header__name-container--editing .user-profile-errors__action-save__error {
    margin-top: 1rem;
  }
}
.user-profile-header__name {
  margin: 0;
  font-size: 1.875rem;
  margin-bottom: -0.5rem;
}
.user-profile-header__name--editing {
  font-size: 20px;
  letter-spacing: -0.2px;
  font-weight: 600;
  margin-top: 0;
}
.user-profile-header__name--editing.bg-pic-title {
  margin-top: 1rem;
}
@media screen and (max-width: 640px) {
  .user-profile-header__name--editing {
    text-align: left;
    width: 100%;
  }
}
.user-profile-header__affiliation {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  margin: 0;
}
.user-profile-header__headline {
  font-size: 1.125rem;
  font-weight: 600;
}
@media screen and (max-width: 599px) {
  .user-profile-header__headline {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 599px) {
  .user-profile-header__headline--editing {
    text-align: left;
  }
}
.user-profile-header__edit-section {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  padding: 0;
}
.user-profile-header__edit-name-required-text {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  letter-spacing: -0.14px;
  margin-top: 0.75rem;
  color: #707070;
}
@media screen and (max-width: 640px) {
  .user-profile-header__edit-name-required-text {
    width: 100%;
    text-align: left;
  }
}
.user-profile-header__edit-first-name, .user-profile-header__edit-last-name {
  display: inline-block;
  width: 48%;
}
@media screen and (max-width: 599px) {
  .user-profile-header__edit-first-name, .user-profile-header__edit-last-name {
    align-self: flex-end;
    text-align: left;
    width: 100%;
    margin-bottom: 0;
  }
}
.user-profile-header__edit-last-name {
  float: right;
}
.user-profile-header__label {
  font-size: 1rem;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  padding: 1.5rem 0 0.75rem 0;
}
.user-profile-header__edit-headline-character {
  font-size: 0.75rem;
  font-weight: 300;
  margin-top: 0.25rem;
  margin-bottom: 0;
  color: #707070;
}
.user-profile-header__input {
  display: inline-block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #BEC3C7;
  color: #333F48;
  background-color: #F4F5F6;
  border-radius: 5px;
  padding: 1rem;
}
.user-profile-header__input-error {
  border: 1px solid #D22A2F !important;
}
.user-profile-header__btn {
  background-color: #eaeced;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  padding: 12px 16px;
  border: none;
  color: #333F48;
  height: 40px;
}
@media screen and (max-width: 599px) {
  .user-profile-header__btn {
    width: 100%;
  }
}
.user-profile-header__btn:hover {
  background-color: #D5D9DC;
}
.user-profile-header__btn-primary {
  background-color: #2c3946;
  color: #fff;
}
.user-profile-header__btn-primary:hover {
  background-color: #231F20;
}
.user-profile-header__btns-container {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 599px) {
  .user-profile-header__btns-container {
    justify-content: center;
    flex-direction: column;
    margin-top: -1rem;
  }
}
.user-profile-header__header-wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 599px) {
  .user-profile-header__header-wrap {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }
}
.user-profile-header__disclaimer {
  margin-top: -1rem;
}

.user-profile-background__section {
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  color: #333F48;
  margin-bottom: 2rem;
  margin-top: 0;
  padding: 1.5rem 1rem;
  border-radius: 5px;
}
.user-profile-background__section--editing {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
.user-profile-background__info {
  padding: 0 1rem 1rem 1rem;
}
.user-profile-background__label-container {
  margin: 0;
  padding-left: 2rem;
  position: relative;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.user-profile-background__line-item-about-me {
  margin-top: 0.75rem;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
}
.user-profile-background__label-personal-interests, .user-profile-background__label-def-leader {
  display: inline-block;
  position: relative;
  font-weight: 600;
  font-size: 1.125rem;
  margin-top: 1.5rem;
}
.user-profile-background__line-item-text {
  margin-top: 0.75rem;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
}
.user-profile-background__icon {
  font-size: 1.125rem;
  color: #333F48;
  left: 0;
  position: absolute;
  top: 0;
  font-family: "Material Icons" !important;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
}
.user-profile-background__label-text {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  word-wrap: break-word;
  font-size: 1rem;
}
.user-profile-background__line-item-value {
  font-weight: 600;
}
.user-profile-background__line-item-value--last-of-type {
  padding-bottom: 0;
}
.user-profile-background__links {
  display: flex;
  margin-top: 2rem;
  grid-gap: 1rem;
}
@media screen and (max-width: 599px) {
  .user-profile-background__links {
    grid-gap: unset;
    justify-content: space-between;
  }
}
.user-profile-background__links-linkedin, .user-profile-background__links-bio {
  font-size: 1rem;
  font-weight: 600;
  border: none;
  padding: 1rem;
  border-radius: 5px;
  display: flex;
  align-items: center;
  text-align: center;
  gap: 0.75rem;
  letter-spacing: -0.16px;
}
.user-profile-background__links-linkedin:hover, .user-profile-background__links-bio:hover {
  filter: brightness(90%);
}
@media screen and (max-width: 599px) {
  .user-profile-background__links-linkedin, .user-profile-background__links-bio {
    font-size: 0.75rem;
    margin-right: 0;
  }
}
.user-profile-background__links-linkedin {
  background-color: #333F48;
  color: #fff;
}
.user-profile-background__links-bio {
  background-color: #F4F5F6;
  color: #5B6770;
}
.user-profile-background__links-linkedin-img {
  height: 1rem;
}
@media screen and (max-width: 599px) {
  .user-profile-background__links-linkedin-img {
    height: 0.75rem;
  }
}
.user-profile-background__links-bio-img {
  height: 1.1rem;
}
@media screen and (max-width: 599px) {
  .user-profile-background__links-bio-img {
    height: 0.76rem;
  }
}
.user-profile-background__list-edit {
  list-style: none;
  padding: 0;
  margin: 0;
}
.user-profile-background__line-item-def-leader-edit, .user-profile-background__line-item-linkedin-edit, .user-profile-background__line-item-bio-edit {
  margin-bottom: 0.5rem;
  margin-top: 0;
}
@media screen and (max-width: 599px) {
  .user-profile-background__line-item-def-leader-edit, .user-profile-background__line-item-linkedin-edit, .user-profile-background__line-item-bio-edit {
    margin-bottom: 0;
  }
}
.user-profile-background__line-item-location-edit {
  margin-bottom: 0.5rem;
  margin-top: 0;
  width: 100%;
}
@media screen and (max-width: 599px) {
  .user-profile-background__line-item-location-edit {
    margin-bottom: -0.5rem;
  }
}
.user-profile-background__line-item-about-me-edit {
  margin-top: -1rem;
}
@media screen and (max-width: 599px) {
  .user-profile-background__line-item-about-me-edit {
    margin-top: 0;
  }
}
.user-profile-background__label-personal-interests-edit, .user-profile-background__label-def-leader-edit {
  font-size: 20px;
  letter-spacing: -0.2px;
  font-weight: 600;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
.user-profile-background__label-edit {
  font-size: 1rem;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  padding: 1.5rem 0 0.75rem 0;
}
.user-profile-background__about-me-char-limit, .user-profile-background__personal-interests-char-limit, .user-profile-background__def-leader-char-limit {
  font-size: 0.75rem;
  font-weight: 300;
  margin-top: 0.25rem;
  margin-bottom: 0;
  color: #707070;
}
.user-profile-background__input-linkedin-edit, .user-profile-background__input-bio-edit {
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #BEC3C7;
  color: #333F48;
  background-color: #F4F5F6;
  border-radius: 5px;
  padding: 1rem;
}
.user-profile-background__input-about-me-edit {
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #BEC3C7;
  color: #333F48;
  background-color: #F4F5F6;
  border-radius: 5px;
  padding: 1rem;
  width: 100%;
  min-height: 8.188rem;
  resize: none;
}
@media screen and (max-width: 599px) {
  .user-profile-background__input-about-me-edit {
    min-height: 4rem;
  }
}
.user-profile-background__input-personal-interests-edit, .user-profile-background__input-def-leader-edit {
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #BEC3C7;
  color: #333F48;
  background-color: #F4F5F6;
  border-radius: 5px;
  padding: 1rem;
  width: 100%;
  min-height: 8.188rem;
  resize: none;
}
@media screen and (max-width: 599px) {
  .user-profile-background__input-personal-interests-edit, .user-profile-background__input-def-leader-edit {
    min-height: 4rem;
  }
}
.user-profile-background__inputs-container {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 599px) {
  .user-profile-background__inputs-container {
    gap: 0;
    flex-direction: column;
  }
}
.user-profile-background__bottom-margin-fix {
  margin-bottom: -1.5rem;
}

.location-widget__tags {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
}

.user-profile-body__force-edit-message {
  box-shadow: 0 0 3px #7A7671;
  background-color: #fff;
  color: #231F20;
  font-weight: 600;
  font-size: 0.875rem;
  margin-top: 1rem;
  padding: 1.5rem 2rem 1rem 2rem;
}
.user-profile-body__force-edit-text {
  margin: 0;
}
.user-profile-body__force-edit-list {
  color: #D22A2F;
  padding-left: 1rem;
}

.user-profile-programs__section {
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  color: #333F48;
  margin-bottom: 2rem;
  margin-top: 0;
  padding: 1.5rem 1rem;
  border-radius: 5px;
}
.user-profile-programs__section--editing {
  margin: 0.5rem 0 0;
}
.user-profile-programs__section-header-edit {
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 0.5rem 0;
}
.user-profile-programs__section-header-edit-title {
  margin: 0;
}
.user-profile-programs__section-header-title {
  font-size: 20px;
  letter-spacing: -0.2px;
  font-weight: 600;
}
.user-profile-programs__section-header-helper-text {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  letter-spacing: -0.14px;
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 599px) {
  .user-profile-programs__section-header-helper-text {
    display: block;
  }
}
.user-profile-programs__item {
  display: inline-block;
  max-width: 95%;
}
.user-profile-programs__item-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.user-profile-programs__item-edit {
  border-bottom: 1px solid #D5D0CA;
  padding: 2rem 0;
}
.user-profile-programs__item-edit legend {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
  font-weight: 400;
}
.user-profile-programs__item-edit:first-of-type {
  padding-top: 0;
}
.user-profile-programs__item-edit:last-of-type {
  border-bottom: unset;
}
.user-profile-programs__item-header {
  display: flex;
  min-height: 2.75rem;
  align-items: flex-end;
  justify-content: space-between;
}
.user-profile-programs__item-title {
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: -0.18px;
}
.user-profile-programs__edit-button--open {
  border: none;
  background: none;
  padding: 0;
}
.user-profile-programs__edit-button--closed {
  border: none;
  background: none;
  padding: 0;
}
.user-profile-programs__edit-button--caret {
  font-size: 2rem;
  cursor: pointer;
  color: #333F48;
}
.user-profile-programs__container-edit {
  border: none;
  padding-bottom: 1.5rem;
}
.user-profile-programs__delete-btn-container {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 1.5rem 0 -1.5rem 0;
  z-index: 10;
}
.user-profile-programs__delete-btn {
  font-weight: 400;
  font-size: 1rem;
  align-items: center;
  background: none;
  border: none;
  color: #D22A2F;
  display: flex;
  margin: 0;
  padding: 0;
}
.user-profile-programs__delete-btn-icon {
  font-size: 1.1rem;
  margin-right: 0.5rem;
}
.user-profile-programs__status-alert {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 400;
  background-color: #44A347;
  color: #fff;
  display: flex;
  border-radius: 5px;
  padding: 8px 12px;
  align-items: center;
  gap: 0.75rem;
  letter-spacing: -0.14px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.user-profile-programs__status-alert .material-icons {
  font-size: 18px;
}
.user-profile-programs__fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.user-profile-programs__container-input {
  display: flex;
  flex-direction: column;
}
.user-profile-programs__label {
  font-size: 1rem;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  padding: 1.5rem 0 0.75rem 0;
}
.user-profile-programs__select {
  width: 100%;
  display: inline-block;
  background-image: url(/packs/static/media/arrows-e3fadd090ae8ce76b40ff3ae22b0da0b.png);
  background-repeat: no-repeat;
  background-position: right 0.25rem top 50%;
  background-size: 1.25rem;
  appearance: none;
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #BEC3C7;
  color: #333F48;
  background-color: #F4F5F6;
  border-radius: 5px;
  padding: 1rem;
}
.user-profile-programs__input {
  display: inline-block;
  padding: 0.75rem 1rem;
  border: 1px solid #D5D0CA;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  border-radius: 0;
  background-color: #fff;
}
.user-profile-programs__character {
  font-size: 0.75rem;
  font-weight: 500;
  margin: 0.25rem 0 0 0;
}
.user-profile-programs__add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  width: 100%;
  padding: 1rem;
  background-color: #F4F5F6;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.user-profile-programs__add-btn:hover {
  filter: brightness(90%);
  -webkit-filter: brightness(90%);
}
.user-profile-programs__select-error, .user-profile-programs__input-error {
  border: 1px solid #D22A2F !important;
  display: inline-block;
  padding: 0.75rem 1rem;
  border: 1px solid #333F48;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.topic-button-container {
  position: relative;
  display: inline-block;
  margin: 0 8px 8px 0;
}

.topic-button {
  background: transparent;
  color: #333F48;
  background-color: #fff;
  border: none;
  border-radius: 14px;
  padding: 6px 12px;
  display: inline-flex;
  margin: 0;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
}
.topic-button__material-icon {
  font-size: 1rem;
  margin-right: 8px;
}
.topic-button__selected {
  filter: brightness(90%);
  -webkit-filter: brightness(90%);
  background-color: var(--topic-color) !important;
  color: #FFFFFF !important;
}
.topic-button__with-remove {
  padding-right: 32px !important;
}
.topic-button__label {
  font-weight: 600;
}
.topic-button__remove {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.topic-button__remove .material-icons {
  font-size: 16px;
}
.topic-button__remove:hover, .topic-button__remove:focus {
  background-color: rgba(255, 255, 255, 0.2);
}
.topic-button--mcf-disabled {
  cursor: default;
}
.topic-button--mcf-disabled:hover {
  filter: none;
  -webkit-filter: none;
}

.login-view {
  text-align: center;
  padding: 2rem 1rem;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
}
.login-view__heading-new {
  font-weight: 600;
  font-size: 1.5rem;
  margin: -1rem 0 0;
}
.login-view__login-selection-container {
  width: 100%;
  border: none;
  border-bottom: 2px solid #333F48;
  text-align: left;
  margin: 1.5rem 0 0 0;
  padding: 0;
}
.login-view__login-selection-container li {
  display: inline-block;
}
.login-view__login-selection-container li a {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #333F48;
  cursor: pointer;
  font-weight: 600;
}
@media screen and (min-width: 600px) {
  .login-view__login-selection-container li a {
    padding: 0.5rem 2rem;
  }
}
.login-view__login-selection-container li a[aria-selected=true] {
  background-color: #333F48;
  color: #fff;
}
.login-view__magic-link-desc {
  font-weight: 400;
  margin-block-start: 1.5rem;
  margin-block-end: 0rem;
}
.login-view__input-container {
  position: relative;
}
.login-view__input-container .material-icons-outlined {
  cursor: pointer;
  color: rgb(91, 103, 112);
  position: absolute;
  right: 0.5rem;
  top: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .login-view__input-container .material-icons-outlined {
    top: 1.5rem;
  }
}
.login-view__input-container .button-visibility {
  display: flex;
  background: none;
  justify-content: center;
  margin: 2.5rem 0 0 0;
  border: none;
}
@media screen and (min-width: 600px) {
  .login-view__input-container .button-visibility {
    justify-content: flex-end;
  }
}
.login-view__input-container input[type=password]::-webkit-contacts-auto-fill-button,
.login-view__input-container input[type=password]::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  position: absolute;
  right: 0;
}
.login-view__input {
  font-size: 1rem;
  border: 0;
}
.login-view__input label {
  font-weight: 400;
  font-size: 1rem;
  float: left;
  padding-bottom: 0.5rem;
  padding-top: 1.5rem;
  text-align: left;
}
.login-view__input input,
.login-view__input select {
  font-size: 1rem;
  background: #F4F5F6;
  margin: 0;
  padding: 0.825em; /* (designer field height - (font size * line height)) / font size / 2 */
  width: 100%;
  border-radius: 5px;
  border: 0;
}
.login-view__input input:hover,
.login-view__input select:hover {
  filter: brightness(90%);
  -webkit-filter: brightness(90%);
}
.login-view__input input ::placeholder,
.login-view__input select ::placeholder {
  color: #7A7671;
  opacity: 1;
}
.login-view__input input.error,
.login-view__input select.error {
  border: 1px solid red;
}
.login-view__input input.error ::placeholder,
.login-view__input select.error ::placeholder {
  color: #D22A2F;
}
.login-view__input select {
  background-image: url(/packs/static/app/assets/images/caret-down-c26d468a7952a5fea811.svg);
  background-repeat: no-repeat;
  background-position: right 0.75rem top 55%;
  background-size: 0.675rem;
}
.login-view__phone-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
}
.login-view__phone-input {
  border-radius: 0;
}
.login-view__or-container {
  margin: 2rem 0 0 0;
  text-align: center;
}
.login-view__or-container::after {
  content: " ";
  display: block;
  margin: -1.125rem auto 1.125rem;
  height: 2px;
  border: none;
}
.login-view__or-text {
  font-size: 1rem;
  font-weight: 600;
  padding: 0 0.5rem;
}
.login-view__button {
  display: inline-block;
  border: none;
  border-radius: 5px;
  padding: 0.75em 0.75em;
  color: #333F48;
  background: #fff;
  border: 1px solid #333F48;
  cursor: pointer;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1;
  text-transform: none;
  width: 100%;
  margin-top: 1em;
  text-align: center;
}
.login-view__button:hover {
  background-color: #D5D9DC;
  transition: all 0.2s ease-in-out;
}
.login-view__button:disabled {
  opacity: 0.8;
}
.login-view__button_rank_primary {
  background: #333F48;
  color: #fff;
}
.login-view__button_rank_primary:hover {
  background-color: #231F20;
  transition: all 0.2s ease-in-out;
}
.login-view__button_sign_up {
  background: #333F48;
  color: #fff;
  display: inline-block;
  padding: 0.75em 0.75em;
  margin: 0.5rem 0 2rem 0;
  border-radius: 5px;
  font-weight: 600;
}
.login-view__button_sign_up:hover {
  background-color: #231F20;
  transition: all 0.2s ease-in-out;
}
.login-view__button_sign_up_container {
  text-align: center;
}
.login-view__actions {
  /* button padding top + button line height + button padding bottom */
  margin-top: 3em;
  display: flex;
  flex: 1 0 100%;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .login-view__actions {
    flex: 1 0 auto;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
  }
}
.login-view__actions-new {
  margin-top: 1em;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 1rem;
}
@media screen and (max-width: 599px) {
  .login-view__actions-new {
    flex-wrap: nowrap;
    gap: 0.5rem;
  }
}
.login-view__action {
  font-weight: 600;
  width: 35%;
}
@media screen and (max-width: 599px) {
  .login-view__action {
    width: 50%;
  }
}
.login-view__action:first-of-type {
  margin-right: 0;
}
.login-view__action:last-of-type {
  margin-left: 0;
}
.login-view__support-actions {
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
}
.login-view__support-link {
  color: #31863d;
  text-decoration: underline;
}
.login-view__social-buttons {
  font-size: 2.25rem;
  margin-top: 1em;
}
.login-view__social-icon {
  display: inline-block;
}
.login-view__social-icon path {
  fill: #333F48;
}
.login-view__social-facebook {
  margin-right: 0.4em;
  margin-left: 0.4em;
}
.login-view__social-instagram {
  margin-right: 0.4em;
  margin-left: 0.4em;
}
.login-view__hidden {
  display: none;
}

.forgot-password-view {
  margin: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1.5rem;
  max-width: 40rem;
  color: #333F48;
  overflow: hidden;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  margin-top: 2rem;
}
.forgot-password-view__heading {
  font-size: 1.5rem;
  font-weight: 400;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .forgot-password-view__heading {
    margin-top: 3rem;
  }
}
.forgot-password-view__login-method .login-view__login-selection-fieldset {
  margin-bottom: 0;
}
.forgot-password-view__login-heading {
  font-size: 1.875rem;
  font-weight: 600;
  text-align: center;
  color: #333F48;
}
@media screen and (max-width: 599px) {
  .forgot-password-view__login-heading {
    margin: 0;
  }
}
.forgot-password-view__button {
  display: inline-block;
  border: none;
  border-radius: 5px;
  padding: 0.75em 0.75em;
  color: #333F48;
  background: #fff;
  border: 1px solid #333F48;
  cursor: pointer;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1;
  margin-top: 1em;
  float: right;
}
.forgot-password-view__button:hover {
  background-color: #D5D9DC;
  transition: all 0.2s ease-in-out;
}
.forgot-password-view__button:disabled {
  opacity: 0.8;
}
.forgot-password-view__button_rank_primary {
  background: #333F48;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 2.813rem;
  cursor: pointer;
}
.forgot-password-view__button_rank_primary:hover {
  background-color: #231F20;
  transition: all 0.2s ease-in-out;
}

.open-sign-up__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  width: 40rem;
  margin: 0 auto;
}
@media screen and (max-width: 599px) {
  .open-sign-up__container {
    max-width: calc(100vw - 2rem);
    background: white;
    margin-top: 8rem;
    margin-bottom: 10rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .open-sign-up__container {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}
@media screen and (min-width: 1024px) {
  .open-sign-up__container {
    margin-top: 8rem;
    margin-bottom: 2rem;
  }
}
.open-sign-up__step-container {
  display: flex;
  background-color: white;
  padding: 1.625rem;
  z-index: 1;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
}
.open-sign-up__step-container--overview {
  display: block;
}
.open-sign-up__left-pattern {
  position: fixed;
  top: 20rem;
  left: -17rem;
  width: 31.25rem;
  z-index: -1;
}
@media screen and (max-width: 1023px) {
  .open-sign-up__left-pattern {
    display: none;
  }
}
.open-sign-up__right-pattern {
  position: fixed;
  top: -10rem;
  right: -23.5rem;
  width: 40.25rem;
  z-index: -1;
}
@media screen and (max-width: 1023px) {
  .open-sign-up__right-pattern {
    display: none;
  }
}

.open-sign-up-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(44, 57, 70, 0.5);
  color: #fff;
  padding: 0.75rem 1.5rem 0.75rem 2rem;
  border: none;
  cursor: pointer;
  min-width: 8rem;
  border-radius: 5px;
  font-weight: 600;
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-button {
    flex: none;
  }
}
.open-sign-up-button:disabled {
  cursor: not-allowed;
}
.open-sign-up-button:enabled {
  background: #333F48;
}
.open-sign-up-button__text-span {
  display: none;
  margin-right: 0.75rem;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-button__text-span {
    display: inline-block;
  }
}
.open-sign-up-button__text-span-mobile {
  display: inline-block;
  margin-right: 0.75rem;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-button__text-span-mobile {
    display: none;
  }
}
.open-sign-up-button__icon {
  width: 1rem;
}
.open-sign-up-button__check-icon {
  width: 1rem;
  padding-top: 2px;
}
.open-sign-up-button--next-button {
  padding: 1rem 2.375rem;
}
.open-sign-up-button--next-button:enabled {
  background-color: #2C3946;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-button--next-button {
    margin-left: 0;
    margin-right: 0;
  }
}
.open-sign-up-button--next-button-primary-login {
  padding: 1rem;
}
.open-sign-up-button--next-button-primary-login:enabled {
  background-color: #2C3946;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-button--next-button-primary-login {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 599px) {
  .open-sign-up-button--next-button-primary-login {
    margin-bottom: 1rem;
  }
}
.open-sign-up-button--skip-button {
  padding: 1rem 2.375rem;
  color: #2C3946;
  border: 1px solid #2C3946;
}
.open-sign-up-button--skip-button:enabled {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-button--skip-button {
    margin-left: 0;
    margin-right: 0;
  }
}
.open-sign-up-button--back-button {
  padding: 1rem 2.375rem;
  color: #2C3946;
  flex-direction: row-reverse;
}
.open-sign-up-button--back-button:enabled {
  background-color: #F4F5F6;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-button--back-button {
    margin-left: 0;
    margin-right: 0;
  }
}
.open-sign-up-button--back-button .open-sign-up-button__text-span,
.open-sign-up-button--back-button .open-sign-up-button__text-span-mobile {
  margin-left: 0.75rem;
  margin-right: 0;
}
.open-sign-up-button--primary-program {
  flex: none;
  width: calc(100% - 200px);
}
@media screen and (min-width: 600px) {
  .open-sign-up-button--primary-program {
    width: 14rem;
  }
}
.open-sign-up-button--verification-code-resent-button {
  padding: 1rem 2.375rem;
}
.open-sign-up-button--verification-code-resent-button:enabled {
  background-color: #2C3946;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-button--verification-code-resent-button {
    margin-left: 0;
    margin-right: 0;
  }
}
.open-sign-up-button--secondary-login {
  flex: 1;
  width: 350px;
  padding: 0rem 1rem;
}
.open-sign-up-button--login-password {
  width: auto;
  margin-left: 0;
  padding: 0rem 1rem;
}

.open-sign-up-continuation-modal {
  z-index: 1001;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(5px);
}
.open-sign-up-continuation-modal.hidden {
  display: none;
  background-color: transparent;
}
.open-sign-up-continuation-modal__body {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  width: 85%;
  max-width: 25.5rem;
  margin: 0 auto;
  padding: 1.5em;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 1.75em;
}
.open-sign-up-continuation-modal__container {
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.open-sign-up-continuation-modal__login-text-field {
  font-size: 1rem;
  margin-top: 1rem;
  border-radius: 6px;
  height: 2.5rem;
  font-weight: 500;
  width: 100%;
}
.open-sign-up-continuation-modal__incorrect-guess {
  color: #D22A2F;
  padding: 0.5em;
  margin: 1em 0em 0em 0em;
}
.open-sign-up-continuation-modal__title {
  color: #333F48;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
}
.open-sign-up-continuation-modal__actions {
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  margin-top: 1rem;
}
.open-sign-up-continuation-modal__actions > .link {
  width: 100%;
}
.open-sign-up-continuation-modal__button {
  display: inline-block;
  border: none;
  border-radius: 5px;
  padding: 0.75em 0.75em;
  color: #333F48;
  background: #fff;
  border: 1px solid #333F48;
  cursor: pointer;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1;
  color: #2c3946;
  background-color: #F4F5F6;
  border-color: #F4F5F6;
  text-transform: none;
  width: 100%;
}
.open-sign-up-continuation-modal__button:hover {
  background-color: #D5D9DC;
  transition: all 0.2s ease-in-out;
}
.open-sign-up-continuation-modal__button:disabled {
  opacity: 0.8;
}
.open-sign-up-continuation-modal__button:hover {
  background-color: #F4F5F6;
}
.open-sign-up-continuation-modal__button-dark {
  display: inline-block;
  border: none;
  border-radius: 5px;
  padding: 0.75em 0.75em;
  color: #333F48;
  background: #fff;
  border: 1px solid #333F48;
  cursor: pointer;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1;
  color: #fff;
  background-color: #2C3946;
  border-color: #2C3946;
  text-transform: none;
}
.open-sign-up-continuation-modal__button-dark:hover {
  background-color: #D5D9DC;
  transition: all 0.2s ease-in-out;
}
.open-sign-up-continuation-modal__button-dark:disabled {
  opacity: 0.8;
}
.open-sign-up-continuation-modal__button-dark:hover {
  background-color: #2C3946;
}

.open-sign-up-footer__container {
  background-color: #333F48;
  padding: 50px 100px;
  margin-right: -100px;
  margin-left: -100px;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-footer__container {
    padding: 50px 300px;
    margin-right: -300px;
    margin-left: -300px;
  }
}
.open-sign-up-footer__section-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 600px) {
  .open-sign-up-footer__section-container {
    flex-direction: row;
  }
}
.open-sign-up-footer__section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 0;
  max-width: fit-content;
}
.open-sign-up-footer__text {
  font-weight: 600;
}
.open-sign-up-footer__button-container {
  padding-top: 100px;
  text-align: center;
}
.open-sign-up-footer__button {
  display: inline-block;
  width: 100%;
  border: 0.0625em solid #fff;
  border-radius: 0;
  padding: 0.75em 1em;
  word-wrap: break-word;
  color: #fff;
  background: transparent;
}
.open-sign-up-footer__button:disabled {
  opacity: 0.8;
}

.open-sign-up-header__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.open-sign-up-header__cobrand-logo {
  width: 92px;
  height: 120px;
  align-self: center;
  margin-top: -2rem;
}
@media screen and (min-width: 600px) {
  .open-sign-up-header__cobrand-logo {
    position: inherit;
    margin-top: 0rem;
  }
}

.open-sign-up-image__image-section {
  order: 1;
  position: absolute;
  left: -50px;
  bottom: 101px;
}
@media screen and (min-width: 600px) and (max-width: 675px) {
  .open-sign-up-image__image-section {
    left: -90px;
  }
}
@media screen and (min-width: 600px) {
  .open-sign-up-image__image-section {
    order: 2;
    flex: 2;
    bottom: 0;
  }
}
.open-sign-up-image__image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
  width: 400px;
  border-radius: 50%;
  overflow: hidden;
}
.open-sign-up-image__image-border {
  display: inline-block;
  position: absolute;
  height: 442px;
}
.open-sign-up-image__image {
  height: 100%;
  width: auto;
  margin-top: 0;
  margin-right: 0;
}

.open-sign-up-ineligible__container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.open-sign-up-ineligible__text-container {
  color: #333F48;
}
.open-sign-up-ineligible__text-container h1 {
  font-size: 1.125rem;
  color: #2C3946;
  margin-top: 0;
  margin-bottom: 2rem;
}
.open-sign-up-ineligible__text-container p {
  margin: 0rem;
  font-weight: 500;
}
.open-sign-up-ineligible__text-container p a {
  font-weight: 600;
}
.open-sign-up-ineligible__text-container li {
  margin-top: 0.5rem;
  font-weight: 500;
}
.open-sign-up-ineligible__text-container ul {
  margin: 1rem 0;
}
.open-sign-up-ineligible__button-container {
  margin-top: 1.5rem;
}

.open-sign-up-login-password__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  color: #333F48;
}
@media screen and (min-width: 600px) {
  .open-sign-up-login-password__container {
    flex-direction: row;
  }
}
.open-sign-up-login-password__selection-section {
  flex: 1;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-login-password__selection-section {
    flex: 2;
  }
}
.open-sign-up-login-password__selection-container {
  margin-bottom: 0rem;
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .open-sign-up-login-password__selection-container {
    margin-bottom: 4rem;
  }
}
.open-sign-up-login-password__selection-header {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2C3946;
  text-transform: lowercase;
}
.open-sign-up-login-password__selection-header::first-letter {
  text-transform: uppercase;
}
.open-sign-up-login-password__password-container {
  position: relative;
}
.open-sign-up-login-password__password-title {
  color: #333f48;
  font-family: Montserrat;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: block;
  margin: 1rem 0rem 0rem 0rem;
  line-height: 1rem;
}
.open-sign-up-login-password__password-text-field {
  font-size: 1rem;
  border-radius: 6px;
  height: 2.5rem;
  border: none;
  padding-left: 0.6rem;
  margin-right: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 100%;
  font-weight: 500;
  background: #f4f5f6;
  color: #2c3946;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-login-password__password-text-field {
    margin-top: 0.5rem;
  }
}
.open-sign-up-login-password__password-tips {
  margin-top: 1rem;
}
.open-sign-up-login-password__selection-description {
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 400;
}
@media screen and (min-width: 600px) {
  .open-sign-up-login-password__selection-description {
    margin-top: 0rem;
    margin-bottom: 0.5rem;
  }
}
.open-sign-up-login-password__list-section {
  margin: 0;
  padding: 0 0 0 1rem;
  font-size: 0.875rem;
  font-weight: 400;
}
.open-sign-up-login-password__button-container {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
}

.open-sign-up-overview__container {
  display: flex;
  flex-direction: column;
  background: white;
  color: #2C3946;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-overview__container {
    flex-direction: row;
    justify-content: space-between;
  }
}
.open-sign-up-overview__testing-msg-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #337A35;
}
.open-sign-up-overview__testing-text-container {
  text-align: center;
}
.open-sign-up-overview__actual-site-link {
  font-size: 1rem;
  font-weight: 600;
  display: block;
  text-decoration: underline;
}
.open-sign-up-overview__text-header {
  margin-bottom: 1em;
  font-size: 1.5rem;
}
.open-sign-up-overview__radio-fieldset {
  border: none;
  width: 100%;
  margin-left: -0.625rem;
}
.open-sign-up-overview__radio-fieldset .bscp-radio-input {
  font-size: 1rem;
  display: block;
  padding-right: 3rem;
}
.open-sign-up-overview__radio-fieldset .bscp-radio-input label {
  text-transform: none;
}
.open-sign-up-overview__text-input-container {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  font-size: 1rem;
}
.open-sign-up-overview__text-input-label {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: #333F48;
  margin-top: 0;
  margin-bottom: 0.75em;
}
.open-sign-up-overview__text-input {
  width: 100%;
  padding: 0.875rem 0.75rem;
  border: 1px solid #F4F5F6;
  border-radius: 0.25rem;
  background: #F4F5F6;
  color: #333F48;
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-overview__text-input {
    width: 50%;
  }
}
.open-sign-up-overview__text-input-error {
  padding-left: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-overview__text-input-error {
    padding-left: 0.5rem;
  }
}
.open-sign-up-overview__invalid-code-container {
  margin-top: -1.5rem;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-overview__invalid-code-container {
    position: relative;
    margin-top: 0;
  }
}
.open-sign-up-overview__invalid-code {
  background-color: #D22A2F;
  width: 100%;
  height: auto;
  border-radius: 0 0 6px 6px;
  padding-left: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-top: -0.3rem;
  margin-left: 0rem;
  z-index: 10;
  position: relative;
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .open-sign-up-overview__invalid-code {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .open-sign-up-overview__invalid-code {
    width: 267px;
  }
}
.open-sign-up-overview__important-image {
  max-width: 1.5rem;
  margin-left: 0.5rem;
  margin-top: -1rem;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-overview__important-image {
    position: absolute;
    max-width: 1.8rem;
    margin-left: -2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .open-sign-up-overview__age-container {
    width: 50%;
  }
}
.open-sign-up-overview__text-content {
  font-size: 1rem;
}
.open-sign-up-overview__button-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}
@media screen and (max-width: 599px) {
  .open-sign-up-overview__button-container {
    margin-top: 1.5rem;
  }
}

.open-sign-up-personal-info__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .open-sign-up-personal-info__container {
    flex-direction: row;
  }
}
.open-sign-up-personal-info__personal-info-section {
  flex: 1;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-personal-info__personal-info-section {
    flex: 2;
  }
}
.open-sign-up-personal-info__header-container {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 600px) {
  .open-sign-up-personal-info__header-container {
    flex-direction: row;
    justify-content: space-between;
  }
}
.open-sign-up-personal-info__header {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #333F48;
}
.open-sign-up-personal-info__subheader {
  margin-top: 1.5rem;
  color: #333F48;
  font-size: 1rem;
  font-weight: 500;
}
.open-sign-up-personal-info__fieldset {
  border: none;
  width: 100%;
  padding: 0;
  margin: 1.5rem 0 0 0;
}
.open-sign-up-personal-info__gender-container {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .open-sign-up-personal-info__gender-container {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0;
    width: 50%;
  }
}
.open-sign-up-personal-info__text-input-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 1rem;
}
.open-sign-up-personal-info__text-input-label {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 600;
  text-transform: capitalize;
  color: #333F48;
  font-size: 1rem;
}
.open-sign-up-personal-info__name-label {
  margin-bottom: 0.5rem;
}
.open-sign-up-personal-info__text-input {
  font-size: 1rem;
  border-radius: 5px;
  height: 2.5rem;
  border: none;
  font-weight: 500;
  padding: 0.75rem;
  width: 100%;
  background-color: #F4F5F6;
  color: #2C3946;
}
.open-sign-up-personal-info__text-input::placeholder {
  color: #5B6770;
  opacity: 1;
  text-transform: capitalize;
}
.open-sign-up-personal-info__location-container {
  display: flex;
  flex-direction: column;
}
.open-sign-up-personal-info__location-widget-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem 0 0;
  color: #333F48;
}
@media screen and (min-width: 600px) {
  .open-sign-up-personal-info__location-widget-container > .location-widget {
    width: 50%;
  }
}
.open-sign-up-personal-info__location-widget-label {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 600;
  font-size: 1rem;
  color: #333F48;
  padding-bottom: 0.5rem;
}
.open-sign-up-personal-info__location-widget-icon {
  padding: 0.35em 0.25em;
}
.open-sign-up-personal-info__location-widget-input {
  font-size: 1rem;
  border-radius: 6px;
  border: none !important;
  font-weight: 500;
  padding: 1rem 2rem !important;
}
.open-sign-up-personal-info__location-widget-tag-button {
  padding: 0.5em 1em;
}
.open-sign-up-personal-info__save-error {
  margin-bottom: 0;
  text-align: center;
  color: #9E1F23;
  font-weight: 600;
}
@media screen and (min-width: 600px) {
  .open-sign-up-personal-info__save-error {
    text-align: right;
  }
}
.open-sign-up-personal-info__button-container {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}

.open-sign-up-primary-login__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  color: #2C3946;
  padding: 0;
}
@media screen and (min-width: 600px) {
  .open-sign-up-primary-login__container {
    flex-direction: row;
  }
}
.open-sign-up-primary-login__selection-section {
  margin-bottom: 0;
}
.open-sign-up-primary-login__selection-container {
  margin-top: 0;
}
.open-sign-up-primary-login__selection-header {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.5rem;
  font-weight: 700;
}
.open-sign-up-primary-login__selection-description {
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 400;
}
.open-sign-up-primary-login__selection-fieldset {
  border: none;
  padding: 0.75rem 0 0;
  display: inline-block;
  width: 100%;
}
.open-sign-up-primary-login__selection-fieldset .bscp-radio-input {
  display: flex;
  flex-direction: row;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 400;
}
@media screen and (min-width: 600px) {
  .open-sign-up-primary-login__selection-fieldset .bscp-radio-input {
    padding-right: 3rem;
  }
}
.open-sign-up-primary-login__selection-fieldset .bscp-radio-input label {
  padding-left: 2.75rem;
  text-transform: lowercase;
}
.open-sign-up-primary-login__selection-fieldset .bscp-radio-input label::first-letter {
  text-transform: uppercase;
}
.open-sign-up-primary-login__selection-fieldset .bscp-radio-input label::before {
  background-color: #fff;
}
.open-sign-up-primary-login__contact-text-type {
  margin-top: 1rem;
  display: block;
  font-size: 1rem;
  font-weight: 600;
}
.open-sign-up-primary-login__contact-text-container {
  display: flex;
}
.open-sign-up-primary-login__email-container {
  width: 100%;
}
.open-sign-up-primary-login__email-text-field {
  border-radius: 6px;
  width: 100%;
  height: 3rem;
  border: none;
  padding-left: 1rem;
  margin-right: 1.5rem;
  margin-top: 0.5rem;
  background-color: #F4F5F6;
  font-size: 1rem;
  font-weight: 400;
}
.open-sign-up-primary-login__email-text-field::placeholder {
  color: #5B6770;
  font-weight: 400;
}
.open-sign-up-primary-login__email-text-field-error {
  border-radius: 6px;
  width: 100%;
  height: 3rem;
  border: 1px solid #D22A2F;
  padding-left: 1rem;
  margin-top: 0.5rem;
  margin-right: 1.5rem;
  margin-bottom: 0.5rem;
  background-color: #F4F5F6;
  font-size: 1rem;
  font-weight: 400;
}
.open-sign-up-primary-login__email-text-field-error::placeholder {
  color: #5B6770;
  font-weight: 400;
}
.open-sign-up-primary-login__contact-text-error {
  color: #D22A2F;
  font-weight: 500;
  font-size: 0.875rem;
}
@media screen and (min-width: 600px) {
  .open-sign-up-primary-login__selection-description-issues {
    width: 80%;
  }
}
.open-sign-up-primary-login__text-section {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 600px) {
  .open-sign-up-primary-login__text-section {
    display: inline-block;
    min-height: 700px;
    margin: 0;
    width: 200px;
  }
}
.open-sign-up-primary-login__button-container {
  display: flex;
  justify-content: space-between;
  margin: 2rem 0;
}
@media screen and (max-width: 599px) {
  .open-sign-up-primary-login__button-container {
    flex-direction: column-reverse;
  }
}
.open-sign-up-primary-login__phone-number-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.open-sign-up-primary-login__country-code-container {
  display: inline-block;
  width: 100%;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-primary-login__country-code-container {
    width: 50%;
    margin-right: 0;
  }
}
.open-sign-up-primary-login__country-code-title {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0.5rem;
  margin-top: 1.25rem;
  font-weight: 600;
  font-size: 1rem;
  color: #333F48;
}
.open-sign-up-primary-login__phone-container {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-primary-login__phone-container {
    width: 50%;
  }
}
.open-sign-up-primary-login__phone-title {
  display: none;
}
.open-sign-up-primary-login__phone-text-field {
  font-size: 1rem;
  color: #5B6770;
  background-color: #F4F5F6;
  border-radius: 5px;
  width: 100%;
  padding: 1rem 0.75rem;
  border: none;
  font-weight: 500;
}
.open-sign-up-primary-login__phone-text-field-error {
  width: 100%;
  margin-bottom: 0.5rem;
  border: 1px solid #D22A2F;
  border-radius: 5px;
  padding: 1rem 0.75rem;
  font-size: 1rem;
  color: #5B6770;
  background-color: #F4F5F6;
  font-weight: 500;
}
.open-sign-up-primary-login__rates-message {
  margin-top: 1rem;
  font-size: 0.75rem;
  font-weight: 700;
}
.open-sign-up-primary-login__captcha-disclaimer-link {
  font-weight: 600;
  text-decoration: underline;
  line-height: 1.5;
}
.open-sign-up-primary-login__captcha-disclaimer {
  line-height: 1.5;
}

.grecaptcha-badge {
  position: absolute !important;
  right: 2rem !important;
}
@media screen and (max-width: 599px) {
  .grecaptcha-badge {
    bottom: 4rem !important;
    z-index: 1;
  }
}

#not-a-robot {
  margin-top: 1rem;
}

.open-sign-up-primary-program__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .open-sign-up-primary-program__container {
    flex-direction: row;
  }
}
.open-sign-up-primary-program__text-desc {
  order: 3;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
}
.open-sign-up-primary-program__selection-section {
  flex: 1;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-primary-program__selection-section {
    flex: 2;
  }
}
.open-sign-up-primary-program__selection-title {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2C3946;
}
.open-sign-up-primary-program__selection-fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
.open-sign-up-primary-program__selection-label {
  font-weight: 500;
  font-size: 0.875rem;
}
.open-sign-up-primary-program__selection-item {
  min-height: 3rem;
  background: #F4F5F6;
  line-height: 1.5rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  margin: 0.5rem 0;
  padding-left: 3.25em;
  text-indent: -2.25em;
  color: #5B6770;
}
.open-sign-up-primary-program__selection-checkbox {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  border-radius: 4px;
}
.open-sign-up-primary-program__selection-item:hover, .open-sign-up-primary-program__selection-item-selected {
  background-color: #2C3946;
  color: #fff;
}
.open-sign-up-primary-program__selection-checkbox[type=checkbox] {
  display: inline-block;
  border: 1px solid #5B6770;
  position: relative;
  cursor: pointer;
  appearance: none;
  vertical-align: middle;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
}
.open-sign-up-primary-program__selection-checkbox[type=checkbox]:checked {
  background-color: #fff;
}
.open-sign-up-primary-program__selection-checkbox[type=checkbox]:checked:after {
  content: "";
}
.open-sign-up-primary-program__selection-checkbox[type=checkbox]:after {
  position: absolute;
  width: 6px;
  height: 12px;
  border: 1px solid #5B6770;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  left: 6px;
  top: 2px;
}
.open-sign-up-primary-program__button-container {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}

.open-sign-up-profile-image__container {
  flex: 1;
  width: 100%;
}
.open-sign-up-profile-image__congrats-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.875rem;
  font-weight: 700;
  margin-top: 0.875rem;
}
.open-sign-up-profile-image__congrats-message > span {
  margin-top: 0.75rem;
  font-size: 1.5rem;
}
.open-sign-up-profile-image__congrats-message-text {
  font-weight: 400;
  font-size: 1rem;
}
.open-sign-up-profile-image__profile-image-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .open-sign-up-profile-image__profile-image-container {
    flex-direction: row;
  }
}
.open-sign-up-profile-image__selection-section {
  flex: 1;
  background-color: #fff;
  color: #333F48;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
}
.open-sign-up-profile-image__selection-container {
  background-color: #333F48;
  color: #fff;
  margin: 1rem 0;
  border-radius: 5px;
}
@media screen and (min-width: 600px) {
  .open-sign-up-profile-image__selection-container {
    margin: 1rem 0;
    padding: 1rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 700px) {
  .open-sign-up-profile-image__selection-container {
    padding: 1rem;
  }
}
.open-sign-up-profile-image__selection-container .user-profile-avatar-editor__avatar {
  height: auto;
  box-shadow: none;
}
.open-sign-up-profile-image__selection-container .user-profile-avatar-editor__avatar-container {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100%;
}
.open-sign-up-profile-image__selection-container .user-profile-avatar-editor__avatar-section-container {
  position: relative;
  margin: 2rem auto 0;
  left: auto;
  transform: none;
}
@media screen and (min-width: 600px) {
  .open-sign-up-profile-image__selection-container .user-profile-avatar-editor__avatar-section-container {
    margin-top: 0.5rem;
  }
}
.open-sign-up-profile-image__selection-container .user-profile-avatar-editor__avatar-section-container-disabled {
  margin: 1rem 0 1rem 0;
}
@media screen and (min-width: 600px) {
  .open-sign-up-profile-image__selection-container .user-profile-avatar-editor__avatar-section-container-disabled {
    margin: 0;
  }
}
.open-sign-up-profile-image__selection-container .user-profile-avatar-editor__avatar-container-server {
  margin: 0;
}
.open-sign-up-profile-image__selection-container .user-profile-avatar-editor__avatar-section-image-container--with-image {
  padding: 0;
  margin: 1rem auto;
  width: 17.5rem;
}
.open-sign-up-profile-image__selection-container .user-profile-avatar-editor__avatar-upload-file-button {
  display: block;
  position: relative;
  top: auto;
}
.open-sign-up-profile-image__selection-container .user-profile-avatar-editor__avatar-utility-button:first-of-type {
  margin-left: 0;
}
.open-sign-up-profile-image__selection-container .user-profile-avatar-editor__avatar-remove {
  right: 1rem;
  top: 1rem;
}
.open-sign-up-profile-image__selection-container .user-profile-avatar-editor__avatar-input-hero {
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: unset;
  height: 100%;
  width: 100%;
}
.open-sign-up-profile-image__selection-container .user-profile-avatar-editor__avatar-add-photo {
  border-radius: unset;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.open-sign-up-profile-image__selection-container .user-profile-avatar-editor__avatar-add-photo-text {
  margin: 0 0 0 1rem;
}
.open-sign-up-profile-image__selection-container .user-profile-avatar-editor__avatar-add-photo-icon {
  font-size: 16px;
}
@media screen and (min-width: 600px) and (max-width: 850px) {
  .open-sign-up-profile-image__selection-section-active {
    margin-bottom: 8rem;
  }
}
.open-sign-up-profile-image__selection-container-active {
  padding: 0;
}
.open-sign-up-profile-image__button-container {
  display: flex;
  justify-content: center;
}
.open-sign-up-profile-image__button-container > .open-sign-up-button {
  margin: unset;
  flex: 1;
  border-radius: 5px;
  padding: 1rem;
  background-color: #fff;
  color: #2C3946;
  border: 1px solid #2C3946;
}
.open-sign-up-profile-image__button-container > .open-sign-up-button__text-span, .open-sign-up-profile-image__button-container > .open-sign-up-button__text-span-mobile {
  margin: unset;
}
.open-sign-up-profile-image__tree-logo {
  height: 82px;
}
@media screen and (max-width: 599px) {
  .open-sign-up-profile-image__tree-logo {
    height: 50px;
  }
}

.open-sign-up-program-confirmation__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .open-sign-up-program-confirmation__container {
    flex-direction: row;
  }
}
.open-sign-up-program-confirmation__selection-title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2C3946;
}
.open-sign-up-program-confirmation__selection-options-title {
  color: #333F48;
  font-weight: 300;
}
.open-sign-up-program-confirmation__selection-options-textarea {
  margin-top: 0.5rem;
  min-height: 5rem;
  padding: 0.5rem;
  font-size: 1rem;
  width: 100%;
  border-radius: 5px;
  border: none;
  resize: none;
  background-color: #F4F5F6;
  color: #5B6770;
}
.open-sign-up-program-confirmation__selection-options-textarea::placeholder {
  font-weight: 500;
  font-size: 1rem;
  color: #5B6770;
}
.open-sign-up-program-confirmation__other-text-container {
  padding-top: 1.5rem;
}
.open-sign-up-program-confirmation__other-char-limit {
  margin: 0.25rem 0 0;
  font-size: 0.75rem;
  color: #2C3946;
}
.open-sign-up-program-confirmation__program-list {
  padding: 1rem 0 0;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
@media screen and (min-width: 600px) {
  .open-sign-up-program-confirmation__program-list {
    padding: 0;
  }
}
.open-sign-up-program-confirmation__program-list-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 600;
  font-size: 1rem;
  padding: 1rem;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1607843137);
  border-radius: 15px;
  color: #2c3946;
}
.open-sign-up-program-confirmation__program-list-card-body {
  width: 100%;
}
.open-sign-up-program-confirmation__program-list-card-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.open-sign-up-program-confirmation__left, .open-sign-up-program-confirmation__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.open-sign-up-program-confirmation__program-subtitle {
  font-weight: 300;
  color: #5B6770;
}
.open-sign-up-program-confirmation__selection-section {
  flex: 1;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-program-confirmation__selection-section {
    flex: 2;
  }
}
.open-sign-up-program-confirmation__selection-container {
  margin-top: 1.5rem;
}
.open-sign-up-program-confirmation__button-container {
  display: flex;
  justify-content: space-between;
  margin-top: 1.75rem;
}
.open-sign-up-program-confirmation__add-program-button-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.75rem;
}
.open-sign-up-program-confirmation__add-program-button {
  display: flex;
  color: #5B6770;
  background: transparent;
  border: none;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.16px;
  gap: 0.75rem;
  cursor: pointer;
  margin-top: 0.5rem;
}
.open-sign-up-program-confirmation__add-program-button .text {
  text-decoration: underline;
}
.open-sign-up-program-confirmation__dropdown {
  display: flex;
  flex-direction: column;
  border: none;
  margin: 0;
  padding: 0;
  margin-top: 1rem;
}
.open-sign-up-program-confirmation__loading-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.open-sign-up-program-confirmation__loading-container .lds-ring {
  color: #31853E;
  width: 100px;
  height: 100px;
}
.open-sign-up-program-confirmation__loading-container .lds-ring,
.open-sign-up-program-confirmation__loading-container .lds-ring div {
  box-sizing: border-box;
}
.open-sign-up-program-confirmation__loading-container .lds-ring {
  display: inline-block;
  position: relative;
  width: 145px;
  height: 0px;
}
.open-sign-up-program-confirmation__loading-container .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: -260px;
  width: 130px;
  height: 130px;
  margin: 8px;
  border: 4px solid currentColor;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: currentColor transparent transparent transparent;
}
.open-sign-up-program-confirmation__loading-container .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.open-sign-up-program-confirmation__loading-container .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.open-sign-up-program-confirmation__loading-container .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.open-sign-up-program-confirmation__loading-img-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 100px;
  padding-bottom: 100px;
}
.open-sign-up-program-confirmation__loading-img-container > img {
  width: 187px;
  padding: 3rem;
}

.open-sign-up-program-delete-modal {
  z-index: 1001;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(5px);
}
.open-sign-up-program-delete-modal.hidden {
  display: none;
  background-color: transparent;
}
.open-sign-up-program-delete-modal__body {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  width: 50%;
  max-width: 20.5rem;
  margin: 0 auto;
  padding: 0.75rem;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 1.75rem;
}
.open-sign-up-program-delete-modal__title {
  color: #231F20;
  margin: 0;
  padding: 0.5rem;
  font-size: 1.25rem;
  font-weight: 600;
}
.open-sign-up-program-delete-modal__text {
  padding: 0.5rem;
  font-size: 1rem;
  color: #5B6770;
  font-weight: 400;
}
.open-sign-up-program-delete-modal__actions {
  padding: 0;
  display: flex;
  justify-content: flex-end;
  column-gap: 1rem;
}
.open-sign-up-program-delete-modal__button {
  display: inline-block;
  border: none;
  border-radius: 5px;
  padding: 0.75em 0.75em;
  color: #333F48;
  background: #fff;
  border: 1px solid #333F48;
  cursor: pointer;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1;
  color: #2c3946;
  background-color: #fff;
  border-color: #fff;
  text-decoration: underline;
}
.open-sign-up-program-delete-modal__button:hover {
  background-color: #D5D9DC;
  transition: all 0.2s ease-in-out;
}
.open-sign-up-program-delete-modal__button:disabled {
  opacity: 0.8;
}

.open-sign-up-program-delete-button {
  display: flex;
  background: rgba(44, 57, 70, 0.5);
  text-transform: uppercase;
  color: #5B6770;
  padding: 6px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-program-delete-button {
    flex: none;
  }
}
.open-sign-up-program-delete-button:disabled {
  cursor: not-allowed;
}
.open-sign-up-program-delete-button:enabled {
  background: #F4F5F6;
}
.open-sign-up-program-delete-button:hover {
  background-color: #dedede;
}

.open-sign-up-program-schools__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .open-sign-up-program-schools__container {
    flex-direction: row;
  }
}
.open-sign-up-program-schools__selection-section {
  flex: 1;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-program-schools__selection-section {
    flex: 2;
  }
}
.open-sign-up-program-schools__selection-title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2C3946;
}
.open-sign-up-program-schools__selection-subtitle {
  color: #333F48;
  font-size: 1rem;
  font-weight: 500;
  margin: 1.5rem 0 0.75rem;
}
.open-sign-up-program-schools__selection-fieldset {
  border: none;
  max-height: 485px;
  overflow-y: scroll;
  margin: 0;
  padding: 0;
}
.open-sign-up-program-schools__selection-item {
  min-height: 3rem;
  background: #F4F5F6;
  color: #5B6770;
  line-height: 1.5rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  padding-left: 3.25em;
  text-indent: -2.25em;
  margin-bottom: 0.5rem;
}
.open-sign-up-program-schools__selection-item:last-of-type {
  margin-bottom: 0;
}
.open-sign-up-program-schools__selection-checkbox {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  border-radius: 4px;
}
.open-sign-up-program-schools__selection-item:hover, .open-sign-up-program-schools__selection-item-selected {
  background-color: #2C3946;
  color: #fff;
}
.open-sign-up-program-schools__selection-checkbox[type=checkbox] {
  display: inline-block;
  border: 1px solid #5B6770;
  position: relative;
  cursor: pointer;
  appearance: none;
  vertical-align: middle;
  width: 1.55rem;
  height: 1.55rem;
  margin-right: 1rem;
}
.open-sign-up-program-schools__selection-checkbox[type=checkbox]:checked {
  background-color: #fff;
}
.open-sign-up-program-schools__selection-checkbox[type=checkbox]:checked:after {
  content: "";
}
.open-sign-up-program-schools__selection-checkbox[type=checkbox]:after {
  position: absolute;
  width: 6px;
  height: 12px;
  border: 1px solid #5B6770;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  left: 6px;
  top: 2px;
}
.open-sign-up-program-schools__button-container {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}

.open-sign-up-progress-indicator__container {
  width: 100%;
  margin: 0.5rem 0;
  text-align: center;
  display: flex;
}
.open-sign-up-progress-indicator__progress-bar {
  width: 100%;
  height: 9px;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 15px;
}
.open-sign-up-progress-indicator__progress-bar[value]::-webkit-progress-bar {
  background-color: #eaeced;
  border-radius: 15px;
}
.open-sign-up-progress-indicator__progress-bar[value]::-moz-progress-bar {
  background-color: #31853e;
  border-radius: 15px;
}
.open-sign-up-progress-indicator__progress-bar[value]::-webkit-progress-value {
  background-color: #31853e;
  border-radius: 15px;
}

.open-sign-up-scholar-status-selection__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .open-sign-up-scholar-status-selection__container {
    flex-direction: row;
  }
}
.open-sign-up-scholar-status-selection__selection-title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2C3946;
}
.open-sign-up-scholar-status-selection__text {
  margin: 1.5rem 0 0;
  font-size: 1rem;
  color: #333F48;
  font-weight: 500;
}
.open-sign-up-scholar-status-selection__button-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 1.5rem;
}
.open-sign-up-scholar-status-selection__programs-section {
  flex: 1;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-scholar-status-selection__programs-section {
    flex: 2;
  }
}
.open-sign-up-scholar-status-selection__programs-container {
  display: flex;
  flex-direction: column;
}
.open-sign-up-scholar-status-selection__program-card {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  padding-bottom: 1.625rem;
  margin: 1rem 0;
  background-color: #fff;
  color: #000;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  border-radius: 12px;
  margin-bottom: 0;
}
.open-sign-up-scholar-status-selection__dropdown {
  display: flex;
  flex-direction: column;
  border: none;
  margin: 0;
  padding: 0;
  margin-top: 1rem;
}
.open-sign-up-scholar-status-selection__select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 1rem 0.75rem;
  background-color: #F4F5F6;
  border-radius: 4px;
  background-image: url(/packs/static/app/assets/images/caret-down-c26d468a7952a5fea811.svg);
  background-repeat: no-repeat;
  background-position: right 0.75rem top 50%;
  background-size: 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.16px;
  color: #5B6770;
  border: none;
}
.open-sign-up-scholar-status-selection__select.selected {
  background-image: url(/packs/static/app/assets/images/caret-down-white-df52cfd9dbf8825e19a5.svg);
  background-color: #2C3946;
  color: #fff;
}
.open-sign-up-scholar-status-selection__school-title {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.16px;
  color: #2c3946;
}
.open-sign-up-scholar-status-selection__program-subtitle {
  margin-bottom: 0.25rem;
  letter-spacing: -0.14px;
  color: #5B6770;
  font-weight: 400;
}
.open-sign-up-scholar-status-selection__program-list {
  border: none;
  padding: 0;
}
.open-sign-up-scholar-status-selection__program-card-header {
  display: flex;
  justify-content: space-between;
}
.open-sign-up-scholar-status-selection__left, .open-sign-up-scholar-status-selection__right {
  display: flex;
  flex-direction: column;
}
.open-sign-up-scholar-status-selection__add-university-button, .open-sign-up-scholar-status-selection__remove_selection-button {
  display: flex;
  color: #5B6770;
  background: transparent;
  border: none;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.16px;
  gap: 0.75rem;
  cursor: pointer;
  margin-top: 0.5rem;
}
.open-sign-up-scholar-status-selection__add-university-button .text, .open-sign-up-scholar-status-selection__remove_selection-button .text {
  text-decoration: underline;
}
.open-sign-up-scholar-status-selection__add-university-container {
  display: flex;
  justify-content: flex-end;
}
.open-sign-up-scholar-status-selection__program_action_btns_container {
  display: flex;
  flex-direction: column;
}
.open-sign-up-scholar-status-selection__program_action_btns_container .left {
  justify-content: flex-start;
}
.open-sign-up-scholar-status-selection__no-selection-text {
  font-weight: 400;
  font-size: 1rem;
  color: #333F48;
  letter-spacing: -0.16px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 1rem;
}

.open-sign-up-secondary-login__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .open-sign-up-secondary-login__container {
    flex-direction: row;
  }
}
.open-sign-up-secondary-login__selection-section {
  flex: 1;
}
.open-sign-up-secondary-login__selection-container {
  margin-top: 0;
}
.open-sign-up-secondary-login__selection-header {
  margin-bottom: 1rem;
  margin-top: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2C3946;
}
.open-sign-up-secondary-login__selection-header span {
  font-weight: 400;
}
.open-sign-up-secondary-login__selection-description {
  line-height: 1.5;
  color: #333F48;
  font-size: 1rem;
  font-weight: 400;
}
@media screen and (min-width: 600px) {
  .open-sign-up-secondary-login__selection-description {
    margin-top: 0rem;
    margin-bottom: 0.5rem;
  }
}
.open-sign-up-secondary-login__button-container {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}
.open-sign-up-secondary-login__contact-text-type {
  margin-top: 0;
  margin-bottom: 0.25rem;
  padding-top: 2rem;
  border-top: 1px solid #707070;
  font-size: 0.875rem;
}
@media screen and (min-width: 600px) {
  .open-sign-up-secondary-login__contact-text-type {
    padding-top: 1rem;
    margin-top: auto;
    border-top: none;
  }
}
.open-sign-up-secondary-login__contact-text-container {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-secondary-login__contact-text-container .open-sign-up-button {
    width: 50%;
  }
}
.open-sign-up-secondary-login__email-text-field {
  font-size: 1rem;
  border-radius: 6px;
  height: 2.5rem;
  border: none;
  padding-left: 0.6rem;
  margin-right: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 100%;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-secondary-login__email-text-field {
    margin-top: 0.5rem;
  }
}
.open-sign-up-secondary-login__invalid-email {
  background-color: #D22A2F;
  width: 100%;
  height: auto;
  border-radius: 0 0 6px 6px;
  padding-left: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-top: -1.3rem;
  margin-left: 0rem;
  z-index: 10;
  position: relative;
}
.open-sign-up-secondary-login__phone-number-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.open-sign-up-secondary-login__country-code-container {
  display: inline-block;
  width: 100%;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-secondary-login__country-code-container {
    width: 50%;
    margin-right: 0;
  }
}
.open-sign-up-secondary-login__country-code-title {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0.5rem;
  margin-top: 1.25rem;
  font-weight: 700;
  font-size: 1rem;
  color: #333F48;
}
.open-sign-up-secondary-login__invalid-country-code {
  background-color: #D22A2F;
  height: auto;
  border-radius: 0 0 6px 6px;
  padding-left: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-top: -0.3rem;
  z-index: 10;
  position: relative;
}
.open-sign-up-secondary-login__phone-container {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-secondary-login__phone-container {
    width: 50%;
  }
}
.open-sign-up-secondary-login__phone-title {
  display: none;
}
.open-sign-up-secondary-login__phone-text-field {
  font-size: 1rem;
  color: #5B6770;
  background-color: #F4F5F6;
  border-radius: 5px;
  width: 100%;
  padding: 1rem 0.75rem;
  border: none;
  font-weight: 500;
}
.open-sign-up-secondary-login__rates-message-phone {
  text-align: center;
  margin-top: 0.75rem;
  font-size: 0.75rem;
  display: block;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-secondary-login__rates-message-phone {
    text-align: left;
  }
}

.open-sign-up-secondary-program__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .open-sign-up-secondary-program__container {
    flex-direction: row;
  }
}
.open-sign-up-secondary-program__text-section {
  margin: 0 0 1.5rem;
}
.open-sign-up-secondary-program__title {
  margin: 0;
}
.open-sign-up-secondary-program__selection-section {
  flex: 1;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-secondary-program__selection-section {
    flex: 2;
  }
}
.open-sign-up-secondary-program__selection-options .open-sign-up-dropdown__label--sign-up-flow {
  font-weight: 500;
  padding-bottom: 1.5rem;
}
.open-sign-up-secondary-program__selection-options-title {
  margin-top: 1.5rem;
  font-size: 1rem;
  color: #333F48;
}
.open-sign-up-secondary-program__selection-options-other {
  display: flex;
  flex-direction: column;
}
.open-sign-up-secondary-program__selection-options-textarea {
  margin-top: 0.5rem;
  min-height: 9.375rem;
  padding: 0.75rem;
  font-size: 1rem;
  width: 100%;
  border-radius: 5px;
  border: none;
  resize: none;
  background-color: #F4F5F6;
  color: #5B6770;
}
.open-sign-up-secondary-program__selection-options-textarea::placeholder {
  font-weight: 500;
  font-size: 1rem;
  color: #5B6770;
}
.open-sign-up-secondary-program__other-char-limit {
  margin: 0.25rem 0 0;
  font-size: 0.75rem;
  color: #2C3946;
}
.open-sign-up-secondary-program__button-container {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}

.open-sign-up-secondary-login-skip-modal {
  z-index: 1001;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(5px);
}
.open-sign-up-secondary-login-skip-modal__body {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  width: 50%;
  max-width: 20.5rem;
  margin: 0 auto;
  padding: 1.5rem;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 1.75rem;
}
.open-sign-up-secondary-login-skip-modal__title {
  color: #333F48;
  margin: 0;
  padding: 0.5rem;
  font-size: 1.25rem;
  font-weight: 600;
}
.open-sign-up-secondary-login-skip-modal__text {
  padding: 0.5rem;
  font-size: 1rem;
  color: #5B6770;
  font-weight: 400;
}
.open-sign-up-secondary-login-skip-modal__actions {
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  margin-top: 1rem;
}
.open-sign-up-secondary-login-skip-modal__button {
  display: inline-block;
  border: none;
  border-radius: 5px;
  padding: 0.75em 0.75em;
  color: #333F48;
  background: #fff;
  border: 1px solid #333F48;
  cursor: pointer;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1;
  color: #2c3946;
  background-color: #F4F5F6;
  border-color: #F4F5F6;
  text-transform: none;
}
.open-sign-up-secondary-login-skip-modal__button:hover {
  background-color: #D5D9DC;
  transition: all 0.2s ease-in-out;
}
.open-sign-up-secondary-login-skip-modal__button:disabled {
  opacity: 0.8;
}
.open-sign-up-secondary-login-skip-modal__button:hover {
  background-color: #F4F5F6;
}
.open-sign-up-secondary-login-skip-modal__button-dark {
  display: inline-block;
  border: none;
  border-radius: 5px;
  padding: 0.75em 0.75em;
  color: #333F48;
  background: #fff;
  border: 1px solid #333F48;
  cursor: pointer;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1;
  color: #fff;
  background-color: #2C3946;
  border-color: #2C3946;
  text-transform: none;
}
.open-sign-up-secondary-login-skip-modal__button-dark:hover {
  background-color: #D5D9DC;
  transition: all 0.2s ease-in-out;
}
.open-sign-up-secondary-login-skip-modal__button-dark:disabled {
  opacity: 0.8;
}
.open-sign-up-secondary-login-skip-modal__button-dark:hover {
  background-color: #2C3946;
}

.open-sign-up-step-bar {
  order: 1;
}
@media screen and (min-width: 600px) {
  .open-sign-up-step-bar {
    order: 2;
  }
}
.open-sign-up-step-bar__header {
  width: 500%;
  overflow: hidden;
  text-align: center;
  background: #231F20;
  padding: 0.5rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  display: inline-block;
  text-transform: uppercase;
  margin-left: -200%;
  margin-top: 6vw;
}
@media screen and (min-width: 600px) {
  .open-sign-up-step-bar__header {
    width: auto;
    min-width: 240px;
    order: 2;
    margin-left: auto;
    margin-top: auto;
  }
}

.open-sign-up-terms-and-conditions__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 0rem;
  color: #333F48;
}
@media screen and (min-width: 600px) {
  .open-sign-up-terms-and-conditions__container {
    flex-direction: row;
  }
}
.open-sign-up-terms-and-conditions__terms-section {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: space-around;
  font-size: 0.875rem;
}
@media screen and (min-width: 1024px) {
  .open-sign-up-terms-and-conditions__terms-section {
    flex: 2;
  }
}
@media screen and (min-width: 600px) {
  .open-sign-up-terms-and-conditions__terms-section {
    width: 200px;
    margin-bottom: 0rem;
  }
}
.open-sign-up-terms-and-conditions__text-heading {
  margin: 1.5rem 0 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2C3946;
}
@media screen and (max-width: 1023px) {
  .open-sign-up-terms-and-conditions__text-heading {
    margin-left: 0;
  }
}
.open-sign-up-terms-and-conditions__checkbox-section-container {
  margin-left: 2.75rem;
  margin-right: -1rem;
  margin-bottom: 0;
}
.open-sign-up-terms-and-conditions__fieldset {
  border: none;
  width: 100%;
  padding: 1.125rem 0;
  margin: 0;
  margin-left: -2.5rem;
  margin-bottom: -1.5rem;
}
.open-sign-up-terms-and-conditions__checkbox-container {
  display: inline-block;
  position: relative;
}
.open-sign-up-terms-and-conditions__checkbox-input {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.open-sign-up-terms-and-conditions__checkbox-input[type=checkbox] {
  display: inline-block;
  border: 1px solid #2C3946;
  position: relative;
  cursor: pointer;
  appearance: none;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  border-radius: 3px;
}
.open-sign-up-terms-and-conditions__checkbox-input[type=checkbox]:checked {
  background-color: #231F20;
}
.open-sign-up-terms-and-conditions__checkbox-input[type=checkbox]:checked:after {
  content: "";
}
.open-sign-up-terms-and-conditions__checkbox-input[type=checkbox]:after {
  position: absolute;
  width: 4px;
  height: 8px;
  border: 1px solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  left: 5px;
  top: 2px;
}
.open-sign-up-terms-and-conditions__checkbox-label-heading {
  margin-left: -0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.open-sign-up-terms-and-conditions__description {
  line-height: 1.6;
  font-size: 0.875rem;
}
.open-sign-up-terms-and-conditions__description--contact {
  margin-top: 1.5rem;
  line-height: 1.6;
  font-size: 0.875rem;
}
.open-sign-up-terms-and-conditions__link {
  font-weight: 600;
  text-decoration: underline;
}
.open-sign-up-terms-and-conditions__external-link-img {
  top: 3px;
  left: 2px;
  position: relative;
}
.open-sign-up-terms-and-conditions__section-rule {
  color: #707070;
  background: #707070;
  border: 1px solid #707070;
  border-bottom: 0;
  display: block;
  height: 1px;
  width: 95%;
  margin: 0.875rem 0;
}
.open-sign-up-terms-and-conditions__contact-heading {
  font-weight: 600;
  line-height: 1.5;
}
.open-sign-up-terms-and-conditions__email-link {
  display: inline-block;
  font-weight: 600;
  text-decoration: underline;
}
.open-sign-up-terms-and-conditions__button-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 2rem;
}

.open-sign-up-verify-login__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 0rem;
  color: #333F48;
}
@media screen and (min-width: 600px) {
  .open-sign-up-verify-login__container {
    flex-direction: row;
  }
}
.open-sign-up-verify-login__selection-container {
  margin-top: 0;
}
.open-sign-up-verify-login__heading {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2C3946;
}
@media screen and (max-width: 1023px) {
  .open-sign-up-verify-login__heading {
    margin-left: 0;
  }
}
.open-sign-up-verify-login__sub-heading {
  font-size: 1rem;
  font-weight: 600;
}
.open-sign-up-verify-login__contact {
  color: #31853e;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
}
.open-sign-up-verify-login__description {
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 400;
}
.open-sign-up-verify-login__code-text-field {
  border-radius: 6px;
  width: 100%;
  height: 3rem;
  border: none;
  padding-left: 1rem;
  margin-right: 1.5rem;
  margin-top: -0.5rem;
  background-color: #F4F5F6;
  font-size: 1rem;
  font-weight: 400;
}
.open-sign-up-verify-login__code-text-field::placeholder {
  color: #5B6770;
  font-weight: 400;
}
.open-sign-up-verify-login__code-text-field-error {
  border-radius: 6px;
  width: 100%;
  height: 3rem;
  border: 1px solid #D22A2F;
  padding-left: 1rem;
  margin-top: -0.5rem;
  margin-right: 1.5rem;
  margin-bottom: 0.5rem;
  background-color: #F4F5F6;
  font-size: 1rem;
  font-weight: 400;
}
.open-sign-up-verify-login__code-text-field-error::placeholder {
  color: #5B6770;
  font-weight: 400;
}
.open-sign-up-verify-login__incorrect-code-message {
  color: #D22A2F;
  font-weight: 500;
  font-size: 0.875rem;
}
.open-sign-up-verify-login__button {
  margin-top: 0.75rem;
}
.open-sign-up-verify-login__resend-verification-code-button {
  padding: 0.75rem 1.5rem;
  border-radius: 5px;
  border: 1px solid #2C3946;
  background-color: #fff;
  color: #2C3946;
  font-weight: 600;
  font-size: 1rem;
}
.open-sign-up-verify-login__resend-verification-code-button-error {
  padding: 0.75rem 1.5rem;
  border-radius: 5px;
  border: 1px solid #D22A2F;
  background-color: #D22A2F;
  color: white;
  font-weight: 600;
  font-size: 1rem;
}
.open-sign-up-verify-login__button-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 2rem;
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.bscp-radio-input input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.bscp-radio-input label {
  color: inherit;
  display: inline-block;
  margin-bottom: 12px;
  padding-bottom: 8px;
  padding-left: 35px;
  padding-top: 3px;
  position: relative;
  text-transform: capitalize;
}
.bscp-radio-input label::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #f4f5f6;
  border-color: #7A7671;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
}
.bscp-radio-input input:checked + label {
  font-weight: 600;
}
.bscp-radio-input input:checked + label::before {
  background-color: #333F48;
  border-color: #333F48;
  box-shadow: inset 0 0 0 2px #f4f5f6;
}
.bscp-radio-input input:focus + label {
  outline: 3px solid #63FFDA;
  outline-offset: 0;
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.location-widget {
  border: 0;
  margin: 0;
  padding: 0;
}
.location-widget__tags {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
.location-widget__tag-button {
  display: inline-block;
  border: none;
  border-radius: 5px;
  padding: 0.75em 0.75em;
  color: #333F48;
  background: #fff;
  border: 1px solid #333F48;
  cursor: pointer;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1;
  background: #333F48;
  color: #fff;
  border-radius: unset;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.location-widget__tag-button:hover {
  background-color: #D5D9DC;
  transition: all 0.2s ease-in-out;
}
.location-widget__tag-button:disabled {
  opacity: 0.8;
}
.location-widget__tag-button:hover {
  background-color: #231F20;
  transition: all 0.2s ease-in-out;
}
.location-widget__tag-li {
  width: 100%;
  display: flex;
  list-style: none;
  margin-bottom: 0.5em;
}
.location-widget__tag-li label {
  width: 100%;
}
.location-widget__tag-input-container {
  display: flex;
  flex: 1;
}
.location-widget__tag-input {
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #BEC3C7;
  color: #333F48;
  background-color: #F4F5F6;
  border-radius: 5px;
  padding: 1rem;
  border-radius: unset;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: none;
  padding: 0.75rem 0 0.75rem 2rem;
  width: 100%;
}
.location-widget__tag-icon {
  position: absolute;
  padding: 0.5em 0.25em;
}
.location-widget__autocomplete-disabled-text {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: #333F48;
}

.location-autocomplete__container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.location-autocomplete__input-container {
  position: relative;
}
.location-autocomplete__input-container input::-ms-clear {
  display: none;
}
.location-autocomplete__input {
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #BEC3C7;
  color: #333F48;
  background-color: #F4F5F6;
  border-radius: 5px;
  padding: 1rem;
  width: 100%;
}
.location-autocomplete__google-logo-mobile {
  height: 1.125rem;
  padding: 0.1em 0.5em 0 0.5em;
}
.location-autocomplete__suggestions {
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #BEC3C7;
  color: #333F48;
  background-color: #F4F5F6;
  border-radius: 5px;
  padding: 1rem;
  padding: 0;
}
.location-autocomplete__suggestion {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #5B6770;
  padding: 0.75rem 0.1rem 0.75rem 1rem;
  cursor: pointer;
}
.location-autocomplete__suggestion--active {
  background: #EAECED;
}
.location-autocomplete__suggestion-description {
  flex: 1;
}
.location-autocomplete__formHint {
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 0.25rem;
}

.accept-invite__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  width: 40rem;
  margin: 0 auto;
  padding: 1.625rem;
  color: #333F48;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .accept-invite__container {
    max-width: calc(100vw - 2rem);
    background: #fff;
    margin-top: 8rem;
    margin-bottom: 10rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .accept-invite__container {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}
@media screen and (min-width: 1024px) {
  .accept-invite__container {
    margin-top: 8rem;
    margin-bottom: 2rem;
  }
}
.accept-invite__input-container {
  position: relative;
}
.accept-invite__input-container .material-icons {
  cursor: pointer;
  position: absolute;
  right: 0.5rem;
  top: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .accept-invite__input-container .material-icons {
    top: 1rem;
  }
}
.accept-invite__input-container input[type=password]::-webkit-contacts-auto-fill-button,
.accept-invite__input-container input[type=password]::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  position: absolute;
  right: 0;
}
.accept-invite__text-desc {
  order: 3;
  border-bottom: 1px solid #707070;
  padding-bottom: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .accept-invite__text-desc {
    padding-bottom: 0;
    border-bottom: none;
    max-width: 29rem;
    width: 90%;
  }
}
.accept-invite__selection-section {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: space-around;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
}
@media screen and (min-width: 1024px) {
  .accept-invite__selection-section {
    flex: 2;
  }
}
@media screen and (min-width: 600px) {
  .accept-invite__selection-section {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .accept-invite__selection-container {
    margin-bottom: 0rem;
  }
}
.accept-invite__selection-header {
  padding-top: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2C3946;
}
.accept-invite__selection-description {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (min-width: 600px) {
  .accept-invite__selection-description {
    width: 80%;
    margin-top: 0rem;
    margin-bottom: 0.5rem;
  }
}
.accept-invite__checkbox-description {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  line-height: 1.6;
}
.accept-invite__list-section {
  margin: 0 0 2rem 0;
  padding: 0 0 0 1rem;
}
.accept-invite__password-container {
  position: relative;
}
.accept-invite__password-title {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 600;
  display: block;
  margin-top: 1.2rem;
  line-height: 1rem;
}
.accept-invite__password-text-field {
  font-size: 1rem;
  border-radius: 6px;
  height: 2.5rem;
  border: none;
  padding-left: 0.6rem;
  margin-right: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 100%;
  font-weight: 500;
  background: #F4F5F6;
  color: #2C3946;
}
@media screen and (min-width: 1024px) {
  .accept-invite__password-text-field {
    margin-top: 0.5rem;
  }
}
.accept-invite__password-match-message {
  margin: 0;
  font-weight: 700;
}
.accept-invite__password-match-checkmark {
  height: 0.75rem;
  margin-right: 0.75rem;
}
.accept-invite__password-error-container {
  margin-top: -2.5rem;
}
@media screen and (min-width: 600px) {
  .accept-invite__password-error-container {
    margin-top: -1.3rem;
  }
}
.accept-invite__password-mismatch-message, .accept-invite__password-too-short-message {
  background-color: #D22A2F;
  border-radius: 0 0 6px 6px;
  padding: 0.5rem;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  font-size: 0.73rem;
  display: block;
  font-weight: 700;
}
@media screen and (min-width: 600px) {
  .accept-invite__password-mismatch-message, .accept-invite__password-too-short-message {
    margin-top: -1.3rem;
  }
}
.accept-invite__important-image {
  max-width: 1.5rem;
  margin-left: 0.5rem;
  margin-top: -1rem;
}
@media screen and (min-width: 600px) {
  .accept-invite__important-image {
    max-width: 1.8rem;
    margin-left: -2.5rem;
  }
}
.accept-invite__button-container {
  display: flex;
  justify-content: center;
  margin: 2rem 0 0 0;
}
@media screen and (min-width: 600px) {
  .accept-invite__button-container {
    justify-content: flex-end;
  }
}
.accept-invite__button-visibility {
  background: #F4F5F6;
  color: #5B6770;
  border: none;
}
@media screen and (max-width: 1023px) {
  .accept-invite__image-section {
    display: none;
  }
}
.accept-invite__fieldset {
  border: none;
  width: 100%;
  padding: 0.875rem 0;
}
.accept-invite__checkbox-section-container {
  margin-left: 200px;
}
@media screen and (min-width: 600px) {
  .accept-invite__checkbox-section-container {
    margin-left: 0rem;
  }
}
.accept-invite__terms-section {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media screen and (min-width: 1024px) {
  .accept-invite__terms-section {
    flex: 2;
  }
}
.accept-invite__checkbox-container {
  display: inline-block;
  position: relative;
  color: #333F48;
}
.accept-invite__checkbox-label-heading {
  margin-left: -0.5rem;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 600;
}
.accept-invite__link {
  font-weight: 600;
  text-decoration: underline;
}
.accept-invite__email-link {
  display: inline-block;
  font-weight: 600;
  text-decoration: underline;
}
.accept-invite__external-link-img {
  top: 3px;
  left: 2px;
  position: relative;
}
.accept-invite__section-rule {
  color: #707070;
  background: #707070;
  border: 1px solid #707070;
  border-bottom: 0;
  display: block;
  height: 1px;
  width: 100%;
  margin: 0.875rem 0;
}
.accept-invite__text-line-height {
  line-height: 1.5;
}
.accept-invite__contact-heading {
  font-weight: 600;
  line-height: 1.5;
}
.accept-invite__checkbox-input {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.accept-invite__checkbox-input[type=checkbox] {
  display: inline-block;
  border: 1px solid #2C3946;
  position: relative;
  cursor: pointer;
  appearance: none;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  border-radius: 3px;
}
.accept-invite__checkbox-input[type=checkbox]:checked {
  background-color: #231F20;
}
.accept-invite__checkbox-input[type=checkbox]:checked:after {
  content: "";
}
.accept-invite__checkbox-input[type=checkbox]:after {
  position: absolute;
  width: 4px;
  height: 8px;
  border: 1px solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  left: 5px;
  top: 2px;
}
.accept-invite__loading-container {
  height: 60%;
  color: white;
}
@media screen and (max-width: 599px) {
  .accept-invite__loading-container {
    margin-top: 10rem;
  }
}
.accept-invite__loading-text-container {
  text-align: center;
}

.landing-page__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
}
.landing-page__white {
  z-index: -1;
}
.landing-page__texture {
  background-image: url(/packs/static/media/landing-background-1d114dd04d069a72c94e4e8dccd0289d.jpg);
  height: auto;
  min-height: 1280px;
  min-width: 1280px;
  background-size: cover;
}
.landing-page__container {
  position: relative;
  margin-top: 37px;
}

@media screen and (min-width: 1281px) {
  .landing-page-intro__container {
    max-width: 1110px;
    margin: auto;
  }
}
.landing-page-intro__hero-container {
  display: none;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__hero-container {
    display: flex;
    margin-top: 6.5rem;
  }
}
.landing-page-intro__hero-container-mobile {
  margin-top: 6rem;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__hero-container-mobile {
    display: none;
  }
}
.landing-page-intro__hero-left-container {
  display: flex;
  margin-left: 5rem;
  width: 50%;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__hero-left-container {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-intro__hero-left-container {
    margin-bottom: 17.5rem;
    margin-left: 0;
  }
}
.landing-page-intro__hero-text-container {
  margin-right: 2rem;
  margin-left: 2rem;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__hero-text-container {
    width: 33.625rem;
    margin-left: 0rem;
    margin-right: 0rem;
  }
}
.landing-page-intro__hero-headline {
  font-size: 30px;
  line-height: 33px;
  letter-spacing: -0.3px;
  margin-top: 2rem;
  color: #333F48;
  font-weight: 700;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__hero-headline {
    font-size: 48px;
    line-height: 53px;
    margin-top: 10vw;
    letter-spacing: -0.48px;
  }
}
.landing-page-intro__hero-description {
  color: #333F48;
  font-size: 1rem;
  font-weight: 400;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__hero-description {
    margin-bottom: 2rem;
  }
}
.landing-page-intro__logo-image {
  width: 92px;
  height: 120px;
  align-self: center;
  margin-top: -2rem;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__logo-image {
    position: inherit;
    margin-top: 0rem;
  }
}
.landing-page-intro__mobile-image-container {
  display: flex;
  flex-direction: column;
  margin-top: 3.5rem;
}
.landing-page-intro__left-image-container {
  position: absolute;
  top: 460px;
  left: -296px;
  height: 576px;
  width: 526px;
}
.landing-page-intro__left-image {
  display: none;
}
@media screen and (min-width: 1024px) {
  .landing-page-intro__left-image {
    display: inline-block;
    width: 73%;
    height: auto;
  }
}
.landing-page-intro__hero-right-container {
  margin-right: 2rem;
  width: 50%;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__hero-right-container {
    display: flex;
    position: relative;
  }
}
.landing-page-intro__hero-image {
  height: 450px;
  width: auto;
  align-self: center;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__hero-image {
    height: auto;
    width: 54vw;
    max-width: 690px;
  }
}
.landing-page-intro__pillars-container {
  display: flex;
  flex-direction: column;
  margin-left: 2rem;
  margin-right: 2rem;
}
@media screen and (min-width: 1024px) {
  .landing-page-intro__pillars-container {
    flex-direction: row;
    margin-left: 6rem;
    margin-right: 6rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .landing-page-intro__pillars-container {
    flex-direction: row;
    margin-left: 5%;
    margin-right: 5%;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-intro__pillars-container {
    flex-direction: row;
    margin: 0;
  }
}
.landing-page-intro__pillars-headline {
  font-size: 30px;
  line-height: 33px;
  letter-spacing: -0.3px;
  margin-top: 6rem;
  margin-bottom: 1.5rem;
  color: #333F48;
  font-weight: 900;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__pillars-headline {
    display: none;
  }
}
.landing-page-intro__pillar {
  margin-top: 1.5rem;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__pillar {
    margin-top: 0rem;
    margin-left: 1rem;
    width: 25%;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-intro__pillar:first-of-type {
    margin-left: 0;
  }
}
.landing-page-intro__pillar-icon {
  width: 44px;
  height: auto;
}
.landing-page-intro__pillar-headline {
  font-size: 22px;
  line-height: 26px;
  letter-spacing: -0.22px;
  margin-top: 0.875rem;
  margin-bottom: 0rem;
  color: #333F48;
  font-weight: 700;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__pillar-headline {
    margin-top: 1rem;
    margin-bottom: auto;
  }
}
@media screen and (min-width: 600px) and (max-width: 750px) {
  .landing-page-intro__pillar-headline {
    font-size: 1.125rem;
  }
}
.landing-page-intro__pillar-description {
  font-size: 1rem;
  color: #333F48;
  margin-top: 0.875rem;
  margin-bottom: 0px;
  font-weight: 400;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__pillar-description {
    font-size: 0.875rem;
    margin-top: 1rem;
    margin-right: 1.5rem;
    margin-bottom: 14px;
  }
}
.landing-page-intro__link-container {
  margin-bottom: 4rem;
  margin-top: 1.5rem;
  margin-left: 1.75rem;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__link-container {
    margin-bottom: 8rem;
    margin-left: 0rem;
    margin-top: 2rem;
    text-align: center;
  }
}
.landing-page-intro__link {
  font-size: 18px;
  line-height: 26px;
  font-weight: 900;
  letter-spacing: -0.18px;
  text-decoration: underline;
  color: #337A35;
  cursor: pointer;
}
.landing-page-intro__help-container {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__help-container {
    flex-direction: row;
    align-items: center;
  }
}
.landing-page-intro__help-left {
  justify-content: center;
  width: 100%;
  margin-left: -1rem;
}
@media screen and (min-width: 1024px) {
  .landing-page-intro__help-left {
    width: auto;
    margin-left: 4rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .landing-page-intro__help-left {
    width: auto;
    margin-left: 2rem;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-intro__help-left {
    margin-left: 0px;
  }
}
.landing-page-intro__help-image {
  height: auto;
  width: 357px;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__help-image {
    height: auto;
    width: 41.6vw;
    max-width: 533px;
  }
}
.landing-page-intro__help-right {
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: 4rem;
  height: auto;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__help-right {
    width: 50%;
    margin: 0 6rem 0 2rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .landing-page-intro__help-right {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-intro__help-right {
    margin: 0 0 0 2rem;
  }
}
.landing-page-intro__help-border {
  border: 3px solid #D22A2F;
  width: 96px;
  height: 0px;
}
.landing-page-intro__help-headline {
  color: #333F48;
  font-size: 24px;
  line-height: 26px;
  letter-spacing: -0.24px;
  margin-top: 2rem;
  margin-right: 1rem;
  font-weight: 700;
}
@media screen and (min-width: 600px) {
  .landing-page-intro__help-headline {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -0.36px;
    margin: 2rem 0 1rem 0;
  }
}
.landing-page-intro__help-description {
  color: #333F48;
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 400;
}
@media screen and (min-width: 1024px) {
  .landing-page-intro__help-description {
    margin-right: 0.25rem;
    line-height: 24px;
    letter-spacing: -0.16px;
  }
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .landing-page-intro__help-description {
    margin-right: 0rem;
  }
}
.landing-page-intro__help-description:last-of-type {
  margin-bottom: 0;
}
.landing-page-intro__join-link {
  text-decoration: underline;
  color: #337A35;
  font-weight: 900;
}

.landing-page-media__carousel {
  margin-top: 2rem;
}
@media screen and (min-width: 1281px) {
  .landing-page-media__carousel {
    max-width: 1110px;
    margin: auto;
    margin-top: 2rem;
  }
}
.landing-page-media__headline-container {
  color: #333F48;
  width: 34rem;
  margin-left: 5%;
  margin-bottom: 2rem;
}
@media screen and (max-width: 599px) {
  .landing-page-media__headline-container {
    margin-left: 2rem;
    width: 95%;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-media__headline-container {
    margin-left: 0;
  }
}
@media screen and (max-width: 599px) {
  .landing-page-media__headline {
    font-size: 21px;
    line-height: 25px;
    letter-spacing: -0.21px;
  }
}
.landing-page-media__splash-image-container {
  display: none;
  pointer-events: none;
}
@media screen and (min-width: 600px) {
  .landing-page-media__splash-image-container {
    display: block;
    height: 0px;
  }
}
.landing-page-media__splash-image {
  position: relative;
  top: 5.5rem;
  width: auto;
  left: 86.5%;
  height: 460px;
}
@media screen and (min-width: 1281px) {
  .landing-page-media__splash-image {
    left: 108%;
  }
}
.landing-page-media__mobile-scroll-prompt-container {
  display: block;
}
@media screen and (min-width: 600px) {
  .landing-page-media__mobile-scroll-prompt-container {
    display: none;
  }
}
.landing-page-media__mobile-scroll-text-container {
  display: flex;
  margin-left: 2rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
  align-items: center;
}
.landing-page-media__mobile-scroll-text {
  color: #32414f;
  font-size: 12px;
  letter-spacing: -0.12px;
  line-height: 21px;
  font-weight: 600;
  margin-right: 0.5rem;
}
.landing-page-media__mobile-scroll-arrow {
  width: 1rem;
  height: 1rem;
}

.landing-page-carousel__viewport {
  overflow-x: scroll;
  margin: auto;
}
@media screen and (min-width: 600px) {
  .landing-page-carousel__viewport {
    overflow: visible;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-carousel__viewport {
    max-width: 1110px;
    margin: auto;
    z-index: 1;
    position: relative;
  }
}
.landing-page-carousel__media-all-items {
  display: flex;
  white-space: nowrap;
  transition: transform 0.3s;
  width: 90%;
  margin-left: 5%;
  margin-bottom: 1rem;
}
@media screen and (max-width: 599px) {
  .landing-page-carousel__media-all-items {
    margin-left: 2rem;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-carousel__media-all-items {
    width: 101%;
    margin-left: 0;
  }
}
.landing-page-carousel__testimonial-all-items {
  display: flex;
  white-space: nowrap;
  transition: transform 0.3s;
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 600px) {
  .landing-page-carousel__testimonial-all-items {
    width: 85%;
  }
}
.landing-page-carousel__buttons-container {
  display: none;
}
@media screen and (min-width: 600px) {
  .landing-page-carousel__buttons-container {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.landing-page-carousel__page-indicator-container {
  display: flex;
  align-items: center;
  margin-left: 1rem;
  margin-right: 1rem;
}
.landing-page-carousel__active-page-indicator {
  background-color: #32414f;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.landing-page-carousel__inactive-page-indicator {
  background-color: #D5D0CA;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.landing-page-carousel__arrow-container {
  background-color: #32414f;
  border: 0;
  border-radius: 100%;
  cursor: pointer;
  width: 44px;
  height: 44px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 300ms;
}
.landing-page-carousel__arrow-container:hover {
  box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.1490196078);
}
.landing-page-carousel__arrow-container:hover .landing-page-carousel__left-arrow,
.landing-page-carousel__arrow-container:hover .landing-page-carousel__right-arrow {
  width: 28px;
  height: 28px;
}
.landing-page-carousel__left-arrow, .landing-page-carousel__right-arrow {
  width: 25px;
  height: 25px;
  transition: all 300ms;
}
.landing-page-carousel__left-arrow {
  transform: rotate(180deg);
}

.landing-page-video__container {
  position: relative;
  margin-top: 4rem;
}
@media screen and (min-width: 600px) {
  .landing-page-video__container {
    margin-top: 8rem;
  }
}
.landing-page-video__image-desktop {
  display: none;
}
@media screen and (min-width: 600px) {
  .landing-page-video__image-desktop {
    display: block;
    width: 100%;
    max-height: 550px;
    object-fit: cover;
  }
}
.landing-page-video__image-mobile {
  display: block;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .landing-page-video__image-mobile {
    display: none;
  }
}
.landing-page-video__overlay {
  margin: 0;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (min-width: 600px) {
  .landing-page-video__overlay {
    width: calc(100% - 6rem);
  }
}
.landing-page-video__blob-container {
  display: none;
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .landing-page-video__blob-container {
    display: block;
    position: absolute;
    top: -20%;
    bottom: 45%;
    right: -11rem;
  }
}
@media screen and (min-width: 1024px) {
  .landing-page-video__blob-container {
    display: block;
    position: absolute;
    top: -20%;
    bottom: 45%;
    right: -12.5rem;
  }
}
.landing-page-video__orange-blob {
  height: 100%;
  width: 100%;
  object-fit: fill;
}
.landing-page-video__play-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 35%;
  left: calc(50% - 35px);
  background: transparent;
  box-shadow: none;
  border: none;
  cursor: pointer;
}
.landing-page-video__play-icon-container {
  height: 65px;
  width: 65px;
  border-radius: 50%;
  transition: all 300ms;
}
.landing-page-video__play-btn:hover .landing-page-video__play-icon-container {
  background-color: white;
  box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.7);
  transition: all 300ms;
}
.landing-page-video__play-icon {
  transition: opacity 300ms;
  opacity: 0.8;
  height: 65px;
  width: 65px;
}
.landing-page-video__play-btn:hover .landing-page-video__play-icon {
  transition: opacity 300ms;
  opacity: 1;
}
.landing-page-video__play-text {
  margin-top: 0.75rem;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.16px;
}

.Body__modal-open {
  overflow: hidden;
}

@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 1000000;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.modal-video-effect-exit {
  opacity: 0;
}
.modal-video-effect-exit .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -o-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 1040px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 1rem;
  display: table;
}
@media screen and (min-width: 600px) {
  .modal-video-body {
    padding: 0 3rem;
  }
}

.modal-video-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.modal-video-movie-wrap {
  width: auto;
  height: 70%;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 600px) {
  .modal-video-movie-wrap {
    width: 100%;
    height: auto;
  }
}

.modal-podcast-content {
  background-color: #fff;
  height: 743px;
  max-height: 85%;
  width: 58%;
  margin-left: 21%;
  margin-top: 3.5rem;
  overflow: scroll;
  border-radius: 5px;
}
@media screen and (max-width: 599px) {
  .modal-podcast-content {
    width: 95%;
    margin-left: 2%;
  }
}
.modal-podcast-content__header-container {
  position: relative;
  height: 32%;
  min-height: 20rem;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .modal-podcast-content__header-container {
    min-height: 17rem;
  }
}
.modal-podcast-content__embed-container {
  width: auto;
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: 2rem;
}
.modal-podcast-content__header-image-container {
  height: 100%;
}
.modal-podcast-content__header-image {
  height: calc(100% + 3rem);
  width: 100%;
  object-fit: cover;
  position: relative;
  top: -3rem;
}
.modal-podcast-content__header-text-container {
  background: linear-gradient(to top, black, transparent 60%);
  position: relative;
  bottom: 100%;
  height: 100%;
  width: 100%;
}
.modal-podcast-content__header-type {
  color: #337A35;
  position: relative;
  background-color: #fff;
  left: 2rem;
  top: 2.5rem;
  padding: 0.25rem 0.75rem;
  border-radius: 50px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1rem;
}
@media screen and (max-width: 599px) {
  .modal-podcast-content__header-type {
    top: 2rem;
  }
}
.modal-podcast-content__header-title {
  position: relative;
  top: 5.5rem;
  color: #fff;
  width: calc(100% - 2rem);
  margin-left: 2rem;
  margin-bottom: 1rem;
  font-size: 30px;
  line-height: 33px;
}
@media screen and (max-width: 599px) {
  .modal-podcast-content__header-title {
    top: 1.5rem;
    width: calc(100% - 4rem);
  }
}
.modal-podcast-content__header-author {
  position: relative;
  color: #fff;
  margin-left: 2rem;
  top: 5rem;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
}
@media screen and (max-width: 599px) {
  .modal-podcast-content__header-author {
    top: 1.5rem;
  }
}
.modal-podcast-content__text-container {
  color: #333F48;
  margin-left: 2rem;
  margin-right: 2rem;
  font-size: 1rem;
  line-height: 24px;
}
@media screen and (min-width: 600px) {
  .modal-podcast-content__text-container {
    margin-right: 3rem;
  }
}
.modal-podcast-content__show-notes {
  font-weight: 600;
  margin-bottom: 0rem;
}
.modal-podcast-content__text-body {
  margin-top: 2rem;
  white-space: pre-line;
  font-weight: 400;
}
@media screen and (min-width: 600px) {
  .modal-podcast-content__text-body {
    margin-right: 2rem;
  }
}

.modal-close-btn {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  display: inline-block;
  height: 39px;
  width: 39px;
  overflow: hidden;
  border: none;
  background: transparent;
  right: 1rem;
  top: 1rem;
}
@media screen and (min-width: 600px) {
  .modal-close-btn {
    right: 3.5rem;
    top: 4rem;
  }
}
.modal-close-btn:before {
  transform: rotate(45deg);
}
.modal-close-btn:after {
  transform: rotate(-45deg);
}
.modal-close-btn:before, .modal-close-btn:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 20px;
  top: 18px;
  left: 10px;
  background: #fff;
  border-radius: 5px;
}
.modal-close-btn:hover {
  background: #231F20;
  opacity: 0.5;
  border-radius: 50%;
}

.landing-page-feature-cards {
  position: relative;
  margin: -5.25rem 0 3.5rem 0;
  color: #333F48;
}
@media screen and (min-width: 600px) {
  .landing-page-feature-cards {
    margin: -5.25rem 2.75rem 2rem 2.75rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 800px) {
  .landing-page-feature-cards {
    margin: -5.25rem 1.75rem 2rem 1.75rem;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-feature-cards {
    max-width: calc(1110px + 2rem);
    margin: -5.25rem auto 2rem auto;
  }
}
.landing-page-feature-cards__card-container {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  list-style-type: none;
  margin-bottom: 0.5rem;
  padding: 0;
  overflow-x: scroll;
}
@media screen and (min-width: 600px) {
  .landing-page-feature-cards__card-container {
    justify-content: center;
    flex-wrap: wrap;
    overflow-x: unset;
    margin-bottom: 1.5rem;
  }
}
.landing-page-feature-cards__card-container:after {
  content: "";
  flex: 0 0 1px;
}
.landing-page-feature-cards__card {
  min-width: calc(100vw - 4.5rem);
  margin: 1rem 0.75rem 1rem 0.75rem;
  padding: 1.5rem;
  border-radius: 5px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1490196078);
  background: #fff;
}
.landing-page-feature-cards__card:first-of-type {
  margin-left: 2rem;
}
.landing-page-feature-cards__card:last-of-type {
  margin-right: calc(2rem - 1px);
}
@media screen and (min-width: 600px) {
  .landing-page-feature-cards__card {
    min-width: unset;
    width: 43%;
    margin: 1rem;
    padding: 2rem;
  }
  .landing-page-feature-cards__card:first-of-type {
    margin-left: 1rem;
  }
  .landing-page-feature-cards__card:last-of-type {
    margin-right: 1rem;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-feature-cards__card {
    width: 47%;
  }
}
.landing-page-feature-cards__link {
  text-decoration: underline;
  font-weight: 400;
}
.landing-page-feature-cards__card-title {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
}
@media screen and (min-width: 600px) {
  .landing-page-feature-cards__card-title {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 800px) {
  .landing-page-feature-cards__card-title {
    font-size: 1.125rem;
  }
}
.landing-page-feature-cards__card-icon {
  height: 2.75rem;
  width: 2.75rem;
  margin-right: 1rem;
}
.landing-page-feature-cards__card-desc {
  margin-bottom: 0;
  letter-spacing: -0.16px;
  font-size: 1rem;
  font-weight: 400;
}
.landing-page-feature-cards__anchor {
  display: hidden;
  position: relative;
  top: -96px;
}
.landing-page-feature-cards__blob-container {
  display: none;
}
@media screen and (min-width: 600px) {
  .landing-page-feature-cards__blob-container {
    display: block;
    position: absolute;
    bottom: -9.5rem;
    left: -19rem;
  }
}
.landing-page-feature-cards__orange-blob {
  width: 100%;
  height: auto;
}
.landing-page-feature-cards__mobile-scroll-prompt-container {
  display: block;
}
@media screen and (min-width: 600px) {
  .landing-page-feature-cards__mobile-scroll-prompt-container {
    display: none;
  }
}
.landing-page-feature-cards__mobile-scroll-border {
  background-color: #D5D0CA;
  height: 6px;
  width: 131px;
  margin-left: 2rem;
  margin-top: 0.5rem;
  border-radius: 3px;
}
.landing-page-feature-cards__mobile-scroll-text-container {
  display: flex;
  margin-left: 2rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
  align-items: center;
}
.landing-page-feature-cards__mobile-scroll-text {
  color: #32414f;
  font-size: 12px;
  letter-spacing: -0.12px;
  line-height: 21px;
  font-weight: 600;
  margin-right: 0.5rem;
}
.landing-page-feature-cards__mobile-scroll-arrow {
  width: 1rem;
  height: 1rem;
}

.landing-page-what-is-baobab__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 600px) {
  .landing-page-what-is-baobab__container {
    justify-content: space-between;
    flex-direction: row;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-what-is-baobab__container {
    max-width: 1110px;
    margin: auto;
  }
}
.landing-page-what-is-baobab__text-section-container {
  margin-left: 2rem;
  margin-right: 2rem;
}
@media screen and (min-width: 600px) {
  .landing-page-what-is-baobab__text-section-container {
    margin-left: 8%;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-what-is-baobab__text-section-container {
    margin-left: 0;
  }
}
.landing-page-what-is-baobab__text-section {
  display: flex;
  flex-direction: column;
  color: #333F48;
}
@media screen and (min-width: 600px) {
  .landing-page-what-is-baobab__text-section {
    max-width: 42rem;
  }
}
.landing-page-what-is-baobab__text-section-accent-line {
  background-color: #1776CC;
  border: none;
  width: 6rem;
  height: 0.3rem;
}
@media screen and (min-width: 600px) {
  .landing-page-what-is-baobab__text-section-accent-line {
    margin-top: 6rem;
  }
}
.landing-page-what-is-baobab__text-section-header {
  font-size: 24px;
  margin-top: 0.75rem;
  margin-bottom: 0rem;
}
@media screen and (min-width: 600px) {
  .landing-page-what-is-baobab__text-section-header {
    font-size: 48px;
    line-height: 53px;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    letter-spacing: -0.48px;
    font-weight: 700;
  }
}
.landing-page-what-is-baobab__text-section-paragraph {
  letter-spacing: -0.048px;
  line-height: 1.5;
  font-weight: 400;
  font-size: 1rem;
}
.landing-page-what-is-baobab__image-section {
  margin-top: 2rem;
}
@media screen and (min-width: 600px) {
  .landing-page-what-is-baobab__image-section {
    margin-top: 6rem;
    margin-right: 2rem;
    text-align: right;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-what-is-baobab__image-section {
    margin-right: 0;
  }
}

.landing-page-ambassadors {
  position: relative;
  background-image: url(/packs/static/media/footer-blue-background-0106e04ff2b0c92ee2479e74446f59f2.jpg);
  margin-top: 4rem;
  padding: 3.25rem 2rem;
  color: #fff;
}
@media screen and (min-width: 600px) {
  .landing-page-ambassadors {
    margin-top: 6rem;
    padding: 6rem 8%;
  }
}
.landing-page-ambassadors__blob-container {
  display: none;
}
@media screen and (min-width: 600px) {
  .landing-page-ambassadors__blob-container {
    display: block;
    position: absolute;
    top: -8rem;
    left: -19rem;
  }
}
.landing-page-ambassadors__green-blob {
  width: 100%;
  height: auto;
}
.landing-page-ambassadors__width-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media screen and (min-width: 600px) {
  .landing-page-ambassadors__width-container {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-ambassadors__width-container {
    max-width: 1110px;
    margin: auto;
  }
}
.landing-page-ambassadors__container:first-of-type {
  max-width: 42rem;
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .landing-page-ambassadors__container:nth-of-type(2) {
    margin-left: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .landing-page-ambassadors__container:nth-of-type(2) {
    margin-left: 6rem;
  }
}
.landing-page-ambassadors__accent-line {
  background-color: #ff671b;
  border: none;
  width: 6rem;
  height: 0.3rem;
}
@media screen and (min-width: 600px) {
  .landing-page-ambassadors__accent-line {
    margin-top: 2.5rem;
  }
}
.landing-page-ambassadors__title {
  font-size: 1.875rem;
  line-height: 33px;
  letter-spacing: -0.3px;
  font-weight: 700;
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .landing-page-ambassadors__title {
    font-size: 2.5rem;
    line-height: 53px;
    letter-spacing: -0.48px;
  }
}
@media screen and (min-width: 1024px) {
  .landing-page-ambassadors__title {
    font-size: 3rem;
    line-height: 53px;
    letter-spacing: -0.48px;
  }
}
.landing-page-ambassadors__button {
  display: inline-block;
  background: #337A35;
  height: 2.5rem;
  margin-bottom: 2rem;
  padding: 0.5rem 1rem;
  font-size: 1.125rem;
  font-weight: 700;
}
.landing-page-ambassadors__button:hover {
  background: rgb(26, 97, 28);
}
@media screen and (min-width: 600px) {
  .landing-page-ambassadors__button {
    margin-bottom: 0;
  }
}
.landing-page-ambassadors__desc {
  font-size: 1rem;
  font-weight: 400;
}
.landing-page-ambassadors__link {
  text-decoration: underline;
  font-weight: 600;
}

.landing-page-opportunities {
  position: relative;
  margin-top: 4rem;
}
@media screen and (min-width: 600px) {
  .landing-page-opportunities {
    margin-top: 6rem;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-opportunities {
    max-width: 1110px;
    margin: auto;
    margin-top: 6rem;
  }
}
.landing-page-opportunities__content-container {
  display: flex;
  flex-direction: column;
  margin: 4rem 2rem 0 2rem;
}
@media screen and (min-width: 600px) {
  .landing-page-opportunities__content-container {
    align-items: center;
    margin: 5.5rem 8% 0 8%;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-opportunities__content-container {
    margin: 5.5rem 0 0 0;
  }
}
.landing-page-opportunities__blob-container {
  display: none;
}
@media screen and (min-width: 600px) {
  .landing-page-opportunities__blob-container {
    left: -18rem;
    top: -5rem;
    display: block;
    position: absolute;
    pointer-events: none;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-opportunities__blob-container {
    left: -28vw;
    top: -42rem;
  }
}
.landing-page-opportunities__orange-blob {
  width: 50%;
  object-fit: fill;
}
.landing-page-opportunities__header-accent-line {
  margin-left: 0;
  background-color: #337A35;
  width: 6rem;
  height: 0.3rem;
}
@media screen and (min-width: 600px) {
  .landing-page-opportunities__header-accent-line {
    margin-left: auto;
  }
}
.landing-page-opportunities__header-text {
  color: #333F48;
  margin-bottom: 0.25rem;
  margin-top: 1.125rem;
  font-size: 1.5rem;
}
@media screen and (min-width: 600px) {
  .landing-page-opportunities__header-text {
    margin-bottom: 1.25rem;
    margin-top: 2rem;
    font-size: 2.25rem;
  }
}
.landing-page-opportunities__opportunity-container {
  width: 100%;
}
.landing-page-opportunities__accordion-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 600px) {
  .landing-page-opportunities__accordion-header {
    margin-top: 1.375rem;
    margin-bottom: 0.875rem;
  }
}
.landing-page-opportunities__accordion-toggle-button {
  background: none;
  border: none;
  width: 100%;
  padding-left: 0rem;
}
.landing-page-opportunities__accordion-header-text {
  color: #333F48;
  margin-top: 0rem;
  margin-bottom: 0rem;
  letter-spacing: 0.34px;
  font-weight: 700;
  font-size: 1.125rem;
}
@media screen and (min-width: 600px) {
  .landing-page-opportunities__accordion-header-text {
    font-size: 1.5rem;
  }
}
.landing-page-opportunities__accordion-caret {
  font-size: 2.625rem;
  line-height: 0.625;
}
.landing-page-opportunities__accordion-expanded-enter {
  margin-bottom: 0.875rem;
}
.landing-page-opportunities__accordion-expanded-enter-done {
  margin-bottom: 0.375rem;
}
@media screen and (min-width: 600px) {
  .landing-page-opportunities__accordion-expanded-enter-done {
    margin-bottom: 0rem;
  }
}
.landing-page-opportunities__accordion-expanded-exit {
  margin-bottom: 0.375rem;
}
@media screen and (min-width: 600px) {
  .landing-page-opportunities__accordion-expanded-exit {
    margin-bottom: 0rem;
  }
}
.landing-page-opportunities__accordion-expanded-exit-done {
  margin-bottom: 0.875rem;
}
.landing-page-opportunities__accordion-expanded-exit .landing-page-opportunities__accordion-header-text {
  color: #337A35;
}
.landing-page-opportunities__accordion-expanded-exit .landing-page-opportunities__accordion-caret {
  transform: rotate(180deg);
}
.landing-page-opportunities__accordion-header-text {
  color: #333F48;
  transition: color 300ms ease-in;
}
.landing-page-opportunities__accordion-caret {
  transform: rotate(0deg);
  transition: transform 300ms ease-in;
}
.landing-page-opportunities__accordion-expanded-exit-done .landing-page-opportunities__accordion-header-text {
  color: #333F48;
}
.landing-page-opportunities__accordion-expanded-exit-done .landing-page-opportunities__accordion-caret {
  transform: rotate(0deg);
}
.landing-page-opportunities__accordion-expanded-enter .landing-page-opportunities__accordion-header-text {
  color: #333F48;
}
.landing-page-opportunities__accordion-expanded-enter .landing-page-opportunities__accordion-caret {
  transform: rotate(0deg);
}
.landing-page-opportunities__accordion-header-text {
  color: #337A35;
  transition: color 300ms ease-in;
}
.landing-page-opportunities__accordion-caret {
  transform: rotate(180deg);
  transition: transform 300ms ease-in;
}
.landing-page-opportunities__accordion-expanded-enter-done .landing-page-opportunities__accordion-header-text {
  color: #337A35;
}
.landing-page-opportunities__accordion-expanded-enter-done .landing-page-opportunities__accordion-caret {
  transform: rotate(180deg);
}
.landing-page-opportunities__opportunity-description {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}
.landing-page-opportunities__opportunity-description-text {
  margin-top: 0.35rem;
  margin-bottom: 1.5rem;
  color: #333F48;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 400;
}
.landing-page-opportunities__opportunity-description-link {
  color: #337A35;
  text-decoration: underline;
  font-weight: 600;
}
.landing-page-opportunities__opportunity-description-enter {
  max-height: 0rem;
  opacity: 0;
}
.landing-page-opportunities__opportunity-description-enter-done {
  opacity: 1;
  max-height: 100rem;
}
.landing-page-opportunities__opportunity-description-exit {
  max-height: 100rem;
  opacity: 1;
}
.landing-page-opportunities__opportunity-description-exit-done {
  opacity: 0;
  max-height: 0rem;
}
.landing-page-opportunities__divider-line {
  width: 100%;
  background-color: #D5D0CA;
  height: 1px;
  border: none;
}

.carousel-item__media-item-container {
  flex-shrink: 0;
  color: #333F48;
  display: inline-flex;
  white-space: normal;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .carousel-item__media-item-container {
    width: 33.33%;
  }
}
@media screen and (min-width: 1281px) {
  .carousel-item__media-item-container {
    width: calc(33.33% - 1.5rem);
    margin-left: 1.875rem;
  }
  .carousel-item__media-item-container:first-of-type {
    margin-left: 0;
  }
}
.carousel-item__media-headline-container {
  color: #333F48;
  width: 34rem;
  margin-left: 5%;
  margin-bottom: 2rem;
}
@media screen and (max-width: 599px) {
  .carousel-item__media-headline-container {
    margin-left: 2rem;
    width: 95%;
  }
}
@media screen and (max-width: 599px) {
  .carousel-item__media-headline {
    font-size: 21px;
    line-height: 25px;
    letter-spacing: -0.21px;
  }
}
.carousel-item__media-content-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-right: 2rem;
  position: relative;
  background-color: white;
  border: 0;
  border-radius: 5px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1490196078);
  color: inherit;
  cursor: pointer;
  font: inherit;
  overflow: auto;
  padding: 0 0 0.5rem;
  text-align: inherit;
  transition: all 300ms;
}
.carousel-item__media-content-container .carousel-item__media-title {
  transition: all 300ms;
}
@media screen and (max-width: 599px) {
  .carousel-item__media-content-container {
    margin-right: 1rem;
  }
}
@media screen and (min-width: 1281px) {
  .carousel-item__media-content-container {
    margin-right: 0;
  }
}
.carousel-item__media-content-container:focus, .carousel-item__media-content-container:hover {
  margin-top: -0.5rem;
  margin-bottom: 0.5rem;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1490196078);
}
.carousel-item__media-content-container:focus .carousel-item__media-title, .carousel-item__media-content-container:hover .carousel-item__media-title {
  transition: all 300ms;
  color: #337A35;
}
.carousel-item__media-image-container {
  border-radius: 5px 5px 0 0;
  height: 11.25rem;
  width: 100%;
}
.carousel-item__media-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
}
.carousel-item__media-type {
  color: #337A35;
  position: absolute;
  background-color: #fff;
  right: 1.5rem;
  top: 1.5rem;
  padding: 0.25rem 0.75rem;
  border-radius: 50px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1rem;
}
.carousel-item__media-author {
  font-size: 14px;
  text-transform: uppercase;
  margin-left: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
}
.carousel-item__media-title {
  font-size: 18px;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 0.75rem;
  margin-bottom: 0rem;
  font-weight: 600;
}
.carousel-item__testimonial-item-container {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  flex-shrink: 0;
  color: #333F48;
  white-space: normal;
  width: 100%;
  border-radius: 9px;
  margin-right: 1rem;
}
@media screen and (min-width: 600px) {
  .carousel-item__testimonial-item-container {
    flex-direction: row;
    margin-right: 0;
  }
}
@media screen and (min-width: 600px) {
  .carousel-item__testimonial-item-container:nth-of-type(1) {
    background: #F79E1B;
  }
}
@media screen and (min-width: 600px) {
  .carousel-item__testimonial-item-container:nth-of-type(2) {
    background: #9EC648;
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 600px) {
  .carousel-item__testimonial-item-container:nth-of-type(3) {
    background: #C3E6EE;
  }
}
@media screen and (min-width: 600px) {
  .carousel-item__testimonial-item-container-not-active {
    opacity: 0.5;
  }
}
.carousel-item__left-container {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem 1.5rem 1.5rem 1.5rem;
}
@media screen and (min-width: 600px) {
  .carousel-item__left-container {
    position: unset;
    padding: 3rem;
  }
}
.carousel-item__left-container-1 {
  background: #F79E1B;
  border-radius: 9px;
}
.carousel-item__left-container-2 {
  background: #9EC648;
  border-radius: 9px;
}
.carousel-item__left-container-3 {
  margin-right: 1rem;
  background: #C3E6EE;
  border-radius: 9px;
}
.carousel-item__testimonial-quote-container {
  position: absolute;
  top: -2rem;
  left: 2rem;
  height: 5.5rem;
  width: 4.25rem;
}
.carousel-item__testimonial-body {
  margin: 0 0 1rem 0;
  font-size: 1rem;
  font-weight: 400;
}
@media screen and (min-width: 600px) {
  .carousel-item__testimonial-body {
    font-size: 1.125rem;
  }
}
.carousel-item__testimonial-name {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}
@media screen and (min-width: 600px) {
  .carousel-item__testimonial-name {
    font-size: 1.5rem;
  }
}
.carousel-item__testimonial-text {
  display: block;
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
}
@media screen and (min-width: 600px) {
  .carousel-item__testimonial-text {
    font-size: 1.125rem;
  }
}
.carousel-item__testimonial-image-container {
  display: none;
}
@media screen and (min-width: 600px) {
  .carousel-item__testimonial-image-container {
    flex: 1;
    display: inline-flex;
    position: relative;
  }
}
.carousel-item__testimonial-image-container-mobile {
  max-width: 400px;
  align-self: center;
}
@media screen and (min-width: 600px) {
  .carousel-item__testimonial-image-container-mobile {
    display: none;
  }
}
.carousel-item__testimonial-image {
  display: block;
  max-width: 100%;
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .carousel-item__testimonial-image {
    position: absolute;
    max-height: 300px;
    bottom: 0;
    right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .carousel-item__testimonial-image {
    position: absolute;
    max-height: 450px;
    bottom: 0;
    right: 0;
  }
}

.landing-page-testimonial-carousel {
  margin: 2rem 0 2.5rem 0;
}
@media screen and (min-width: 600px) {
  .landing-page-testimonial-carousel {
    margin: 8rem 0 5.5rem 0;
  }
}
.landing-page-testimonial-carousel__mobile-scroll-prompt-container {
  display: block;
}
@media screen and (min-width: 600px) {
  .landing-page-testimonial-carousel__mobile-scroll-prompt-container {
    display: none;
  }
}
.landing-page-testimonial-carousel__mobile-scroll-text-container {
  display: flex;
  margin-left: 2rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
  align-items: center;
}
.landing-page-testimonial-carousel__mobile-scroll-text {
  color: #32414f;
  font-size: 12px;
  letter-spacing: -0.12px;
  line-height: 21px;
  font-weight: 600;
  margin-right: 0.5rem;
}
.landing-page-testimonial-carousel__mobile-scroll-arrow {
  width: 1rem;
  height: 1rem;
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.landing-page-action-footer {
  display: flex;
  flex-direction: column;
  color: #333F48;
  margin: 2.5rem auto 4rem auto;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 600px) {
  .landing-page-action-footer {
    flex-direction: row;
    align-items: flex-start;
    margin: 2.5rem auto 8rem auto;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-action-footer {
    max-width: 1110px;
  }
}
.landing-page-action-footer__card {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 1rem;
  max-width: 22rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 600px) {
  .landing-page-action-footer__card {
    margin-bottom: auto;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-action-footer__card:first-of-type {
    margin-left: 0;
  }
  .landing-page-action-footer__card:last-of-type {
    margin-right: 0;
  }
}
.landing-page-action-footer__img-container {
  display: flex;
  height: 10.5rem;
}
.landing-page-action-footer__img {
  width: 100%;
  object-fit: scale-down;
}
.landing-page-action-footer__card-title {
  margin: 1rem 0;
  font-size: 1.125rem;
  font-weight: 700;
}
@media screen and (min-width: 600px) {
  .landing-page-action-footer__card-title {
    font-size: 1.5rem;
  }
}
.landing-page-action-footer__card-desc {
  margin-top: 0;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
}
.landing-page-action-footer__card-link-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.landing-page-action-footer__card-link {
  color: #337A35;
  text-decoration: underline #337A35;
  font-weight: 600;
  font-size: 1rem;
}
.landing-page-action-footer__card-link:nth-of-type(2) {
  border-left: 2px solid #EEECEA;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
}
.landing-page-action-footer__card-link:hover {
  color: rgb(26, 97, 28);
  filter: brightness(90%);
  -webkit-filter: brightness(90%);
}
.landing-page-action-footer__card-link-no-border {
  color: #337A35;
  text-decoration: underline #337A35;
  font-weight: 600;
}
.landing-page-action-footer__card-link-no-border:hover {
  color: rgb(26, 97, 28);
  filter: brightness(90%);
  -webkit-filter: brightness(90%);
}
.landing-page-action-footer__card-link-icon {
  height: 1rem;
  margin-right: 0.25rem;
  vertical-align: top;
}

/* Redesign */
/* Mastercard Foundation trade dress */
/* Generic colors */
/* By usage */
/* $color-error-red is a darker version of $color-mcf-red-cardinal
 * that meets WCAG AAA contrast requirements. */
/* Don't use these anywhere but the cookie button. It's supposed to be different */
/* create post form colors */
/* topic search and create colors */
/* user profile */
/* mentor profile */
/* user menu */
/*
  Meets minimum contrast ratio for text of this color to be
  distinguishable against a white background for most vision levels.
*/
/* Management */
/* forms */
/* pages index */
/* mentions */
/* Badges */
/* My Baobab module colors */
/* Open Sign-Up */
/* Landing Page */
/* Redesign */
.landing-page-primary-footer {
  background-image: url(/packs/static/media/footer-blue-background-0106e04ff2b0c92ee2479e74446f59f2.jpg);
  padding: 3.25rem 2rem;
  color: #fff;
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .landing-page-primary-footer {
    padding: 5rem 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .landing-page-primary-footer {
    padding: 6rem 4rem;
  }
}
@media screen and (min-width: 1281px) {
  .landing-page-primary-footer__container {
    max-width: 1110px;
    margin: auto;
  }
}
.landing-page-primary-footer__desc-container {
  display: flex;
  flex-direction: column;
  margin: 2rem 0 3rem 0;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
}
@media screen and (min-width: 600px) {
  .landing-page-primary-footer__desc-container {
    flex-direction: row;
    font-size: 1rem;
  }
}
.landing-page-primary-footer__logos {
  width: 100px;
  height: 130px;
}
.landing-page-primary-footer__desc-text {
  font-size: 1rem;
  max-width: 32rem;
  margin-right: 2rem;
  font-weight: 400;
}
.landing-page-primary-footer__help-text {
  font-size: 1rem;
  font-weight: 700;
}
@media screen and (min-width: 600px) {
  .landing-page-primary-footer__help-text {
    font-size: 1.125rem;
  }
}
.landing-page-primary-footer__email {
  font-weight: 400;
  font-size: 1rem;
}
.landing-page-primary-footer__join-btn {
  display: inline-block;
  background: #337A35;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  font-size: 1.125rem;
  font-weight: 700;
}
.landing-page-primary-footer__join-btn:hover {
  background: rgb(26, 97, 28);
}
.landing-page-primary-footer__social-container {
  margin: 2rem 0;
}
.landing-page-primary-footer__social-item {
  display: inline-block;
  height: 3rem;
  width: 3rem;
  text-align: center;
  margin-right: 0.5rem;
}
.landing-page-primary-footer__social-item:hover {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
}
.landing-page-primary-footer__social-item-icon {
  height: 0.875rem;
  margin: 1rem auto;
}
.landing-page-primary-footer__social-item-icon-facebook {
  height: 1rem;
  margin: 1rem auto;
}
.landing-page-primary-footer__bottom-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 600px) {
  .landing-page-primary-footer__bottom-container {
    flex-direction: row;
  }
}
.landing-page-primary-footer__powered-by {
  order: 2;
  width: 16.25rem;
  margin-top: 3rem;
}
@media screen and (min-width: 600px) {
  .landing-page-primary-footer__powered-by {
    order: -1;
    margin-top: 0;
  }
}
.landing-page-primary-footer__app-item:nth-of-type(2) {
  margin-left: 1rem;
}

.contract__layout {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 7.5rem auto 1em auto;
  border-radius: 0.1em;
  position: relative;
  background-color: transparent;
  color: #333F48;
}
.contract__layout-masthead {
  margin: 0px 20px;
}
.contract__layout-header {
  min-width: 320px;
  max-width: 632px;
  margin: auto;
  min-width: 0px;
  display: block;
  position: relative;
  height: 100%;
}
@media screen and (min-width: 600px) {
  .contract__layout-header {
    min-width: auto;
    max-width: auto;
    padding: 0em;
  }
}
.contract__layout-title {
  font-size: 1.875rem;
  font-weight: 600;
  width: 85%;
  color: #333F48;
}
.contract__layout-subtitle {
  font-size: 1.125rem;
  font-weight: 600;
}
.contract__layout-body {
  display: block;
  position: relative;
  border-top: none;
  border-bottom: none;
  margin-top: 3.5rem;
  padding-bottom: 5rem;
}
.contract__container {
  position: relative;
  color: #231F20;
  margin-top: 74px;
  overflow: hidden;
  transform: translateZ(0px);
}
@media screen and (min-width: 1024px) {
  .contract__container {
    margin-top: 0;
  }
}
.contract__title-container {
  min-width: 320px;
  max-width: 632px;
  margin: auto;
  margin-top: 74px;
}
@media screen and (min-width: 1024px) {
  .contract__title-container {
    padding-top: 24px;
  }
}
.contract__title {
  display: none;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .contract__title {
    display: block;
  }
}
.contract__banner {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  position: absolute;
  height: 74px;
  display: block;
  background-color: #337A35;
  left: 0;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .contract__banner {
    position: relative;
    min-width: 320px;
    max-width: 632px;
    margin: auto;
  }
}
.contract__numbered-list {
  list-style-type: decimal;
}
.contract__numbered-list li {
  line-height: 1.5em;
  padding-bottom: 12px;
}
.contract__banner-text {
  position: relative;
  min-width: 320px;
  max-width: 632px;
  margin: auto;
  font-size: 0.75rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  line-height: 74px;
  padding: 0px 20px;
}
.contract__body-container {
  min-width: 320px;
  max-width: 632px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  margin: auto;
  color: #231F20;
  padding: 1.5rem 1.75rem;
  background-color: #fff;
}
.contract__body-container a:link, .contract__body-container a:visited {
  font-weight: 600;
  border-bottom: 3px solid #337A35;
  border-bottom-color: rgba(51, 122, 53, 0.2);
  color: #337A35;
}
.contract__body-container a:hover {
  border-bottom-color: rgba(51, 122, 53, 0.4);
}
.contract__body-container a:focus {
  border-bottom-width: 0;
}
.contract__body-container p {
  display: block;
  padding-bottom: 12px;
  line-height: 1.5em;
  margin: 0;
}
.contract__body-container dfn {
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
  font-weight: 600;
}
.contract__body-container .section-title {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 0px;
  margin: 0;
}
.contract__body-container .section-subtitle {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  padding: 12px 0px;
  margin: 0;
}
.contract__body-container .subsection-title {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  font-weight: 600;
  float: left;
  line-height: 1.5;
  margin: 0 0.3em 0 0;
}
.contract__body-container .section-reference {
  font-weight: 600;
  text-transform: uppercase;
}
.contract__body-container .centered-block {
  text-align: center;
  display: block;
}
.contract__body-container .submit-button {
  margin: 24px 0px 0px auto;
  display: block;
  color: #fff;
  background: #337A35;
  border: none;
  height: 74px;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.43;
  padding: 12px 24px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  text-transform: uppercase;
  font-size: 1rem;
  width: 100%;
  background-color: #F4F5F6;
  border: 1px solid #BEC3C7;
  border-radius: 5px;
  color: #5B6770;
  padding: 1em;
}
@media screen and (min-width: 600px) {
  .contract__body-container .submit-button {
    width: 190px;
  }
}
.contract__pattern {
  position: fixed;
  top: 7.75rem;
  left: -23.375rem;
  width: 40.25rem;
  z-index: -1;
}
@media screen and (max-width: 1023px) {
  .contract__pattern {
    display: none;
  }
}

.bold {
  font-weight: 600;
}

.italic {
  font-style: italic;
}

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