/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.footer__19f797MCuFmXMU95sok8Ww {
  background-color: #15141f;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  color: rgba(255, 255, 255, 0.6);
  width: 100%; }
  .footer__19f797MCuFmXMU95sok8Ww a {
    color: rgba(255, 255, 255, 0.6) !important; }
    .footer__19f797MCuFmXMU95sok8Ww a:hover, .footer__19f797MCuFmXMU95sok8Ww a:focus {
      color: rgba(255, 255, 255, 0.9); }
  .footer__19f797MCuFmXMU95sok8Ww li {
    color: rgba(255, 255, 255, 0.6); }

.container__zpZ5RRJ3aQ_OJmUMK046P {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 48rem) {
    .container__zpZ5RRJ3aQ_OJmUMK046P {
      justify-content: space-between;
      flex-direction: row; } }
  .container__zpZ5RRJ3aQ_OJmUMK046P > div {
    margin-bottom: 1.5rem; }
    @media only screen and (min-width: 48rem) {
      .container__zpZ5RRJ3aQ_OJmUMK046P > div {
        margin-bottom: 0; } }
  .container__zpZ5RRJ3aQ_OJmUMK046P > div:first-of-type,
  .container__zpZ5RRJ3aQ_OJmUMK046P > div:last-of-type {
    flex-basis: 25%; }
  .container__zpZ5RRJ3aQ_OJmUMK046P > div:nth-of-type(2) {
    flex-basis: 50%;
    display: flex; }
    @media only screen and (min-width: 48rem) {
      .container__zpZ5RRJ3aQ_OJmUMK046P > div:nth-of-type(2) {
        justify-content: center; } }

.social__Ww2kc_Wm2jOtFGoDWdNi1 {
  list-style-type: none;
  display: flex;
  padding: 0;
  margin: 0;
  align-items: center;
  height: 100%; }
  @media only screen and (min-width: 48rem) {
    .social__Ww2kc_Wm2jOtFGoDWdNi1 {
      justify-content: flex-end; } }
  .social__Ww2kc_Wm2jOtFGoDWdNi1 li + li {
    margin-left: 1.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.linkList__sUPVBjwi86ROnzJEQcMld {
  display: flex;
  flex-direction: column;
  justify-self: end;
  list-style-type: none;
  padding: 0;
  margin: 0; }
  @media only screen and (min-width: 48rem) {
    .linkList__sUPVBjwi86ROnzJEQcMld {
      flex-direction: row;
      align-items: center; } }
  .linkList__sUPVBjwi86ROnzJEQcMld a {
    color: #141c3a; }
    .linkList__sUPVBjwi86ROnzJEQcMld a:hover, .linkList__sUPVBjwi86ROnzJEQcMld a:focus {
      color: #6400e4; }
  @media only screen and (min-width: 48rem) {
    .linkList__sUPVBjwi86ROnzJEQcMld > li + li {
      margin-left: 3rem; } }
  .linkList__sUPVBjwi86ROnzJEQcMld > li a:hover, .linkList__sUPVBjwi86ROnzJEQcMld > li a:focus {
    text-decoration: none; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__t9cGpmzkTfzuZwSMDtCbX {
  max-width: 90rem !important;
  margin: auto;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative; }
  @media only screen and (min-width: 48rem) {
    .container__t9cGpmzkTfzuZwSMDtCbX {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (min-width: 64rem) {
    .container__t9cGpmzkTfzuZwSMDtCbX {
      padding-left: 2rem;
      padding-right: 2rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
@-webkit-keyframes animateIn__2GdWWE0BbhtafqdG2WfNZA {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes animateIn__2GdWWE0BbhtafqdG2WfNZA {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes animateOut__lQLLOJRpFE4CMyCEi4xZS {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes animateOut__lQLLOJRpFE4CMyCEi4xZS {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.modalContent__1PyS9cTZCsfSwCZPR3FXbg {
  overflow: auto;
  max-height: 100vh;
  max-width: 70rem;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  border: 12px solid #37c3be;
  padding: 2.5rem;
  opacity: 0;
  -webkit-animation: animateIn__2GdWWE0BbhtafqdG2WfNZA 300ms 400ms forwards;
          animation: animateIn__2GdWWE0BbhtafqdG2WfNZA 300ms 400ms forwards;
  color: #292929;
  font-size: 1.08rem; }
  .modalContent__1PyS9cTZCsfSwCZPR3FXbg a {
    font-weight: bold; }
  .modalContent__1PyS9cTZCsfSwCZPR3FXbg b {
    font-weight: bold;
    font-size: 1.1rem; }
  .modalContent__1PyS9cTZCsfSwCZPR3FXbg p {
    line-height: 1.5; }
  .modalContent__1PyS9cTZCsfSwCZPR3FXbg h1,
  .modalContent__1PyS9cTZCsfSwCZPR3FXbg p,
  .modalContent__1PyS9cTZCsfSwCZPR3FXbg ul {
    color: #292929 !important;
    margin-top: 0;
    margin-bottom: 1rem; }

.title__1Z1CpNfKjxktBUOPPaLZOS {
  text-align: center; }

.modalIsClosing__3r7WBGLHWVadtQ15aEJL_- {
  -webkit-animation: animateOut__lQLLOJRpFE4CMyCEi4xZS 150ms;
          animation: animateOut__lQLLOJRpFE4CMyCEi4xZS 150ms; }

.centeredBtn__2dG70nfxllga7CaiE6rFSc {
  text-align: center;
  margin-top: 1.5rem; }

.modalOverlay__1696WseN1yOew_yOYgxM_J::before {
  background-color: rgba(0, 0, 0, 0.85); }

.proLogo__3LZIXsHVmL_FP6JrW6Qhlj {
  vertical-align: bottom;
  width: 5rem; }

.headingText__KhgUXiOp4FQoawaUn0SQi {
  font-size: 2.5rem;
  display: block;
  font-weight: bold;
  margin-bottom: 2rem;
  text-align: center;
  line-height: 1.1;
  margin-top: 1.5rem !important;
  color: #292929; }

.iconList__2ysT7-rkClJMckDoenM-h- {
  margin: 0;
  padding: 0; }
  .iconList__2ysT7-rkClJMckDoenM-h- li {
    list-style-type: none;
    margin-top: 0.75rem;
    display: flex; }
    .iconList__2ysT7-rkClJMckDoenM-h- li > div:first-of-type {
      display: flex;
      align-items: center;
      margin-right: 1.25rem;
      width: 2.5rem; }

.emphasisText__2zHgWJEWhBiwiS9E20v5p- {
  font-weight: bold;
  font-size: 1.3rem;
  text-align: center; }

.responsiveFlex__LQc046NHYu1BpGCjLDJnY {
  display: flex;
  flex-direction: column;
  margin: 2rem 0 1rem 0; }
  .responsiveFlex__LQc046NHYu1BpGCjLDJnY > div:nth-of-type(1) {
    margin-bottom: 2rem; }
  @media only screen and (min-width: 64rem) {
    .responsiveFlex__LQc046NHYu1BpGCjLDJnY {
      flex-direction: row; }
      .responsiveFlex__LQc046NHYu1BpGCjLDJnY > div {
        flex: 0 1 50%;
        display: flex;
        justify-content: center;
        align-items: center; }
        .responsiveFlex__LQc046NHYu1BpGCjLDJnY > div:nth-of-type(1) {
          margin-right: 1rem;
          margin-bottom: 0; }
        .responsiveFlex__LQc046NHYu1BpGCjLDJnY > div:nth-of-type(2) {
          margin-left: 1rem; } }

.embedContainer__2y7tckluXjpHnUnreVTWgj {
  position: relative;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%; }
  @media only screen and (min-width: 64rem) {
    .embedContainer__2y7tckluXjpHnUnreVTWgj {
      padding-bottom: 36%; } }

.embedContainer__2y7tckluXjpHnUnreVTWgj iframe,
.embedContainer__2y7tckluXjpHnUnreVTWgj object,
.embedContainer__2y7tckluXjpHnUnreVTWgj embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.playIcon__2YKiG_flDSe5tMh7HYNM3r {
  color: #4c7ef3; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
@-webkit-keyframes draw-c__1llD4ciw1W1y8bRHIRp0X0 {
  50% {
    stroke-dashoffset: 0; } }
@keyframes draw-c__1llD4ciw1W1y8bRHIRp0X0 {
  50% {
    stroke-dashoffset: 0; } }

@-webkit-keyframes draw-c-fast__3IL_6o7kSzZ_XTUMJk6XLw {
  10% {
    stroke-dashoffset: 169; }
  50% {
    stroke-dashoffset: 0; }
  85% {
    stroke-dashoffset: 169; } }

@keyframes draw-c-fast__3IL_6o7kSzZ_XTUMJk6XLw {
  10% {
    stroke-dashoffset: 169; }
  50% {
    stroke-dashoffset: 0; }
  85% {
    stroke-dashoffset: 169; } }

@-webkit-keyframes draw-inner__Ad8iQBsDhQEq00EfQhafs {
  50% {
    stroke-dashoffset: 0; } }

@keyframes draw-inner__Ad8iQBsDhQEq00EfQhafs {
  50% {
    stroke-dashoffset: 0; } }

@-webkit-keyframes draw-inner-fast__3NjiJH3ASyWf_lnJM0pO-b {
  10% {
    stroke-dashoffset: 287; }
  50% {
    stroke-dashoffset: 0; }
  85% {
    stroke-dashoffset: 287; } }

@keyframes draw-inner-fast__3NjiJH3ASyWf_lnJM0pO-b {
  10% {
    stroke-dashoffset: 287; }
  50% {
    stroke-dashoffset: 0; }
  85% {
    stroke-dashoffset: 287; } }

@-webkit-keyframes draw-outer__1wHt-vQRB60TfolVuQ2bTs {
  50% {
    stroke-dashoffset: 0; } }

@keyframes draw-outer__1wHt-vQRB60TfolVuQ2bTs {
  50% {
    stroke-dashoffset: 0; } }

@-webkit-keyframes draw-outer-fast__1xQjU2GyoQfkDwgeMkZcdq {
  10% {
    stroke-dashoffset: 361; }
  50% {
    stroke-dashoffset: 0; }
  85% {
    stroke-dashoffset: 361; } }

@keyframes draw-outer-fast__1xQjU2GyoQfkDwgeMkZcdq {
  10% {
    stroke-dashoffset: 361; }
  50% {
    stroke-dashoffset: 0; }
  85% {
    stroke-dashoffset: 361; } }

@-webkit-keyframes draw-underline__1KaWi2iXzv8y-ipBxQ3bAG {
  50% {
    stroke-dashoffset: 0; } }

@keyframes draw-underline__1KaWi2iXzv8y-ipBxQ3bAG {
  50% {
    stroke-dashoffset: 0; } }

@-webkit-keyframes draw-underline-fast__2lVZeqPY0iphoRf8SSK8RA {
  10% {
    stroke-dashoffset: 77; }
  50% {
    stroke-dashoffset: 0; }
  85% {
    stroke-dashoffset: 77; } }

@keyframes draw-underline-fast__2lVZeqPY0iphoRf8SSK8RA {
  10% {
    stroke-dashoffset: 77; }
  50% {
    stroke-dashoffset: 0; }
  85% {
    stroke-dashoffset: 77; } }

.fullPage__3f03OI6a4abNK0n6SfaJ1e {
  width: 100%;
  height: calc(100vh - 3.5rem); }

.loading__2U2GY_AdK9NO8SHBDhfnDd {
  width: 7.5rem; }

.underline__3uRjo8lLj2Gois1apX0DKx {
  stroke-dasharray: 77;
  stroke-dashoffset: 77; }

.c__2mHUp9AzjTK9paG_oL4IpE {
  stroke-dasharray: 169;
  stroke-dashoffset: 169; }

.inner__l6yyVoavsGJ0-SVro5qGw {
  stroke-dasharray: 287;
  stroke-dashoffset: 287; }

.outer__3F3VI4WLfPZJvwC8z-_qeW {
  stroke-dasharray: 361;
  stroke-dashoffset: 361; }

.path__k7N_Hq3TPOCS62Ks5wojZ.underline__3uRjo8lLj2Gois1apX0DKx {
  -webkit-animation: draw-underline__1KaWi2iXzv8y-ipBxQ3bAG 3s infinite;
          animation: draw-underline__1KaWi2iXzv8y-ipBxQ3bAG 3s infinite; }

.path__k7N_Hq3TPOCS62Ks5wojZ.c__2mHUp9AzjTK9paG_oL4IpE {
  -webkit-animation: draw-c__1llD4ciw1W1y8bRHIRp0X0 3s infinite;
          animation: draw-c__1llD4ciw1W1y8bRHIRp0X0 3s infinite; }

.path__k7N_Hq3TPOCS62Ks5wojZ.outer__3F3VI4WLfPZJvwC8z-_qeW {
  -webkit-animation: draw-outer__1wHt-vQRB60TfolVuQ2bTs 3s infinite;
          animation: draw-outer__1wHt-vQRB60TfolVuQ2bTs 3s infinite; }

.path__k7N_Hq3TPOCS62Ks5wojZ.inner__l6yyVoavsGJ0-SVro5qGw {
  -webkit-animation: draw-inner__Ad8iQBsDhQEq00EfQhafs 3s infinite;
          animation: draw-inner__Ad8iQBsDhQEq00EfQhafs 3s infinite; }

.pathTwo__3Aqqhl23XTXKt_oU89-p4Q.underline__3uRjo8lLj2Gois1apX0DKx {
  -webkit-animation: draw-underline-fast__2lVZeqPY0iphoRf8SSK8RA 3s infinite;
          animation: draw-underline-fast__2lVZeqPY0iphoRf8SSK8RA 3s infinite; }

.pathTwo__3Aqqhl23XTXKt_oU89-p4Q.c__2mHUp9AzjTK9paG_oL4IpE {
  -webkit-animation: draw-c-fast__3IL_6o7kSzZ_XTUMJk6XLw 3s infinite;
          animation: draw-c-fast__3IL_6o7kSzZ_XTUMJk6XLw 3s infinite; }

.pathTwo__3Aqqhl23XTXKt_oU89-p4Q.outer__3F3VI4WLfPZJvwC8z-_qeW {
  -webkit-animation: draw-outer-fast__1xQjU2GyoQfkDwgeMkZcdq 3s infinite;
          animation: draw-outer-fast__1xQjU2GyoQfkDwgeMkZcdq 3s infinite; }

.pathTwo__3Aqqhl23XTXKt_oU89-p4Q.inner__l6yyVoavsGJ0-SVro5qGw {
  -webkit-animation: draw-inner-fast__3NjiJH3ASyWf_lnJM0pO-b 3s infinite;
          animation: draw-inner-fast__3NjiJH3ASyWf_lnJM0pO-b 3s infinite; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.wrapper__OxsOFGqTsEEMQcbDCa8uV {
  background: #ffffff;
  position: relative; }
  .wrapper__OxsOFGqTsEEMQcbDCa8uV::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    left: 0;
    height: 0.0625rem;
    background: #e9eaea; }

.container__1LEM0Z93rkufUgvrwYqeUO {
  display: flex;
  flex-flow: row wrap;
  padding-top: 1.5em;
  padding-bottom: 1.5rem; }

.column__3GRdSlfXqHyJtn3cLGtjM5 {
  flex: 1 1;
  display: flex;
  flex-flow: column nowrap; }
  @media screen and (max-width: 30.6875rem) {
    .column__3GRdSlfXqHyJtn3cLGtjM5:first-of-type {
      margin-bottom: 0.625rem; } }

.columnHeader__LYOsbhedI0tqgitiaaQS5 {
  text-transform: uppercase;
  font-size: 1rem;
  margin: 0.75rem 0;
  color: #525252; }

.linkSection__2DKAIfL--pXT5uVFQe3AoM {
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-fill: auto;
          column-fill: auto;
  height: 7.1875rem; }

.filterLink__223ZYg0mgfX2Vit7Gy2CM3 {
  height: 1.75rem;
  width: 12rem; }

.activeFilterLink__2g9vqemdzXq1MPWbRO8G5n {
  font-weight: bold; }
  .activeFilterLink__2g9vqemdzXq1MPWbRO8G5n a {
    color: #292929; }

.link__DHP8rtidJg0JrzP9Qm9am {
  display: flex;
  align-items: center;
  color: #3e3e40;
  transition: color 0.25s ease-out;
  cursor: pointer; }
  .link__DHP8rtidJg0JrzP9Qm9am:hover {
    color: #4b35ef;
    text-decoration: none; }
  .link__DHP8rtidJg0JrzP9Qm9am:focus {
    text-decoration: none; }

.linkSectionSafariFixes__3dzRG4HbnHtgVG91yZjNT2 {
  max-height: none;
  flex-wrap: nowrap; }

.proLogo__1Xv-J17zpp8cmMt_mgKjMT {
  margin-left: 10px;
  color: #6400e4; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__209ZFkC_-wI3hseizMMFq_ {
  border: 1px solid #d4d5d6;
  padding: 0.6rem;
  height: 4.8rem;
  min-height: 4.25rem;
  min-width: 9.0625rem;
  text-align: right;
  margin-left: 1.9375rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

.salary__3R-wc3lwT0YbfzEJ7xffTO {
  font-size: 1.5rem;
  font-weight: bold;
  display: block;
  margin: 0 0 0.125rem;
  color: #292929; }

.subtext__4mfSmvP4U97eQCTIRPDnf {
  font-size: 0.8125rem;
  color: #939598;
  display: block; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.wrapper__23yyf_CxY7uFKoSJs1k8_H {
  margin-top: 1.5625rem; }

.heading__1Wdcfk8p2lHPdF38PyXKNO {
  margin: 2.5rem 0 1.5rem 0;
  font-size: 3rem;
  font-weight: bold; }

.description__2fW0szIHdKLRkP3owpFeMx {
  margin: 0 0 1rem; }

.attribution__AbiIaK5KDKHaY66I9Dtsn {
  color: #939598;
  margin-bottom: 1rem;
  display: block; }

.cardGrid__1pe2Xh2sLfIUCt_IryGkOm {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
  grid-gap: 2.2rem; }
  .cardGrid__1pe2Xh2sLfIUCt_IryGkOm > * {
    flex-basis: 21.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.header__TPGAn7-IrGohOpMfAOAsn {
  margin: 0 0 0.625rem;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2; }

.description__npYO7MgT0O4SxUnbGreZu {
  color: #5a5b5e;
  flex: 1 1;
  position: relative;
  height: 3rem;
  display: inline-block;
  overflow: hidden; }
  .description__npYO7MgT0O4SxUnbGreZu::after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35%;
    height: 1.5rem;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 75%); }

.icon__25_I0cC-BF_tH4PqSTgGUW {
  display: inline-block;
  padding-right: 0.5rem; }

.alertIcon__9rRFR4REU65UEs5vS2AfD {
  color: #fa4359; }

.maintenanceIcon__2cFzAxJtNXsd0fQRKbkTSY {
  color: #525252; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.footer__24jYoqeP8-zNsaOF-eQI-Y {
  position: absolute;
  bottom: 0;
  padding-bottom: 0.625rem; }

.timeEstimate__1zX_wV6BGj6HXeTKC4YG1H {
  color: #a9aaad;
  font-size: 0.8125rem;
  vertical-align: top; }

.icon__MPATXuVwPqV0R0_rZxPMr {
  padding-right: 0.25rem;
  vertical-align: top;
  color: #a9aaad; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.shellHeight__2jsuWtXDSQ4ApILdDE7e25 {
  height: 25rem;
  overflow: hidden;
  position: relative; }

.imageContainer__1ysZJoit69mW3HYBUbTKsX {
  height: 14.125rem;
  overflow: hidden; }

.image__MsX0qPYAoPmOUsv145I_l {
  vertical-align: bottom;
  border-radius: 2px 2px 0 0;
  width: 100%;
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%); }

.spacer__17Rf66X_In6VZBa3kQZG6Y {
  height: 1.375rem; }

.confetti__1xkRnyFb8j08WUjfPuzCtt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto; }

.link__1P5aStL-9toGSzLslrn9M3:hover, .link__1P5aStL-9toGSzLslrn9M3:focus {
  text-decoration: none; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.blueDecoration__mTzo9GJ1fjT8s4VtkGqDe {
  border-top: 8px solid #3c64c2;
  border-radius: 2px 2px 0 0; }

.lightBlueDecoration__2PJMaY5dRSpHrhwQXlWKFE {
  border-top: 8px solid #0ea0e7;
  border-radius: 2px 2px 0 0; }

.tealDecoration__36t2sw4aCo4vxk7NcMP4DE {
  border-top: 8px solid #2daaa6;
  border-radius: 2px 2px 0 0; }

.purpleDecoration__2Wbx-Y9LaVTvQ9iSlJjgx1 {
  border-top: 8px solid #69639a;
  border-radius: 2px 2px 0 0; }

.violetDecoration__10d-82ApjfEJlFXCGe61p7 {
  border-top: 8px solid #9385f5;
  border-radius: 2px 2px 0 0; }

.shellHeight__3QH4qHC0_i2aGsA-79mIl1 {
  height: 13.5rem;
  position: relative; }

.graphic__1OwTKFLNZX5baDrplAyzgQ {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 2px 0 0;
  height: 2.4rem; }

.spacer__1nygQdVf1j7loCmkVxQwwp {
  height: 1.1875rem; }

.spacerProExclusive__3O0bLCwMpswFl8Ee1CPRGz {
  height: 1.3125rem; }

.confetti__39QjRS5xU5rVdnVhjT-mAl {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto; }

.courseText__3_3ipbc6oyG-oPncDjy9Te {
  color: #5a5b5e;
  flex: 1 1;
  font-size: 14px;
  padding: 0 1rem;
  margin-bottom: 1.125rem; }

.courseTextExclusive__25d_fLrJPUJF7zbdb-oxRD {
  color: #5a5b5e;
  flex: 1 1;
  font-size: 14px;
  padding: 0 1rem;
  padding-left: 4.2rem;
  position: relative;
  margin-bottom: 1.125rem; }

.proRibbonYellow__1WiJrjw1VYnPs23bPu6xKE {
  position: absolute;
  left: -10px;
  top: -7px;
  width: 4.375rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.card__bZ87GiwOTI8rfZzZT1uzQ {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  color: #7a7a7a;
  max-width: 33rem;
  height: 25rem;
  cursor: pointer; }
  @media only screen and (min-width: 64rem) {
    .card__bZ87GiwOTI8rfZzZT1uzQ {
      max-width: 100%;
      flex-direction: row;
      height: auto; } }

.currentTag__2GGCeRsee9cecOYnTJrUtG {
  position: absolute;
  text-transform: uppercase;
  top: -1px;
  right: -1px;
  background-color: #ffc107;
  color: #000000;
  margin: 0.0625rem;
  padding: 0.1875rem 0.5625rem;
  font-weight: 700; }

.image__1l_QeiMpmCgPYAkFuTgV5f {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  height: 14.125rem; }
  @media only screen and (min-width: 64rem) {
    .image__1l_QeiMpmCgPYAkFuTgV5f {
      width: 19.9375rem;
      max-width: 100%;
      margin-right: 1rem; } }
  .image__1l_QeiMpmCgPYAkFuTgV5f img {
    max-width: 75%;
    max-height: 75%; }

.computerScienceBg__10dHtUzN28mNd_mH7Rqa0D {
  background-color: #b035c9; }

.webDevBg__1vXH7uiRArHLjbJrneg_Fi {
  background-color: #49a9f8; }

.dataScienceBg__3TMytGNcRnxMz7PTVhQuoi {
  background-color: #3731b8; }

.codeFoundationsBg__1uKv65YO-2GDvkjzqw1Cwy {
  background-color: #90edc5; }

.skill__2GKrtD1pRDMEuDblGXLMFA {
  margin-right: 2.25rem;
  display: inline; }

.skills__1rHucnGiJtvMsuOVvas_rS {
  list-style-type: none;
  padding: 0;
  display: none;
  margin-bottom: 1rem; }
  @media only screen and (min-width: 64rem) {
    .skills__1rHucnGiJtvMsuOVvas_rS {
      display: block; } }

.title__6wCb8nXYGTWtbhkBv_9F {
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #000000;
  margin-top: 1.5rem;
  margin-bottom: 0.6rem;
  text-align: left; }
  @media only screen and (min-width: 64rem) {
    .title__6wCb8nXYGTWtbhkBv_9F {
      margin-top: 2.4rem;
      margin-bottom: 1rem;
      font-size: 1.25rem;
      line-height: 1.25rem; } }

.description__HE5KMDlhAdQy_Ka7F01wq {
  position: relative;
  height: 3rem;
  display: inline-block;
  overflow: hidden;
  margin-bottom: 1rem;
  text-align: left;
  display: block; }
  .description__HE5KMDlhAdQy_Ka7F01wq::after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35%;
    height: 1.5rem;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 75%); }

.textWithIcon__28M4AAdc5RtKOgXK1_yhmM {
  display: flex;
  margin-bottom: 1.5rem; }

.icon__3TkiZwjUef_P_sLQPXVACy {
  margin-right: 0.4375rem;
  flex-shrink: 0;
  vertical-align: bottom; }

.inProgress__Ok0pZP1JVFl6OMdkUklMM {
  display: flex;
  align-items: center; }

.inProgressIcon__1iUAzjfmv6UsGu-rXBcQ2F {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  border: solid 4px #ffa000;
  border-radius: 50%;
  margin-right: 0.5rem; }

.link__1iEnVooJazhXb55sYWcFSh {
  display: block; }
  .link__1iEnVooJazhXb55sYWcFSh:hover, .link__1iEnVooJazhXb55sYWcFSh:focus {
    text-decoration: none; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.cardList__6iGqjHrlp6-O5VDvUTqTQ {
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: center; }

.cardItem__M21R6QZ1-7btK-TToTOWH {
  margin-bottom: 30px; }
  @media only screen and (min-width: 64rem) {
    .cardItem__M21R6QZ1-7btK-TToTOWH {
      width: 100%; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.wrapper__2y7cYuX7vBCfpFy8XO2QmV {
  padding: 1.5625rem 0 2.5rem;
  position: relative; }
  .wrapper__2y7cYuX7vBCfpFy8XO2QmV::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    height: 0.0625rem;
    background: #e9eaea; }

.textContainer__1npZz1QXJDm-lC1St5CO6 {
  margin-bottom: 2.3125rem; }

.heading__mDQD4-Yk4jWzCClk-zpUk {
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1.25rem; }

.description__m-lDgA1iToP6w2DTKtzJR {
  margin-bottom: 0.3125rem; }

.logo__e8M1cFSWTIdSGCXrbQtVp {
  fill: #292929;
  position: absolute;
  top: 2.25rem;
  right: 0; }

.logoProAlt__3SRa6insFXIeH4BZEbiWLs {
  top: 1.25rem;
  color: #6400e4; }

.link__2OLaRUvoa4B2Ql9QQ-cm5x {
  font-weight: bold; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.pageWrapper__1FQX2rgQQ_4eiBZ00YLZZ1 {
  background: #fdfdfc; }

.contentWrapper__1Unfs20UL6M-9NCKDJFgae {
  margin: 0 auto;
  min-height: 70vh; }

.sectionHeading__3L-Qcx7wrrFKyJsQ9X6CQY {
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.layout__3fh9sT2crZpk4GtHI--hiT {
  background-color: #ffffff; }

.container__3iZtRH47ThZ_zq_PKIQFyx {
  position: relative;
  padding: 0 1rem; }

.pinned__RdtuWhmNk0XTpOR2MdQfQ {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.scrollable__2M_sD_WGY2YObbKwLm5aEA {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.sideNavTitleContainer__2SMeqUMqbw11aR83-uWC2E {
  padding: 1.5rem 0;
  border-bottom: solid 1px #d4d5d6; }

.sideNavTitle__1you8x2X7O62SFXwienpPe {
  display: block;
  margin-left: 2rem;
  font-size: 1rem;
  font-weight: bold;
  color: #204056; }
  .sideNavTitle__1you8x2X7O62SFXwienpPe:hover, .sideNavTitle__1you8x2X7O62SFXwienpPe:active, .sideNavTitle__1you8x2X7O62SFXwienpPe:focus {
    text-decoration: none; }

.footerWrapper__1y7Q1wrr083gX-Lg3SIC7H {
  background-color: #d4d5d6; }

.noSideBar__35tkf5V5DKkYHwfkdTxnHJ .main__1dtmclWYo0wGvBpHgZ4LPj {
  padding-bottom: 2rem;
  padding-left: 0; }

.layout__3fh9sT2crZpk4GtHI--hiT.noSideBar__35tkf5V5DKkYHwfkdTxnHJ .main__1dtmclWYo0wGvBpHgZ4LPj {
  padding-bottom: 6rem; }

.sideBarContainerInner__2IU9jEIu0Cqf_49xvmhrGG {
  min-height: calc(100vh - 5rem);
  height: calc(100vh - 5rem);
  position: fixed;
  overflow: hidden;
  min-width: 19.9rem;
  width: 19.9rem;
  padding-top: 0.5rem; }

.hasHeader__2nOOdJ10DeafyC5uqOpkn8 .sideBarContainerInner__2IU9jEIu0Cqf_49xvmhrGG {
  padding-top: 8rem; }

.sideBarContainer__uqopIwIgQsXhainx_RHE_ {
  min-height: calc(100vh - 3.5rem);
  height: calc(100vh - 3.5rem);
  overflow: hidden;
  min-width: 21.9rem;
  width: 21.9rem; }

.main__1dtmclWYo0wGvBpHgZ4LPj {
  position: relative;
  padding-left: 0;
  margin-left: 3rem;
  min-width: 39.6875rem;
  max-width: 63rem;
  padding-bottom: 4rem; }

.hasHeader__2nOOdJ10DeafyC5uqOpkn8 .main__1dtmclWYo0wGvBpHgZ4LPj {
  padding-top: 7.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.banner__6pzva0QItXC0o86v3DvBm {
  padding: 10px;
  background: linear-gradient(to top right, #34b3a0 0%, #204056 100%) transparent;
  color: #ffffff;
  cursor: pointer; }

.proContent__Fsth02cw5_xfz6oyc6PO3 {
  color: #ffffff;
  text-align: center;
  padding: 0px 20px;
  flex-basis: 33%;
  white-space: nowrap; }
  .proContent__Fsth02cw5_xfz6oyc6PO3 h4 {
    font-size: 22px;
    color: #ffffff;
    margin-bottom: 0px !important; }
  .proContent__Fsth02cw5_xfz6oyc6PO3 h5 {
    font-size: 16px;
    color: #ffffff; }

.leftHead__16r6_ZnH9PzZcuYpyWtlMk {
  width: 200px; }

.rightHead__dGgHjDPhGMbAbYkbFLo1Y {
  width: 160px; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.verticalSpacing__3K78bTA6Xp2GfdGw8Ol4pv {
  margin-top: 2rem; }

.adBannerContainer__2YaCZWHU7TnaSLPVAnX4A1 {
  margin-top: 2rem; }

.heading__2NNzWTO2o5IBttCqosQDWP {
  font-size: 2rem;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fullWidth__3cz-n6ilRCOoPvdcF0PGno {
  width: 100%; }

.description__3fPdzS1PepxGd9zDvHI2f0 {
  line-height: 1.4;
  max-width: 30rem;
  text-align: center; }

.earnPoints__3CvtOAaVtYr9dCgNZvdYtk {
  margin-top: 1rem; }

.ctaButton__3oV0hqKHbjeaVaXsdlWNO {
  min-width: 180px;
  margin-bottom: 2.5rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.colorPoints__2k-uaktL_cvzjAfR1iQ98D {
  color: #34b3a0; }

.contentMaxWidth__3okjMKqwpJXUvsHcIGyDSq {
  width: 100%; }

.smallLink__2wCFf8RbCrgARs6vFxrTES {
  text-decoration: none;
  color: #939598; }

.linkArea__3O8YMUEaPwHxVcDpXpXQAL {
  margin-top: 20px;
  text-align: center;
  width: 100%; }

.courseIcon__D1cKDXhwqhpRxjZEQmg5w {
  margin-top: 4rem;
  font-size: 3.5rem; }

.courseIconImage__3PKrXXzl04TDb6KLZrLPTv {
  height: 4rem; }

.borderTop__vsE6_IJrDPQgpnSMX-0yV {
  border-top: 1px solid #d4d5d6; }

.borderBottom__5fAyJdq1ZFzGccM_2DG08 {
  border-bottom: 1px solid #d4d5d6; }

.course__2vFRM0EIrpvpfNH1jL8C_G {
  padding: 2rem 0; }

.segmentHeader__I9u_pzm1Ev-4Xa8VDdom9 {
  margin: auto; }

.accordion__3EaE967Fo-wNH8xPc07_cR {
  background-color: #e9eaea; }

.accordionHeader__1iV_FZKr4pU0AthK5l6jS2 {
  cursor: pointer; }

.accordionToggle__2ox9L3hhEUQnPuIQVPjLsU {
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  padding-right: 2rem; }

.accordionExpandedHeader__31DyYvJxoOfV6rieDkuxPK .accordionToggle__2ox9L3hhEUQnPuIQVPjLsU {
  font-size: 1rem; }

.maintenancePaneContainer__15Obg6YLKCPTPD_HU3m3MA {
  margin-bottom: 1rem;
  border: 1px solid #d4d5d6; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.extendedDescription__1qi6Q6C3XATy72whqAylKq {
  text-align: left;
  padding-bottom: 2rem;
  padding-top: 1.5rem;
  font-size: 1rem; }
  .extendedDescription__1qi6Q6C3XATy72whqAylKq [role="gallery"] {
    display: flex;
    flex-direction: row;
    margin-top: 0.5rem;
    margin-bottom: 1rem; }
    .extendedDescription__1qi6Q6C3XATy72whqAylKq [role="gallery"] img {
      border: 1px solid #e9eaea; }
    .extendedDescription__1qi6Q6C3XATy72whqAylKq [role="gallery"] > img,
    .extendedDescription__1qi6Q6C3XATy72whqAylKq [role="gallery"] > a {
      display: block;
      position: relative;
      flex: 1 1 auto;
      margin-right: 1rem; }
      .extendedDescription__1qi6Q6C3XATy72whqAylKq [role="gallery"] > img:last-child,
      .extendedDescription__1qi6Q6C3XATy72whqAylKq [role="gallery"] > a:last-child {
        margin-right: 0; }
    .extendedDescription__1qi6Q6C3XATy72whqAylKq [role="gallery"] > a img {
      margin: 0;
      width: 100%; }

.hideProContent__2imx_PjbFr_6SvK2h2Fxdh [role="pro"] {
  display: none; }

.partnerWrapper__I6omG23n1dZsZBfm7FP4_ {
  padding: 3rem; }

.partnerLogo__XJec3-2n3L15B5M-c4JQx {
  max-width: 200px;
  max-height: 200px;
  margin: 1rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__2fm_JH_BgwPPv53QI1LeT_ {
  position: relative;
  height: 100%; }

.connector__1jtIxzXAys-m2BJuyOdf-Q {
  position: absolute;
  height: 0;
  top: 0;
  left: 50%;
  border-left: solid 0.0625rem #a9aaad; }

.connector__1jtIxzXAys-m2BJuyOdf-Q.up__a7VljbOGTzfSGlKlhuufW {
  height: 50%; }

.connector__1jtIxzXAys-m2BJuyOdf-Q.down__yKPL0iTAy1DzvYyilPs-e {
  height: 50%;
  top: 50%; }

.connector__1jtIxzXAys-m2BJuyOdf-Q.both__3SYyjWPkbsFxo-pO2ALEDs {
  height: 100%; }

.icon__1wdclztRIZxK0s8ZfPk-H5 {
  position: relative;
  color: #163142;
  background-color: #ffffff;
  z-index: 1;
  font-size: 1rem;
  height: 1.75rem;
  width: 1.75rem;
  border: solid 0.0625rem #a9aaad;
  border-color: #163142;
  border-radius: 50%; }
  .icon__1wdclztRIZxK0s8ZfPk-H5.pro__2IeirOuPdlTEy1Fi8d7Krb {
    font-size: 0.625rem; }
  .icon__1wdclztRIZxK0s8ZfPk-H5.complete__1HqSnAol0jN68YDOU1yOpn {
    background-color: #34b3a0;
    border-color: #34b3a0;
    color: #ffffff; }
  .icon__1wdclztRIZxK0s8ZfPk-H5.failed__RUKicwXmlnFeqN-BaH2Eh {
    background-color: #f65a5b;
    border-color: #f65a5b;
    color: #ffffff; }
  .icon__1wdclztRIZxK0s8ZfPk-H5.failed__RUKicwXmlnFeqN-BaH2Eh, .icon__1wdclztRIZxK0s8ZfPk-H5.complete__1HqSnAol0jN68YDOU1yOpn {
    font-size: 0.75rem; }
  .icon__1wdclztRIZxK0s8ZfPk-H5.lock__1LAlNSmRpS0zoFuih6l5dI {
    background-color: #a9aaad;
    border-color: #a9aaad;
    color: #ffffff; }

.video__1XVYLuWBjrBmxmkkUbM8xE,
.informational__3abLqRU6bVTnr97GEc4MJi {
  position: relative;
  top: 0.2rem;
  left: 0.1rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.contentListItem__1_Z3fwTm38RVwLZxATDW2C {
  width: 100%;
  max-width: 100%;
  height: 4.375rem;
  overflow: hidden; }
  .contentListItem__1_Z3fwTm38RVwLZxATDW2C:hover {
    background-color: #f1f2f3;
    cursor: pointer; }

.link__3vdtVsJc5XhlSQSMx3m9M5 {
  width: 100%; }
  .link__3vdtVsJc5XhlSQSMx3m9M5:hover, .link__3vdtVsJc5XhlSQSMx3m9M5:focus {
    text-decoration: none; }

.nextContainer__2aCatUMlmoXAZ3omv2BIVq {
  width: 4.25rem;
  font-weight: bold;
  font-size: 0.9rem;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.nextArrowContainer__2uNU_C8vuGLSDnVlwPCldP {
  height: 100%;
  width: 100%;
  padding-left: 1rem;
  color: #a9aaad; }

.nextArrow__1TT3jUPVOm3zrb6DLhEos- {
  font-size: 2rem;
  font-weight: normal;
  line-height: 2rem;
  margin-left: -0.2rem; }

.proLabel__AEhNCKIKN38j7R-9RlcPd {
  font-weight: bold;
  color: #34b3a0;
  padding-left: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.title__8THLTzMV_0EkAV9jI6W97 {
  color: #204056; }

.shortDescription__34mOHRzQyMKlJhXxEFVo6a {
  color: #a9aaad;
  margin-right: 0.5rem; }

.title__8THLTzMV_0EkAV9jI6W97,
.shortDescription__34mOHRzQyMKlJhXxEFVo6a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 1rem; }

.progressContainer__3Fb5Yrtep_qlYC4opqcGbR {
  text-align: right; }

.progress__2eLNqfVxdQ77ZDY8PEtyhH {
  font-weight: 200;
  font-size: 1rem;
  padding-right: 1.5rem; }

.failing__3wTMOYKyQgQ5_-JUFrOY2O .progress__2eLNqfVxdQ77ZDY8PEtyhH {
  color: #f65a5b; }

.hoverLink__2jmWrDyybZwsv5xQtoXdfe {
  color: #34b3a0; }

.hoverLinkText__3y_eJHPwpK5N-ldq8gVnXA {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .hoverLinkText__3y_eJHPwpK5N-ldq8gVnXA.locked__eIkqzh_tPnIu5FuVYHLd5 {
    color: #939598;
    padding-right: 1.5rem; }

.hoverLinkArrow__QMDIUPXRmAyDw5el2CXvo {
  font-size: 2rem;
  margin-left: -0.25rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.fpContent__2CznUQtMi0KBRTA_bwKnwb {
  padding: 1.5rem;
  width: 100%;
  color: #204056; }

.fpColumn__1MMg7Z2_sFX67QUeYvpgk- {
  flex-basis: 50%;
  margin-right: 1rem; }
  .fpColumn__1MMg7Z2_sFX67QUeYvpgk-:last-child {
    margin-right: 0; }

.fpImageWrapper__3lItYesysyGQKF7CVQFqL1 {
  line-height: 0; }

.fpImage__3xmSUuqZ3PA_6Yiruk36KL {
  max-width: 22.5rem;
  width: 100%;
  height: auto;
  padding-right: 1.5rem; }

.fpDescription__3Ej4BTlLuyqIO1U-h3NHJb {
  margin-bottom: 1rem; }

.projectImage__1NTaZfBlo0d0_G5ygt5sQy {
  width: 100%;
  height: auto; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__2dcvkuP2M4TEPaHW_rSASY {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding: 1rem 0 1rem 4.25rem; }

.header__LgAKLNvQTqudoD5ZCFWMD {
  margin-bottom: 0.5rem; }

.title__11xpY-d7DMZ0a0Kdk00od7 {
  color: #204056;
  font-weight: bold;
  padding-left: 1rem; }

.icon__TaOb6suIO6KLjHVoS8AvQ {
  position: relative;
  color: #204056;
  background-color: #ffffff;
  z-index: 1;
  padding-top: 0.3rem;
  padding-left: 0.325rem;
  font-size: 1rem;
  height: 1.75rem;
  width: 1.75rem;
  border: solid 0.0625rem #204056;
  border-radius: 50%; }

.resource__2kBg62wQJ-wLv91oGC6dZA {
  padding: 1rem 0 1rem 2.75rem; }
  .resource__2kBg62wQJ-wLv91oGC6dZA:hover {
    background-color: #f1f2f3; }

.resourceTitle__1BBYF2Zs05kc14HtZVkkD0 {
  color: #204056; }

.resourceInfo__S9AFbK3TT4L_925-B9u2a {
  color: #a9aaad;
  padding-left: 1rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.unit__3gcsJtj1VMIh7uHDjDWp2B {
  color: #a9aaad;
  position: relative;
  margin-bottom: -1px; }
  .unit__3gcsJtj1VMIh7uHDjDWp2B.complete__2Rd48yBo6oLUik-W9hw2Zc {
    color: #34b3a0; }
    .unit__3gcsJtj1VMIh7uHDjDWp2B.complete__2Rd48yBo6oLUik-W9hw2Zc .toggle__2XsGXBr8jPmI8i8uElYxB_ {
      color: #a9aaad; }
  .unit__3gcsJtj1VMIh7uHDjDWp2B .unitHeader__17hc9ecW029QRmMltt26ry {
    border-top: solid 1px #d4d5d6;
    border-bottom: solid 1px #d4d5d6; }
  .unit__3gcsJtj1VMIh7uHDjDWp2B.expanded__2SkVz6e-Ih6edGN0ussbpd .unitIndex__9ruAg64X15uqOhWyZY18d {
    font-weight: bold; }

.unitHeader__17hc9ecW029QRmMltt26ry {
  padding: 1rem 1.5rem;
  cursor: pointer; }
  .unitHeader__17hc9ecW029QRmMltt26ry:hover {
    background-color: #f1f2f3; }

.unitIndex__9ruAg64X15uqOhWyZY18d,
.unitName__3wbimApj96gOVOEaaa2DhW {
  color: #204056;
  font-size: 1rem; }

.unitIndex__9ruAg64X15uqOhWyZY18d {
  width: 1rem; }

.unitName__3wbimApj96gOVOEaaa2DhW {
  padding-left: 1.4rem;
  min-width: 0;
  flex-shrink: 1;
  overflow: hidden; }

.noWrap__35yXSLT89zGVTSGyYeiRy_ {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.syllabusUnit__2mnSclF6ThExfr_p3BVKzS {
  overflow: auto;
  position: relative; }

.accordionToggle__2f4uavJCb3BamkJ7LpTZE4 {
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  padding-left: 1rem; }

.finalProject__12yukN0_imQvA4nzsY82WM {
  padding-top: 1rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.Tab__3cO2lrxn5Y6HiXJjK8baQC {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  outline: 0;
  background: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 2.9375rem;
  line-height: 2.9375rem;
  font-size: 1rem;
  color: #5a5b5e;
  padding: 0 0.125rem; }
  .Tab__3cO2lrxn5Y6HiXJjK8baQC:hover, .Tab__3cO2lrxn5Y6HiXJjK8baQC:focus {
    text-decoration: none; }
  .Tab__3cO2lrxn5Y6HiXJjK8baQC:hover {
    color: #225470; }
  .Tab__3cO2lrxn5Y6HiXJjK8baQC::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.1875rem;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    background-color: #204056;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }

.active__1Vd23hUI_mXdETsArlGNjv {
  color: #204056; }
  .active__1Vd23hUI_mXdETsArlGNjv::after {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }

.hidden__2l20GfwkX4-JgTa9WKfqAq {
  display: none; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.resetProgressLink__2HF_uOzluThxO3mIRea1wH {
  background-color: #ffffff;
  padding: 0.5rem 0 0;
  color: #4b35ef; }
  .resetProgressLink__2HF_uOzluThxO3mIRea1wH:hover, .resetProgressLink__2HF_uOzluThxO3mIRea1wH:focus, .resetProgressLink__2HF_uOzluThxO3mIRea1wH:active {
    background-color: #ffffff;
    color: #4b35ef;
    text-decoration: underline; }

.resetIconResumeCard__fEBiHC4FnHYTPDVggvd2e {
  height: 1rem;
  width: 1rem;
  margin-right: 0.5rem; }

.resetProgressLinkResumeCard__24LOR1KVm4RlFF39QuWSGw {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  color: #4b35ef;
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer; }
  .resetProgressLinkResumeCard__24LOR1KVm4RlFF39QuWSGw:hover, .resetProgressLinkResumeCard__24LOR1KVm4RlFF39QuWSGw:focus {
    background-color: #ffffff;
    color: #4b35ef;
    text-decoration: none; }
    .resetProgressLinkResumeCard__24LOR1KVm4RlFF39QuWSGw:hover:active, .resetProgressLinkResumeCard__24LOR1KVm4RlFF39QuWSGw:focus:active {
      color: #4b35ef;
      text-decoration: none;
      background-color: #ffffff; }

.resetProgressModal__29IyKEe5LJaK_dbfhHktKy {
  background-color: #ffffff;
  width: 90vw;
  max-width: 30rem;
  height: 90vh;
  max-height: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem; }

.modalContent__3O4ID4bkpyO5Fuik2_spBF {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  height: 100%; }

.buttonGroup__PRTYA83gZqfjPSeggEZev {
  display: flex;
  justify-content: center; }

.modalButton__1DnCt2taZdqJIThWgxD8PR {
  margin-right: 0.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.resumeCard__3nSLerpmfdbB8uPQAHrmJ- {
  height: 12.5rem;
  border-radius: 0.125rem;
  background-color: #ffffff; }

.iconContainer__3CL_ALQgR9c2zZZaQ9Ddon {
  height: 12.5rem; }

.tray__1JU-DkVh84OYqmkZNd31HV {
  background-color: #ffffff;
  padding: 2rem 2rem 0;
  overflow: hidden; }

.title__3oCf_Y2aUkfGzm7TnPBn9V {
  font-size: 1.6rem;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  object-fit: contain;
  margin-bottom: 0.5rem;
  overflow: hidden; }

.message__P4ZjHtJKGjYnnaA0asMKl {
  margin-top: 0.2rem;
  overflow: hidden;
  margin-bottom: -0.125rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #525252; }

.resumeCardShell__1D0N6pg4ihe_Yfg0flvCkd {
  width: 100%; }

.body__2sxhtkDINT-lgQKNnU0jIK {
  margin-top: 1rem; }

.proLogo__y3Z-iS_1wtR0Ek8nMEnvQ {
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 2; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.coursePrimaryButtonResumeCard__3nCe4bIsrObjs8W2UzVxgB {
  margin-right: 0.75rem;
  margin-bottom: 2.5rem;
  width: 9.375rem;
  height: 3rem;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  color: #3e3e40 !important;
  background-color: #ffc107 !important;
  border-color: transparent !important;
  text-transform: uppercase;
  border-radius: 2px;
  margin-top: 0; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.iconContainer__rOwt9A1yZ_weYzQOPiOc4 {
  min-width: 10rem;
  width: 10rem;
  background-color: #204056; }

.tray__AX776Z7sEiI8jsEuDDZRz {
  background-color: #e9eaea;
  padding: 1rem 2rem; }

.name__16TNBZbbsfSfK5et4WPcwX {
  color: #204056;
  font-size: 1.5rem; }

.message__2iMLc3Fx8iufVlvjeICOZv {
  margin-top: 0.5rem; }

.buttonContainer__1pIf6HPAA0UEboy3rf0Q6w {
  margin-top: 1rem; }

.secondaryButtons__2jctv7Sd_UBjB2BkzSWTMF {
  position: absolute;
  right: 1.5rem;
  bottom: 1rem;
  align-items: center; }

.courseEntryButton__hwrlmoLbqJu6gp_FaWDZy {
  width: 12rem;
  margin-right: 0.75rem;
  margin-bottom: 0.5rem; }

.courseResetButton__3Y9vLkNuH34iT0E-D6RjpW {
  width: 16rem;
  margin-right: 0.75rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.intensiveBanner__1B1bCkv9ZuofUSqtxCDS3p {
  color: #ffffff;
  padding: 1.5rem;
  background-image: url(/webpack/30537c833e1158fe2e4e20ee6ef25cf4.svg), radial-gradient(circle at center, #416376 44%, #214a63 100%);
  width: 100%;
  -webkit-font-smoothing: antialiased; }

.intensiveLogo__2_dYx-JDE3nmYjHeHmqfRO {
  max-width: 200px; }

.flexJustify__BvovqPrV_1FTUXy_sWYpA {
  display: flex;
  justify-content: space-between; }

.alignSelfFlexEnd__2KeW-FqzF18zBRAWZ_HjJ8 {
  align-self: flex-end;
  margin-top: 1rem; }

.maxWidth__wfzaH0oAnFjFe4m6kvj_B {
  max-width: 26.25rem; }
  .maxWidth__wfzaH0oAnFjFe4m6kvj_B p {
    margin-bottom: 0;
    line-height: 1.5; }

.price__2aCG0fhjze4nMmGVWN1In6 {
  text-align: right;
  color: #ffffff; }

.ctaButton__2RvtSNSimgo-ivx9B6GyIO {
  font-weight: bold;
  margin-top: 0.5rem;
  width: 100%;
  letter-spacing: 0.05rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.proUpgradeContainer__vyP_fDI36Efr6oHENrKxX {
  width: 100%;
  text-align: center;
  margin-top: 4.875rem; }

.proUpgradeText__1lTbL3s0rr4LWogpM3vL5r {
  color: #a3a3a3;
  font-size: 24px;
  margin: auto;
  width: 42.8125rem;
  margin-top: 5.625rem; }

.proUpgradeCta__3dxWniXwreKvR_C46DINGL {
  width: 15rem;
  margin-top: 2.75rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.tabNav__jAOrstz1pMGiCl7YTyqkY {
  margin: 2rem auto;
  z-index: 0; }

.tabHeaderContainer__1mAkTSvIeS1ZRtKQvzH_R5 {
  border-bottom: 1px solid #d4d5d6;
  margin-bottom: -1px;
  font-size: 1rem;
  position: relative; }

.tabHeader__3006qgcC6NMqa_K_tDJnkC {
  margin-bottom: -1px;
  padding: 0.5rem 1rem;
  z-index: 1; }
  .tabHeader__3006qgcC6NMqa_K_tDJnkC:first-child {
    margin-left: 0; }
  .tabHeader__3006qgcC6NMqa_K_tDJnkC:focus {
    outline: none;
    background-color: whitesmoke; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.resetProgress__TbCUa3PH7YdO5VINtmrZ6 {
  display: flex;
  justify-content: center;
  margin-top: 3rem; }
  @media only screen and (min-width: 48rem) {
    .resetProgress__TbCUa3PH7YdO5VINtmrZ6 {
      position: absolute;
      margin-right: 2rem;
      margin-bottom: 2rem;
      right: 0;
      top: 2rem;
      margin-top: 0; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.courseResumeButton__2-Pac5AHePkDAQt0vwLk_H {
  width: 17rem;
  font-family: Regular Bold;
  font-weight: normal;
  letter-spacing: 0.125rem;
  text-transform: uppercase; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.header__3x4zxkHb-b0VrXoth1Npee {
  background: #fa4359;
  padding-top: 3.125rem;
  padding-bottom: 9.375rem;
  text-align: center;
  position: relative;
  overflow: hidden; }
  @media only screen and (min-width: 48rem) {
    .header__3x4zxkHb-b0VrXoth1Npee {
      padding-top: 6rem;
      padding-bottom: 12.25rem; } }
  .header__3x4zxkHb-b0VrXoth1Npee h1 {
    color: #ffffff;
    font-family: Regular Bold;
    font-weight: normal;
    font-size: 2.5rem;
    margin: 0 1.5625rem 2rem; }
    @media only screen and (min-width: 48rem) {
      .header__3x4zxkHb-b0VrXoth1Npee h1 {
        font-size: 4rem; } }
  .header__3x4zxkHb-b0VrXoth1Npee p {
    color: #ffffff;
    font-size: 1rem;
    margin: 0 auto 4rem;
    padding: 0 1.5625rem;
    max-width: 75.9375rem; }
    @media only screen and (min-width: 48rem) {
      .header__3x4zxkHb-b0VrXoth1Npee p {
        font-size: 1.625rem;
        margin-bottom: 4.375rem; } }
  .header__3x4zxkHb-b0VrXoth1Npee .courseIllustration__3-68NE_RFRdhxTU4sAuUFh {
    z-index: 1;
    position: absolute;
    left: 4.875rem;
    bottom: 4.25rem;
    display: none; }
    @media only screen and (min-width: 64rem) {
      .header__3x4zxkHb-b0VrXoth1Npee .courseIllustration__3-68NE_RFRdhxTU4sAuUFh {
        display: block; } }
  .header__3x4zxkHb-b0VrXoth1Npee .headerBottom__2vWjJz6GTF_en1D7KWhlMO {
    z-index: 2;
    position: absolute;
    bottom: -1.5625rem;
    background: #ffffff;
    width: 100%;
    height: 20%;
    -webkit-transform: skewY(2.5deg);
            transform: skewY(2.5deg);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.learn-html__1B-HVmRp5r5W2h_zFrk67_ {
  background: #fa4359; }

.learn-python__3wuEpA2gcJhn9pd0VqAAEH {
  background: #6400e4; }

.introduction-to-javascript__1oksUwrNVQyBTuoT-Fc_J4 {
  background: #141c3a; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.infoBox__2lkWiXum3YdmrR5QCU8ioN {
  text-align: center;
  font-size: 1.3125rem;
  color: #292929;
  background: #ffffff;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e0e0e0;
  width: 19.5rem;
  margin: 0 auto 3rem; }
  @media screen and (min-width: 825px) {
    .infoBox__2lkWiXum3YdmrR5QCU8ioN {
      margin: -14.0625rem 0 0 6.25rem;
      position: relative;
      z-index: 3; } }
  .infoBox__2lkWiXum3YdmrR5QCU8ioN dl {
    margin: 0; }
  .infoBox__2lkWiXum3YdmrR5QCU8ioN p,
  .infoBox__2lkWiXum3YdmrR5QCU8ioN .timeToComplete__1TOw-8ghymklQgvC3f7QIG,
  .infoBox__2lkWiXum3YdmrR5QCU8ioN .prerequisites__Imck1om1nPJCQMcGFSF-- {
    margin: 0;
    padding: 1.75rem 2.625rem; }
  .infoBox__2lkWiXum3YdmrR5QCU8ioN p,
  .infoBox__2lkWiXum3YdmrR5QCU8ioN .timeToComplete__1TOw-8ghymklQgvC3f7QIG {
    border-bottom: 0.0625rem solid #e0e0e0; }
  .infoBox__2lkWiXum3YdmrR5QCU8ioN dt {
    font-weight: normal; }
  .infoBox__2lkWiXum3YdmrR5QCU8ioN .peopleCount__PY0po7soAXRhryY2JqU6T,
  .infoBox__2lkWiXum3YdmrR5QCU8ioN dd {
    display: block;
    font-family: Regular Bold;
    font-size: 3rem;
    color: #525252;
    margin: 0.75rem 0 0; }
  .infoBox__2lkWiXum3YdmrR5QCU8ioN .withPrerequisites__13Q3rG2qxo1u-oUTgcIcso {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.3125rem;
    margin-bottom: 0.625rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.courseUnits__1Cika-okoz0P2YucMtItI2 {
  margin: 0 1rem;
  list-style: none;
  padding: 0;
  background: #ffffff;
  border-radius: 0.25rem;
  box-shadow: 0.0625rem 0.0625rem 0.125rem #e0e0e0; }
  @media only screen and (min-width: 75rem) {
    .courseUnits__1Cika-okoz0P2YucMtItI2 {
      margin: auto;
      max-width: 72.25rem; } }
  @media only screen and (min-width: 48rem) {
    .courseUnits__1Cika-okoz0P2YucMtItI2 {
      border-left: 0.375rem solid #4c7ef3; } }
  .courseUnits__1Cika-okoz0P2YucMtItI2 li {
    border-bottom: 0.0625rem solid #e0e0e0;
    display: flex; }
  .courseUnits__1Cika-okoz0P2YucMtItI2 .viewSyllabus__3XMF6icw0EUJLX4ySs3m-D {
    border: 0;
    font-size: 1.5rem;
    justify-content: center;
    padding: 2.625rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.sectionHeader__3TsRO5lStIr-qv20oWFJuo {
  margin: 0 1.5625rem 5rem;
  text-align: center; }

.title__3vXinMR1OctqSKY0tI8SAK {
  color: #292929;
  font-family: Regular Bold;
  font-weight: normal;
  font-size: 3rem;
  letter-spacing: 0.15rem;
  margin-bottom: 3.5rem;
  text-transform: uppercase; }

.description__hkLucpILaWq5DlonCDp1S {
  font-size: 1.625rem;
  font-weight: bold;
  line-height: 0.92;
  color: #7a7a7a; }

.logo__wEwToa_hOUmrtOhsWBiUw {
  position: absolute;
  top: 1.625rem;
  right: 1rem; }
  @media only screen and (min-width: 48rem) {
    .logo__wEwToa_hOUmrtOhsWBiUw {
      top: 3rem;
      right: 3.5rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.overviewSection__3bG2QT6937iEzUz9rFnAqa {
  padding-top: 5.9375rem;
  padding-bottom: 4.5rem;
  position: relative; }
  .overviewSection__3bG2QT6937iEzUz9rFnAqa:nth-child(odd) {
    background: whitesmoke; }
  @media only screen and (min-width: 48rem) {
    .overviewSection__3bG2QT6937iEzUz9rFnAqa {
      padding-bottom: 10rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.listItemIndex__31XTl9ZTfFVrKHokskFs0K {
  display: inline-block;
  font-family: Regular Bold;
  font-size: 3rem;
  letter-spacing: 0.15rem;
  color: #a3a3a3;
  padding: 2rem 1.125rem 1.75rem 1.75rem; }
  @media only screen and (min-width: 48rem) {
    .listItemIndex__31XTl9ZTfFVrKHokskFs0K {
      padding: 2rem 4rem; } }

.listItemContent__3DI9ajYICBto-HFD6VQ7hH {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 1.5625rem; }
  .listItemContent__3DI9ajYICBto-HFD6VQ7hH h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #292929;
    margin-bottom: 0; }
    @media only screen and (min-width: 48rem) {
      .listItemContent__3DI9ajYICBto-HFD6VQ7hH h3 {
        margin-bottom: 1rem; } }
  .listItemContent__3DI9ajYICBto-HFD6VQ7hH p {
    font-size: 1.0625rem;
    color: #7a7a7a;
    display: none;
    margin-bottom: 0; }
    @media only screen and (min-width: 48rem) {
      .listItemContent__3DI9ajYICBto-HFD6VQ7hH p {
        display: block; } }

.viewSyllabus__3ifUIdNmLpz2D2jJbn5s27 {
  text-transform: uppercase; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.contentItemTitle__3mIUKwT7VhNpCj_LjzVwUP {
  font-size: 1.25rem;
  line-height: 1.3;
  color: #292929;
  margin-bottom: 0.625rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.contentItemDescription__377DA2jNWltWKIU5HECUR9 {
  font-size: 1rem;
  color: #525252;
  height: 3rem;
  overflow: hidden; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.contentItem__2XoD8JcLbBVoHh6mpoIaEo {
  width: 20rem;
  margin: 0 1.5625rem 1.5625rem 1.5625rem; }
  .contentItem__2XoD8JcLbBVoHh6mpoIaEo .contentItemLink__14g1quEkegpZGcjSoIiJfD {
    text-decoration: none; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.projectDescription__2B_E2i1gspcwXCuvRhHsuO {
  margin-bottom: 1.8125rem; }

.projectThumbnail__KUnLkg6Jd1lnRJLYDOBt2 {
  max-width: 100%;
  height: 14.0625rem; }

.projectDetails__12UKLsYCcrLSM6IJWSU212 {
  padding: 1.625rem 1.25rem 1.0625rem; }

.tags__1_hsPBPFAYctI2EjUVXHK6 {
  display: flex;
  list-style: none;
  padding: 0;
  font-size: 0.8125rem;
  color: #7a7a7a; }
  .tags__1_hsPBPFAYctI2EjUVXHK6 li {
    margin-right: 20px; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.contentItemList__-rTY2Njvb6_jnwI5Y2Wiq {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.quiz__1WRHp6X5GKCAxp7biUZOG0 {
  padding: 1.125rem 0;
  border-left: 0.375rem solid #4c7ef3; }

.quizDescription__1iJgvq4d6nc2O5jzUTDgR5 {
  margin-bottom: 0; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.overview__1Ulo1tCVig0EUW3SVRVm_ {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  font-size: 1.0625rem;
  padding: 3rem 1.5625rem 0;
  justify-content: space-between; }
  @media only screen and (min-width: 48rem) {
    .overview__1Ulo1tCVig0EUW3SVRVm_ {
      flex-direction: row;
      padding: 3rem 5rem 0; } }
  .overview__1Ulo1tCVig0EUW3SVRVm_ h3 {
    font-size: 1.5rem;
    margin-bottom: 0.75rem; }

.overviewWrapper__1hU4qLgmFXRPOJW-h99nKe {
  order: 1; }
  @media only screen and (min-width: 48rem) {
    .overviewWrapper__1hU4qLgmFXRPOJW-h99nKe {
      order: 0; } }

.why__2RhUPK8CAFin0Q6QSijNIz,
.takeAwaySkills__AeAgWpppbA3Ryyj_kw4Kf {
  margin-bottom: 3rem; }

.takenBy__bkxkojxCPAXFDgSGQMKw1 {
  padding: 3rem 1.5625rem 0; }
  .takenBy__bkxkojxCPAXFDgSGQMKw1 h3 {
    margin-bottom: 3.125rem; }
  @media only screen and (min-width: 48rem) {
    .takenBy__bkxkojxCPAXFDgSGQMKw1 {
      padding: 3rem 5rem 8rem; } }

.logos__38ngJVllDz9OqJbHvVJFGi {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 48rem) {
    .logos__38ngJVllDz9OqJbHvVJFGi img {
      flex-basis: 35%;
      margin-bottom: 4.375rem; }
      .logos__38ngJVllDz9OqJbHvVJFGi img:nth-child(even) {
        flex-basis: 65%; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.tabList__2C0lU9LgE1j6IqzB73Fh6j {
  padding: 0 1.5rem; }
  @media only screen and (min-width: 48rem) {
    .tabList__2C0lU9LgE1j6IqzB73Fh6j {
      padding: 0 5rem; } }

.courseResume__GeJmruL9a2U6Gc0I3p9GM {
  text-align: center;
  height: 17rem;
  display: flex;
  align-items: center;
  justify-content: center; }

.tab__2AfTKCyrWHxPm0nSg7OAqV {
  flex: 0 1;
  min-width: auto;
  margin-right: 2.5rem;
  font-family: Regular Bold;
  font-size: 1.75rem;
  border: 0; }
  .tab__2AfTKCyrWHxPm0nSg7OAqV a {
    border: 0;
    color: #292929; }
    .tab__2AfTKCyrWHxPm0nSg7OAqV a:hover {
      background: #ffffff; }
    .tab__2AfTKCyrWHxPm0nSg7OAqV a:first-of-type {
      border: 0; }
    .tab__2AfTKCyrWHxPm0nSg7OAqV a.activeTab__3LF1DavlJiIzf6yV6KZxy8 {
      border: 0;
      border-radius: unset;
      background: #ffffff;
      color: #4b35ef;
      position: relative; }
    .tab__2AfTKCyrWHxPm0nSg7OAqV a.activeTab__3LF1DavlJiIzf6yV6KZxy8::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 0.25rem;
      background: #4b35ef; }
  @media only screen and (min-width: 48rem) {
    .tab__2AfTKCyrWHxPm0nSg7OAqV {
      font-size: 2rem; } }

.syllabusPanel__daGTRM7FVw9jjfxHTBy5l {
  border-left: 0.0625rem solid #ccc;
  border-bottom: 0.0625rem solid #ccc;
  border-right: 0.0625rem solid #ccc;
  box-shadow: 0.0625rem 0.0625rem 0.125rem #ebebeb;
  margin: 2rem 1.5625rem 11.25rem; }
  @media only screen and (min-width: 48rem) {
    .syllabusPanel__daGTRM7FVw9jjfxHTBy5l {
      margin: 2rem 6.25rem 11.25rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.layout__ZBRQM5ZNbkYSz-_XWabre {
  background-color: #ffffff; }

.container__2r6q2Q7WEW8Y7FaJm3KEOa {
  position: relative;
  padding: 0 1rem; }

.pinned__9kKRU5HG2QjuBO01bJX0b {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.scrollable__PAyoL6963HxTPDH7AW-m2 {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.sideNavTitleContainer__3EzkOTSIbVx-NHInclDLKX {
  padding: 1.5rem 0;
  border-bottom: solid 1px #d4d5d6; }

.sideNavTitle__1L8kXebpwaHec4z5S4gDHi {
  display: block;
  margin-left: 2rem;
  font-size: 1rem;
  font-weight: bold;
  color: #204056; }
  .sideNavTitle__1L8kXebpwaHec4z5S4gDHi:hover, .sideNavTitle__1L8kXebpwaHec4z5S4gDHi:active, .sideNavTitle__1L8kXebpwaHec4z5S4gDHi:focus {
    text-decoration: none; }

.footerWrapper__1aadAJdkAn_x0hu3gHGoKh {
  background-color: #d4d5d6; }

.noSideBar__29jEahrlFUtMblKSxXbzYZ .main__JurM0kgHNoAKZiQ29REuN {
  padding-bottom: 2rem;
  padding-left: 0; }

.layout__ZBRQM5ZNbkYSz-_XWabre.noSideBar__29jEahrlFUtMblKSxXbzYZ .main__JurM0kgHNoAKZiQ29REuN {
  padding-bottom: 6rem; }

.sideBarContainerInner__-6tE1EsBQmEbPnItuMYmt {
  min-height: calc(100vh - 5rem);
  height: calc(100vh - 5rem);
  position: fixed;
  overflow: hidden;
  min-width: 19.9rem;
  width: 19.9rem;
  padding-top: 0.5rem; }

.hasHeader__24XHi3TFg06q8OHdM3OaUM .sideBarContainerInner__-6tE1EsBQmEbPnItuMYmt {
  padding-top: 8rem; }

.sideBarContainer__2LOhrT_rs-dDKm4QjTw3Yf {
  min-height: calc(100vh - 3.5rem);
  height: calc(100vh - 3.5rem);
  overflow: hidden;
  min-width: 21.9rem;
  width: 21.9rem; }

.main__JurM0kgHNoAKZiQ29REuN {
  position: relative;
  padding-left: 0;
  margin-left: 3rem;
  min-width: 39.6875rem;
  max-width: 63rem;
  padding-bottom: 4rem; }

.hasHeader__24XHi3TFg06q8OHdM3OaUM .main__JurM0kgHNoAKZiQ29REuN {
  padding-top: 7.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.heading__3rTe66mkA6VI5vB_tooTgQ {
  font-weight: bold;
  padding: 0.75rem 2rem 0.75rem 0;
  background-color: #e9eaea;
  padding-right: 0.625rem; }
  .heading__3rTe66mkA6VI5vB_tooTgQ:hover {
    cursor: pointer; }
    .heading__3rTe66mkA6VI5vB_tooTgQ:hover .icon__1SUrEBFrzESVw12Y8F0JC1 {
      opacity: 0.7; }
  .heading__3rTe66mkA6VI5vB_tooTgQ.noExpand__3D5uuAvdCphiHcCNfSaK9F .iconContainer__zUanuWPfLniNrzTKWoJrA {
    opacity: 0; }

.leftIcon__3bKM9XHDLEsjlTt1KjNvEC {
  padding: 10px; }

.iconContainer__zUanuWPfLniNrzTKWoJrA {
  width: 2rem; }

.icon__1SUrEBFrzESVw12Y8F0JC1 {
  font-size: 1.5rem; }

.progressWrapper__2E9fG24vmFB8QRHHzzYDJQ {
  padding-left: 1.25rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.nav__PX766x0XElYmhtiYrgO8L {
  position: relative;
  margin-bottom: 0.5rem; }
  .nav__PX766x0XElYmhtiYrgO8L.programWeek__1BvEwU9VbBvTQRFoKT-5R2 {
    margin-bottom: 0; }
    .nav__PX766x0XElYmhtiYrgO8L.programWeek__1BvEwU9VbBvTQRFoKT-5R2 .accordionPlaceholder__2VQHgrZXY9zD7o0ZhpV1I1 {
      min-height: 0.5rem; }
    .nav__PX766x0XElYmhtiYrgO8L.programWeek__1BvEwU9VbBvTQRFoKT-5R2 .navItems__3YQuN73nhyaQyR6Sqdedhf {
      padding-top: 0;
      padding-bottom: 0; }
      .nav__PX766x0XElYmhtiYrgO8L.programWeek__1BvEwU9VbBvTQRFoKT-5R2 .navItems__3YQuN73nhyaQyR6Sqdedhf.last__2UnZgq580_9jJOzH6-Kvfw {
        padding-bottom: 2rem; }

.accordionPlaceholder__2VQHgrZXY9zD7o0ZhpV1I1 {
  display: block; }

.navItems__3YQuN73nhyaQyR6Sqdedhf {
  padding-top: 1.5rem;
  padding-bottom: 2rem; }

.loading__XRtfVGcdLmME2HgOED_ld {
  padding: 1rem 0; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.item__2Z-TaCKWmDp-vcdqoxWV_E {
  padding: 0rem 2rem; }
  .item__2Z-TaCKWmDp-vcdqoxWV_E:hover {
    background-color: rgba(21, 20, 31, 0.1); }
  .item__2Z-TaCKWmDp-vcdqoxWV_E.active__3Vp4aqB73vaXOHa3OdeymL {
    background-color: #204056;
    color: #ffffff; }

.title__3clWE9NST8lBW2VkfD8RAV {
  padding-left: 1rem;
  padding-right: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #204056; }

.active__3Vp4aqB73vaXOHa3OdeymL .title__3clWE9NST8lBW2VkfD8RAV {
  color: #ffffff; }

.title__3clWE9NST8lBW2VkfD8RAV,
.icon__ttmRLS5Y7YboXu-YJUN0j {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.link__Ax-oIrJsywTBYuL6N3S9t,
.link__Ax-oIrJsywTBYuL6N3S9t:hover,
.link__Ax-oIrJsywTBYuL6N3S9t:active,
.link__Ax-oIrJsywTBYuL6N3S9t:focus {
  text-decoration: none; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__3cqSlPyS4k-jBmGwNDhfFA {
  padding: 0.5rem;
  padding-top: 1.4rem;
  padding-left: 2rem;
  font-weight: bold; }

.label__1Fnbh8fAOT947TTgqSFPBm {
  color: #204056; }

.loading__1xFUXgoZrAEZxiohlZpnYu {
  padding: 1rem;
  display: block;
  margin: auto; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.referenceType__gyZbP5ZVSBxOi0-eN0noZ {
  font-size: 1.1rem;
  color: #204056;
  line-height: 1.5rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.title__2fYQyV2Hbp8OFWoiWqYfDj {
  line-height: 1.5rem;
  font-size: 1.7rem;
  margin-top: 1rem;
  font-weight: 600; }

.liveTime__2BalXgZuRQFdAMU9bVCh30 {
  color: #f65a5b; }

.staticTime__2xvsaC0qbeh7BWUcQt-S8Y {
  color: #76787b; }

.time__3qs_ljILsjqGi6037eXLAU {
  display: block;
  margin-bottom: 1rem; }

.wrapper__ikpzDRZfvn3ZI_RwmBw5K {
  padding: 0 1.5rem; }

.verticalWrapper__1c9_6XvxoRlH-4x5rvShCD {
  padding: 1.5rem 0; }

.headerWrapper__zE0WoW27yHmL0fxUxHPBB {
  width: 100%;
  min-height: 4.6875rem;
  border-bottom: solid 2px #e9eaea;
  margin-bottom: 1.5rem; }

.footerButton__3kjPYH0yaBfORKqsdV4GO6 {
  margin-right: 1rem;
  min-width: 9rem; }
  .footerButton__3kjPYH0yaBfORKqsdV4GO6:last-child {
    margin-right: 0; }

.embedWrapper__2AOtkbRmVcLXQK_3V46etF {
  padding-top: 1.5rem; }

.seminarWrapper__2t05SbyItR9ooSx5HmHS90 {
  padding-bottom: 1.5rem; }

.metadataWrapper__3vjca7OeTbpUMXc7OIl6AL {
  width: 75%; }

.completeWrapper__2Zw75g0iXT2N18yzULh-WX {
  padding-left: 1rem;
  min-width: 25%; }

.typeformWrapper__2BeNZgL1TGVXIuN-xLLazl {
  width: 100%;
  height: 31.25rem; }

.link__Jpb3xl-ShEKAIRfTI2s4s {
  margin-top: 0.25rem;
  text-decoration: underline;
  color: #76787b;
  text-align: right; }
  .link__Jpb3xl-ShEKAIRfTI2s4s:hover {
    cursor: pointer; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.description__prQ8-q3odKsH2XM6KJZmc {
  width: 26.25rem; }

.electiveReading__1jrduqWctt2F2qixXjIkwZ {
  color: #939598;
  text-transform: uppercase; }

.readingLink__34rKLMseD2-u27jagJHzz4 {
  color: #34b3a0;
  font-weight: bold; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__2b2AUCpOUz1Xzyd-ysvvv3 {
  margin: 0.625rem;
  cursor: pointer; }
  .container__2b2AUCpOUz1Xzyd-ysvvv3.disabled__1lGP2bSmgRGnuSz5n_7MWs, .container__2b2AUCpOUz1Xzyd-ysvvv3.unavailable__p7SPiJ-ypiNPjlZjEk3_l {
    cursor: not-allowed; }
  .container__2b2AUCpOUz1Xzyd-ysvvv3:last-child .section__3T1j5U4JOtXkh14eFzsT9C {
    margin-bottom: 1.875rem;
    border-bottom: 0; }

.innerContainer__ZOnSLJhf8Uh1cYz3BXnev {
  margin: 0.625rem; }

.imageContainer__1cfOrvzsnv9jGBHuDJp-sd {
  width: 8.125rem; }

.section__3T1j5U4JOtXkh14eFzsT9C {
  height: 100%;
  width: 31.25rem;
  margin-left: 1.875rem;
  padding: 1.25rem 0;
  border-bottom: solid 1px #e9eaea; }

.disabledImg__1NoYG6o38SNn-WOwgq5n0d {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: #939598;
  -webkit-filter: grayscale(100%); }

.link__22ML2PRuPqrPc9YwlJorXw {
  color: #484848; }

.link__22ML2PRuPqrPc9YwlJorXw:hover,
.link__22ML2PRuPqrPc9YwlJorXw:active,
.link__22ML2PRuPqrPc9YwlJorXw:visited,
.link__22ML2PRuPqrPc9YwlJorXw:focus {
  text-decoration: none;
  cursor: pointer; }

.unavailable__p7SPiJ-ypiNPjlZjEk3_l {
  pointer-events: none;
  cursor: default;
  opacity: 0.5; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.referenceType__A7he11QrUcAzxhpm8A0OM {
  font-size: 1.1rem;
  color: #204056;
  line-height: 1.5rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.suggestedSubmissionDate__3pk3hupwy8ZJLsaL7kFKMm {
  color: #f65a5b; }

.submissionDate__2koq5KexCmhZcgAipzXWcu {
  text-transform: uppercase;
  font-weight: bold; }

.lastSubmissionDate__2AU2tQApy9aXAMDcwVDsds {
  background-color: #fddede;
  border: solid 1px #f65a5b;
  padding: 0.1875rem 0.6875rem;
  color: #000000;
  font-weight: 100; }

.bell__3yZioKe6ekJvsq-f89P-GY {
  color: #f65a5b;
  margin: 0.5625rem 0.4375rem 0.375rem 0;
  vertical-align: middle; }

.title__3f0wXQGUU79CzvGOJLkXa {
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin-right: 0.8125rem;
  margin-bottom: 0.625rem; }

.subtitleWrapper__2wL1ZiffaRA4qkQj54Cd5d {
  margin-bottom: 1.5rem; }

.liveTime__2mdYGdYZf29eSOVW2Q2DbL {
  color: #f65a5b; }

.staticTime__1MTkkiMfY58Q4r9XXFBRAz {
  color: #76787b; }

.time__2ZfPQlKXFEsyLSHf4RKgmu {
  line-height: 3rem; }

.wrapper__3XmzM1JuRVZWHX1jaKujuw {
  padding: 1.5rem; }

.headerWrapper__2o-kDaj5r61clCrq1IsBUe {
  width: 100%;
  min-height: 4.6875rem;
  border-bottom: solid 2px #e9eaea;
  margin-bottom: 1.5rem; }

.embedWrapper__1pNLKiX7gd_kaLB-fkBUFq {
  padding-top: 1.5rem; }

.completeWrapper__1-ZgcixqUU0Mrb1WZY3AKe {
  padding-left: 1rem;
  min-width: 25%; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.header__BO34gWd1JeriLo0temfvY {
  top: 3.5rem;
  padding: 2rem 1rem;
  display: flex;
  align-items: center;
  position: fixed;
  background: #ffffff;
  width: 100vw;
  z-index: 1; }

.title__2Z3a8Z0LMU9S5WeR1ZwLuY {
  margin: 0;
  padding-right: 1rem;
  font-size: 1.625rem; }

.dateString__3p5Wq9Tizh_kBpTKeSnBjs {
  background-color: #dbd7fc;
  border: solid 1px #9386f5;
  padding: 0.125rem 0.625rem;
  color: #000000; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.listItem__39KFKUaJm-o-KUGotyhLrA {
  border-bottom: 1px solid #e9eaea;
  background-color: #ffffff; }
  .listItem__39KFKUaJm-o-KUGotyhLrA:last-child {
    border-bottom-width: 0; }

.heading__3bErHbkMhGydi643glxvx9 h2 {
  padding: 1rem 0; }

.pathSectionContent__1pUacLHpoPHEAnv6vx2cIJ,
.catalogHeading__3TSoaPXHRcLBsxAkSVT0u1 {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

.heading__3bErHbkMhGydi643glxvx9 {
  padding-top: 1rem; }

.pathSectionContent__1pUacLHpoPHEAnv6vx2cIJ {
  margin-bottom: 5rem; }

.catalogHeading__3TSoaPXHRcLBsxAkSVT0u1 {
  position: relative;
  background-color: #e9eaea;
  z-index: 100;
  color: #204056; }
  .catalogHeading__3TSoaPXHRcLBsxAkSVT0u1:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #ffffff; }

.pathSection__34ZBnJiEUpkKWsfHe0wb7C {
  height: calc(100vh - 100px);
  overflow: auto;
  position: relative;
  background-color: #e9eaea; }
  @media screen and (min-width: 0) and (max-width: 735px) {
    .pathSection__34ZBnJiEUpkKWsfHe0wb7C {
      height: auto;
      overflow: visible; } }

.userPathSection__ISq1GNWt-r4C6eCMrLPxA {
  background-color: #ffffff; }

.footer__Kt52Fo9oaeWNcaU3z2grJ {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  border-top: 1.5px solid #d4d5d6;
  width: 100%; }
  .footer__Kt52Fo9oaeWNcaU3z2grJ div {
    cursor: pointer;
    color: #204056;
    text-transform: uppercase; }
    .footer__Kt52Fo9oaeWNcaU3z2grJ div:hover {
      text-decoration: none;
      opacity: 0.6; }

.emptyMsg__2H1Uu9pbIZ1LBsV-6JXXpP {
  color: #bebfc1;
  padding: 3rem 2.5rem; }
  .emptyMsg__2H1Uu9pbIZ1LBsV-6JXXpP p {
    text-align: center;
    font-size: 1.5rem; }

.notes__RG_Zwt3XMS2liI6kzgqPY {
  margin: 1rem 0; }
  .notes__RG_Zwt3XMS2liI6kzgqPY .bold__2rxGOcHlxVCf8Pci-uMqL5 {
    font-weight: 600; }
  @media screen and (min-width: 0) and (max-width: 735px) {
    .notes__RG_Zwt3XMS2liI6kzgqPY {
      max-width: 100%; } }

.addAllButton__kCP3XkUKlFh7AAHknRdG0 {
  margin-bottom: 1rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.listItem__2-hIqFat3I3tuOnrPCzkdR {
  border-bottom: 1px solid #e9eaea;
  background-color: #ffffff; }
  .listItem__2-hIqFat3I3tuOnrPCzkdR:last-child {
    border-bottom-width: 0; }

.heading__2Yga_ZkQkKZ8Rvj_9bhyBq h2 {
  padding: 1rem 0; }

.list__1iXzzXLP0DEOtw34EeHRDu {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  position: relative;
  transition: height 0.2s ease-in-out;
  width: 100%; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.listItem__1Laq8U_hdkBLs_WYFFG9rR {
  border-bottom: 1px solid #e9eaea;
  background-color: #ffffff; }
  .listItem__1Laq8U_hdkBLs_WYFFG9rR:last-child {
    border-bottom-width: 0; }

.heading__2NaC4zioLdkQtygelIfO72 h2 {
  padding: 1rem 0; }

.segment__2T09T0sJ1WjUrBT8WMoVTk {
  height: 80px;
  padding: 1rem;
  width: 100%;
  z-index: 0; }

.description__2n_JjnTnUCzR9GUQW0Oo9o {
  padding-left: 1rem;
  flex-shrink: 1;
  overflow: hidden; }
  .description__2n_JjnTnUCzR9GUQW0Oo9o .name__339r-m7d2UHQuJ_frVM3ns {
    color: #204056;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-bottom: 0; }
  .description__2n_JjnTnUCzR9GUQW0Oo9o .subtext__1M-bVM8GiOSRe9xImYYyGJ {
    font-size: 0.9rem;
    color: #bebfc1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0; }

.thumbnail__1zgpE6j0tGALe-lQBOE7SD {
  flex-shrink: 0;
  color: #204056;
  width: 40px; }

.hover__1Y9nxHMj0rDAgMLASyCIfb {
  z-index: 1; }
  .hover__1Y9nxHMj0rDAgMLASyCIfb .name__339r-m7d2UHQuJ_frVM3ns,
  .hover__1Y9nxHMj0rDAgMLASyCIfb .thumbnail__1zgpE6j0tGALe-lQBOE7SD {
    color: #ffffff; }
  .hover__1Y9nxHMj0rDAgMLASyCIfb .subtext__1M-bVM8GiOSRe9xImYYyGJ {
    color: rgba(255, 255, 255, 0.6); }
  .hover__1Y9nxHMj0rDAgMLASyCIfb.path__Ltht9-hWO7i-W3d3i5tyT {
    background-color: #f65a5b;
    color: #f65a5b; }
  .hover__1Y9nxHMj0rDAgMLASyCIfb.catalog__YNVjYNPdaf3bNsv3hA5uo {
    background-color: #204056;
    color: #204056; }
  .hover__1Y9nxHMj0rDAgMLASyCIfb .reorder__mVEDemJ5o2eg2xDqYhULt {
    color: #ffffff;
    font-size: 26px;
    cursor: pointer; }
    .hover__1Y9nxHMj0rDAgMLASyCIfb .reorder__mVEDemJ5o2eg2xDqYhULt.faded__1YA1O87JPdZlfgyL6jiuMu {
      opacity: 0.5;
      cursor: default; }

.shadow__2xR_kxw0H1AXW5l7wTaA49 {
  opacity: 0.7; }
  .shadow__2xR_kxw0H1AXW5l7wTaA49 .description__2n_JjnTnUCzR9GUQW0Oo9o .name__339r-m7d2UHQuJ_frVM3ns,
  .shadow__2xR_kxw0H1AXW5l7wTaA49 .description__2n_JjnTnUCzR9GUQW0Oo9o .subtext__1M-bVM8GiOSRe9xImYYyGJ {
    color: #bebfc1; }
  .shadow__2xR_kxw0H1AXW5l7wTaA49 .thumbnail__1zgpE6j0tGALe-lQBOE7SD {
    color: #bebfc1; }

.shadowButton__1PtmCBD_lyYRXaw5Zzo481 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 5px;
  height: 30px;
  font-size: 0.9rem;
  width: 100px;
  color: #34b3a0;
  border: 1px solid #34b3a0; }

.square__2K6av2PKvpJWWKyXdGCEXN {
  height: 45px;
  width: 45px; }

.orderIndicator__2WiwD-oRn3nlso5T2SvBAq {
  border-radius: 50%;
  background-color: #e9eaea;
  color: #939598;
  font-size: 0.9rem; }

.buttonSpacing__2-pjauOrcH-6X7HEJsfDSI {
  margin: 0 5px; }

.removeButton__35x2ZgdZdpylkbNKoHH7-r {
  background-color: #ffffff;
  color: #f65a5b; }

.addButton__-aVLMFZMapR6dbq1J1S7Q {
  background-color: #ffffff;
  color: #204056; }

.moreButton__jvvP_VwS368CcRx6fmvjs {
  background-color: #204056;
  color: #ffffff; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.listItem__gGzrjWnfEKcGSaoCKlym0 {
  border-bottom: 1px solid #e9eaea;
  background-color: #ffffff; }
  .listItem__gGzrjWnfEKcGSaoCKlym0:last-child {
    border-bottom-width: 0; }

.heading__2ur2w9gK-2h46DOSFozYpl h2 {
  padding: 1rem 0; }

.filterWrapper__3uwgIA1tYjD88fFoCCy0gy {
  position: relative; }
  @media screen and (min-width: 0) and (max-width: 735px) {
    .filterWrapper__3uwgIA1tYjD88fFoCCy0gy {
      flex-direction: column; }
      .filterWrapper__3uwgIA1tYjD88fFoCCy0gy:before {
        display: none; } }

.option__2TTV8-eA7R-e2ctW-7d7fi {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #204056;
  font-size: 0.9rem;
  position: relative;
  text-transform: uppercase;
  max-width: 200px;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
  white-space: nowrap;
  cursor: pointer; }
  .option__2TTV8-eA7R-e2ctW-7d7fi:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #ffffff;
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    transition: -webkit-transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear; }
  @media screen and (min-width: 0) and (max-width: 735px) {
    .option__2TTV8-eA7R-e2ctW-7d7fi {
      max-width: 100%;
      padding-bottom: 0.3rem;
      margin-bottom: 0.5rem; }
      .option__2TTV8-eA7R-e2ctW-7d7fi:after {
        display: none; } }

.active__2Y0rW3utYirVHqcy2KYv6u {
  font-weight: bold; }
  .active__2Y0rW3utYirVHqcy2KYv6u:after {
    -webkit-transform: scaleY(2);
            transform: scaleY(2);
    background-color: #34b3a0; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.badge__3oy03euN4Utkc4xZOFY2JB {
  position: relative;
  color: #15141f;
  z-index: 1; }

.icon__18hH_3E4aogbKj-bR_kH0z {
  width: 100%;
  height: 100%; }

.overlay__3gNOU5o7NO0NM_r0fmQ4K {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center; }

.disabled__1AHvnqusyejKQlCik4_lQg .icon__18hH_3E4aogbKj-bR_kH0z {
  opacity: 0.3; }

.tooltip__1dSo7NUBubJU_eX0xoWciD {
  white-space: nowrap;
  max-width: 100%;
  padding: 8px 15px; }

.locked__190g93Ydxr9Aif8Z015whU {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%); }

.lock__KXY0RIXzffLA5PbtOsSJq {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.listItem__23V5_U3j2JVd8E-KRbFyXh {
  border-bottom: 1px solid #e9eaea;
  background-color: #ffffff; }
  .listItem__23V5_U3j2JVd8E-KRbFyXh:last-child {
    border-bottom-width: 0; }

.heading__3_38bodc96MsicE0ujcCTy h2 {
  padding: 1rem 0; }

.back__1XqCzMOADt_BsdlKGlfIpc {
  display: flex;
  align-items: center;
  position: relative;
  color: #34b3a0;
  cursor: pointer;
  left: -5px; }
  .back__1XqCzMOADt_BsdlKGlfIpc:hover {
    opacity: 0.8; }

.wrapper__1sSLYP3Qfi5nKeKmareAt3 {
  min-height: 480px;
  font-size: 0.9rem;
  padding: 2rem 0; }
  .wrapper__1sSLYP3Qfi5nKeKmareAt3 .subsection__2Lem6Msr93UwZ0n4tt6tKH {
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: #204056;
    border-bottom: 1px solid #d4d5d6; }
    .wrapper__1sSLYP3Qfi5nKeKmareAt3 .subsection__2Lem6Msr93UwZ0n4tt6tKH:nth-child(2) {
      padding-top: 1rem; }
    .wrapper__1sSLYP3Qfi5nKeKmareAt3 .subsection__2Lem6Msr93UwZ0n4tt6tKH:last-child {
      border-bottom-width: 0; }
    .wrapper__1sSLYP3Qfi5nKeKmareAt3 .subsection__2Lem6Msr93UwZ0n4tt6tKH .meta__1jnseJ0xJDlTpqA_qQ7r0B {
      padding: 0px 1rem; }
      .wrapper__1sSLYP3Qfi5nKeKmareAt3 .subsection__2Lem6Msr93UwZ0n4tt6tKH .meta__1jnseJ0xJDlTpqA_qQ7r0B p {
        font-size: 0.9rem;
        color: #939598;
        margin-bottom: 0px; }
      .wrapper__1sSLYP3Qfi5nKeKmareAt3 .subsection__2Lem6Msr93UwZ0n4tt6tKH .meta__1jnseJ0xJDlTpqA_qQ7r0B h3 {
        color: #204056;
        margin-bottom: 0px;
        font-size: 1rem; }
    .wrapper__1sSLYP3Qfi5nKeKmareAt3 .subsection__2Lem6Msr93UwZ0n4tt6tKH .addButton__1xUyZMSKSNF1IppPwD_y-1 {
      background-color: #34b3a0;
      border: none;
      color: #ffffff;
      height: 40px;
      font-size: 1rem; }
      .wrapper__1sSLYP3Qfi5nKeKmareAt3 .subsection__2Lem6Msr93UwZ0n4tt6tKH .addButton__1xUyZMSKSNF1IppPwD_y-1.inPath__2Vy_BV3GQdH0sgvBLU1-i6 {
        background-color: #e9eaea;
        color: #34b3a0;
        border: 1px solid #34b3a0; }

.icon__2_EB17VtA1KZT8E-7f1AUh {
  padding-top: 1rem;
  padding-right: 1rem; }

.badges__2GT6EJozF6UaivOgzS5Snz {
  padding-right: 2rem; }
  .badges__2GT6EJozF6UaivOgzS5Snz p {
    display: flex;
    justify-content: center;
    align-content: center;
    font-size: 0.9rem;
    padding: 1rem 0px; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.listItem__N8HxJ1vgLVzcpAxXGEpIr {
  border-bottom: 1px solid #e9eaea;
  background-color: #ffffff; }
  .listItem__N8HxJ1vgLVzcpAxXGEpIr:last-child {
    border-bottom-width: 0; }

.heading__1BGmicE0hcv8491va2R92u h2 {
  padding: 1rem 0; }

.wrapper__IOHY86cBR9OrNiMcy3y3G {
  background-color: #ffffff;
  height: calc(100vh - 50px);
  width: 100%;
  overflow: auto; }

.button__hq7y0ZnZXCB5dwYR3c4E6 {
  font-size: 1rem;
  width: 100px;
  margin: 3rem 1rem; }

.listWrapper__1ypsuPpLbUogiL3f-CtDZN {
  width: 400px;
  margin: 2rem; }

.subtitle__Iir1zVHsBjMIBFXRlZ8zU {
  margin: 1rem;
  font-size: 1.2rem;
  width: 500px;
  text-align: center; }
  .subtitle__Iir1zVHsBjMIBFXRlZ8zU.description__15syjfZmTvJS_5_j5sr6td {
    width: 650px; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.page__2GTWsV5jyhzOFOquxuvvGO {
  z-index: 0;
  overflow: hidden; }
  @media screen and (min-width: 960px) {
    .page__2GTWsV5jyhzOFOquxuvvGO {
      max-width: 100%; } }
  @media screen and (min-width: 736px) and (max-width: 959px) {
    .page__2GTWsV5jyhzOFOquxuvvGO {
      min-width: 736px; } }
  @media screen and (min-width: 0) and (max-width: 735px) {
    .page__2GTWsV5jyhzOFOquxuvvGO {
      flex-direction: column; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.pageContainer__-dVDGVZppDJ5pIng_RHvd {
  margin: 0;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.89);
  min-height: 100vh; }

.pageBackground__2Ilc8y8pJv5bxHmCX1ZhJu {
  margin: 0;
  padding: 0;
  background-image: url("https://s3.amazonaws.com/codecademy-content/PRO/Advisors/background.jpg");
  background-size: 100%;
  background-repeat: no-repeat; }

.surveyContainer__3xkWanUfKv2OfyUj240nh4 {
  padding: 2rem; }

.avatar__1lCPVilCrnySIH0o_3wkb9 {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  vertical-align: middle;
  margin: 0rem 0.8rem; }

.logoHeader__1BMgu59QlJSLXZ2-cs90tL {
  margin-bottom: 6rem; }

.headerContainer__1GIkLDRHufpUbAoRzFUpNP {
  margin-bottom: 2rem;
  font-size: 24px; }

.privacyText__3HiTuGHbXip0bb8DjLXBmL {
  font-style: italic;
  color: #939598; }

.advisorContainer__Uept2L8CKymypo507ZSJQ {
  margin-bottom: 2rem; }

.advisorText__13pJTeCGRXaE-eGcIVfCXk {
  border-bottom: 1px solid #e9eaea; }

.advisorName__38ZyLHsSQVD4meyFJUbZGF {
  font-weight: bold; }

.ratingContainer__116sTg5eCnvAKH0eQxdPCs {
  margin-bottom: 2rem; }

.commentContainer__-fC75C0T-3Y85FTVApazW {
  margin-bottom: 3rem; }

.proLogo__1Vw56Mzml7NzlbcWZvCz1o {
  width: 186px;
  height: 30px; }

.commentField__2ZpV3P1jB5eUr4fLLnYo3- {
  font: inherit;
  border: 1px solid #d4d5d6 !important;
  padding: 1rem;
  width: 400px;
  height: 80px; }

.pageContainer__-dVDGVZppDJ5pIng_RHvd input[type="checkbox"] {
  display: inline-block;
  opacity: 0; }

.pageContainer__-dVDGVZppDJ5pIng_RHvd input[type="checkbox"] + label {
  color: #939598; }

.pageContainer__-dVDGVZppDJ5pIng_RHvd input[type="checkbox"]:checked + label {
  color: #fbb03b; }

.thanksContainer__26TIRJZWW_KSKNEiDU7uSf {
  margin: 4rem;
  font-size: 36px; }

.errorText__MwWzhcKrSjaipHUZKJWek {
  color: red;
  padding: 0.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.statusText__1BfOSoPQbxJv0eHHVXDf97 {
  color: red;
  margin-left: 2rem; }

.grid__8XDRemBeOskFs_92CH3Zk {
  max-width: 960px; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.outro__oSrioOj9ZXkdxguRimkF2 {
  background-image: url(/webpack/044b0b6aa8ce44b58c86ba6cb2c6977b.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top left;
  background-size: cover; }

.banner__3y04Km6k2PYPLoCsaonfPr {
  background-image: url(/webpack/c61b309b8315c9c8b74b2f5b9865d40e.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  background-color: #e6ebe5;
  /* custom color to match background image */ }

.content__19VDcy8uqMjvKRNd9EDHB2,
.pricing__MHPdEJw8IfuEJvNgQxu0P {
  background-color: #e9eaea; }

.features__Giw7vjsceRWJIuGOsebas,
.testimonials__24dvvul3yAMXzmk8xM_6WJ {
  background-color: #ffffff; }

@media screen and (max-width: 1195px) {
  .banner__3y04Km6k2PYPLoCsaonfPr {
    background-position-x: 478px; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.banner__1M38CGL268YX3sflrvLTr1 {
  padding: 3rem 0; }
  .banner__1M38CGL268YX3sflrvLTr1 h1,
  .banner__1M38CGL268YX3sflrvLTr1 h2 {
    font-weight: bold; }
  .banner__1M38CGL268YX3sflrvLTr1 h5 {
    max-width: 31.25rem; }
  .banner__1M38CGL268YX3sflrvLTr1 a {
    margin: 1rem 0 0; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.testimonials__2EOlrhJ116PW4xW6xuI5-Y {
  padding: 2rem 0; }
  .testimonials__2EOlrhJ116PW4xW6xuI5-Y h5 {
    text-align: center; }
  .testimonials__2EOlrhJ116PW4xW6xuI5-Y img {
    display: inline-block;
    margin: 0.625rem 0.9375rem;
    height: 30px;
    -webkit-filter: grayscale(100%) opacity(50%);
            filter: grayscale(100%) opacity(50%);
    transition: -webkit-filter 1s;
    transition: filter 1s;
    transition: filter 1s, -webkit-filter 1s; }
    .testimonials__2EOlrhJ116PW4xW6xuI5-Y img:hover {
      -webkit-filter: grayscale(0) opacity(100%);
              filter: grayscale(0) opacity(100%); }
  .testimonials__2EOlrhJ116PW4xW6xuI5-Y .companies__fw6xHBztu_i1DBCWy3to1 {
    text-align: center; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.content__3_oLbV9JCzOj0EcDPujNm8 {
  padding: 2rem 0; }
  .content__3_oLbV9JCzOj0EcDPujNm8 > h3 {
    text-align: center;
    max-width: 600px;
    margin: 2rem auto 0; }
  .content__3_oLbV9JCzOj0EcDPujNm8 img {
    display: block;
    height: 100px;
    margin: 4rem auto 2rem; }
  .content__3_oLbV9JCzOj0EcDPujNm8 h5 {
    font-weight: bold; }
  .content__3_oLbV9JCzOj0EcDPujNm8 h5,
  .content__3_oLbV9JCzOj0EcDPujNm8 p {
    text-align: center; }
  .content__3_oLbV9JCzOj0EcDPujNm8 ul {
    margin: 2rem 0;
    text-align: center; }
  .content__3_oLbV9JCzOj0EcDPujNm8 li:before {
    content: ""; }
  .content__3_oLbV9JCzOj0EcDPujNm8 li {
    color: #3e3e40;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    padding: 0 0.625rem;
    margin: 0.125rem;
    list-style: none;
    font-weight: normal; }
  .content__3_oLbV9JCzOj0EcDPujNm8 li:hover {
    font-weight: normal;
    background: #204056;
    color: #ffffff;
    border-radius: 100px; }
  .content__3_oLbV9JCzOj0EcDPujNm8 .container__2yTZmHVchIbtk0I6la2IEi {
    max-width: 100%; }

.content__3_oLbV9JCzOj0EcDPujNm8 div.course___-rel1-9xSIG8lGhE4KSc {
  padding-bottom: 2rem;
  border-bottom: 1px solid #ffffff; }

.content__3_oLbV9JCzOj0EcDPujNm8 div.course___-rel1-9xSIG8lGhE4KSc:last-child {
  padding-bottom: 0;
  border-bottom: none; }

@media only screen and (min-width: 64rem) {
  .content__3_oLbV9JCzOj0EcDPujNm8 div.course___-rel1-9xSIG8lGhE4KSc {
    padding-bottom: 0;
    border-bottom: none; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.features__1CUbFlQ9ybTB9sfLkTWtrZ {
  padding: 2rem 0; }
  .features__1CUbFlQ9ybTB9sfLkTWtrZ .feature__o5NGpOEGWx90sytksPMAt {
    margin: 2rem 0; }
  .features__1CUbFlQ9ybTB9sfLkTWtrZ h5 {
    font-weight: bold; }
  .features__1CUbFlQ9ybTB9sfLkTWtrZ img {
    width: 80%;
    max-height: 80%;
    margin: 0 auto;
    display: block; }
  .features__1CUbFlQ9ybTB9sfLkTWtrZ p {
    display: inline-block;
    vertical-align: middle; }
  .features__1CUbFlQ9ybTB9sfLkTWtrZ .container__3zehYAp7qaCBhOwVhUSVqv {
    max-width: 100%; }

@media screen and (max-width: 767px) {
  .graphic__3z-m9UqFvvwiCfjLztMPSO {
    display: none; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.billingOptions__zPclwNbqL959snt5wRyg2 {
  text-align: right; }

.billingOption__2yy6QN_Nz8A-uwv_wSs_Uz {
  color: #204056;
  display: inline-block;
  padding-left: 1.875rem;
  background-image: url(/webpack/ac2a5cf749959e5d967c12184a91e2a8.svg);
  background-repeat: no-repeat;
  background-size: 0.75rem 0.75rem;
  background-position: 0.875rem 0.3125rem; }
  .billingOption__2yy6QN_Nz8A-uwv_wSs_Uz:hover {
    background-image: url(/webpack/ba1291f9b679b1c22320ffe0df003ae6.svg); }
  .billingOption__2yy6QN_Nz8A-uwv_wSs_Uz[data-selected="true"] {
    background-image: url(/webpack/51560e2ef0d2a11ca9e390f79d505b91.svg); }
  .billingOption__2yy6QN_Nz8A-uwv_wSs_Uz:hover, .billingOption__2yy6QN_Nz8A-uwv_wSs_Uz[data-selected="true"] {
    text-decoration: none;
    cursor: pointer; }

.pricing__1FOB_q9hVXAsfsiOAcXd0G {
  padding: 4rem 0; }
  .pricing__1FOB_q9hVXAsfsiOAcXd0G .options__3uwVAL0E1YvC8oCUI7yn-G {
    margin: 3rem 0 0; }
  .pricing__1FOB_q9hVXAsfsiOAcXd0G .option__3VrIZsXBNfuOAyAzZ-kLuL {
    background-color: #ffffff; }
    .pricing__1FOB_q9hVXAsfsiOAcXd0G .option__3VrIZsXBNfuOAyAzZ-kLuL > div {
      padding: 1rem; }
    .pricing__1FOB_q9hVXAsfsiOAcXd0G .option__3VrIZsXBNfuOAyAzZ-kLuL p {
      color: #76787b; }
    .pricing__1FOB_q9hVXAsfsiOAcXd0G .option__3VrIZsXBNfuOAyAzZ-kLuL p.price__3hRnhltSRX7xtmnXaJhoAW {
      font-size: 2.5rem;
      margin: 2rem 0 1rem; }
    .pricing__1FOB_q9hVXAsfsiOAcXd0G .option__3VrIZsXBNfuOAyAzZ-kLuL a {
      margin: 3rem 0 1rem; }
  .pricing__1FOB_q9hVXAsfsiOAcXd0G .header__j2RGzhrbygchVjff4mqaM {
    background-color: #76787b; }
    .pricing__1FOB_q9hVXAsfsiOAcXd0G .header__j2RGzhrbygchVjff4mqaM h4,
    .pricing__1FOB_q9hVXAsfsiOAcXd0G .header__j2RGzhrbygchVjff4mqaM p {
      text-transform: none;
      margin: 0;
      padding: 0;
      color: #ffffff; }
  .pricing__1FOB_q9hVXAsfsiOAcXd0G .pro__20bf5BQRs8xPAlPY6EfqTu a,
  .pricing__1FOB_q9hVXAsfsiOAcXd0G .enterprise__2CkB6zKton8v8TuwlKsvRZ a {
    background-color: #76787b; }
  .pricing__1FOB_q9hVXAsfsiOAcXd0G .pro__20bf5BQRs8xPAlPY6EfqTu a:hover,
  .pricing__1FOB_q9hVXAsfsiOAcXd0G .enterprise__2CkB6zKton8v8TuwlKsvRZ a:hover {
    background-color: #204056; }
  .pricing__1FOB_q9hVXAsfsiOAcXd0G .business__fwAJCEcIDSRJE4trdWfXT .option__3VrIZsXBNfuOAyAzZ-kLuL .header__j2RGzhrbygchVjff4mqaM {
    background-color: #204056; }
  .pricing__1FOB_q9hVXAsfsiOAcXd0G .container__3381hvYDb1yJVcRoOTVXGl,
  .pricing__1FOB_q9hVXAsfsiOAcXd0G .options__3uwVAL0E1YvC8oCUI7yn-G > div {
    max-width: 100%; }

.outro__17ALROEa5NikKvT9-9p9dS {
  padding: 5rem 0;
  text-align: center; }
  .outro__17ALROEa5NikKvT9-9p9dS h2 {
    font-weight: bold; }
  .outro__17ALROEa5NikKvT9-9p9dS a {
    margin: 2rem auto 0; }
  .outro__17ALROEa5NikKvT9-9p9dS .container__3gCgCHivE1hM5SsSuN-pYf {
    max-width: 100%; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.survey__200xtGaSXiWJObKr9tcxVy {
  padding: 2rem 0 4rem; }
  .survey__200xtGaSXiWJObKr9tcxVy .heading__OuLYBVezdc9EP_3KkNIbr {
    margin: 0 0 1rem; }
  .survey__200xtGaSXiWJObKr9tcxVy input[type="submit"].fieldSubmit__2RF-wIoDg9VvjHP2CQDN3V {
    background-color: #34b3a0; }
  .survey__200xtGaSXiWJObKr9tcxVy .fieldInput__3r7CBvx4Y7iuLilzBf4hl3 label,
  .survey__200xtGaSXiWJObKr9tcxVy .fieldInput__3r7CBvx4Y7iuLilzBf4hl3 p {
    font-size: 0.85rem; }
  .survey__200xtGaSXiWJObKr9tcxVy .fieldInput__3r7CBvx4Y7iuLilzBf4hl3 p {
    color: #f65a5b;
    height: 0.5rem; }
  .survey__200xtGaSXiWJObKr9tcxVy .fieldInput__3r7CBvx4Y7iuLilzBf4hl3 input,
  .survey__200xtGaSXiWJObKr9tcxVy .fieldInput__3r7CBvx4Y7iuLilzBf4hl3 textarea,
  .survey__200xtGaSXiWJObKr9tcxVy .fieldInput__3r7CBvx4Y7iuLilzBf4hl3 select {
    border: 1px solid #bcc1c5;
    background-color: #ffffff;
    padding: 0.5rem 0.625rem;
    margin: 0.3125rem 0;
    width: 100%;
    box-sizing: border-box;
    display: block;
    font-size: 1rem; }
  .survey__200xtGaSXiWJObKr9tcxVy .fieldInput__3r7CBvx4Y7iuLilzBf4hl3 input,
  .survey__200xtGaSXiWJObKr9tcxVy .fieldInput__3r7CBvx4Y7iuLilzBf4hl3 select {
    height: 2.5rem; }
  .survey__200xtGaSXiWJObKr9tcxVy .submit__8M8wIB1pTYT9fFYXlvfN1 {
    text-align: right; }


/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.file__2g5dXmTVmHbY0GAIuyfvX2 {
  border: 1px solid #d4d5d6;
  color: #3e3e40;
  padding: 0.75rem;
  margin-bottom: 0.625rem;
  height: 3rem;
  display: flex; }

.file__2g5dXmTVmHbY0GAIuyfvX2:hover {
  background-color: #e9eaea; }

.fileName__1WjS7qgaznCZ1nUhQGAHn3 {
  display: flex;
  width: 60%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.fileMetadata__2ofTllWQzo_MQNW2J_k98q {
  display: flex;
  margin-left: auto; }

.fileSize__3ylLdcjMI07iicF068C7Dm {
  opacity: 0.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.check__wN-rIKxzHuHK6xan3oQFO,
.check__wN-rIKxzHuHK6xan3oQFO:hover {
  padding: 0 0 0 1.03125rem;
  color: #34b3a0;
  font-size: 1.25rem; }

.trash__tjzhFuSIPLMBa1ySapm2Z,
.trash__tjzhFuSIPLMBa1ySapm2Z:hover {
  padding: 0 0 0 1.03125rem;
  color: #f65a5b;
  font-size: 1.25rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.file__1D7N-eT2zBqiYiKrZTKH_J {
  border: 0.0625rem solid #d4d5d6;
  color: #3e3e40;
  padding: 0.75rem;
  margin-bottom: 0.625rem;
  height: 3rem;
  border-color: #f65a5b;
  margin-top: 1.25rem; }

.file__1D7N-eT2zBqiYiKrZTKH_J:hover {
  background-color: #e9eaea; }

.fileName__4HYYMeGnXYdJ8Gi1ZrVuD {
  float: left;
  color: #f65a5b; }

.fileMetadata__3EFsilihapkFWIijkQxnyf {
  float: right;
  display: flex; }

.fileSize__NjoBhkPCZmPzMVJ2hbnUu {
  opacity: 0.5; }

.warning__RrsaIPWTHF7b9PCh5eK4_ {
  padding: 0 0 0 1.03125rem;
  color: #f65a5b;
  font-size: 1.25rem;
  cursor: default; }

.trash__39NmqMkquF2ZRqyzZ0Wa1q,
.trash__39NmqMkquF2ZRqyzZ0Wa1q:hover {
  padding: 0 0 0 1.03125rem;
  font-size: 1.25rem;
  color: #f65a5b; }

.error__3pBMJ9IntauswQLj2e2RZE {
  color: #f65a5b; }

.errorMessage__1VXCQ_3eX8GoYCBf61eJec {
  font-size: 0.75rem;
  float: left; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.filesPlaceholder__3hPQDTSP_oBplBP5dWgGjq {
  border: 0.0625rem solid #bebfc1;
  width: 26.25rem;
  line-height: 3.125rem;
  opacity: 0.5; }

.placeholderIcon__2hh41DOgKtiw_TUHIr-1VC {
  float: left;
  width: 24px;
  height: 3.125rem; }

.placeholderText__2kwiRkUd5EfK5-xyoPR3ae {
  float: left; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.toast__3u_apoBBor2XsN1SI0L_OD {
  background-color: #d7f6f0;
  border: solid 1px #34b3a0;
  box-shadow: 0 2px 4px 0 #3e3e40;
  padding-left: 1rem;
  padding-right: 1rem;
  display: inline-block;
  border-radius: 2px; }

.toastContainer__39HYjKMlpZsPfChz4iOKvi {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1000; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.modal__1gdnoNiNdH0akjPpOkvhKG {
  position: absolute;
  width: 26.25rem;
  height: 25rem;
  left: calc(50% - (420px / 2));
  top: 8rem;
  bottom: 0;
  background: #ffffff;
  padding: 2rem;
  text-align: center;
  line-height: 1.625rem; }

.modalSecondaryLink__fa-viU76VYhisuyRcr12_ {
  color: #34b3a0;
  cursor: pointer;
  background-color: #ffffff;
  font-size: 1rem;
  border: 0; }

.safariUploadNotAllowed__1nNP9IM27GGtv4rD9JUnw7 {
  margin-bottom: 1.5rem; }

.downloadChromeButton__w4P3mq2Ij7rNCCgSNIAh3 {
  margin-top: 0.4375rem;
  width: 14.375rem;
  height: 3.125rem;
  line-height: 2.25rem;
  margin-bottom: 0.8125rem;
  text-transform: uppercase; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.projectSubmitLocalContainer__2b5Pa0RIvxGOPS2M-8BQnZ {
  clear: both; }

.projectUpload__bpXWs4mb2b-yoKcg9fxmm {
  text-align: center;
  width: 37.5rem;
  height: calc(100vh - 3.5rem); }

.instructions__2q-92XvNZoLJC6mlgl3CKo {
  color: #3e3e40; }

.detailedInstructions__3qZ9lFZn2UupytdwF9qNy2 {
  margin-bottom: 2rem; }

.submitImage__UNEs42pYDGNetw5BeW8og {
  margin: 1.8125rem auto; }

.actions__1p7-m4lipQDJQMi6MUf0EH {
  float: right; }

.submitButton__jgUhaxWUkyoczwsRaB-u- {
  text-transform: uppercase;
  width: 10rem;
  height: 3.125rem;
  margin-bottom: 1.375rem;
  margin-top: 0.625rem;
  clear: right; }
  .submitButton__jgUhaxWUkyoczwsRaB-u-.submitting__1AxFvBJ0NFfZ_pxZiVKC8A {
    background-color: #bebfc1; }
    .submitButton__jgUhaxWUkyoczwsRaB-u-.submitting__1AxFvBJ0NFfZ_pxZiVKC8A:hover {
      background-color: #bebfc1; }
  .submitButton__jgUhaxWUkyoczwsRaB-u-:disabled {
    opacity: 0.5; }

.submittingSpinner__2xmBVpg-3qMtixB5K8y4hV {
  margin-left: 10px; }

.selectFolderButton__2CBEJ_lHKBi1c9ek6uZlhg {
  width: 10rem;
  height: 3.125rem;
  position: relative;
  overflow: hidden;
  padding: 10px;
  color: #34b3a0;
  border: 1px solid #34b3a0;
  background-color: #ffffff;
  margin-top: 0.8125rem;
  display: table-cell;
  vertical-align: middle;
  cursor: pointer; }
  .selectFolderButton__2CBEJ_lHKBi1c9ek6uZlhg:hover, .selectFolderButton__2CBEJ_lHKBi1c9ek6uZlhg:focus {
    text-decoration: none; }

.uploadInput__3aeOsf0nliJaTAoDG3bJc7 {
  display: none; }

.filesInputDisplay__1RpGGf4WGbji6k1_vUg94j {
  float: left;
  width: 420px; }

.errorPopup__3eqmw-xD1dSSXu2o1GHmM4 {
  width: 30rem;
  margin: 1.25rem auto 0;
  padding: 2px;
  border-radius: 2px;
  background-color: #fddede;
  border: solid 1px #f65a5b; }

.warningPopup__35gCnWEEgbnDGZfMYvpw68 {
  width: 30rem;
  margin: 1.25rem auto 0;
  padding: 2px;
  border-radius: 2px;
  background-color: #dceff8;
  border: solid 1px #4292b4; }

.metadata__1IYIMlA5oam9EAnRdm4Z6V {
  opacity: 0.5; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.submitGithubContainer__3H1Kn8vs9EPqwSApFRVFmY {
  text-align: center;
  clear: both;
  max-width: 29.375rem;
  margin: 0 auto;
  padding-bottom: 8rem; }

.instruction__3h6EK_l0LkSuT3vmfXESBx {
  font-size: 1.625rem;
  color: #0d222d;
  line-height: 3.125rem; }

.radioOption__1YdnSElPF5NVWHZNlEL_jZ {
  margin-top: 0.875rem; }

.button__UJ7WIeK5hPHAjGtAMv15Q {
  background-color: #39d1b4;
  display: block;
  text-transform: uppercase;
  margin-top: 1.9375rem;
  margin-bottom: 3rem;
  width: 100%;
  height: 3.125rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.projectSubmitOptionsContainer__2x2Q8XPpimzVpzS74ba4sO {
  height: calc(100vh - 3.5rem); }

.instruction__zrboro00Db1Al9z0i5gHq {
  margin-top: 4.5rem;
  margin-bottom: 3.125rem;
  font-size: 1.625rem;
  color: #0d222d;
  clear: both;
  text-align: center; }

.actions__GgFpeklNn2YRJgP7-ppxJ {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: #ffffff; }

.actionButton__2XnCbrGmK1_PVmn5PuMdFL {
  width: 18.75rem;
  height: 17.5rem;
  margin: 1.5rem;
  padding: 1.75rem;
  border: solid 1px #d4d5d6;
  background-color: #ffffff;
  text-align: center; }
  .actionButton__2XnCbrGmK1_PVmn5PuMdFL:hover {
    cursor: pointer;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); }

.actionTitle__XjuEvDJacz5627uPJQIL7 {
  font-size: 1.125rem;
  color: #3e3e40;
  font-weight: bold;
  line-height: 1.33rem;
  margin-bottom: 0.375rem; }

.actionImage__24Gkfa0Wn2JsvW7gj8n-kD {
  height: 5rem;
  margin-bottom: 1.875rem;
  margin-top: 0.625rem; }

.actionDetail__9ny9Ad1Fsq1XId-gvbsFW {
  line-height: 1.5rem;
  font-size: 1rem;
  color: #76787b; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.backLink__2i6bzFddqaUWdlKAQLoFIu {
  float: left;
  margin: 60px;
  cursor: pointer; }
  .backLink__2i6bzFddqaUWdlKAQLoFIu:hover, .backLink__2i6bzFddqaUWdlKAQLoFIu:focus {
    text-decoration: none; }

.backArrow__3Lhls26ts2Ajm_01ys5NE7 {
  position: relative;
  top: 2px; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.projectShowHeader__2NoFDOa3aOVSEyUeHs8Xs {
  margin-bottom: 2.0625rem;
  margin-top: 2.25rem; }

.projectShow__1tyQYjbltf52r0hOnM3PQO {
  padding-top: 6.25rem;
  text-align: center;
  width: 32.5rem;
  line-height: 1.5rem;
  height: calc(100vh - 3.5rem); }

.projectRepoUrl__3_5YGo2St6gRwr2XD9JLp3 {
  color: #34b3a0; }

.okButton__3wnXxNMdPgWEkt5R3E-h8M {
  height: 3.125rem;
  line-height: 2.25rem;
  margin-top: 2.875rem;
  margin-right: 0.5rem;
  width: 37%; }

.resubmitButton__8lJ5wMZZMLq4SV94_lk8x {
  height: 3.125rem;
  line-height: 2.25rem;
  margin-top: 2.875rem;
  margin-left: 0.5rem;
  width: 37%; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__1L8Qbrf3pOmCc0mgy5HL04 {
  position: relative; }

.input__1f21CSrY01LjHiCoSN_Jjw {
  font-size: 0.8rem;
  padding: 0.6rem;
  outline: none;
  width: 100%;
  border: 1px solid #e9eaea;
  border-radius: 2px;
  transition: border-color 0.15s;
  font-weight: normal;
  box-sizing: border-box; }
  .input__1f21CSrY01LjHiCoSN_Jjw::-webkit-input-placeholder {
    color: #939598; }
  .input__1f21CSrY01LjHiCoSN_Jjw:-ms-input-placeholder {
    color: #939598; }
  .input__1f21CSrY01LjHiCoSN_Jjw::-ms-input-placeholder {
    color: #939598; }
  .input__1f21CSrY01LjHiCoSN_Jjw::placeholder {
    color: #939598; }
  .input__1f21CSrY01LjHiCoSN_Jjw:focus {
    border-color: #37c2aa; }

.suggestionsContainerOpen__3YwmvqRmzwZXhb4twibMZJ {
  display: block;
  position: absolute;
  width: 170%;
  max-height: 25rem;
  border: 1px solid #e9eaea;
  background-color: #ffffff;
  overflow-y: scroll;
  z-index: 2; }

.suggestionsList__2fJVPItB5xh8VpOxOkTF5J {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.suggestion__1j3l7docWK1dKPn2Ky8mf2 {
  cursor: pointer;
  padding: 0.6rem;
  font-size: 0.8rem; }
  .suggestion__1j3l7docWK1dKPn2Ky8mf2::before {
    content: none; }

.suggestionHighlighted__3rYsbxCw9XEa8Cc_asIxFR {
  background-color: #d4d5d6; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.column__22lVK6mRV2j_WLr52bFHAa {
  font-size: 0.95rem;
  word-wrap: break-word;
  padding: 0.625rem 0.9375rem;
  border-bottom: 1px solid #e9eaea; }

.link__2t_yBBZ3wB48ClfbrlM1iH {
  color: #52b1db;
  font-weight: bold;
  word-wrap: break-word;
  transition: color 200ms ease-in-out; }
  .link__2t_yBBZ3wB48ClfbrlM1iH:hover, .link__2t_yBBZ3wB48ClfbrlM1iH:focus {
    color: #4292b4;
    text-decoration: none; }

.reviewedButton__3MZI1zvzCUh4PDPmDrAtwZ {
  width: 7.1875rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__3yamzY7QE06WNnyIF-VUa- {
  padding: 20px; }

.table__2HJV_muM8Nsa0G4cuOf0Du {
  table-layout: fixed; }

.header__wRWBe9n_DYGrkQeZDfKlW {
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0.625rem 0.9375rem;
  border-bottom: 1px solid #e9eaea; }

.filterContainer__3YPyM5t5jAy-BbKIBurWjE {
  margin: 2.5rem 2.5rem 1.875rem; }

.filterItem__FLklXaCp9afIohX4Dk7sG {
  position: relative;
  margin: 0 1.25rem; }
  .filterItem__FLklXaCp9afIohX4Dk7sG:first-child {
    min-width: 12.5rem;
    margin-left: 0; }

.filterTitle__2HWUOWJ31UVP5PJGXiNQQ3 {
  text-transform: uppercase;
  font-weight: bold;
  margin: 15px 0; }

.filterHeader__2SgxQ8sqg9rGNIDh9u0gI3 {
  text-transform: uppercase;
  margin: 5px 0; }

.filterButton__1-6vvetubFB_pn33h-hY4z {
  position: absolute;
  bottom: 0; }

.linkButton__RXqiI9Z4piWA75VCpyfwn {
  margin-left: 2.5em;
  margin-top: 2.5em; }

.input__17OalXyBna-FQ7TUK_a_T8 {
  font-size: 0.8em;
  padding: 0.6em;
  outline: none;
  width: 100%;
  border: 1px solid #e9eaea;
  border-radius: 2px;
  transition: border-color 0.15s;
  font-weight: normal;
  box-sizing: border-box; }
  .input__17OalXyBna-FQ7TUK_a_T8::-webkit-input-placeholder {
    color: #939598; }
  .input__17OalXyBna-FQ7TUK_a_T8:-ms-input-placeholder {
    color: #939598; }
  .input__17OalXyBna-FQ7TUK_a_T8::-ms-input-placeholder {
    color: #939598; }
  .input__17OalXyBna-FQ7TUK_a_T8::placeholder {
    color: #939598; }
  .input__17OalXyBna-FQ7TUK_a_T8:focus {
    border-color: #37c2aa; }

.loadingContainer__3gbWrzECUrbP0gh2VkKMTW {
  padding-top: 20px;
  text-align: center; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__3ucpq4bD6qHP89fwhuKcqr {
  max-width: 67rem;
  margin: 0 auto;
  padding: 1.25rem; }

.title__3_qNSVL-0xqZpdqg4Di2nt {
  margin-top: 1.25rem;
  margin-bottom: 0.3125rem; }

.buttonRow__3S_rOF-X88NgjRKj9aLiZy {
  display: flex; }

.button__1LAi-9VTlAphWnb4IQ5kNK {
  margin: 5px; }
  .button__1LAi-9VTlAphWnb4IQ5kNK:first-child {
    margin-left: 0; }

.checkbox__3uSzm8ErBDuqtCWxjHExx- label {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  border: 0;
  background-color: #ffffff; }

.checkbox__3uSzm8ErBDuqtCWxjHExx- input:checked + label {
  background-color: #ffffff; }

.error__1oGtNpdwhKKjNvxQeVPl28 {
  padding: 0.9375rem;
  margin: 10px 5px;
  background-color: #fed9de; }

.saveButton__1qS_-e1837NQO9GpGcAeKB {
  margin: 20px 5px; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__3koc46aTl9Ain_3txV1m7m {
  padding: 2rem 0;
  background-color: #fbfbfb; }

.header__v83i2UmniN1ho7O4GTozl {
  color: #212123;
  font-size: 2rem;
  margin-bottom: 2rem; }

.applyButton__1wJXzcQhiBz1SHzQ6GiNPT {
  width: 100%; }

.secondary__3txs7dvwRZ-4hrnIO9ADgd {
  color: #939598; }

.table__1oSDEvQ0KLfx26PFWvkZxi th,
.table__1oSDEvQ0KLfx26PFWvkZxi td {
  padding: 0.5rem 0; }

.table__1oSDEvQ0KLfx26PFWvkZxi th {
  width: 15.1875rem;
  color: #939598;
  font-weight: bold; }
  .table__1oSDEvQ0KLfx26PFWvkZxi th.course__3KpEhfPl6W_GR1bTPwY48Z {
    width: 18.3125rem; }
  .table__1oSDEvQ0KLfx26PFWvkZxi th.dates__1QeGeD-XeLJw-GHA-OWOcP {
    width: 15.1875rem; }
  .table__1oSDEvQ0KLfx26PFWvkZxi th.seats__RUYDM0ZjXYh7b13JBSH4c {
    width: 13.3125rem; }
  .table__1oSDEvQ0KLfx26PFWvkZxi th.priceHeader__3WXiWr3PzAUIs9aWVLszUa {
    width: 5rem; }
  .table__1oSDEvQ0KLfx26PFWvkZxi th.apply__3lEgRtEQVK5AEj0NMIRg-- {
    width: 8.9375rem; }

.table__1oSDEvQ0KLfx26PFWvkZxi td {
  height: 4rem; }

.table__1oSDEvQ0KLfx26PFWvkZxi tr {
  border-bottom: 1px solid #e9eaea; }
  .table__1oSDEvQ0KLfx26PFWvkZxi tr.full__3pKbs3dVYc1jD2mJQpAn4m td {
    color: #939598; }

.narrowList__2yOOop0MMDtBMR5DIo-iUg {
  margin-bottom: 2rem; }

.listSection__2xjCnDE9LIaG4OOMrQuzDZ {
  border-bottom: 1px solid #e9eaea;
  padding-top: 1rem; }
  .listSection__2xjCnDE9LIaG4OOMrQuzDZ div {
    margin-bottom: 0.5rem; }
  .listSection__2xjCnDE9LIaG4OOMrQuzDZ.full__3pKbs3dVYc1jD2mJQpAn4m {
    color: #939598; }

.listHeader__2HEIfhKkZr8XMGxr8p-SWr {
  color: #939598;
  font-weight: bold;
  padding-bottom: 0.5rem; }

.listPricing__3zX0CLsqHd_PUCsxr2zjiR {
  text-align: right; }
  .listPricing__3zX0CLsqHd_PUCsxr2zjiR .applyButton__1wJXzcQhiBz1SHzQ6GiNPT {
    margin-top: 0.5rem; }
  .listPricing__3zX0CLsqHd_PUCsxr2zjiR .price__1WKG5wfKsK5Eksxc5xacxL {
    min-width: 2.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__1ylfTGxeUQKhJfOufTBtL4 {
  min-height: calc(100vh - 3.5rem); }

.explain__2iJbfo8s_ZJGqfOQdP2UZ8,
.footer__--dq4zzAXCUt8-OM0zsfE {
  text-align: center;
  max-width: 26.875rem;
  margin: 0 auto; }

.explain__2iJbfo8s_ZJGqfOQdP2UZ8 {
  padding-top: 4rem;
  padding-bottom: 2rem; }

.header__1YrLZ8pjYUqV7QFajTGx4e {
  font-size: 2rem;
  color: #212123; }

.cohorts__tczuaPcsaSl1Qb7aJJBTq {
  background-color: #ffffff;
  padding-bottom: 2rem; }

.moreInfo__2E5x5-MAXv3AddVCqlxpp6 {
  color: #939598;
  padding-bottom: 4rem; }

.learnLink__2OaYllKtciELELRf3_SUSF {
  color: #34b3a0;
  font-weight: bold; }

.infoList__1VmCxOIW-7JMvzVkK4oPuA {
  list-style: disc; }

.item__3_LZLmO5ViBiywTf42H8Ln {
  padding: 0.5rem 0 0;
  list-style: disc; }

.dates__35nQ8x19GwDjskjgp7zBTn {
  margin-bottom: 1rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.srOnly__1EGVSdzYxef2A3MYYysGdk {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  border: 0; }

.sidebar__6G5cpniHXzGZ_G2zTmW7v {
  color: #ffffff;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media only screen and (min-width: 48rem) {
    .sidebar__6G5cpniHXzGZ_G2zTmW7v {
      position: relative;
      min-height: 100vh; } }
  @media screen and (max-width: 75rem) {
    .sidebar__6G5cpniHXzGZ_G2zTmW7v.collapsed__3vc_9NwFnerSUlaOzvsLZO {
      min-height: auto; } }

.sidebarBackground__1qQUgM0iCV5KQPTmjeMC1p {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }

.pro__1EyaaUx1pn2sNVJ-T1tujK .sidebarBackground__1qQUgM0iCV5KQPTmjeMC1p {
  background-color: #3f3b5c; }

.program__326OViR_btEYgfKzFcBATH .sidebarBackground__1qQUgM0iCV5KQPTmjeMC1p {
  background-color: #2d208f; }

.header__3fo9X_6rg7zglV-sIq7tZp {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #ffffff;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  display: inline-block;
  width: 100%;
  margin-bottom: 0.5rem; }
  @media only screen and (min-width: 48rem) {
    .header__3fo9X_6rg7zglV-sIq7tZp {
      margin-top: 0;
      font-size: 1.4rem; } }

.collapsedSubheader__1-l3y1v6lqeZ174tLZNCYy {
  display: none;
  opacity: 0;
  position: absolute;
  left: 34%;
  top: 3rem;
  font-size: 1.1rem; }

.sidebarBody__3lRxxwfU7nWWHTykOBcqa5 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-bottom: 1.75rem;
  padding-top: 10vh;
  z-index: 2;
  position: relative; }
  @media only screen and (min-width: 48rem) {
    .sidebarBody__3lRxxwfU7nWWHTykOBcqa5 {
      padding-top: 1.75rem; } }

.decorativeImg__3fBJR5EQwTapwhIipylpIJ {
  height: 18rem;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  z-index: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }
  .decorativeImg__3fBJR5EQwTapwhIipylpIJ::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(rgba(63, 59, 92, 0.4), #3f3b5c); }
  @media only screen and (min-width: 48rem) {
    .decorativeImg__3fBJR5EQwTapwhIipylpIJ {
      height: 14rem;
      position: relative; }
      .decorativeImg__3fBJR5EQwTapwhIipylpIJ::after {
        display: none; } }

@media screen and (max-width: 75rem) {
  .pro__1EyaaUx1pn2sNVJ-T1tujK .decorativeImg__3fBJR5EQwTapwhIipylpIJ {
    background-image: url(/webpack/e7400d65c1b4943e3d6b5e4ea33f4537.png) !important; } }

.program__326OViR_btEYgfKzFcBATH .decorativeImg__3fBJR5EQwTapwhIipylpIJ::after {
  background: linear-gradient(rgba(45, 32, 143, 0.6), #2d208f); }

@media only screen and (min-width: 48rem) {
  .sidebarContent__nVWahzj_jajgo6oetwF6u {
    opacity: 1 !important; } }

@media only screen and (min-width: 48rem) {
  .sidebarToggle__BHKNwktMkll688Q3bzGxU {
    display: none; } }

.sidebarBtn__1OCGA97BUXM7plKoLPd7fg {
  margin-top: 1rem; }

@-webkit-keyframes fadeIn__11u9RlWDD_q1d9jsqeitrd {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn__11u9RlWDD_q1d9jsqeitrd {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.openButton__30W6_8dwcb-f0hpEL6pWTa {
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-animation: fadeIn__11u9RlWDD_q1d9jsqeitrd 0.5s forwards;
          animation: fadeIn__11u9RlWDD_q1d9jsqeitrd 0.5s forwards;
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
  background: transparent;
  border: 0;
  opacity: 0; }
  @media only screen and (min-width: 48rem) {
    .openButton__30W6_8dwcb-f0hpEL6pWTa {
      display: none; } }
  .openButton__30W6_8dwcb-f0hpEL6pWTa .toggleOpenIcon__3K1MEuKui4reCxRGjmuN-V {
    color: #ffffff;
    width: 1.2rem;
    height: 1.2rem; }

@media screen and (max-width: 75rem) {
  .collapsed__3vc_9NwFnerSUlaOzvsLZO {
    height: 5rem; }
    .collapsed__3vc_9NwFnerSUlaOzvsLZO .decorativeImg__3fBJR5EQwTapwhIipylpIJ {
      width: 28%;
      height: 100%; }
      .collapsed__3vc_9NwFnerSUlaOzvsLZO .decorativeImg__3fBJR5EQwTapwhIipylpIJ::after {
        opacity: 0; }
    .collapsed__3vc_9NwFnerSUlaOzvsLZO .sidebarBody__3lRxxwfU7nWWHTykOBcqa5 {
      padding-top: 0; }
    .collapsed__3vc_9NwFnerSUlaOzvsLZO .header__3fo9X_6rg7zglV-sIq7tZp {
      position: absolute;
      top: 1.1rem;
      left: 34%;
      font-size: 1rem; } }
    @media screen and (max-width: 75rem) and (max-width: 75rem) {
      .collapsed__3vc_9NwFnerSUlaOzvsLZO .header__3fo9X_6rg7zglV-sIq7tZp {
        overflow: hidden;
        white-space: nowrap;
        max-width: calc(66% - 3rem);
        text-overflow: ellipsis; } }

@media screen and (max-width: 75rem) {
    .collapsed__3vc_9NwFnerSUlaOzvsLZO .sidebarContent__nVWahzj_jajgo6oetwF6u {
      display: none; }
    .collapsed__3vc_9NwFnerSUlaOzvsLZO .collapsedSubheader__1-l3y1v6lqeZ174tLZNCYy {
      display: block;
      -webkit-animation: fadeIn__11u9RlWDD_q1d9jsqeitrd 0.5s forwards;
              animation: fadeIn__11u9RlWDD_q1d9jsqeitrd 0.5s forwards;
      -webkit-animation-delay: 400ms;
              animation-delay: 400ms; } }

.backButton__3BOjdvnCpd20WbftAp2odt {
  color: #ffffff;
  position: absolute;
  z-index: 100;
  top: 1rem;
  left: 1rem;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 75rem) {
    .backButton__3BOjdvnCpd20WbftAp2odt {
      display: none; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.proDescription__rs5S6hzoX1h4uKzewaKmh {
  display: none; }
  @media only screen and (min-width: 48rem) {
    .proDescription__rs5S6hzoX1h4uKzewaKmh {
      display: block; } }

.spacerTop__sVsxZG8PF-C8aqqzwRWZM {
  margin-top: 3rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__2s0gm_E8f73pGIKoVxb1tR {
  min-height: 100vh;
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 48rem) {
    .container__2s0gm_E8f73pGIKoVxb1tR {
      flex-direction: row; } }

.main__O0RUhZtTRbiNfNRXnHoSd {
  padding-left: 1rem;
  padding-right: 1rem; }
  @media only screen and (min-width: 48rem) {
    .main__O0RUhZtTRbiNfNRXnHoSd {
      width: 66.66%; } }

.mainContents__1YHNNoREj0LZkJMayEmzP4 {
  padding-top: 2rem;
  max-width: 22rem;
  margin: auto; }
  @media only screen and (min-width: 48rem) {
    .mainContents__1YHNNoREj0LZkJMayEmzP4 {
      padding-top: 5rem; } }

@media only screen and (min-width: 48rem) {
  .sidebar__2VOr4_Gt6rPDB00yCYR7y4 {
    width: 376px; } }

@media screen and (max-width: 48rem) {
  .sidebar__2VOr4_Gt6rPDB00yCYR7y4 {
    display: none; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__3xrrds547w_EHM_g-qhfPp {
  min-height: 100vh;
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 48rem) {
    .container__3xrrds547w_EHM_g-qhfPp {
      flex-direction: row; } }

.main__2xIIdXt5wVrAc8ecPwSUpD {
  padding-left: 1rem;
  padding-right: 1rem; }
  @media only screen and (min-width: 48rem) {
    .main__2xIIdXt5wVrAc8ecPwSUpD {
      width: 66.66%; } }

.mainContents__G6cIUH0JtcohBGelFIhm7 {
  padding-top: 2rem;
  max-width: 35rem;
  margin: auto; }
  @media only screen and (min-width: 48rem) {
    .mainContents__G6cIUH0JtcohBGelFIhm7 {
      padding-top: 10rem; } }

@media only screen and (min-width: 48rem) {
  .sidebar__1OJKOHNEb52s3kMuDspXSb {
    width: 376px; } }

@media screen and (max-width: 48rem) {
  .sidebar__1OJKOHNEb52s3kMuDspXSb {
    display: none; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.total__1VZcejejHctT53Ii3ZSO6m,
.price__2RcLqc5m-afKCajR84LCtO,
.savings__258Jff2SAM0lCet8EjyYJI,
.coupon__3wkyP-wPoktxVO_DzBajov {
  font-weight: bold; }

.price__2RcLqc5m-afKCajR84LCtO,
.tax__2GOnEIJj7memTyy7glufkX,
.coupon__3wkyP-wPoktxVO_DzBajov,
.total__1VZcejejHctT53Ii3ZSO6m,
.subtotal__caf_gZHP3baVP5m1jGUhW,
.savings__258Jff2SAM0lCet8EjyYJI {
  padding: 1rem 0 0;
  color: #ffffff; }
  .price__2RcLqc5m-afKCajR84LCtO:last-of-type,
  .tax__2GOnEIJj7memTyy7glufkX:last-of-type,
  .coupon__3wkyP-wPoktxVO_DzBajov:last-of-type,
  .total__1VZcejejHctT53Ii3ZSO6m:last-of-type,
  .subtotal__caf_gZHP3baVP5m1jGUhW:last-of-type,
  .savings__258Jff2SAM0lCet8EjyYJI:last-of-type {
    padding: 1rem 0; }

.totalAmount__SYbcewBV6ex-QEko_kT1w {
  font-size: 1.5rem;
  font-weight: normal; }

.divider__2T3d3j-1UNXwnIGu-5B2Em {
  margin: 1rem 0 0;
  opacity: 0.2;
  border-top: 1px solid rgba(255, 255, 255, 0.4); }

.taxError__2-8B4oMeTRAYNlRE-Oeh39 {
  color: #fa4359; }

.spacingTop__2vi0Nen1i4vA1h7jOe2yBd {
  margin-top: 1rem; }

.savings__258Jff2SAM0lCet8EjyYJI,
.coupon__3wkyP-wPoktxVO_DzBajov,
.couponAmount__3XHAoXPdkcmRdugYE6MayO {
  color: #ffc107; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.label__1BWkfyMYe5iXHxetqdbHtP {
  width: 100%;
  display: flex;
  justify-content: space-between; }

.discount__3thjRyUooJ_BUNCRbCOulV {
  color: #ffc107;
  text-transform: uppercase;
  margin-left: 0.5rem;
  font-size: 0.875rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.header__3CYbFsWEv8wSzLWxxLqhXC {
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  font-size: 0.875rem; }
  .header__3CYbFsWEv8wSzLWxxLqhXC h3 {
    font-size: 1rem;
    margin: 0;
    color: #ffffff; }

.radio__2ED-yvVDvTx-wXe17cKA22 label {
  padding: 0.8rem 0;
  border: 1px solid transparent;
  margin-bottom: 0; }

.radio__2ED-yvVDvTx-wXe17cKA22 label::before {
  border: 1px solid #ffffff !important;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem; }

.radio__2ED-yvVDvTx-wXe17cKA22 :checked + label {
  font-weight: bold;
  background-color: transparent !important; }

.radio__2ED-yvVDvTx-wXe17cKA22 :checked + label::before {
  background-color: #ffffff !important;
  border: 0.2rem solid #3f3b5c !important;
  box-shadow: 0 0 0 1px #ffffff !important;
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  min-height: 1rem !important; }

@media only screen and (min-width: 48rem) {
  .hideRadioGroup__T4isxba6twCpJ4FfwaCa3 {
    display: none; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.inputContainer__VEFP5hMf8eaiSo1YFYSKW {
  position: relative;
  flex: 1 1; }

.labelRow__tFIuhhw-neZ4cBy2oK_ps {
  position: relative;
  display: flex;
  align-items: center;
  outline: none;
  padding-bottom: 0.4rem;
  cursor: pointer; }
  .labelRow__tFIuhhw-neZ4cBy2oK_ps:hover {
    opacity: 0.7; }

.labelCoupon__1L4r-SUwfJLM_NUMWF4OCW {
  color: #b7aef9;
  flex: 1 1; }

.couponInput__b4oQQCt7NyrCXGLB1GDSH {
  background: transparent;
  color: #ffffff;
  width: 100%;
  height: 2.5rem;
  border: 1px solid #b7aef9;
  padding: 0.5rem; }

.chevronIcon__pLR0Sdya2x4MyUTEWaImw {
  color: #b7aef9;
  min-width: 1.2rem;
  width: 1.2rem;
  height: 1.2rem; }

.couponErrorLabel__1TRPnIGxRMflmVEohMXpdz {
  clear: both;
  padding-top: 0.4rem;
  color: #fb697a; }

.couponRow__1_c3dVRMljMch9ycPGbhwd {
  display: flex; }

.inputError__3zCNUvozYXEqc7Aq0PeoyA {
  background-color: rgba(250, 67, 89, 0.25);
  border-color: #fa4359; }

.couponApplyButton__1rriLARM73CQHm6Yvmw-1 {
  margin-left: 0.7rem;
  padding-bottom: 1rem;
  min-width: 5rem;
  width: 5rem;
  height: 2.5rem; }

.fadedButton__3WXXcWM6qXPk2xhYlSIbfI {
  opacity: 0.6; }

.couponAppliedButton__1JAPpvUlJteQtzk9yRuh1X {
  background: #9386f5; }

.clearButton__WL-wThWhSocdIAUyJvAKS {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  min-width: 1rem;
  position: absolute; }

.hiddenClearButton__3HaySvmnRk8oeZoWOlOuFI {
  visibility: hidden; }

.hiddenRow__21bIW1NfMXldivX1hDPhT5 {
  display: none; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.title__5NFTxvveFP6G7QauMB8OO {
  font-size: 1.5rem;
  margin-bottom: 0;
  color: #000000; }

.body__2OLSeJqD0P-iQYJy1uRE-o {
  padding-top: 1.5rem;
  text-align: left;
  line-height: 1.5;
  color: #292929; }
  @media only screen and (min-width: 48rem) {
    .body__2OLSeJqD0P-iQYJy1uRE-o {
      padding-bottom: 1.5rem; } }

.icon__3YyDgkr4hyCJFb7YLm_hhN {
  margin-bottom: 1rem; }

.button__1gIPsBEoGoJ4fSu-7OT2Qi {
  width: 12rem;
  margin: 1rem auto; }

.highlight__2a_eYazeaUOjzWC7u7PAiw {
  font-weight: bold; }

.container__3ERpTAQtfahPZlHs29TwS3 {
  text-align: center; }

.mobileWarning__2eruz_qSFoFQERAKwZWroO {
  text-align: left;
  padding-bottom: 1.5rem; }
  @media only screen and (min-width: 48rem) {
    .mobileWarning__2eruz_qSFoFQERAKwZWroO {
      display: none; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.title__235yw8l6DxwXyZZq6ocDvV {
  font-size: 1.5rem;
  margin-bottom: 0;
  color: #000000; }

.body___PrX7L1V0tylSQoGnqXMo {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  line-height: 1.5;
  text-align: left;
  color: #292929; }

.icon__3pm4XwY9W9TftWgAV2z_GK {
  margin-bottom: 1rem; }

.button__3vpQBQSqei0FuER1sc8UcV {
  width: 12rem;
  margin: 1rem auto; }

.highlight__cSdnJKny2S3_nV9aQ5wYb {
  font-weight: bold; }

.container__1oA9tGu9Sh-EP4dpVj1vms {
  text-align: center; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.buttonContainer__QXh2JpDt63TanSgktgs2W {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem; }
  .buttonContainer__QXh2JpDt63TanSgktgs2W b {
    font-weight: bold; }

.paypalImg__yLpGRgqnmGQ1Yk2hCCTFz {
  position: relative;
  left: 0.2rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__1agAdRZ7zVD3XliDBHs3go {
  min-height: 100vh;
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 48rem) {
    .container__1agAdRZ7zVD3XliDBHs3go {
      flex-direction: row; } }

.main__26HF2SfacjO-YdzQ6Co8Wy {
  padding-left: 1rem;
  padding-right: 1rem; }
  @media only screen and (min-width: 48rem) {
    .main__26HF2SfacjO-YdzQ6Co8Wy {
      width: 66.66%; } }

.mainContents__47jvpWQNHET4cuQNNs-Hg {
  padding-top: 6rem;
  max-width: 48rem;
  margin: auto; }
  @media only screen and (min-width: 48rem) {
    .mainContents__47jvpWQNHET4cuQNNs-Hg {
      padding-top: 5rem; } }

@media only screen and (min-width: 48rem) {
  .sidebar__2LoNjNzV1ypLL2GBNXG3R7 {
    width: 376px; } }

.tos__3SAemU2teOT3QwhAx7jEsz {
  line-height: 1.5;
  font-size: 0.90625rem; }

.link__jtUQ5oe7CuC7aVcrKhNZ4 {
  color: #4c7ef3;
  font-weight: bold; }

.hideProPlanCards__3e9CNd1Q3oLfQuviCQLfrr {
  display: none;
  padding-bottom: 1rem; }
  @media only screen and (min-width: 48rem) {
    .hideProPlanCards__3e9CNd1Q3oLfQuviCQLfrr {
      display: block; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.planCardShellColor__2h_DN0wJeYYWAPE5j7Oe4h {
  border: 4px solid; }

.planCardShell__1i785WWAebPJRydA08ilKZ {
  border-top: 4px solid;
  width: 15.3rem;
  margin-bottom: 0.625rem;
  margin-right: 1rem;
  margin-left: 1rem;
  opacity: 0.8;
  cursor: pointer; }
  .planCardShell__1i785WWAebPJRydA08ilKZ:first-of-type {
    margin-left: 0; }

.borderedContainer__1bcYaRXYdsBqvmaDQGcw21 {
  border-top: 4px solid;
  border-left: 2px solid;
  border-right: 2px solid;
  border-bottom: 2px solid;
  width: 15.3rem;
  margin-bottom: 0.625rem;
  margin-right: 1rem;
  margin-left: 0.625rem;
  opacity: 1; }
  .borderedContainer__1bcYaRXYdsBqvmaDQGcw21:first-of-type {
    margin-left: 0; }

.planCardBody__32FtVH50OuLyZvNTbg1pAk {
  height: 10.25rem; }

.planCardBlack__oTtXuVmaM76XyIf0P3s1l {
  border-color: #000000; }

.planCardGrey__2qRBpJBevRKKkscpF1_NZC {
  border-color: #ccc; }

.planCardYellow__2s9-AY0y15Yxf6Elb2qw0W {
  border-color: #ffc107; }

.planCardFooter__3yzMHrYTxz98G1CBRtXUUO {
  height: 3.125rem; }

.planCircle__2Ym56mCAd28ZsCEVM6vBzQ {
  border: 1px solid #000000;
  border-radius: 2.125rem;
  padding: 2px 5px 1px;
  width: 2.125rem;
  margin-left: calc(50% - 17px); }

.emptyCircle__3typ2uY2U4BN5xzrQXsybT {
  border: 1px solid #ccc;
  border-radius: 2.125rem;
  height: 2.125rem;
  width: 2.125rem;
  margin-left: calc(50% - 17px); }

.billedText__2Ywb8t5dLJFtyMrWZ3_1F4 {
  color: #a3a3a3;
  font-size: 1rem;
  text-align: center;
  margin-top: 1.50625rem; }

.monthlyPriceParagraph__1ARmMBjLUuLzCXSKecq4aU {
  text-align: center; }

.monthlyPrice__HJjkIWE002cCLTrHqsTpN {
  font-size: 1.75rem;
  font-weight: bold; }

.monthlyPriceMonth__1ZMKS2Exl34jTyPSjaOc_l {
  color: #a3a3a3; }

.planValue__2Q7_9HhOV3l7q132-TrtJs {
  text-transform: uppercase;
  color: #544f7b;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  margin-top: 0.25rem; }

.discountPercent__2ObCiY13mQfvgIRzEQeG78 {
  text-transform: uppercase;
  color: #544f7b;
  font-weight: bold;
  text-align: center;
  height: 1rem; }

.orginalPrice__3LPLpFmn_pmQXu8Aheiy5i {
  color: #a3a3a3;
  -webkit-text-decoration: line-through #544f7b;
          text-decoration: line-through #544f7b;
  margin-right: 1rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.proPlans__26xVQtGeVvaGG5gqKXFS51 {
  width: 100%;
  display: flex;
  flex-direction: row; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.section__hkLrqz38i8Hr-4fKUGG3Z {
  text-align: center;
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  height: calc(100vh - 3.5rem);
  background-color: #ffffff; }

.title__3FM8Fm5O8IL1dslAKiEhdU {
  margin-bottom: 1.5625rem; }

.icon__3bSgCfOytyKmnh_Tkqyrz9 {
  width: 6.5625rem;
  height: 5.4375rem;
  margin-bottom: 1.625rem; }

.button__oZjsTNC7W2KIxmyliN0KT {
  margin-top: 1.5625rem;
  text-transform: uppercase;
  width: 15.625rem;
  font-weight: bold;
  padding: 0.625rem; }

.flexContainer__zldg5Iouy0jylIwZh-pYU {
  display: flex;
  flex-wrap: wrap; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.screenReaderOnly__2VasPcNaz8pQWD-3orYjU0 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  border: 0; }

.radioButton__39CruZSObrTs-yyAUgi3WA {
  flex: 1 1;
  margin-right: 1rem; }
  .radioButton__39CruZSObrTs-yyAUgi3WA:last-of-type {
    margin-right: 0; }
  .radioButton__39CruZSObrTs-yyAUgi3WA label {
    cursor: pointer;
    padding: 1.2rem;
    border-radius: 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    border: 2px solid rgba(111, 93, 242, 0.2);
    font-size: 1rem;
    transition: border-color 0.4s background-color 0.4s; }
    .radioButton__39CruZSObrTs-yyAUgi3WA label:hover, .radioButton__39CruZSObrTs-yyAUgi3WA label:focus {
      border-color: rgba(111, 93, 242, 0.5);
      background-color: rgba(111, 93, 242, 0.03); }
  .radioButton__39CruZSObrTs-yyAUgi3WA input:checked + label {
    border-color: #6f5df2;
    background-color: rgba(111, 93, 242, 0.1); }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.questionImg__2rYWIrp7h2_OXSPwBognF9 {
  height: 4rem;
  margin-bottom: 1.2rem; }

.questionText__1vbgBJsUocnKz5JPcGqbTA {
  font-size: 1.3rem;
  line-height: 1.6;
  margin-bottom: 2rem; }

.questionSection__3gwnkJX5pWIBh7YDp1uOP8 {
  min-height: 27rem;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 27rem; }
  @media only screen and (min-width: 48rem) {
    .questionSection__3gwnkJX5pWIBh7YDp1uOP8 {
      width: 90%; } }
  @media only screen and (min-width: 64rem) {
    .questionSection__3gwnkJX5pWIBh7YDp1uOP8 {
      padding-left: 0;
      padding-right: 0;
      width: 50rem; } }

.darkGamutRadio__fKGfi59y1JK8eojX74t6V label {
  margin-bottom: 0.75rem;
  padding: 1.1rem 1.4rem;
  border: 2px solid rgba(111, 93, 242, 0.2);
  font-size: 1rem;
  transition: border-color 0.4s background-color 0.4s; }
  .darkGamutRadio__fKGfi59y1JK8eojX74t6V label:hover, .darkGamutRadio__fKGfi59y1JK8eojX74t6V label:focus {
    border-color: rgba(111, 93, 242, 0.5);
    background-color: rgba(111, 93, 242, 0.03); }
    .darkGamutRadio__fKGfi59y1JK8eojX74t6V label:hover::before, .darkGamutRadio__fKGfi59y1JK8eojX74t6V label:focus::before {
      box-shadow: 0 0 0 2px rgba(111, 93, 242, 0.5) !important; }
  .darkGamutRadio__fKGfi59y1JK8eojX74t6V label::before {
    box-shadow: 0 0 0 2px rgba(111, 93, 242, 0.2) !important;
    border-color: #2a283e !important; }

.darkGamutRadio__fKGfi59y1JK8eojX74t6V input:checked + label {
  border-color: #6f5df2;
  background-color: rgba(111, 93, 242, 0.1) !important; }
  .darkGamutRadio__fKGfi59y1JK8eojX74t6V input:checked + label::before {
    background-color: #6f5df2 !important;
    box-shadow: 0 0 0 2px #6f5df2 !important;
    border-color: #2a283e !important; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.subtleButton__2fk0iEM7Qw6LgcWHaVgikM {
  display: inline-block;
  padding: 1.25rem;
  border: 1px solid #6f5df2;
  color: #ffffff;
  cursor: pointer;
  background-color: transparent;
  font-size: 1rem; }
  .subtleButton__2fk0iEM7Qw6LgcWHaVgikM:hover, .subtleButton__2fk0iEM7Qw6LgcWHaVgikM:focus {
    background-color: rgba(111, 93, 242, 0.1);
    text-decoration: none; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.answer__3k-02_tN9x-PgYtqqA3UNe {
  font-size: 1.3rem;
  line-height: 1.6;
  margin-bottom: 2rem;
  margin-top: 3rem; }

.recommendationSection__1cUIBMaBrOSdzpLZ0tr3ZX {
  min-height: 27rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem; }
  @media only screen and (min-width: 48rem) {
    .recommendationSection__1cUIBMaBrOSdzpLZ0tr3ZX {
      width: 90%; } }
  @media only screen and (min-width: 64rem) {
    .recommendationSection__1cUIBMaBrOSdzpLZ0tr3ZX {
      padding-left: 0;
      padding-right: 0;
      width: 50rem; } }

.wrapperLink__1PqvDOx5UQ0ZrTi6mxPbqe {
  line-height: 1.5; }
  .wrapperLink__1PqvDOx5UQ0ZrTi6mxPbqe:hover, .wrapperLink__1PqvDOx5UQ0ZrTi6mxPbqe:focus {
    text-decoration: none; }

.cta__2dVv0jFz_imQMi3T7H41yt {
  text-transform: uppercase;
  padding: 1.1rem;
  border-top: 1px solid #ebebeb;
  text-align: center;
  font-weight: bold;
  color: #4c7ef3;
  font-size: 1rem;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center; }

.ctaIcon__3J35YVXlLsb8ZqBN91eOiD {
  margin-right: 0.6rem; }

.courseCardContainer__pZyWH8TCA-jnsZRp3s5z4 {
  margin-bottom: 2rem;
  max-width: 22rem; }

.spacerBottom__3C62NBA0hsCa_e-gjr0GI9 {
  margin-bottom: 2rem; }

.spacerTop__GbjdIgy2cteCtsDIIN1cm {
  margin-top: 2rem; }

.pathCardWrapper__QBAQQsxXnAOcZ_CJ8qmYc {
  width: 120%;
  position: relative;
  left: -10%; }

.programCard__1umVs-5cgYdULGmHHoqdiM > div,
.courseCard__ah-FgM1gJpV389TdaTxtR > div {
  display: inline-block; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.loader__1iwyN98ssJqQKmRS7lEGkS {
  min-height: 27rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media only screen and (min-width: 48rem) {
    .loader__1iwyN98ssJqQKmRS7lEGkS {
      width: 90%; } }
  @media only screen and (min-width: 64rem) {
    .loader__1iwyN98ssJqQKmRS7lEGkS {
      padding-left: 0;
      padding-right: 0;
      width: 50rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.navStyles__6pbHLBKaliudf9d60Q2Vl {
  display: flex;
  justify-content: center; }

.arrowContainer__yOnA6IMs-AhESfaKZmogO {
  padding: 0.5rem;
  margin-bottom: 2rem; }

.buttonStyles__2d2LqxmosNa4sm403cT5-T {
  background-color: transparent !important;
  border-color: transparent;
  padding: 0 3.9375rem; }
  .buttonStyles__2d2LqxmosNa4sm403cT5-T:hover {
    background-color: transparent !important; }
  .buttonStyles__2d2LqxmosNa4sm403cT5-T:active {
    background-color: transparent !important; }
  .buttonStyles__2d2LqxmosNa4sm403cT5-T[disabled] {
    opacity: 0.25; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.welcome__1HVkBUTsgWSNfngsrt8H3z {
  font-size: 2rem;
  line-height: 3.125rem;
  min-height: calc(100vh - 72px);
  display: flex;
  align-items: center;
  justify-content: center; }

.welcomeContainer__3VFNjlPvXeWk53f2gd-bG5 {
  min-height: 27rem;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media only screen and (min-width: 48rem) {
    .welcomeContainer__3VFNjlPvXeWk53f2gd-bG5 {
      width: 90%; } }
  @media only screen and (min-width: 64rem) {
    .welcomeContainer__3VFNjlPvXeWk53f2gd-bG5 {
      padding-left: 0;
      padding-right: 0;
      width: 50rem; } }
  @media only screen and (min-width: 64rem) {
    .welcomeContainer__3VFNjlPvXeWk53f2gd-bG5 {
      min-width: 55rem; } }
  .welcomeContainer__3VFNjlPvXeWk53f2gd-bG5 .typed-cursor {
    color: #b7aef9;
    font-size: 1.5em;
    position: absolute;
    padding-top: 0.3125rem; }

.welcomeMessage__30nAOZwct0L5VZVKsK0eAM {
  display: inline;
  color: #e9eaea;
  line-height: 1.5em;
  position: relative;
  z-index: 2; }

.welcomeBackgroundIcons__1tkn-clNVtbF2Gvv0iI_lz {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }
  .welcomeBackgroundIcons__1tkn-clNVtbF2Gvv0iI_lz svg {
    z-index: 1;
    position: absolute;
    width: 2em;
    height: 2em;
    color: #544f7b; }

.rubyIcon__1ZlAJ8fJ03NjoFlkWsTjO0 {
  left: 24vw;
  top: 5vh;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg); }

.alexaIcon__2lYdrtCKTJEHVN31rldw0G {
  left: 5vw;
  top: 20vh;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg); }

.cssIcon__3SE1yJOs_wPHhJCTAB9KFC {
  left: 15vw;
  top: 35vh;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg); }

.accessibilityIcon__1DMR3djseH824Bz4etjmrt {
  left: 5vw;
  top: 70vh;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg); }

.reactIcon__3Xlial5pWNrjF3LClI9znw {
  left: 20vw;
  top: 60vh;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg); }

.typeIcon__1OoQNj-AFxpLaMWYpoyO6w {
  left: 25vw;
  top: 85vh;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg); }

.jQueryIcon__1oew4Mn1Xorvhb5Mk9_awx {
  left: 35vw;
  top: 35vh; }

.railsIcon__3cYQfNqiC8G10RZPIIGN0A {
  left: 45vw;
  top: 10vh;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg); }

.numPyIcon__3pbIKqXWdYF8ZZWNlMNbXA {
  left: 45vw;
  top: 75vh;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg); }

.htmlIcon__13rlBU2rKYVgyR2QIKW-xd {
  left: 60vw;
  top: 20vh; }

.pandasIcon__2gGxucOYTt3D_bafgapyDk {
  left: 58vw;
  top: 60vh;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg); }

.sqlIcon__2UFov6n1bFZhsqf8wXIYt- {
  left: 70vw;
  top: 30vh;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg); }

.sassIcon__3c6JsGpyuUigWZXvLVhjpk {
  left: 88vw;
  top: 40vh; }

.terminalIcon__2pHtfaB-sA4c7-RuGBTUwW {
  left: 75vw;
  top: 55vh;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg); }

.matplotLibIcon__EGgaPcsp7iQHqSmoovKUf {
  left: 70vw;
  top: 80vh; }

.angularIcon__2mF-OvBIyTR5DgdMPa0uky {
  left: 80vw;
  top: 10vh;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg); }

.gitIcon__1EGl9gpxwnzPTM72-P360p {
  left: 85vw;
  top: 70vh; }

.sciPyIcon__P7Er9g9SFknoMudiXA1l1 {
  left: 93vw;
  top: 85vh; }

.javascriptIcon__3Aa4iM_cHBApUUBHFC14-w {
  left: 95vw;
  top: 5vh;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg); }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.skipBar__1Zu6lOgQTppRuF90lvKcna {
  background-color: #ffffff;
  font-size: 1rem;
  padding: 0.8rem 0;
  position: relative;
  z-index: 2;
  padding-left: 4.5rem;
  padding-right: 4.5rem; }
  @media only screen and (min-width: 64rem) {
    .skipBar__1Zu6lOgQTppRuF90lvKcna {
      display: flex; } }
  @media only screen and (min-width: 64rem) {
    .skipBar__1Zu6lOgQTppRuF90lvKcna > div {
      flex: 1 1;
      display: flex;
      align-items: center; }
    .skipBar__1Zu6lOgQTppRuF90lvKcna .firstNavSection__3vSjWMO3ng9h86TOvm6mOt {
      justify-content: flex-start; }
    .skipBar__1Zu6lOgQTppRuF90lvKcna .secondNavSection__27dsmW_mYIFOAqnJsNcocV {
      justify-content: center; }
    .skipBar__1Zu6lOgQTppRuF90lvKcna .thirdNavSection__3tv6MLkutIwOWPUS4IaNbJ {
      justify-content: flex-end; } }
  .skipBar__1Zu6lOgQTppRuF90lvKcna h1 {
    font-size: 1.2rem;
    margin: 0;
    font-weight: bold; }
  .skipBar__1Zu6lOgQTppRuF90lvKcna a {
    font-weight: bold;
    color: #4c7ef3; }
  .skipBar__1Zu6lOgQTppRuF90lvKcna img {
    width: 9rem;
    height: auto; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.defaultStyles__1Tws8wJKjXMSwqKMUn66uM {
  background-color: #2a283e;
  color: #e9eaea;
  font-family: Monaco, Menlo, "Ubuntu Mono", "Droid Sans Mono", Consolas, monospace;
  font-size: 1.25rem;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased; }
  .defaultStyles__1Tws8wJKjXMSwqKMUn66uM b {
    font-weight: 800; }

.containerStyles__2I4GhSVQ7ApyQlhACt99KB {
  min-height: calc(100vh - 72px);
  display: flex;
  align-items: center;
  justify-content: center; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__b3ZZw0jIk193DvzPF83hV {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 64rem) {
    .container__b3ZZw0jIk193DvzPF83hV {
      flex-direction: row; } }

.expiredImgBackground__1umkAcobjAhZK3z33MrMZ6 {
  background-color: #69639a;
  background-image: url(/webpack/c680ffc448cd7e4575d2347c4cf276bf.svg);
  background-repeat: no-repeat;
  background-position: 20vw 3vh;
  background-size: 120%;
  position: relative;
  height: 12rem;
  overflow: hidden;
  padding-top: 1rem; }
  .expiredImgBackground__1umkAcobjAhZK3z33MrMZ6 .logo__3dvouWbNZdY0yx9gyISKxz {
    width: 12rem;
    position: relative;
    left: 1rem; }
  @media only screen and (min-width: 48rem) {
    .expiredImgBackground__1umkAcobjAhZK3z33MrMZ6 {
      background-position: 10vw 0; } }
  @media only screen and (min-width: 64rem) {
    .expiredImgBackground__1umkAcobjAhZK3z33MrMZ6 {
      min-height: 100vh;
      height: 50rem;
      flex: 0 0 25%;
      background-size: 400%;
      background-position: bottom; } }
  @media only screen and (min-width: 75rem) {
    .expiredImgBackground__1umkAcobjAhZK3z33MrMZ6 {
      background-size: 380%; } }

.mainContent__ki9TiubIQhL5F8zAeA-6s {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.upgradeBtn__2V2_s_4g2MHushdpY4R4F3 {
  display: block;
  width: 100%;
  padding: 0.75rem !important; }

.main__oQLblbqsrHjIJ3Mi40FhR {
  min-height: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 3rem;
  max-width: 40rem;
  margin: auto; }
  @media only screen and (min-width: 64rem) {
    .main__oQLblbqsrHjIJ3Mi40FhR {
      padding-top: 0; } }
  .main__oQLblbqsrHjIJ3Mi40FhR p {
    font-size: 1.1rem;
    line-height: 1.5;
    margin-bottom: 0; }
  .main__oQLblbqsrHjIJ3Mi40FhR h1 {
    font-weight: bold;
    font-size: 2rem;
    color: #292929; }
    @media only screen and (min-width: 64rem) {
      .main__oQLblbqsrHjIJ3Mi40FhR h1 {
        font-size: 2.5rem; } }

.notNowContainer__21VeXQhUv8GFWM31xYTtFW {
  display: flex;
  justify-content: center;
  padding-top: 1.5rem;
  margin-bottom: 4rem; }
  .notNowContainer__21VeXQhUv8GFWM31xYTtFW a {
    font-weight: bold;
    color: #4c7ef3; }

.featureCardContainer__XyCR-N_rgVmi9Gv9WPnOw {
  display: flex;
  flex-direction: column;
  margin: 2rem 0; }
  @media only screen and (min-width: 64rem) {
    .featureCardContainer__XyCR-N_rgVmi9Gv9WPnOw {
      flex-direction: row;
      margin: 3rem 0; } }

.featureCard__1vz-vMHOMxTViXDbOH_fYB {
  border: 1px solid #d6d6d6;
  flex: 1 0 auto;
  border-radius: 3px;
  padding: 1rem; }
  .featureCard__1vz-vMHOMxTViXDbOH_fYB:first-of-type {
    margin-bottom: 2rem; }
  @media only screen and (min-width: 64rem) {
    .featureCard__1vz-vMHOMxTViXDbOH_fYB:first-of-type {
      margin-bottom: 0;
      margin-right: 1.5rem; } }

.featureCardTitle__2Kstt01grl8jCQMCU1KOd1 {
  color: #292929;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 1rem; }

.featureCardFeatures__1PiwsfE8zSJgmnApfKrnbl {
  list-style: none; }

.featureCardFeatures__1PiwsfE8zSJgmnApfKrnbl li {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  padding: 0; }
  .featureCardFeatures__1PiwsfE8zSJgmnApfKrnbl li svg {
    vertical-align: bottom;
    margin-right: 0.5rem; }

.faded__1ti5PoUoklfyr80NAsrU1K {
  opacity: 0.15; }

.smallScreenHidden__lHDedeqTyLBcjCXe_Zrcz {
  display: none; }
  @media only screen and (min-width: 64rem) {
    .smallScreenHidden__lHDedeqTyLBcjCXe_Zrcz {
      display: block; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__WtfxvMCgIo6Gxzh_8Bv3F {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.count__1QZOdA3Gggewi-mD7PeIu4 {
  font-size: 1.8rem;
  line-height: 2rem;
  text-align: center;
  font-weight: bold; }

.label__1hJSRm7e2UeT3zR9PdObqD {
  text-align: center; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.profileContainer__s0zGfILyXiEt0zfGwZOOg .editButton__1cKzHUXSzDIs3XAU1Dds6J {
  opacity: 0; }

.profileContainer__s0zGfILyXiEt0zfGwZOOg:hover .editButton__1cKzHUXSzDIs3XAU1Dds6J {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.usernameContainer__3cFHJqoS-dcoQeEnfBMqwk {
  display: flex;
  align-items: center;
  justify-content: center; }

.username__IoNNQDj_IHjZin8Neh1to {
  font-size: 2.2rem;
  font-family: "Regular Patch", "Regular Bold", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 3rem;
  font-weight: bold; }

.avatarContainer__3UY7DkdFKdpMctm6H4yK6b {
  display: inline-block; }

.avatarImage__3DfAr7egdLHB-sRwfJ-dOy {
  height: 80px;
  width: 80px;
  border-radius: 50%; }

.userDetailsContainer__bFoBwiknuB7Pg7BhT5zLM {
  display: inline-block;
  vertical-align: top;
  margin-left: 16px; }

.editButton__1cKzHUXSzDIs3XAU1Dds6J {
  transition: all 0.15s ease-in-out;
  -webkit-transform: translateX(-1rem);
          transform: translateX(-1rem);
  margin-left: 0.5rem;
  margin-top: -0.7rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__3e6ASSC2y2-Ejh0g1hCWXN {
  height: 12.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; }
  @media screen and (max-width: 30rem) {
    .container__3e6ASSC2y2-Ejh0g1hCWXN {
      display: none; } }

.rightSection__3BtTXJfzAuWBe6LNPjdlJx {
  height: 5rem;
  width: 20%;
  max-width: 15rem;
  display: flex;
  z-index: 1;
  justify-content: space-between; }
  .rightSection__3BtTXJfzAuWBe6LNPjdlJx > * {
    display: inline-flex; }

.leftSection__1InvyGDU_7k0Yoxxeq5cUO {
  height: 5rem;
  width: 80%;
  display: flex;
  z-index: 1; }

@media screen and (max-width: 53.125rem) {
  .container__3e6ASSC2y2-Ejh0g1hCWXN {
    flex-direction: column;
    justify-content: space-around;
    height: 7rem; }
  .rightSection__3BtTXJfzAuWBe6LNPjdlJx {
    margin: 0 auto;
    width: 100%;
    max-width: none;
    justify-content: space-around; }
  .leftSection__1InvyGDU_7k0Yoxxeq5cUO {
    display: none; } }

.free__GgHqbA-nGf0KJv08HOM6R {
  background-color: #5fcfcb; }

.pro__14vf4ukMsoVeBbNN4IgrHB {
  background-color: #544f7b;
  color: #ffffff; }
  .pro__14vf4ukMsoVeBbNN4IgrHB a {
    color: #ffffff; }

.trial__Z6-Re5X46-GJt0ACVDSYi {
  background-color: #544f7b;
  color: #ffffff; }

.intensive__qS1i-vsxEreh9Igtid40V {
  background-color: #2d208f;
  color: #ffffff; }
  .intensive__qS1i-vsxEreh9Igtid40V a {
    color: #ffffff; }

.backgroundImage__2m2Mz0hJ7ii7xhO8jFBuAA {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0; }

.username__2AOKK4CITOf5ew7UdBr4W3 {
  font-size: 2rem;
  line-height: 3rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.smallProgramCard__1bCJN5rV1rsbd8QoDAcbET {
  height: 12.5rem;
  width: 100%;
  background-color: #3c2abf; }

.backgroundImage__2uFQc-FkICg_SAamxBA9lB {
  position: absolute;
  border-radius: 0.125rem;
  width: 100%;
  height: 12.5rem; }

.cardContents__1VhVTVHYa1a0cAhkmpAAf8 {
  position: relative; }

.title__3JDtHYjS3IkjwsBW5RBC6- {
  padding-top: 2.5rem;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0.625rem;
  line-height: 1.2; }

.description__1RWcULO53ikAN5PYH5tUiA {
  color: #eef0f1;
  line-height: 1.40625rem; }

.link__31Mf8R1mvp52LegkJBc-38:hover, .link__31Mf8R1mvp52LegkJBc-38:focus {
  text-decoration: none; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.loadingScreen__3yUAEe-lsM9O2c2_D1dKqM {
  background-color: #c3c1d7;
  z-index: 1;
  position: absolute;
  height: inherit;
  width: inherit;
  pointer-events: none; }

.stretchToFit__Us5OiSwaGebVHetgkWzPg {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__2V9aWabnDvvVH8vxr-N5M4 {
  position: relative;
  height: 12.5rem; }

.cardLink__1-c1zVK1s7VwKO5eWZZd-T:hover,
.cardLink__1-c1zVK1s7VwKO5eWZZd-T:focus {
  text-decoration: none; }

.loadingScreen__18ez5JpFp1izT6PoDpDDP6 {
  background-color: #c3c1d7;
  z-index: 1;
  position: absolute;
  height: 12.5rem;
  width: 100%;
  pointer-events: none; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.recommendationCard__3U9pkPZh_6D3bhqLp-KNYH {
  height: 12.5rem;
  font-size: 1rem; }
  .recommendationCard__3U9pkPZh_6D3bhqLp-KNYH:last-child {
    margin-right: 0; }

.cardContainer__3rt-KFOWFjXZtKbC_G1AUd {
  height: 12.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.flat__2crC2YEXpUbwLesKKkYfAB {
  box-shadow: none; }

.card__1rErX6RKnfMhIpP32V61DO {
  height: 12.5rem;
  border-radius: 2px;
  overflow: hidden;
  position: relative; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.enrollCard__3tvKuiICGaSldBuqhgi6eb {
  height: 12.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #7a7a7a; }

.noLinkStyle__2ZgxTbUUi-X-sZT46hvmS7 {
  display: contents; }
  .noLinkStyle__2ZgxTbUUi-X-sZT46hvmS7:hover, .noLinkStyle__2ZgxTbUUi-X-sZT46hvmS7:focus, .noLinkStyle__2ZgxTbUUi-X-sZT46hvmS7:active {
    text-decoration: none; }

.addIcon__3xTCDmwW44Ovzxm8EK9Vm6 {
  margin-right: 0.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.item__311rb2yojWghUh6opFqN6G {
  flex-basis: 21.5rem; }
  @media screen and (max-width: 53.125rem) {
    .item__311rb2yojWghUh6opFqN6G {
      flex-basis: 13.5rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.noLinkStyle__3j_XO3a8_1UNPLJr8sXFvk {
  display: block; }
  .noLinkStyle__3j_XO3a8_1UNPLJr8sXFvk:hover, .noLinkStyle__3j_XO3a8_1UNPLJr8sXFvk:focus, .noLinkStyle__3j_XO3a8_1UNPLJr8sXFvk:active {
    text-decoration: none; }

.pathEnrollmentCard__2m6uaAHaOsOJkRsyNiZhSi {
  height: 12.5rem;
  display: flex;
  flex-direction: column;
  color: #ffffff; }

.pathCardContainer__b7EI6xPVapIOuls7E6rME {
  position: relative; }

.pathCardLoader__1UGYa4iAZe8IbdbJCcTsHk {
  height: 100%;
  width: 100%;
  position: absolute; }

.pathText__UIGFxaWjnbAyzHGmmBiTi {
  text-transform: uppercase;
  margin-top: 0.8125rem;
  margin-left: 1.5rem;
  font-weight: bold;
  width: 50%; }

.cardContent__2Mv33NLfLkB4FBFtXScgOb {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: -0.5rem;
  position: relative; }

.dataScience__2njVoIovA_40mGhkp2EYpw {
  background-color: #3c2abf; }

.webDev__2KBp3tn4K0Lmv01wtwIkbL {
  background-color: #249cff; }

.computerScience__3d0_Lo_b3xK8m1XX0WqZL_ {
  background-color: #e85d7f; }

.codeFoundations__2D_tw-dX8qMwIRmw7Rq-TC {
  background-color: #6df0c2; }

.webDevPathText__O1gFWaEmuuYbeWNdfODJO {
  color: #525252; }

.codeFoundationsPathText__3vOsFNnljZG1Q2XnOxrwhy {
  color: #000000; }

.defaultPathText__2SpHTLOnA152hXCbZ-KQ2F {
  color: #ffffff; }

.pathTitle__Me5jRDok_4ONNfohKM2rQ {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  margin-left: 1.5rem;
  width: 50%;
  margin-bottom: 3.125rem; }

.pathTitleCodeFoundations__3kCklvp_-mlubCFFD5Ku9E {
  color: #000000; }

.dataSciencePathImage__1D0IeOT29pdBYWvyXGdNli {
  height: 7.93125rem;
  -webkit-clip-path: inset(0 44% 0 0);
          clip-path: inset(0 44% 0 0);
  right: -5.4375rem; }

.pathImage__3UGjZjK8pV4d3UXhPzUupr {
  align-items: center;
  position: absolute; }

.webDevPathImage__liarz1e5Jo-Ja6KSuBYSd {
  -webkit-clip-path: inset(0 45% 0 0);
          clip-path: inset(0 45% 0 0);
  right: -6.125rem; }

.computerSciencePathImage__PUs-lvqk7zBAV0K5nYL8i {
  -webkit-clip-path: inset(0 25% 0 0);
          clip-path: inset(0 25% 0 0);
  right: -2.0625rem; }

.codeFoundationsPathImage__P6Buhvhmxhc4X3mVMvlt9 {
  -webkit-clip-path: inset(0 47% 0 0);
          clip-path: inset(0 47% 0 0);
  right: -5.53125rem;
  margin-top: -0.875rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.newPathTitle__2uOT_NZuTaRNY2iymmEKdk {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.editLink__3rii9DRwN2va3F6-GkjOjo {
  color: #4c7ef3;
  font-weight: bold;
  margin-top: 0;
  margin-left: 0;
  float: right; }
  .editLink__3rii9DRwN2va3F6-GkjOjo:hover, .editLink__3rii9DRwN2va3F6-GkjOjo:focus {
    text-decoration: none; }
  @media only screen and (min-width: 48rem) {
    .editLink__3rii9DRwN2va3F6-GkjOjo {
      margin-left: 0.7rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.header__2D6Jpi0Y05gvhs9NRQAS3I {
  margin-bottom: 1.2rem; }
  @media screen and (max-width: 53.125rem) {
    .header__2D6Jpi0Y05gvhs9NRQAS3I {
      margin-bottom: 1rem; } }

.title__wnTMiUkesZRqfmrB0Ju6l {
  display: inline; }

.editLink__pK1a4FKZDmr5zc6TigC4N {
  color: #4c7ef3;
  font-weight: bold;
  margin-top: 0.5rem;
  margin-left: 0.7rem;
  float: right; }
  .editLink__pK1a4FKZDmr5zc6TigC4N:hover, .editLink__pK1a4FKZDmr5zc6TigC4N:focus {
    text-decoration: none; }
  @media screen and (max-width: 53.125rem) {
    .editLink__pK1a4FKZDmr5zc6TigC4N {
      margin-top: 0;
      margin-left: 0; } }

.item__3-Tbd9sMwZjj7ANngvt8NN {
  flex-basis: 21.5rem; }
  @media screen and (max-width: 53.125rem) {
    .item__3-Tbd9sMwZjj7ANngvt8NN {
      flex-basis: 13.5rem; } }

.card__3yF7z3YSCjdSazdWON6iwi {
  width: 20rem; }

.proLogo__1xm2uWbi0DNHiIIjLat6aa {
  width: 4rem;
  margin-top: 0;
  margin-left: 0.8rem;
  margin-bottom: 0.6rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.enrollCard__yFFMCCDtl9sPseGAEj6Sd {
  height: 12.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #7a7a7a; }

.noLinkStyle__3Rr72xydMwIhhUgQx4aikJ:hover, .noLinkStyle__3Rr72xydMwIhhUgQx4aikJ:focus, .noLinkStyle__3Rr72xydMwIhhUgQx4aikJ:active {
  text-decoration: none; }

.addIcon__3S6EjuhaIjIFXB6JLMxvno {
  margin-right: 0.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.enrollCard__JnOkxBM9Vo26x2K05f7nq {
  height: 12.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #7a7a7a; }

.noLinkStyle__ybjwDsdbJZbZG3uZxasHb {
  display: contents; }
  .noLinkStyle__ybjwDsdbJZbZG3uZxasHb:hover, .noLinkStyle__ybjwDsdbJZbZG3uZxasHb:focus, .noLinkStyle__ybjwDsdbJZbZG3uZxasHb:active {
    text-decoration: none; }

.addIcon__13fM5_RSVFb4V-zt9Y1sCD {
  margin-right: 0.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.dashboardTwoContainer__23dYn7WF7cI2LInIGeIUBJ {
  margin-top: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem; }

.tabs__1k1tpOTg-M8BGTqXDyA32X {
  margin-bottom: 5rem; }
  @media screen and (max-width: 30rem) {
    .tabs__1k1tpOTg-M8BGTqXDyA32X {
      margin-bottom: 3rem; } }

.section__2U7KoCT9Oc0bJZepo31Q6c:not(:empty) {
  padding-bottom: 3rem; }
  .section__2U7KoCT9Oc0bJZepo31Q6c:not(:empty) h2 {
    font-size: 1.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.dashboardTwoContainer__1C90rmZDHChWYCKiy33eWc {
  margin-top: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem; }

.tabs__fIEuSpuh4IS3HyQt-0gYN {
  margin-bottom: 5rem; }
  @media screen and (max-width: 30rem) {
    .tabs__fIEuSpuh4IS3HyQt-0gYN {
      margin-bottom: 3rem; } }

.section__2g2gnYp1Qcn1JhufivkcwA:not(:empty) {
  padding-bottom: 3rem; }
  .section__2g2gnYp1Qcn1JhufivkcwA:not(:empty) h2 {
    font-size: 1.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.dashboardTwoContainer__15-rVDov2VzlW8PPOeiTYH {
  margin-top: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem; }

.tabs__2nhUVG3A6fGhsTSTWXrXQx {
  margin-bottom: 5rem; }
  @media screen and (max-width: 30rem) {
    .tabs__2nhUVG3A6fGhsTSTWXrXQx {
      margin-bottom: 3rem; } }

.section__1jJ6K0wDu5-5uAcvhbRvfb:not(:empty) {
  padding-bottom: 3rem; }
  .section__1jJ6K0wDu5-5uAcvhbRvfb:not(:empty) h2 {
    font-size: 1.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.link__3qb000I3BZ43VIlDObrTbq:hover,
.link__3qb000I3BZ43VIlDObrTbq:focus {
  text-decoration: none; }

.linkCard__4venWtriq9uPfCP8cd46M {
  height: 12.5rem;
  color: #484848; }

.topBar__1BKtJvUlSBtAlIv7gZoNkL {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5rem;
  width: 100%; }

.iconContainer__UD4fUMEicO1MkvAhy0i5X {
  position: absolute;
  top: 1.25rem;
  right: 1rem;
  width: 3rem;
  height: 3rem;
  border-radius: 100%; }

.icon__3e3mQH0mR0MEC9yNtAc2C3 {
  height: inherit;
  margin: auto;
  display: block;
  color: #ffffff;
  width: 1.75rem; }

.title__say7kMV63S0yON588nZ-9 {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.2;
  padding-top: 3.25rem;
  margin-bottom: 0.625rem; }

.description__1FrnasXF0xZFa1dr5w0vJ4 {
  position: relative;
  line-height: 1.40625rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.blueDot__1QrvQcJspqA9CCVo18ImVs {
  background: #13aef6;
  border-radius: 50%;
  height: 0.75rem;
  width: 0.75rem;
  margin-right: 0.75rem; }

.text__3KUpzpeKCOyzPCPq3bZ07N {
  color: #3e3e40;
  font-weight: bold;
  font-size: 0.9375rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.text__1J1mJEedyHhtj5Knu8Ibxp {
  color: #13aef6;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.9375rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.body__3eolVPRHp1VXVDwg2pyRp6 {
  height: 13rem; }

.heading__3Yljkhui97gBhdlRK-oOaV {
  padding: 2rem 0 0.5rem;
  margin: 0;
  color: #3e3e40;
  font-weight: bold;
  font-size: 1.125rem;
  text-transform: uppercase; }

.description__3vMNzzTiD83DhGqjFln2Pm {
  height: 5.375rem;
  color: #939598;
  line-height: 1.5;
  font-size: 0.9375rem; }

.icon__3pFEVkga02N_Esa_nmnbKD {
  color: #8782ae;
  margin-right: 0.75rem;
  height: 1.5rem;
  width: 1.5rem; }
  .icon__3pFEVkga02N_Esa_nmnbKD:last-of-type {
    margin: 0; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.pathsBanner__3ADZzQ28PrYOkbwn1R661u {
  height: 22rem;
  overflow: hidden;
  position: relative; }
  @media only screen and (min-width: 48rem) {
    .pathsBanner__3ADZzQ28PrYOkbwn1R661u {
      height: 12.5rem;
      font-size: 1.02rem; } }

.img__3AZTMdGMzE5V_bJMqh4mjK {
  width: auto;
  height: 22rem; }
  @media only screen and (min-width: 48rem) {
    .img__3AZTMdGMzE5V_bJMqh4mjK {
      width: 20rem;
      height: auto; } }

.flex__326EnVRiw_AiXx5gqBk1p4 {
  height: 100%;
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 64rem) {
    .flex__326EnVRiw_AiXx5gqBk1p4 {
      flex-direction: row; } }

.textContainer__1BZFrfBgxEVfcyxD8pN1lq {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #484848;
  background-image: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.85));
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 2rem; }
  @media only screen and (min-width: 64rem) {
    .textContainer__1BZFrfBgxEVfcyxD8pN1lq {
      background-image: none;
      position: relative; } }

.cta__1o2lVRr0DnwwFe-IFVNT8N {
  color: #4b35ef;
  font-weight: bold; }

.proLogo__30_CX-flKw3BlCDIxDhwYZ {
  width: 4rem;
  padding-bottom: 0.25rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.banner__2pboUft-7GpqPcfOShHocI {
  height: 12.5rem;
  background-color: #2d208f;
  overflow: hidden;
  position: relative;
  background-image: linear-gradient(to right, #3c2abf, #2d208f); }

.link__Sw7JQrdUYu0mIiCTIw5_G {
  display: contents; }

.text__2VKUWI7k17CZn9FPLLSxdg {
  position: absolute;
  left: 21.5rem;
  color: #ffffff;
  z-index: 1;
  width: calc(100% - 23rem);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1.5rem; }
  @media screen and (max-width: 45.5rem) {
    .text__2VKUWI7k17CZn9FPLLSxdg {
      left: 1rem;
      width: calc(100% - 2rem); } }

.header__1JHDebadGn70BgfG8ay-3h {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem; }

.image__3j5gr4NVRMzAdSoGTf64Um {
  position: absolute;
  top: 0;
  height: 12.5rem; }
  @media screen and (max-width: 45.5rem) {
    .image__3j5gr4NVRMzAdSoGTf64Um {
      display: none; } }

.callToAction__9_GTe_kp1c69byDj1Qbc2 {
  padding-top: 1rem;
  font-weight: bold; }
  @media screen and (max-width: 45.5rem) {
    .callToAction__9_GTe_kp1c69byDj1Qbc2 {
      display: none; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.coursePrimaryButtonResumeCard__1o6zWE6puaHOXmrMKHMq1Z {
  margin-right: 0.75rem;
  margin-bottom: 2.5rem;
  width: 9.375rem;
  height: 3rem;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  color: #3e3e40 !important;
  background-color: #ffc107 !important;
  border-color: transparent !important;
  text-transform: uppercase;
  border-radius: 2px;
  margin-top: 0; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.iconContainer__1EJxnhEoPrDUeqga2cM2oI {
  min-width: 10rem;
  width: 10rem;
  background-color: #204056; }

.tray__2A0EoiNfizSKgr2BrsebSL {
  background-color: #e9eaea;
  padding: 1rem 2rem; }

.name__3uX31vZE7aWzItxL55cF4c {
  color: #204056;
  font-size: 1.5rem; }

.message__3t_t1sDLCR69wIgqLPDKHy {
  margin-top: 0.5rem; }

.buttonContainer__3M2FDmzgEEkeCutQjMT8Zb {
  margin-top: 1rem; }

.secondaryButtons__30QREfkFkYU7MAFk4av-Fn {
  position: absolute;
  right: 1.5rem;
  bottom: 1rem;
  align-items: center; }

.courseEntryButton__3Aj6xSgs7PXTofGG-lyXV6 {
  width: 12rem;
  margin-right: 0.75rem;
  margin-bottom: 0.5rem; }

.courseResetButton__3bd8sQV9LapAhWWc1fLmxS {
  width: 16rem;
  margin-right: 0.75rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__1Ehf_ileR79eYSBbUK-PWI {
  width: 84rem;
  padding-top: 2rem; }

.courseResumeSectionContainer__2lebv1SR8WtSCwv_8o51Iu {
  height: 16rem;
  position: relative; }
  @media screen and (max-width: 30rem) {
    .courseResumeSectionContainer__2lebv1SR8WtSCwv_8o51Iu {
      display: none; } }

.courseResumeCardLoader__17GuqDYqQa1yIe8g3VXcQ {
  height: 200px;
  width: 100%;
  position: absolute; }

.section__3_ipqNHcO6SSUpDUtux4Bi {
  margin-bottom: 3rem; }
  .section__3_ipqNHcO6SSUpDUtux4Bi:last-of-type {
    margin-bottom: 0; }

.descriptionSegmentName__2Nh4vABMsckN87z5KrOBUc {
  text-decoration: underline; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.dashboardTwoContainer__1tSBGogLPx2PAjcUUSMVm3 {
  margin-top: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem; }

.tabs__r9oRUumXxUOpFn33XB_6P {
  margin-bottom: 5rem; }
  @media screen and (max-width: 30rem) {
    .tabs__r9oRUumXxUOpFn33XB_6P {
      margin-bottom: 3rem; } }

.grid__3cGpzO5ALdqbBIjo1tdMwS {
  display: flex;
  flex-wrap: wrap;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, 20rem);
  grid-gap: 1.5rem; }

.messageText__IvXpd6FYtKw2OU4PpdxfF {
  font-weight: bold; }

.challengesSectionContainer__DHbUQp3AMTBXt4oDXGGdg {
  padding-bottom: 3rem; }
  .challengesSectionContainer__DHbUQp3AMTBXt4oDXGGdg h2 {
    font-size: 1.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.challengeBody__2IpG5YkFtz9o_mi_Zp71OZ {
  height: 21.25rem; }

.challengeContent__1j9nAYV4p2zme0JPeWUPg {
  display: flex;
  flex-direction: column; }

.challengeContent__1j9nAYV4p2zme0JPeWUPg img {
  height: 7.5rem;
  margin-top: 2.125rem;
  align-self: center; }

.challengeContent__1j9nAYV4p2zme0JPeWUPg p {
  text-align: center;
  margin-top: 1.875rem;
  color: #3e3e40; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.messageText__2NboEyBYumg7ysqPMZpyC6 {
  font-weight: bold; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.footerText__IQEM7MjaGi-J7SoG694kD {
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  color: #4c7ef3;
  text-transform: uppercase; }

.footerButton__X3Zvt-tNF1uP2zX6scxf5 {
  border-color: transparent;
  padding: 0; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.messageText__3UbAWyhpl-VhoNMbHgqQyN {
  font-weight: bold; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.footerText__1LQ43capUNs3NIhuGYtxat {
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  color: #4c7ef3;
  text-transform: uppercase; }

.footerButton__3m5nc7LmZKqvZeKvf9SuQl {
  border-color: transparent;
  padding: 0; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.messageText__1PjrQUJmo0Qe9FkRGHOcTh {
  font-weight: bold; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.footerText__1ZIRO3OPxMr9QIQxSVJ21r {
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  color: #4c7ef3;
  text-transform: uppercase; }

.footerButton__1SfCopSAivRxeAVA1ZD1wL {
  border-color: transparent;
  padding: 0; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.dashboardTwoContainer__3Td7RltI9vx44_Ra_eIS8K {
  margin-top: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem; }

.tabs__1abbCY1qWSzs952b8FDPL6 {
  margin-bottom: 5rem; }
  @media screen and (max-width: 30rem) {
    .tabs__1abbCY1qWSzs952b8FDPL6 {
      margin-bottom: 3rem; } }

.section__3F52bXMsD8jIxMpLpPBX06:not(:empty) {
  padding-bottom: 3rem; }
  .section__3F52bXMsD8jIxMpLpPBX06:not(:empty) h2 {
    font-size: 1.5rem; }

@media screen and (max-width: 30rem) {
  .courseResumeCardSection__Qy_NH_EKnwvUoJL2atyBW {
    padding-bottom: 0 !important; } }

.trialBannerSection__1NSnS2RoS7oTRJt7mBVvTS {
  margin-top: 3rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.dashboardTwoContainer__1nNDy44FyKj9FrT9IMqv8t {
  margin-top: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem; }

.tabs__SdEeJBG_qPJRsxjJUoEAY {
  margin-bottom: 5rem; }
  @media screen and (max-width: 30rem) {
    .tabs__SdEeJBG_qPJRsxjJUoEAY {
      margin-bottom: 3rem; } }

.section__melNbkKz0oxcjNun33tRe:not(:empty) {
  padding-bottom: 3rem; }
  .section__melNbkKz0oxcjNun33tRe:not(:empty) h2 {
    font-size: 1.5rem; }

@media screen and (max-width: 30rem) {
  .courseResumeCardSection__1HmAz9aIQkXXiZsr7coPw4 {
    padding-bottom: 0 !important; } }

.trialBannerSection__2SoOc1SA9KX_Ft_UAoy_1w {
  margin-top: 3rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.item__2P8CIbRl2c3rhP8VAdv3PB {
  flex-basis: 21.5rem; }
  @media screen and (max-width: 53.125rem) {
    .item__2P8CIbRl2c3rhP8VAdv3PB {
      flex-basis: 13.5rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
@-webkit-keyframes fadeIn__2NDYHBUoCXQPE7ww8wM_JM {
  0% {
    opacity: 0;
    position: relative; }
  100% {
    position: relative;
    opacity: 1; } }
@keyframes fadeIn__2NDYHBUoCXQPE7ww8wM_JM {
  0% {
    opacity: 0;
    position: relative; }
  100% {
    position: relative;
    opacity: 1; } }

.component__3WJ7vbNSGDiZHTl_Qo2rWL {
  -webkit-animation: fadeIn__2NDYHBUoCXQPE7ww8wM_JM 0.8s forwards;
          animation: fadeIn__2NDYHBUoCXQPE7ww8wM_JM 0.8s forwards; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.programResumeSectionContainer__3g-68YXcXDOLuHcOQtk65w {
  height: 16rem;
  position: relative; }
  @media screen and (max-width: 30rem) {
    .programResumeSectionContainer__3g-68YXcXDOLuHcOQtk65w {
      display: none; } }

.programResumeCardContainer__1L1aG0y5PJGPNl2QC0OEab {
  width: 100%;
  -webkit-animation: fadeInResumeCard__2wSFK6HVic8TSNgfwHO8Bz 0.8s forwards;
          animation: fadeInResumeCard__2wSFK6HVic8TSNgfwHO8Bz 0.8s forwards; }

.programResumeCardLoader__344WEWDQEHyXForOCtHsqf {
  height: 12.5rem;
  width: 100%;
  margin-top: 2.625rem;
  position: absolute; }

.programResumeSection__17AxMMhAQl1Meuo14eCDAB {
  margin-top: 3.5rem; }

@-webkit-keyframes fadeInResumeCard__2wSFK6HVic8TSNgfwHO8Bz {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInResumeCard__2wSFK6HVic8TSNgfwHO8Bz {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.programPrimaryButtonResumeCard__aCgA9VwvvAW5Ewfxf0NvG {
  margin-right: 0.75rem;
  margin-bottom: 2.5rem;
  width: 9.375rem;
  height: 3rem;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  color: #3e3e40 !important;
  background-color: #ffc107 !important;
  border-color: transparent !important;
  text-transform: uppercase;
  border-radius: 2px; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.dashboardTwoContainer__326APJFXOGLU-bKRofZbtQ {
  margin-top: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem; }

.tabs__1e6ZEx6u3lhewBFHROd-vw {
  margin-bottom: 5rem; }
  @media screen and (max-width: 30rem) {
    .tabs__1e6ZEx6u3lhewBFHROd-vw {
      margin-bottom: 3rem; } }

.section__1b5N03u0wE0Id2tu1Zm6gg:not(:empty) {
  padding-bottom: 3rem; }
  .section__1b5N03u0wE0Id2tu1Zm6gg:not(:empty) h2 {
    font-size: 1.5rem; }

@media screen and (max-width: 30rem) {
  .programResumeCardSection__1U-gPrQQzsxqR4_BPOQpBo {
    padding-bottom: 0 !important; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.dashboardTwoContainer__3E_7VTXeO1ZWii6zG3JE6d {
  margin-top: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem; }

.tabs__pRfqV89LUQ6T4Hvj6rKIb {
  margin-bottom: 5rem; }
  @media screen and (max-width: 30rem) {
    .tabs__pRfqV89LUQ6T4Hvj6rKIb {
      margin-bottom: 3rem; } }

.section__2WJhBZysylKGOprw9XfY0t {
  padding-bottom: 3rem; }
  .section__2WJhBZysylKGOprw9XfY0t h2 {
    font-size: 1.5rem; }

.title__2ceYDANR1nJ8L8awCiCYFY {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 1.5rem;
  margin-bottom: 1rem; }

.sectionTitle__AB7sIfFNMxCbJ5gOkhDRb {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 1rem;
  margin-bottom: 2.5rem; }

.tag__2Atv2dfrlSIqWXYILiz421 {
  border: 1px solid #ebebeb;
  color: #7a7a7a;
  padding: 0.1rem 0.4rem;
  font-size: 0.88rem;
  border-radius: 3px;
  margin-right: 0.4rem; }
  .tag__2Atv2dfrlSIqWXYILiz421:last-of-type {
    margin-right: 0; }

.taglist__2taTE7pMxqmg-V5VOLrYJ2 {
  display: flex;
  list-style-type: none;
  padding: 0;
  padding-bottom: 1rem; }

.description__29QRpZO30LRDGCFCIntnhY {
  position: relative;
  line-height: 1.40625rem;
  height: 2.75rem;
  overflow: hidden;
  text-overflow: ellipsis; }

.img__3GOoMqM6J1mbcBfDyf0rg5 {
  width: 100%; }

.container__3NUKnIM_noNrhAbZbEh4p9 {
  position: relative;
  min-height: 24.25rem; }

.card__1V0VEf9OblaIXKMlpsMhsH {
  cursor: pointer; }

.proLogo__3u3OptHMYtQEwruhM7H0KY {
  width: 4rem;
  margin-left: 0.5rem;
  vertical-align: bottom; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.dashboardTwoContainer__AiA2MoGCnqMndo08X9O0e {
  margin-top: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem; }

.tabs__2eWIam9h-niOGEQW7PpaiW {
  margin-bottom: 5rem; }
  @media screen and (max-width: 30rem) {
    .tabs__2eWIam9h-niOGEQW7PpaiW {
      margin-bottom: 3rem; } }

.section__P3Velr_8j6f9sZT3IGMdK {
  padding-bottom: 3rem; }
  .section__P3Velr_8j6f9sZT3IGMdK h2 {
    font-size: 1.5rem; }

.title__2Lt_O1RPxY3qcX-3mwiMUt {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 1.5rem;
  margin-bottom: 1rem; }

.sectionTitle__3pYmZttVnjtk9qKOSY4wNo {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 1rem;
  margin-bottom: 2.5rem; }

.tag__2HeKOdo_ITW2_1jDPdyJ3G {
  border: 1px solid #ebebeb;
  color: #7a7a7a;
  padding: 0.1rem 0.4rem;
  font-size: 0.88rem;
  border-radius: 3px;
  margin-right: 0.4rem; }
  .tag__2HeKOdo_ITW2_1jDPdyJ3G:last-of-type {
    margin-right: 0; }

.taglist__6F82krLLy4Msk7zLFFprW {
  display: flex;
  list-style-type: none;
  padding: 0;
  padding-bottom: 1rem; }

.quizSection__K-ZVNEl4mQKfuRCjWROW2 {
  margin-top: 3rem; }

.container__2Hy3gkuzRulEx4xRyWoyON {
  position: relative; }

.topBar__1cmtdOlFFIeMMxb_1hXJ0o {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5rem;
  width: 100%; }

.card__14y-qbFIRgiefGF4pgKRVy {
  cursor: pointer; }

.cardBody__1BMMZ7yTVeF25rTwoq24WP {
  position: relative;
  padding-top: 1rem; }

.proLogo__1SViuTwyS1km6SnOEoNFzb {
  width: 4rem;
  margin-left: 0.5rem;
  vertical-align: bottom; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.header__22CWLQSsJCfxW9JCJLF18D {
  margin-bottom: 1.5rem; }

.icon__1CiErRT29Gpd8mFiNNwuhP {
  color: #69639a;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 52px; }

.iconBorder__1jz4fElhe2ywEJSUTSfJQz {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.preTitle__1_X4EGo2pLGACncVMXb_IB {
  color: #4c7ef3;
  margin-bottom: 0.5rem; }

.title__3g8Hb-eDjLP0RUCjjqzdgF {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 1rem;
  text-align: center; }

.proLabel__Fa-jm359f-ORoBDzvqhXS {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 0.3rem;
  background-color: #37c3be; }

.button__1VW8GL8mrUeHYERAQIH4ZY {
  width: 100%;
  margin-bottom: 1rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.description__1wEk9-Q1cr5QiusVGgNVNR {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 1.25rem;
  margin-bottom: 3rem;
  line-height: 1.4; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
@-webkit-keyframes animateIn__3wUX8PiwvCasEUMI4VQEW- {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes animateIn__3wUX8PiwvCasEUMI4VQEW- {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.content__3Ho3wCZt6U-YSPFi47cTl8 {
  color: #ffffff;
  max-width: 31.25rem;
  padding: 0 1rem;
  opacity: 0;
  -webkit-animation: animateIn__3wUX8PiwvCasEUMI4VQEW- 300ms 400ms forwards;
          animation: animateIn__3wUX8PiwvCasEUMI4VQEW- 300ms 400ms forwards; }

.description__2gbX7tA05pgeqMdWzlaacr {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 1.25rem;
  margin-bottom: 3rem;
  line-height: 1.4; }

.button__1ZxBuyesC-t-1lZUmYhX0C {
  width: 100%; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.modalContent__FnpChsLzpm4DTsZyIOnzW {
  max-width: 40rem;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  border: 12px solid #37c3be;
  padding: 2.5rem; }

.modalOverlay__1olKgeBbj5ei87Bo66nMp0::before {
  background-color: rgba(0, 0, 0, 0.9); }

.modalLink__31brQrL6_35mnWoeD-WPAQ {
  width: auto; }
  .modalLink__31brQrL6_35mnWoeD-WPAQ:hover {
    color: #94b2f8 !important; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.dashboardTwoContainer__1yF7s1YNrwTkOtrO1VCqzu {
  margin-top: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem; }

.tabs__1lpTRrkNxjyEhzKYd2V9y7 {
  margin-bottom: 5rem; }
  @media screen and (max-width: 30rem) {
    .tabs__1lpTRrkNxjyEhzKYd2V9y7 {
      margin-bottom: 3rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.valueContainer__1Od_sFHhx71hQbOXpp0z49 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 5.0625rem; }

.valueTextContainer__2a9exCdBjx7_YdeB37eb0R {
  -webkit-animation: fadeInValueDetail__1v00aENnexVvYdeWFQcG8W 1s forwards;
          animation: fadeInValueDetail__1v00aENnexVvYdeWFQcG8W 1s forwards; }

.valueText__H5xkKCZ66eehvp-Sk321C {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center; }

.valueTitle__2Dc4-6_TJrzWoSH2OZIDJe,
.valueDescription__2z25Q95nuvj7ugjeX2Xr0R {
  margin: auto;
  text-align: center;
  width: calc(100% - 40px); }
  @media only screen and (min-width: 64rem) {
    .valueTitle__2Dc4-6_TJrzWoSH2OZIDJe,
    .valueDescription__2z25Q95nuvj7ugjeX2Xr0R {
      width: 56.25rem; } }

.valueDescription__2z25Q95nuvj7ugjeX2Xr0R {
  font-size: 1rem;
  margin-top: 0.8125rem;
  width: 100%; }
  @media only screen and (min-width: 64rem) {
    .valueDescription__2z25Q95nuvj7ugjeX2Xr0R {
      width: 40%; } }

.pathValueUpsell__18z1kBefsvtZbvgP3fxP-R {
  display: flex;
  justify-content: center;
  flex-direction: row;
  position: relative; }

.greyLine__GiUnX5zs3QnbEYJx2h_It {
  position: absolute;
  width: 80%;
  z-index: 1;
  height: 2px;
  background-color: #d6d6d6;
  bottom: 25px; }

.pathValueButtonContainer__-e_O6_D_wnM8jAeyyHf3N {
  margin-top: 5.0625rem;
  margin: 0 auto;
  z-index: 2; }

.pathValueButton__1e004T8uUoqm-zYrgJGvIb {
  margin-top: 4.125rem;
  width: 20rem; }

.sellingPointLayout__3XmmLcQfozdiRhpiHsjijC {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: auto;
  width: calc(100% - 40px); }
  @media only screen and (min-width: 64rem) {
    .sellingPointLayout__3XmmLcQfozdiRhpiHsjijC {
      width: 56.25rem; } }

@-webkit-keyframes fadeInValueDetail__1v00aENnexVvYdeWFQcG8W {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInValueDetail__1v00aENnexVvYdeWFQcG8W {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.sellingPointContainer__3qXhRoG1JsQjdNEcDgKRFy {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  margin-top: 3.625rem;
  width: 100%; }
  @media only screen and (min-width: 64rem) {
    .sellingPointContainer__3qXhRoG1JsQjdNEcDgKRFy {
      width: 50%; } }

.valueIconContainer__38NSXQqiRVIIRw8OwDwOiu {
  display: flex;
  justify-content: center;
  width: 5rem;
  align-items: flex-start; }
  @media only screen and (min-width: 64rem) {
    .valueIconContainer__38NSXQqiRVIIRw8OwDwOiu {
      margin-left: 1.875rem; } }

.checkmarkIcon__1SHraqDRxgGlF_Lt2SiaMh {
  width: 2.375rem;
  height: 2.375rem; }

.hourglassIcon__3fQa4hjzwGGehuh0-oC3bq {
  width: 1.75rem;
  height: 2.375rem; }

.miniChartIcon__rwZCLcI5NKVjUDEP20D-L {
  width: 2.75rem;
  height: 2.75rem; }

.trophyIcon__313fbZ3ulKdaQxhxKI5ySR {
  width: 3.25rem;
  height: 3.3125rem; }

.dumbellIcon__28ooQFY73hH8hjrvadPLri {
  width: 3rem;
  height: 1.5rem; }

.sellingPointText__1SXs0jpnXV0GwKi5GJQAq1 {
  width: calc(100% - 70px); }

.sellingPointLine__5HH7wVD7fCEkt3mRtdYGz {
  height: 0.125rem;
  background-color: #141c3a; }

.sellingPointDescription__3sl3_kGymdGsHi5Lm7Mny4 {
  margin-top: 0.25rem;
  font-size: 16px; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.responsiveVideoWrapper__32x-ubXThPcnD7m7I5OZkZ iframe {
  width: 100%;
  height: calc(100vh - 8rem); }

@-webkit-keyframes fadeIn__oAVA1f6tH1xdXTfhfGgSk {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn__oAVA1f6tH1xdXTfhfGgSk {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.videoModal__2i-wlvTuSY_e3kmvg3LPd {
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: fadeIn__oAVA1f6tH1xdXTfhfGgSk 0.3s;
          animation: fadeIn__oAVA1f6tH1xdXTfhfGgSk 0.3s; }

.videoHeader__3upQc1qq4M3gpivpVFQ89V {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .videoHeader__3upQc1qq4M3gpivpVFQ89V > * {
    flex: 1 1; }

.videoHeaderTitle__2PY8I5-qkX8KKRl-hFPvwk {
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 0;
  color: #ffffff; }

.closeBtn__131WU4Uor4c2eiZyDekNYd {
  font-family: "Regular Patch", "Regular Bold", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: #ffffff;
  background-color: transparent;
  border: 0;
  display: flex;
  align-items: center;
  height: 4.5rem;
  width: 5.8rem;
  justify-content: space-between;
  font-size: 1.2rem;
  cursor: pointer;
  margin-left: 1rem; }
  .closeBtn__131WU4Uor4c2eiZyDekNYd span {
    position: relative;
    top: 0.2rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.pathDetailVideoContainer__qHo7L8rGPb-Ygd_vOWcqw {
  display: flex;
  flex-direction: column;
  margin-top: 1.875rem; }
  @media only screen and (min-width: 64rem) {
    .pathDetailVideoContainer__qHo7L8rGPb-Ygd_vOWcqw {
      flex-direction: row;
      margin-left: 0;
      width: 56.25rem;
      margin-right: auto;
      margin-left: auto; } }

.pathDetailVideo__15c013-IFF2bGXlrzL-_qg {
  width: calc(100% - 40px);
  cursor: pointer;
  margin: 0 auto;
  max-width: 400px; }
  @media only screen and (min-width: 64rem) {
    .pathDetailVideo__15c013-IFF2bGXlrzL-_qg {
      width: 350px;
      margin-right: 20px;
      margin-left: 10px; } }

.pathDetailText__2lU8MlbpQ1muMvdPi9Z_LI {
  margin: 0 auto;
  margin-top: 20px;
  width: calc(100% - 40px);
  font-size: 16px; }
  @media only screen and (min-width: 64rem) {
    .pathDetailText__2lU8MlbpQ1muMvdPi9Z_LI {
      margin-top: 0;
      width: 400px;
      margin-left: 20px; } }

.videoPreview__2Dwes2_yFIo5tOazA7N4yI {
  width: 100%; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.pathDetailRowWrapper__13rxosDmjQQIcV7F-q-1Vj {
  position: relative; }

.pathDetailRowContainer__2Fv7LhSjwLJ3TNfMlpzrNP {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: auto;
  margin-top: 5vmin;
  width: calc(100% - 40px); }
  @media only screen and (min-width: 64rem) {
    .pathDetailRowContainer__2Fv7LhSjwLJ3TNfMlpzrNP {
      width: 56.25rem; } }

.pathDetailRow__32DQGTNUUuf20wCXWRT_Fu {
  width: 25rem; }

.pathDetailRowLeft__2o5kCF6RwBF_jj4UZZjJm1 {
  margin-bottom: 2.5rem;
  width: 100%;
  margin: 0; }
  @media only screen and (min-width: 64rem) {
    .pathDetailRowLeft__2o5kCF6RwBF_jj4UZZjJm1 {
      margin-right: 17.625rem; } }

.pathDetailRowText__1wQcNJfjtmpPWpmiNXt6ZQ {
  font-size: 16px;
  font-weight: normal; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.pathDetailContainer__2jFNjEcoVR511X2Ac3rgBq {
  display: flex;
  justify-content: center;
  margin: auto;
  flex-direction: column;
  background-color: whitesmoke;
  margin-top: 5.0625rem;
  width: 100%; }

.pathDetailHeader__31YQKKQJJwKmqMXTZwx9N {
  width: calc(100% - 40px);
  margin-left: 1.25rem; }
  @media only screen and (min-width: 64rem) {
    .pathDetailHeader__31YQKKQJJwKmqMXTZwx9N {
      width: 56.25rem;
      margin: auto; } }

.pathDetailTitle__39AeMCn8Z1zo8g0acLnPxl {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 64rem) {
    .pathDetailTitle__39AeMCn8Z1zo8g0acLnPxl {
      width: 75%; } }

.pathDetailTitle__39AeMCn8Z1zo8g0acLnPxl,
.pathDetailSubtitle__YLj4GqkmTgC_hTtz1pT9a {
  text-align: center; }

.backgroundWhite__34zpoWEewqRfdlWXa82rVE {
  background-color: #ffffff; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.pathCtaContainer__htut3pWA-wUXI2mj_FAm5 {
  padding: 5rem 0;
  background-color: #6400e4;
  text-align: center; }

.planSelectorText__1Nkz-Flb4AtJ53BNeZd0za {
  color: #ffffff; }

.planSelectorHeader__2Vow36cCJmYzny_KrAszZW,
.planSelectorSubheader__1VX-va-nfVd1dVVZmfrz1a {
  color: #ffffff; }

.planSelectorSubheader__1VX-va-nfVd1dVVZmfrz1a {
  font-weight: 600; }

.ctaBtn__3yVwrIomRm_FaPj-GytTED {
  margin-top: 2rem;
  width: 20rem;
  align-self: center; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.learnerDetailContainer__2OlLZdMtf-gywtqzEBJn-Y {
  background-color: whitesmoke;
  padding-bottom: 5rem; }

.learnerDetail__32PSVSlfLeDjHbzwBTqfbF {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: auto;
  background-color: #ffffff;
  padding: 1.25rem;
  -webkit-animation: fadeInLearnerDetail__i9fZcull09ViI2T5aqTwi 1s forwards;
          animation: fadeInLearnerDetail__i9fZcull09ViI2T5aqTwi 1s forwards;
  width: 95%; }
  @media only screen and (min-width: 48rem) {
    .learnerDetail__32PSVSlfLeDjHbzwBTqfbF {
      flex-direction: row;
      width: 95%;
      max-width: 56.25rem; } }

.learnerImage__xJ4DeytFap2JjG-UsDS4R {
  height: 13.75rem;
  width: 13.875rem; }

.learnerText__mAUEBw-7x1DDYvJ_-fyuc {
  display: flex;
  flex-direction: column;
  text-align: justify;
  padding-top: 1.25rem;
  line-height: 1.25rem; }
  @media only screen and (min-width: 48rem) {
    .learnerText__mAUEBw-7x1DDYvJ_-fyuc {
      text-align: left;
      margin-left: 5.5rem;
      padding-top: 0;
      line-height: 1.5rem;
      width: calc(56.25rem - 14rem); } }

.learnerBio__1rV1YbiLgiHCeicdbUQxNe {
  display: flex;
  flex-direction: column; }

.learnerName__4-h8LllxC50SbSzRQ2dnP {
  font-weight: bold; }

@-webkit-keyframes fadeInLearnerDetail__i9fZcull09ViI2T5aqTwi {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInLearnerDetail__i9fZcull09ViI2T5aqTwi {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.authorDetailContainer__2ZJBgcC2_Snsqs6Xx8XmGH {
  background-color: #ffffff;
  padding-bottom: 5rem; }

.authorDetail__2_Mkf2XTAIey6ZihTzMBtV {
  justify-content: center;
  align-items: center;
  margin: auto;
  width: calc(100% - 80px);
  -webkit-animation: fadeInAuthorDetail__2vqG3uo3J7NglZQoX_X87N 1s forwards;
          animation: fadeInAuthorDetail__2vqG3uo3J7NglZQoX_X87N 1s forwards; }
  @media only screen and (min-width: 64rem) {
    .authorDetail__2_Mkf2XTAIey6ZihTzMBtV {
      width: 56.25rem; } }

.authorHeader__dEmWOMz0GG-FCeJOLy-cz {
  text-align: center;
  margin-top: 5rem; }

.authorIntro__1yZgwwnPwYwmjUlEqkmaW1 {
  text-align: center; }
  @media only screen and (min-width: 64rem) {
    .authorIntro__1yZgwwnPwYwmjUlEqkmaW1 {
      text-align: justify; } }

.authorImage__KFINPc2qh0-zq7jxGjXhh {
  width: 17.625rem;
  height: 17.75rem;
  margin: auto; }

.authorSections__1ZGENGc7RhWyZ8uKrM2PDX {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 64rem) {
    .authorSections__1ZGENGc7RhWyZ8uKrM2PDX {
      flex-direction: row;
      margin-top: 3.9375rem; } }

.authorText__2xde3cm5_m6J9XymB8nUZC {
  display: flex;
  flex-direction: column;
  text-align: center; }
  @media only screen and (min-width: 64rem) {
    .authorText__2xde3cm5_m6J9XymB8nUZC {
      width: 36.875rem;
      margin-right: 2.8125rem;
      padding-top: 2.5rem;
      text-align: justify; } }

@-webkit-keyframes fadeInAuthorDetail__2vqG3uo3J7NglZQoX_X87N {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInAuthorDetail__2vqG3uo3J7NglZQoX_X87N {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.pathDetailRowBackground__1VujsByzN_JjpNDWGau2-B {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1366" height="394"><g fill="none" fill-rule="evenodd"><g fill="#F5F5F5"><path d="M715 394h122V147H715z"/><path d="M815 393h133V224H815zm-195 1h111V192H620z"/><path d="M521 394h111V254H521z"/><path d="M426 394h111v-85H426zm-201 0h111v-65H225z"/><path d="M125 394h111v-98H125z"/><path d="M25 394h111v-49H25z"/><path d="M-75 394H36v-25H-75zm401 0h111V225H326zm611 0h111v-98H937z"/><path d="M1037 394h122V178h-122z"/><path d="M1147 394h125V254h-125z"/><path d="M1261 394h105V48h-105z"/></g><path fill="#64EDBF" d="M1024 57c0 31.48-25.52 57-57 57s-57-25.52-57-57 25.52-57 57-57 57 25.52 57 57"/><path stroke="#FFC740" stroke-dasharray="6.364517300740628,6.364517300740628" stroke-width="3" d="M839.5 148.5l418.11-96.074"/></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  height: 15rem;
  max-height: 25vh;
  display: block;
  background-position: right bottom;
  width: 100vw;
  left: 0;
  right: -1.25rem;
  top: 6vh; }

.testimonialContainer__3yChnCt0xLNSvaSJVgwXjm {
  display: flex;
  justify-content: center;
  margin: auto;
  flex-direction: column;
  background-color: whitesmoke;
  padding-top: 5rem;
  width: 100%; }

.testimonialHeader__zlyO_musRcncMRYAGIe36 {
  width: calc(100% - 60px);
  margin-left: 1.25rem; }
  @media only screen and (min-width: 64rem) {
    .testimonialHeader__zlyO_musRcncMRYAGIe36 {
      margin: auto; } }

.testimonialTitle__3CnFAl7XcOdwll7p1Q_EsI,
.testimonialTitleDescription__2zo1t149IJv5svCFjJAuQE {
  text-align: center; }

.testimonialTitleDescription__2zo1t149IJv5svCFjJAuQE {
  margin: 0 auto 3.875rem auto;
  font-size: 16px; }
  @media only screen and (min-width: 48rem) {
    .testimonialTitleDescription__2zo1t149IJv5svCFjJAuQE {
      width: 55%;
      margin: 0 auto 3.875rem auto; } }

.backgroundGrey__33tXG11cOJlK_pdoMd1tD- {
  background-color: whitesmoke; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.header__3-XRkYfpt1s_PfDLqTZ1P9 {
  min-height: 40.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat; }

.playBtn__3atxFIRr6rXSlDKINOobZI {
  display: block;
  border: 0;
  background: 0;
  color: #ffffff;
  margin-bottom: 1rem;
  transition: opacity 0.3s;
  width: 7rem;
  padding: 1rem; }
  .playBtn__3atxFIRr6rXSlDKINOobZI:hover {
    opacity: 0.8; }

.title__3d12dwemKesZRHtkEi9nv3 {
  color: #ffffff;
  font-size: 3.5rem;
  text-align: center; }
  @media only screen and (min-width: 64rem) {
    .title__3d12dwemKesZRHtkEi9nv3 {
      font-size: 4rem; } }

.centerContents__SSuHubqjdiXpW4F8OLjFC {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.ctaBtn__3n0U-S30zjpefZD78CtMZ- {
  font-weight: bold; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.greeting__2EYEqUk22h_guFaiU7TR5m {
  margin-bottom: 2rem; }

.greetingDescription__DavtnU-0jraYyQM9QTFCl {
  margin-bottom: 2rem;
  line-height: 1.7;
  font-size: 1.25rem; }

.greetingList__2g642ffUqJfVg1MAvWc4E2 {
  list-style: none;
  padding-left: 0;
  max-width: 60rem;
  margin-bottom: 3rem; }
  @media only screen and (min-width: 48rem) {
    .greetingList__2g642ffUqJfVg1MAvWc4E2 {
      -webkit-column-count: 2;
              column-count: 2; } }
  .greetingList__2g642ffUqJfVg1MAvWc4E2 li {
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem; }

.checkIcon__2JdEDaygrxDrsPw_jdByzv {
  margin-right: 0.75rem;
  height: 100%; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.employerContainer__xtXh3Bvcm9W2jGGq8pbfd {
  width: 95%;
  margin: 0 auto 82px;
  margin-top: 3.125rem;
  max-width: 83rem; }
  @media only screen and (min-width: 75rem) {
    .employerContainer__xtXh3Bvcm9W2jGGq8pbfd {
      padding-left: 4rem;
      padding-right: 4rem; } }

.employerHeader__3_lUjuKpnt-2PYbgHSAqjO {
  margin: 0 0.625rem 2.6875rem;
  margin-bottom: 2.6875rem;
  text-align: center; }
  @media only screen and (min-width: 48rem) {
    .employerHeader__3_lUjuKpnt-2PYbgHSAqjO {
      text-align: justify; } }

.employerLogoContainer__2Z7qzWRmszKa3gsw9bIxlh {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap; }
  @media only screen and (min-width: 75rem) {
    .employerLogoContainer__2Z7qzWRmszKa3gsw9bIxlh {
      flex-wrap: nowrap; } }

.employerLogoStandard__118OnnZVa-oU_v_n9NfPNA {
  margin: 1.25rem;
  width: 3rem;
  max-height: 3rem; }
  .employerLogoStandard__118OnnZVa-oU_v_n9NfPNA[alt="quoraLogo"] {
    width: 7rem; }
  .employerLogoStandard__118OnnZVa-oU_v_n9NfPNA[alt="ibmLogo"] {
    width: 6rem; }
  @media only screen and (min-width: 48rem) {
    .employerLogoStandard__118OnnZVa-oU_v_n9NfPNA {
      width: 4rem;
      max-height: 5rem;
      margin: 10px 71px; } }

.facebookLogo__1h2cgex3inkFg0yJzZPMeG {
  height: 3.4375rem;
  width: 3.4375rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.greetingContainer__3XHNk9CRMBV6e31GYU4P4R {
  width: 95%;
  position: relative;
  max-width: 75rem;
  margin: 0 auto; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.tracksContainer__2x7KTuW_T4k8mqZ7AXwnzk {
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-color: whitesmoke;
  position: relative;
  padding: 5rem 0; }

.tracksText__2QnyXKYcWDRi820kHQ5QaE {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.tracksTitle__1YnzuBiOIL9TSmJwT5LmE_ {
  margin: auto;
  text-align: center;
  font-size: 2.25rem; }

.tracksDetailLayout__2PPeOxNGs4zY73WHtHFSpQ,
.moreTracksDetailLayout__3IgDKzQO73_LcU3e52kHuH {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: calc(100% - 40px);
  margin: auto;
  margin-top: 3.5625rem;
  -webkit-animation: fadeInTracks__3fylYIdas-SsoK-GgiYPCJ 1s forwards;
          animation: fadeInTracks__3fylYIdas-SsoK-GgiYPCJ 1s forwards; }
  @media only screen and (min-width: 64rem) {
    .tracksDetailLayout__2PPeOxNGs4zY73WHtHFSpQ,
    .moreTracksDetailLayout__3IgDKzQO73_LcU3e52kHuH {
      width: 56.25rem; } }

.moreTracksDetailLayout__3IgDKzQO73_LcU3e52kHuH {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  background-color: #ffffff;
  border-left: solid 6px #4c7ef3;
  border-bottom: solid 1px #ccc;
  margin-top: 0;
  height: 7.1875rem;
  align-items: center; }

@-webkit-keyframes fadeInTracks__3fylYIdas-SsoK-GgiYPCJ {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInTracks__3fylYIdas-SsoK-GgiYPCJ {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.trackDetailContainer__2N5WdI63tXUqfACKnAAqiH {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  width: 100%;
  background-color: #ffffff;
  border-left: solid 6px #4c7ef3;
  border-bottom: solid 1px #d6d6d6; }

.trackDetailNumber__1aYtKDcpYbCP8ZLTf_Pio8 {
  font-size: 2.25rem;
  font-weight: bold;
  color: #a3a3a3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12.5rem; }

.trackDetailText__2m-7z-7ZEv69iZ8XMALzuT {
  margin-right: 15px;
  width: 100%; }

.trackDetailTitle__1Xy--Ry5e4p_P_HBMN2E5o {
  margin-top: 1.375rem; }

.trackDetailDescription__2hIX0QS0cf7ycluNx1aIp3 {
  margin-top: -0.5rem;
  font-size: 1rem;
  width: 100%;
  color: #7a7a7a; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.pathMarketingContainer__1pFQHdxUkSHl6aQ3jw6ZoQ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin: auto; }
  @media screen and (max-width: 665px) {
    .pathMarketingContainer__1pFQHdxUkSHl6aQ3jw6ZoQ p {
      margin-left: 0;
      margin-right: 0; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__vXzFwtH2vSfNUF6J9Nsqf {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }

.svg__3pNjSKiL1fDKMkOZHZ03Gn {
  position: absolute;
  top: 0;
  left: 0; }
  .svg__3pNjSKiL1fDKMkOZHZ03Gn circle:nth-of-type(1) {
    stroke: #a3a3a3; }
  .svg__3pNjSKiL1fDKMkOZHZ03Gn circle:nth-of-type(2) {
    stroke: #ffc740; }

.circleText__13JwbP3yuhc1oDwkyBk9ZI {
  font-size: 2rem;
  font-weight: bold;
  fill: #292929;
  font-family: "Regular Patch", "Regular Bold", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.progressLinksList__1O3yFEif5QRUjrBmK2I5F6 {
  list-style: none;
  padding: 0 2rem 0 2rem;
  margin: 0;
  display: flex; }
  .progressLinksList__1O3yFEif5QRUjrBmK2I5F6 > li {
    display: flex;
    margin: auto;
    min-width: 3.75rem; }
  .progressLinksList__1O3yFEif5QRUjrBmK2I5F6 > li:last-of-type {
    min-width: 5rem; }

.link__LuND-QNr4GMsoqPdvCz1H {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  .link__LuND-QNr4GMsoqPdvCz1H:hover {
    text-decoration: none; }

.label__Vx7KWebRD-ZDqMkvlSZro {
  color: #292929;
  font-size: 1.4rem;
  position: relative;
  top: 5%; }

.trophyIcon__2tXPMwLdTUVopgucLjMf58 {
  position: relative;
  top: 0.1rem; }

.progressNav__rSCj_g8shz_TCdjCXPRwa {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  margin: 0 -1rem 2rem -1rem;
  overflow: auto; }
  @media only screen and (min-width: 48rem) {
    .progressNav__rSCj_g8shz_TCdjCXPRwa {
      margin: 0 auto 4rem auto;
      border-radius: 200px;
      border-left: 1px solid #d6d6d6;
      border-right: 1px solid #d6d6d6; } }

.progressNavPinned__49tsvkS7SBmsykGGtYaFP {
  position: fixed;
  margin-left: 0;
  margin-right: 0;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  border-radius: 0;
  z-index: 10;
  background-color: #ffffff;
  border: none;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.4s; }

.progressNavContainer__2b2NEL_LjTUzMY0omxr5dI {
  height: 9rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.syllabusListItem__2HNiMNHdSMcvpCJMAu1TsD {
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer; }

.started__Q6tlfsNvI_2AphlHHcqc .syllabusRowTitle__3z36bkcOSFQSOd7URiKDlB,
.started__Q6tlfsNvI_2AphlHHcqc .iconContainer__31x_uekjt2ZX9g60NWXFBs,
.started__Q6tlfsNvI_2AphlHHcqc .type__19F_Hj9lEy67e9lgDdcp0G {
  color: #292929;
  font-weight: bold; }

.started__Q6tlfsNvI_2AphlHHcqc .iconContainer__31x_uekjt2ZX9g60NWXFBs {
  border-color: #292929; }

.startBtnContainer__1cVNJd-YVS83x2CBRfDqpn {
  padding: 0 !important;
  margin-left: auto;
  opacity: 0;
  transition: opacity 0.2s; }
  .startBtnContainer__1cVNJd-YVS83x2CBRfDqpn:focus {
    opacity: 1; }

.startBtn__3eSd2XmFLOD3yfZlBZbCiF {
  display: none; }
  @media only screen and (min-width: 48rem) {
    .startBtn__3eSd2XmFLOD3yfZlBZbCiF {
      display: block; } }

.syllabusListItem__2HNiMNHdSMcvpCJMAu1TsD:hover .startBtnContainer__1cVNJd-YVS83x2CBRfDqpn {
  opacity: 1; }

.syllabusRow__39IB2vQdqZZMzjCOG0OWqp {
  display: flex;
  align-items: center;
  list-style: none;
  max-width: 60rem; }
  .syllabusRow__39IB2vQdqZZMzjCOG0OWqp > div {
    padding: 1rem; }
  .syllabusRow__39IB2vQdqZZMzjCOG0OWqp > div:first-of-type {
    padding: 0.3rem; }

.iconContainer__31x_uekjt2ZX9g60NWXFBs {
  display: flex;
  align-items: center;
  border: 2px solid #6e6e6e;
  border-radius: 50rem;
  margin-right: 0.75rem;
  color: #6e6e6e; }

.iconContainerCompleted__8m5Hb7SpTQ7XdzrNNrVxV {
  background-color: #ffc740;
  color: #292929;
  border: 0; }

.type__19F_Hj9lEy67e9lgDdcp0G {
  color: #6e6e6e;
  width: 7rem; }

.contentItemList__wvRpGABE6QCBZPk1kVGz2 {
  list-style: none;
  align-items: center;
  padding-left: 0; }

.syllabusRowTitle__3z36bkcOSFQSOd7URiKDlB {
  font-size: 1.1rem;
  display: inline;
  color: #484848;
  font-weight: normal; }

.moduleTitle__3admdWm-zlt8HxCRL9nfSB {
  margin-top: 2.5rem;
  color: #292929; }

.markdown__1bcRjPQtyLkGzsgJhSgzmG {
  margin-bottom: 1rem; }
  .markdown__1bcRjPQtyLkGzsgJhSgzmG h3 {
    font-size: 1rem; }

.description__3WimONpgTyKstjdVI71V53 {
  line-height: 1.40625rem;
  height: 2.5rem;
  position: relative;
  height: 3rem;
  display: inline-block;
  overflow: hidden; }
  .description__3WimONpgTyKstjdVI71V53::after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35%;
    height: 1.5rem;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 75%); }

.img__3EjQBy-0WpT1lr_-ObPNgc {
  width: 100%; }

.container__1lBsXjLszxGRTRJ8IN9ZQ4 {
  min-height: 22.5rem; }

.title__1922Y23e_ui_GlqYU1COrj {
  font-size: 1.2rem;
  margin: 0.5rem 0; }

.card__2Mu3Nj1dPEtbObZm_hiE97 {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
  width: 19rem;
  font-size: 1rem; }
  @media only screen and (min-width: 48rem) {
    .card__2Mu3Nj1dPEtbObZm_hiE97 {
      margin-left: 4.4rem; } }

.cardContents__2Q4X7y0_EQLa4F_qPBhRyn {
  padding: 1rem 0.5rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.syllabusListItem__mpY1sGpywSxvQoLGafjhN {
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer; }

.started__KTm1uulNlc-O95b5iUR2L .syllabusRowTitle__pRjk5BndGNBNgkZWZzTuB,
.started__KTm1uulNlc-O95b5iUR2L .iconContainer__2NxgQpF3yVbdNRHxOZbW2r,
.started__KTm1uulNlc-O95b5iUR2L .type__102ExoFjjF06J5E3XuOkUj {
  color: #292929;
  font-weight: bold; }

.started__KTm1uulNlc-O95b5iUR2L .iconContainer__2NxgQpF3yVbdNRHxOZbW2r {
  border-color: #292929; }

.startBtnContainer__2mLyMC2w44gbDfmS449OW5 {
  padding: 0 !important;
  margin-left: auto;
  opacity: 0;
  transition: opacity 0.2s; }
  .startBtnContainer__2mLyMC2w44gbDfmS449OW5:focus {
    opacity: 1; }

.startBtn__1MzpO37unEPi86qEMY6NrY {
  display: none; }
  @media only screen and (min-width: 48rem) {
    .startBtn__1MzpO37unEPi86qEMY6NrY {
      display: block; } }

.syllabusListItem__mpY1sGpywSxvQoLGafjhN:hover .startBtnContainer__2mLyMC2w44gbDfmS449OW5 {
  opacity: 1; }

.syllabusRow__3tNiSe12VLQrvtJcPOPMTY {
  display: flex;
  align-items: center;
  list-style: none;
  max-width: 60rem; }
  .syllabusRow__3tNiSe12VLQrvtJcPOPMTY > div {
    padding: 1rem; }
  .syllabusRow__3tNiSe12VLQrvtJcPOPMTY > div:first-of-type {
    padding: 0.3rem; }

.iconContainer__2NxgQpF3yVbdNRHxOZbW2r {
  display: flex;
  align-items: center;
  border: 2px solid #6e6e6e;
  border-radius: 50rem;
  margin-right: 0.75rem;
  color: #6e6e6e; }

.iconContainerCompleted__1Q4z0uzHlT54JjJgTu1zy4 {
  background-color: #ffc740;
  color: #292929;
  border: 0; }

.type__102ExoFjjF06J5E3XuOkUj {
  color: #6e6e6e;
  width: 7rem; }

.contentItemList__7v325J_mQTFaUhdEPf07w {
  list-style: none;
  align-items: center;
  padding-left: 0; }

.syllabusRowTitle__pRjk5BndGNBNgkZWZzTuB {
  font-size: 1.1rem;
  display: inline;
  color: #484848;
  font-weight: normal; }

.moduleTitle__3FIvpfzRqvQnGNizRkhdsa {
  margin-top: 2.5rem;
  color: #292929; }

.markdown__1wetAlS2L0p97MUBALqDIX {
  margin-bottom: 1rem; }
  .markdown__1wetAlS2L0p97MUBALqDIX h3 {
    font-size: 1rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__2BiyyxObhJGg2YabRKHf4j {
  display: flex; }

.progressContainer__2NSJMHCvurRqnjiE325V0R {
  padding-right: 2rem;
  display: none;
  position: relative;
  top: -0.2rem; }
  @media only screen and (min-width: 48rem) {
    .progressContainer__2NSJMHCvurRqnjiE325V0R {
      display: block; } }

.trackTitleContainer__37fUa9E8KwuwyxEfHjEQTN {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.trackCard__8xHGI6bpQ9WJ7R25lFquX {
  border-radius: 2px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  border-left: 6px solid;
  padding: 2.5rem 1.5rem;
  transition: padding 0.2s, border 0.2s;
  margin-bottom: 3rem;
  width: 100%; }

.trackCardExpanded__CmiYzkXfFyCnlga3A38Zv {
  border-left: 0;
  box-shadow: 0 0 0;
  padding: 1.5rem 0; }
  .trackCardExpanded__CmiYzkXfFyCnlga3A38Zv .trackTitleContainer__37fUa9E8KwuwyxEfHjEQTN {
    padding-bottom: 1rem;
    border-bottom: 1px solid #d6d6d6; }

.plainList__3PaDfXGopMtikt5NuezQXb {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }

.trackTitle__3pO4XMgdaEm_gjnxdyImXI {
  line-height: 1.4;
  margin-bottom: 0.5rem; }

.contentItemList__3Q27iLuye8CH9KDdZgmCJJ {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 1rem;
  font-weight: bold; }
  .contentItemList__3Q27iLuye8CH9KDdZgmCJJ > li {
    display: flex;
    align-items: center;
    padding-right: 1.5rem;
    padding-top: 0.75rem; }

.btnRow__2UUVsL_4nIEHyVNyLeRJ8N {
  position: relative;
  top: -0.25rem;
  display: none; }
  @media only screen and (min-width: 48rem) {
    .btnRow__2UUVsL_4nIEHyVNyLeRJ8N {
      display: block; } }

.iconContainer__2FZbaZzuIjiHUhntQin_Lk {
  display: flex;
  align-items: center;
  border: 2px solid #6e6e6e;
  border-radius: 50rem;
  padding: 0.3rem;
  margin-right: 0.75rem;
  color: #6e6e6e; }

.resumeBtn__2LWHepDxp-cv3HbdZE_cGy {
  margin-left: 1rem; }

.bottomBtnRow__urUgZVwqDFccYTZyZtfzy {
  padding-top: 1rem;
  display: flex;
  justify-content: flex-end; }

.mobileBtnContainer__2jSAZ0pbjlvtbLFqtgkaGh {
  margin-top: 1rem; }
  .mobileBtnContainer__2jSAZ0pbjlvtbLFqtgkaGh button {
    width: 100%;
    display: block; }
  @media only screen and (min-width: 48rem) {
    .mobileBtnContainer__2jSAZ0pbjlvtbLFqtgkaGh {
      display: none; } }

.markdown__2wlobzUuBZP24GLG_p6ClG h3 {
  font-size: 1.25rem; }

.plainList__ARNxs7z4I7Rz1I3JnqrIF {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.contentContainer__2VlL5oJeq_AFAAq3uR0Adu {
  position: relative;
  max-width: 76rem;
  margin: 0 auto;
  padding-top: 1rem; }

.syllabusPage__2cJUQL6-nxabBeF8iJRBSi {
  font-size: 1.1rem; }

.screenReaderOnly__1oMi_GdwgKF6LdaZ2qAgUq {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  border: 0; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.container__1oejRjGZrxzF2EsGx2KcKe {
  max-width: 80rem;
  padding-top: 1.5rem; }
  @media only screen and (min-width: 64rem) {
    .container__1oejRjGZrxzF2EsGx2KcKe {
      padding-top: 5rem; } }

.title__3h6z4T_qGTzXMsQxBIlrhR {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0.5rem; }
  @media only screen and (min-width: 64rem) {
    .title__3h6z4T_qGTzXMsQxBIlrhR {
      font-size: 3rem;
      line-height: 3rem;
      margin-bottom: 3rem; } }

.cards__2drQeBxT75OB0FjGjomJZs {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 1rem;
  align-items: center; }

@media only screen and (min-width: 64rem) {
  .pathsLaunchCards__CbHDMCVPuXXMItPaAjIQ- {
    align-items: normal; } }

.card__1BnsolC0fP2Rfv5y_IfoU_ {
  margin-bottom: 3rem; }

.pageWrapper__PtgDwWEiAgV4tAsuT33JQ {
  background: #f7f7f7;
  padding: 40px 0 50px; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.proBenefit__38nFPFgtwY3xRXH3Wv6oDI {
  margin-bottom: 40px;
  padding-right: 70px; }
  @media only screen and (min-width: 64rem) {
    .proBenefit__38nFPFgtwY3xRXH3Wv6oDI {
      align-items: flex-start;
      display: flex;
      justify-content: flex-end;
      padding-right: 0;
      width: 420px; } }

.proDetails__1JIwkdNNwK0x0x2EJAbwfb {
  margin-top: 16px; }
  @media only screen and (min-width: 64rem) {
    .proDetails__1JIwkdNNwK0x0x2EJAbwfb {
      margin-left: 30px;
      width: 334px;
      margin-top: 0; } }

.benefitTitle__2siIB39SD_jntNDWFUzUMO {
  border-bottom: 2px solid #141c3a;
  color: #525252;
  font-family: "Regular Bold";
  font-size: 1.75rem;
  font-weight: normal;
  margin-bottom: 8px;
  padding-bottom: 8px; }
  @media only screen and (min-width: 64rem) {
    .benefitTitle__2siIB39SD_jntNDWFUzUMO {
      width: 17.8125rem; } }

.benefitDescription__3yg6ugvujGCy7hbs_I_qxA {
  font-size: 1rem; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.cancellationStart__2Imhsds8-NghUEi-BdW2Nq {
  margin: 0 12px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff; }
  @media only screen and (min-width: 64rem) {
    .cancellationStart__2Imhsds8-NghUEi-BdW2Nq {
      margin: 0 auto;
      max-width: 926px; } }

.cancellationHeader__1lIn1q8Mw7BVXc903zHEgW {
  margin: 0 auto;
  max-width: 584px;
  text-align: center;
  padding: 40px; }
  @media only screen and (min-width: 64rem) {
    .cancellationHeader__1lIn1q8Mw7BVXc903zHEgW {
      padding: 40px 0; } }
  .cancellationHeader__1lIn1q8Mw7BVXc903zHEgW p {
    font-size: 1.25rem; }

.pageHeading__1ux12z8qujDorFE5Q0z-Ct {
  color: #525252;
  font-family: "Regular Bold";
  font-size: 2rem;
  font-weight: normal;
  letter-spacing: 0.3px;
  line-height: 1;
  margin-bottom: 28px; }
  @media only screen and (min-width: 64rem) {
    .pageHeading__1ux12z8qujDorFE5Q0z-Ct {
      font-size: 2.5rem; } }

.benefitsContainer__UdBjXgRwYCm0LxP0AKbNF {
  border-top: 1px solid #dddddd;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 48px 24px 48px 40px; }
  @media only screen and (min-width: 64rem) {
    .benefitsContainer__UdBjXgRwYCm0LxP0AKbNF {
      padding: 48px 36px 10px; } }

.benefitsCallout__UN-5wiQBjHJUYHzwzaFWR {
  color: #525252;
  font-family: "Regular Bold";
  font-size: 2.5rem;
  font-weight: normal;
  letter-spacing: 0.3px;
  margin-bottom: 30px;
  text-align: center;
  width: 100%; }
  @media only screen and (min-width: 64rem) {
    .benefitsCallout__UN-5wiQBjHJUYHzwzaFWR {
      margin-bottom: 60px; } }

.actions__311ojnjKVK3otV-e1xCPHZ {
  text-align: center;
  margin: 64px auto 50px;
  max-width: 296px; }
  @media only screen and (min-width: 64rem) {
    .actions__311ojnjKVK3otV-e1xCPHZ {
      max-width: 926px; } }

.keepBenefits__2k1uSmpn4N0mg3xrnv89fE {
  font-weight: normal;
  margin-bottom: 40px; }
  @media only screen and (min-width: 64rem) {
    .keepBenefits__2k1uSmpn4N0mg3xrnv89fE {
      margin-bottom: 0;
      margin-right: 32px; } }

.continueDowngrade__2Rx-lniZrUOyilzt3lrZ-2 {
  color: #4b35ef; }

.proProjectsButton__3ko7-M1zqopIfhWP9xOXBQ {
  color: #4b35ef;
  font-weight: bold; }

.back__3yUsa1mcytYgjpPkLLtJKm {
  margin-left: 1rem;
  display: inline-flex;
  align-items: center;
  position: relative;
  color: #4c7ef3;
  cursor: pointer;
  text-decoration: none; }
  .back__3yUsa1mcytYgjpPkLLtJKm:hover {
    opacity: 0.8; }
  @media only screen and (min-width: 48rem) {
    .back__3yUsa1mcytYgjpPkLLtJKm {
      margin-left: 2rem; } }
  @media only screen and (min-width: 64rem) {
    .back__3yUsa1mcytYgjpPkLLtJKm {
      margin-left: 3rem; } }
  @media only screen and (min-width: 75rem) {
    .back__3yUsa1mcytYgjpPkLLtJKm {
      margin-left: 6rem; } }

.chevronIcon__tQ5h3q6X6q36FZfxar-Ru {
  color: #4c7ef3;
  min-width: 1.2rem;
  width: 1.2rem;
  height: 1.2rem; }

.cancellationSurveyContainer__RQPadvuIBkU1x0MPtcQf {
  max-width: 665px;
  margin: auto; }
  .cancellationSurveyContainer__RQPadvuIBkU1x0MPtcQf h2 {
    font-size: 28px;
    font-family: Regular Bold;
    font-weight: normal;
    line-height: 1.43;
    letter-spacing: 0.2px;
    text-align: center;
    color: #525252; }
  @media (max-width: 665px) {
    .cancellationSurveyContainer__RQPadvuIBkU1x0MPtcQf p,
    .cancellationSurveyContainer__RQPadvuIBkU1x0MPtcQf ul {
      margin-left: 48px;
      margin-right: 48px; } }

.formFieldContainer__3XAe7585U9rEQ0ry1SmJu1 {
  background: #ffffff;
  border-left: 4px solid #4c7ef3;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  margin: 32px 16px 42px;
  padding-top: 48px;
  padding-bottom: 32px;
  min-height: 675px; }

.cancelMessageContainer__2p13xzYzPNiQitpSVZksre {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  margin: 32px 16px 42px;
  padding-bottom: 24px;
  padding-top: 24px;
  text-align: center; }

.flash__32HHMn82duDKNSfdI-TinE {
  color: #fa4359; }

.surveyChoice__2bkxSwSPXWsVYID4e0ajpL,
.surveySubChoice__1ORqJreK_QtSlHdS_0kcac,
.flash__32HHMn82duDKNSfdI-TinE {
  padding: 0 56px; }

.surveyChoice__2bkxSwSPXWsVYID4e0ajpL label {
  border: 0; }

.surveyChoice__2bkxSwSPXWsVYID4e0ajpL input[type="radio"]:checked + label {
  background: #ffffff; }

.surveySubChoice__1ORqJreK_QtSlHdS_0kcac {
  border-top: solid 1px #ebebeb;
  padding-top: 24px;
  margin-top: 24px; }
  .surveySubChoice__1ORqJreK_QtSlHdS_0kcac label {
    margin-bottom: 12px; }

.reminderList__NennYto_ORaJxxo6ex8Cg {
  margin-top: 3rem;
  padding-bottom: 2rem;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 41.875rem) {
    .reminderList__NennYto_ORaJxxo6ex8Cg {
      flex-direction: column;
      align-items: center;
      padding-bottom: 0; } }

.reminderListItem__2EzStIOLnpB7taVeQr_7E7 {
  flex-grow: 1;
  border-right: 1px solid #ebebeb; }
  @media screen and (max-width: 41.875rem) {
    .reminderListItem__2EzStIOLnpB7taVeQr_7E7 {
      border-bottom: 1px solid #ebebeb;
      border-right: 0;
      min-width: 144px;
      padding-bottom: 32px; } }

.reminderListItem__2EzStIOLnpB7taVeQr_7E7:last-child {
  border-right: 0; }
  @media screen and (max-width: 41.875rem) {
    .reminderListItem__2EzStIOLnpB7taVeQr_7E7:last-child {
      border-bottom: 0; } }

.imgContainer__2kGzfCapa4BlYVsaviRIGk {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center; }

.cancellationSubmit__29oWnF8pR243sodOngWxa5 {
  display: block;
  margin: 56px auto 32px; }
  @media screen and (max-width: 41.875rem) {
    .cancellationSubmit__29oWnF8pR243sodOngWxa5 {
      margin-top: 16px; } }

.restartText__1qUjCcRm_2SlyDpTCrNA3z {
  text-align: center; }

.imgMarginTopBottom__3ZTiBEUOkonhimd0I9Hgd5 {
  margin-top: 32px;
  margin-bottom: 32px; }

.back__1hZLct_wnPw39Qekn2kxp7 {
  margin-left: 1rem;
  display: inline-flex;
  align-items: center;
  position: relative;
  color: #4c7ef3;
  cursor: pointer;
  text-decoration: none; }
  .back__1hZLct_wnPw39Qekn2kxp7:hover {
    opacity: 0.8; }
  @media only screen and (min-width: 48rem) {
    .back__1hZLct_wnPw39Qekn2kxp7 {
      margin-left: 2rem; } }
  @media only screen and (min-width: 64rem) {
    .back__1hZLct_wnPw39Qekn2kxp7 {
      margin-left: 3rem; } }
  @media only screen and (min-width: 75rem) {
    .back__1hZLct_wnPw39Qekn2kxp7 {
      margin-left: 6rem; } }

.chevronIcon__1x_AZr0xEXqnqgJqLvoNY8 {
  color: #4c7ef3;
  min-width: 1.2rem;
  width: 1.2rem;
  height: 1.2rem; }

.pauseContainer__3VdJ7ZOIyKIwYOpBsf5H8o {
  margin: auto;
  max-width: 75rem; }

.cardItem__-Ys7Cj0HALjSB1D9-bIfu {
  background: #ffffff;
  border-left: 0.25rem solid #ffcd39;
  border-radius: 0.25rem;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 3.5rem 1.25rem;
  max-width: 15rem;
  max-height: 15rem;
  width: 15rem; }

.cardContainer__eD_u_LdnNFyy5Jk_w5C7o {
  margin: 2rem;
  cursor: pointer; }

.helpPageLink__RlDpTcw99YgYY9sKu8FY4 {
  display: inline;
  vertical-align: top;
  color: #4b35ef; }
  .helpPageLink__RlDpTcw99YgYY9sKu8FY4:hover {
    cursor: pointer; }

.boldText__ngUrfqF_fiubmkjpWnYoX {
  color: #525252;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.01812rem;
  line-height: 3rem;
  text-align: center; }

.center__vRe6cgmbHtPBerR-5sjGU {
  display: flex;
  justify-content: center;
  align-items: center; }

.back__1gDIl7g4_uA6Q1_9_9CdOm {
  margin-left: 1rem;
  display: inline-flex;
  align-items: center;
  position: relative;
  color: #4c7ef3;
  cursor: pointer;
  text-decoration: none; }
  .back__1gDIl7g4_uA6Q1_9_9CdOm:hover {
    opacity: 0.8; }
  @media only screen and (min-width: 48rem) {
    .back__1gDIl7g4_uA6Q1_9_9CdOm {
      margin-left: 2rem; } }
  @media only screen and (min-width: 64rem) {
    .back__1gDIl7g4_uA6Q1_9_9CdOm {
      margin-left: 3rem; } }
  @media only screen and (min-width: 75rem) {
    .back__1gDIl7g4_uA6Q1_9_9CdOm {
      margin-left: 6rem; } }

.pauseContent__1Q3clmNJWeChWogxdDZjCn {
  color: #525252;
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
  margin: 2rem auto;
  max-width: 50rem; }

.pauseImg__2F3d1NHXwxnUVDTzO8w4ub {
  height: 3rem;
  width: 5.1875rem;
  margin: 1.25rem; }

.chevronIcon__3RAKbWNqer13er2OZFZJ8x {
  color: #4c7ef3;
  min-width: 1.2rem;
  width: 1.2rem;
  height: 1.2rem; }

.popularBadge__LpttsDtmYYO7cjyM85NWg {
  position: absolute;
  top: 0.6875rem;
  right: 0; }

.cancellationLink__3WfzU7AIiDpY8PfoZrE6n3 {
  width: 100%;
  margin: 5.75rem auto 0;
  text-align: center; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.noLinkStyle__EcKw-X0UJAihpGVpRFFOh:hover, .noLinkStyle__EcKw-X0UJAihpGVpRFFOh:focus, .noLinkStyle__EcKw-X0UJAihpGVpRFFOh:active {
  text-decoration: none; }

.noLinkStyle__EcKw-X0UJAihpGVpRFFOh:visited {
  color: #000000; }

.exploreCardContainer__2ABFwPqyD4Mbh1BNUuZDO3 {
  display: flex;
  justify-content: center;
  margin: 45px auto 0;
  width: 21.25rem;
  height: 20.75rem; }
  @media only screen and (min-width: 48rem) {
    .exploreCardContainer__2ABFwPqyD4Mbh1BNUuZDO3 {
      width: 25rem;
      height: 23.375rem; } }
  @media only screen and (min-width: 64rem) {
    .exploreCardContainer__2ABFwPqyD4Mbh1BNUuZDO3 {
      width: 28.125rem;
      height: 26.25rem; } }

.exploreCard__ckvLzSfZAzlk5awpmqF2L {
  justify-content: space-between;
  border-radius: 0.125rem;
  text-align: center;
  width: 100%;
  height: 100%;
  margin: auto;
  padding: 0.625rem; }
  @media only screen and (min-width: 48rem) {
    .exploreCard__ckvLzSfZAzlk5awpmqF2L {
      width: 100%;
      height: 100%;
      padding: 0.625rem; } }
  @media only screen and (min-width: 64rem) {
    .exploreCard__ckvLzSfZAzlk5awpmqF2L {
      width: 100%;
      height: 100%;
      padding: 0.625rem; } }

.exploreImageContainer__3Nfx_iYLd0whdf9a75YzdR {
  height: 10rem; }
  @media only screen and (min-width: 48rem) {
    .exploreImageContainer__3Nfx_iYLd0whdf9a75YzdR {
      height: 13rem; } }

.exploreImage__2x1PXooa4EyVjoP9uKV5a6 {
  display: flex;
  align-self: flex-start;
  margin: 24px auto 0;
  width: 75%;
  height: auto; }
  @media only screen and (min-width: 64rem) {
    .exploreImage__2x1PXooa4EyVjoP9uKV5a6 {
      margin: 45px auto 0; } }

.exploreText__2PIxTVJMDvELgMZ6KDBw0U {
  display: flex;
  flex-direction: column;
  padding-bottom: 3.5rem;
  max-width: 23.75rem;
  margin: 18px auto 0; }
  .exploreText__2PIxTVJMDvELgMZ6KDBw0U > p {
    font-size: 15px;
    max-width: 19.375rem;
    color: #000000;
    margin: 0 auto; }
  @media only screen and (min-width: 64rem) {
    .exploreText__2PIxTVJMDvELgMZ6KDBw0U > p {
      font-size: 17px;
      max-width: 24.375rem; } }

.exploreHeader__3dJkc5vNvWxfdffaPNgFku {
  font-size: 26px;
  color: #000000; }
  @media only screen and (min-width: 64rem) {
    .exploreHeader__3dJkc5vNvWxfdffaPNgFku {
      font-size: 2.2rem; } }

.pink__1r_Cni3TemMexBpeR-kOqH {
  background-color: #ff8ef5; }

.yellow__2UUijHB3AggO9XB-bS8i7x {
  background-color: #ffc740; }

.blue__27SB1DzNJu559OMFUCCdAT {
  background-color: #7098f5; }

.green__1UyjKpDsDk4EcAZNl8KJLD {
  background-color: #6df0c2; }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.exploreSection__mBCG4Q_J_Btdoi9dww0PO {
  margin: 50px auto 0;
  max-width: 45.125rem; }
  @media only screen and (min-width: 48rem) {
    .exploreSection__mBCG4Q_J_Btdoi9dww0PO {
      margin: 75px auto 0;
      max-width: 52.625rem; } }
  @media only screen and (min-width: 64rem) {
    .exploreSection__mBCG4Q_J_Btdoi9dww0PO {
      max-width: 58.9375rem; } }

.exploreGrid__39cbHYtkMZucJod4Jt1C8x {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
  grid-gap: 2.2rem; }
  .exploreGrid__39cbHYtkMZucJod4Jt1C8x > * {
    flex-basis: 21.5rem; }

.exploreBenefits__HPKnyhtx8p8Ru0xKtarqH {
  text-align: center;
  margin-top: 0.625rem;
  margin-bottom: -0.625rem; }
  @media only screen and (min-width: 48rem) {
    .exploreBenefits__HPKnyhtx8p8Ru0xKtarqH {
      margin-bottom: 0;
      width: 100%; } }

.exploreListItem__1DhiBYRHh58rm6CcrOcy_b {
  max-height: 317px; }
  @media only screen and (min-width: 48rem) {
    .exploreListItem__1DhiBYRHh58rm6CcrOcy_b {
      max-height: 380px; } }
  @media only screen and (min-width: 64rem) {
    .exploreListItem__1DhiBYRHh58rm6CcrOcy_b {
      max-height: 426px; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.welcomeSectionContainer__3agLaWpOhReHzk59ivl5xD {
  max-width: 100%; }

.welcomeSectionContent__2wkLYt0lxwgoXvZ6Swram9 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 100%;
  margin-top: 1.25rem; }
  @media only screen and (min-width: 48rem) {
    .welcomeSectionContent__2wkLYt0lxwgoXvZ6Swram9 {
      margin-top: 2.5rem; } }

.welcomeText__1py8wOeLJNqK6Oxh2hRkfo {
  max-width: 43.75rem;
  margin: 43px auto 0;
  text-align: center; }

.proLogo__1GF-A0Q_BFdoXVLZFKgfd4 {
  margin: 0 auto;
  width: 6.875rem;
  height: auto; }

.welcomeButton__3pYGxO790RJLn-zbao6F2S {
  margin: 45px auto 0;
  width: 18.75rem; }
  @media only screen and (min-width: 48rem) {
    .welcomeButton__3pYGxO790RJLn-zbao6F2S {
      width: 21.875rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.helpSection__22xluEC23GkOI-YrEUYgOL {
  max-width: 23.75rem;
  margin: 120px auto 30px;
  text-align: center;
  display: flex;
  justify-content: center; }
  @media only screen and (min-width: 48rem) {
    .helpSection__22xluEC23GkOI-YrEUYgOL {
      max-width: 58.9375rem;
      margin: 110px auto 50px; } }

.getStarted__x-x11rphjelb83Hng9ONd {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 1.875rem;
  margin-bottom: 6.25rem; }
  @media only screen and (min-width: 48rem) {
    .getStarted__x-x11rphjelb83Hng9ONd {
      margin-bottom: 9.375rem; } }

.helpSectionButton__1tdf-chU4iUq7q0ZNNP643 {
  margin: 0 auto;
  width: 18.75rem; }
  @media only screen and (min-width: 48rem) {
    .helpSectionButton__1tdf-chU4iUq7q0ZNNP643 {
      width: 21.875rem; } }

/**
 * Global variables and helpers for the codecademy app
 *
 * This file should not output any css when compiled
 *
 * It should only include variables, mixins, functions,
 * and other SCSS constructs that do not output and CSS without
 * being invoked.
 */
.helpCardsSection__2UYEl5tOD_-2lBNIEg1iaJ {
  margin: 0 auto;
  display: flex;
  justify-content: center; }

.helpCardsList__v5fu7pdSROqYkcxyj0ekQ {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
  grid-gap: 2.2rem;
  width: 45.125rem; }
  .helpCardsList__v5fu7pdSROqYkcxyj0ekQ > * {
    flex-basis: 21.5rem; }
  @media only screen and (min-width: 48rem) {
    .helpCardsList__v5fu7pdSROqYkcxyj0ekQ {
      width: 52.625rem; } }
  @media only screen and (min-width: 64rem) {
    .helpCardsList__v5fu7pdSROqYkcxyj0ekQ {
      width: 58.9375rem; } }

.helpCard__2FYW58u7ifN89vi6GD5GIA {
  width: 21.25rem;
  margin: 0 auto; }
  .helpCard__2FYW58u7ifN89vi6GD5GIA:hover, .helpCard__2FYW58u7ifN89vi6GD5GIA:focus, .helpCard__2FYW58u7ifN89vi6GD5GIA:active {
    text-decoration: none; }
  .helpCard__2FYW58u7ifN89vi6GD5GIA:visited {
    color: #000000; }
  @media only screen and (min-width: 48rem) {
    .helpCard__2FYW58u7ifN89vi6GD5GIA {
      width: 25rem; } }
  @media only screen and (min-width: 64rem) {
    .helpCard__2FYW58u7ifN89vi6GD5GIA {
      width: 28.125rem; } }

.card__3yeI6ffPHrOJD7MlyRdUG6 {
  margin-bottom: 3.125rem; }


/*# sourceMappingURL=portal.52134e2d888cad956d5f.css.map*/